/* Variables copied from variables.less */
/*  */

/* General */
html,
body,
button {
  color: #454547;
}

/* Default .btn */
/*  */
.btn {
  background-color: #3ea7f6;
  color: #FFFFFF;
}
.btn:hover,
.btn:focus {
  background-color: #358ed1;
  color: #FFFFFF;
}

/* Header */
.header {
  background-color: #3ea7f6;
  color: #FFFFFF;
}

/* Header with image */
/*  */
.header--withimage .header {
  background-color: transparent;
}

/* This is decided by Curated */
@media (max-width: 760px) {
  .header .navbar-collapse {
    background-color: #252526;
  }
  .header .navbar-collapse a {
    color: rgba(255,255,255,0.8);
  }
  .header .navbar-collapse a:hover,
  .header .navbar-collapse a:active {
    color: #ffffff;
  }
}
.header .navbar-search {
  background-color: #252526;
}

.header .navbar-search-bar {
  background-color: rgba(255,255,255,0.8);
}

.header .navbar-a-search {
  color: rgba(255,255,255,0.8);
}

.header .navbar-toggle .navbar-toggle-bar {
  background-color: rgba(255,255,255,0.8);
}
.header .navbar-toggle:hover .navbar-toggle-bar,
.header .navbar-toggle:active .navbar-toggle-bar {
  background-color: #FFFFFF;
}
/* This is decided by Curated */
/* matches .navbar-collapse a above */
.header .navbar-toggle .icon-cross {
  color: rgba(255,255,255,0.8);
}
.header .navbar-toggle .icon-cross:hover,
.header .navbar-toggle .icon-cross:active {
  color: #ffffff;
}
.header a {
  color: rgba(255,255,255,0.8);
}
.header a:hover,
.header a:active {
  color: #FFFFFF;
}
.header a.navbar-brand {
  color: #FFFFFF;
}

/* Colors for email and search inputs in header */
/*  */
.header .form-control {
  background-color: rgba(255,255,255,0.9);
  color: #000000;
}

/* Placeholder colors */
/*  */
.header ::-moz-placeholder {
  color: #256494;
}
.header :-ms-input-placeholder {
  color: #256494;
}
.header ::placeholder {
  color: #256494;
}

.header .btn,
.btn-primary {
  background-color: #3ff6d0;

  color: #000000;
}

.header .btn path,
.btn-primary path {
  stroke: #000000;
}

.header .btn:hover,
.btn-primary:hover,
.header .btn:focus,
.btn-primary:focus {
  background-color: #39ddbb;
  color: #000000;

}

@media (min-width: 760px) {
  .navbar-search .form-control {
    border: 1px solid #3896dd;
    -webkit-background-clip: padding-box;
  }
}

.navbar-search .btn {
  background-color: transparent;
  color: #5e5e61;
}
.navbar-search .btn:hover,
.navbar-search .btn:focus {
  background-color: transparent;
  color: #000000;
}

/* Item */
/*  */

/* When the item is in .item__list, set divider border top color (archives and search pages) */
/*  */
.item__list .item:before {
  border-top-color: rgba(69,69,71,0.2);
}

.item__heading {
  /* This is .item__heading on search and archives */
  color: #000000;
}
.item__footer {
  /* This is .item__footer on search and archives */
  color: rgba(69,69,71,0.7);
}

/* Issue heading */
/*  */
.issue__heading h1 {
  color: #454547;
}

/* If issue date is displayed along with title <time> gets wrapped in an <i> */
/*  */
.issue__heading h1 i {
  color: rgba(69,69,71,0.7);
}

/* Trello: https://trello.com/c/lEPuvhXO */
/* If secondary font is Garamond, Laila or Merriweather adjust */
/* padding to correct line-height issues with these fonts in lozenge */
/*  */
.category__title--lozenge .category__title__text {
  padding-bottom: 3px;
  padding-top: 5px;
}

    /* Garamond doesn't need fixing on desktop, only Laila and Merriweather */
    /*  */

/* Category styles */
/* Does not effect search/archives alignment */
/*  */
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-industry .item__heading {
  color: #2d80f7;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-industry .item__title {
  color: #2d80f7;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-industry .item__body p a {
  color: #2d80f7;
}


.cc-industry {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-industry .category__title {
  color: #2d80f7;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-industry .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-industry .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-industry blockquote {
  border-left-color: #cccccc;
}

.cc-industry .item__title a {
  color: #2d80f7;
}
.cc-industry .item__title a:hover,
.cc-industry .item__title a:focus {
  color: #2466c6;
}

  /* Embedded link colors */
  /*  */

.cc-industry p a,
.cc-industry ul li a {
  color: #2d80f7;
}
.cc-industry p a:hover,
.cc-industry p a:active,
.cc-industry ul li a:hover,
.cc-industry ul li a:active {
  color: #53a6ff;
}

.cc-industry .item__footer {
  color: #454547;
}
.cc-industry .item__footer a {
  color: #2d80f7;
}
.cc-industry .item__footer a:hover,
.cc-industry .item__footer a:active {
  color: #53a6ff;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-industry hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-industry.category__footer h2 {
  border: 1px solid #454547;
}
.cc-industry.category__footer a {
  color: #2d80f7;
}
.cc-industry.category__footer a:hover,
.cc-industry.category__footer a:focus {
  color: #2466c6;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-letstakeabreather .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-letstakeabreather .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-letstakeabreather .item__body p a {
  color: #000000;
}


.cc-letstakeabreather {
  background-color: #fcf478;
  color: #454547;
  text-align: left;
}

.cc-letstakeabreather .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-letstakeabreather .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-letstakeabreather .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-letstakeabreather .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-letstakeabreather blockquote {
  border-left-color: #cac360;
}

.cc-letstakeabreather .item__title a {
  color: #000000;
}
.cc-letstakeabreather .item__title a:hover,
.cc-letstakeabreather .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-letstakeabreather p a,
.cc-letstakeabreather ul li a {
  color: #000000;
}
.cc-letstakeabreather p a:hover,
.cc-letstakeabreather p a:active,
.cc-letstakeabreather ul li a:hover,
.cc-letstakeabreather ul li a:active {
  color: #262626;
}

.cc-letstakeabreather .item__footer {
  color: #454547;
}
.cc-letstakeabreather .item__footer a {
  color: #000000;
}
.cc-letstakeabreather .item__footer a:hover,
.cc-letstakeabreather .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-letstakeabreather hr {
  background-color: #cac360;
  color: #cac360;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-letstakeabreather.category__footer h2 {
  border: 1px solid #454547;
}
.cc-letstakeabreather.category__footer a {
  color: #000000;
}
.cc-letstakeabreather.category__footer a:hover,
.cc-letstakeabreather.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-justforlaughs .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-justforlaughs .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-justforlaughs .item__body p a {
  color: #000000;
}


.cc-justforlaughs {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-justforlaughs .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-justforlaughs .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-justforlaughs .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-justforlaughs .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-justforlaughs blockquote {
  border-left-color: #cccccc;
}

.cc-justforlaughs .item__title a {
  color: #000000;
}
.cc-justforlaughs .item__title a:hover,
.cc-justforlaughs .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-justforlaughs p a,
.cc-justforlaughs ul li a {
  color: #000000;
}
.cc-justforlaughs p a:hover,
.cc-justforlaughs p a:active,
.cc-justforlaughs ul li a:hover,
.cc-justforlaughs ul li a:active {
  color: #262626;
}

.cc-justforlaughs .item__footer {
  color: #454547;
}
.cc-justforlaughs .item__footer a {
  color: #000000;
}
.cc-justforlaughs .item__footer a:hover,
.cc-justforlaughs .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-justforlaughs hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-justforlaughs.category__footer h2 {
  border: 1px solid #454547;
}
.cc-justforlaughs.category__footer a {
  color: #000000;
}
.cc-justforlaughs.category__footer a:hover,
.cc-justforlaughs.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-letstalk .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-letstalk .item__title {
  color: #ffffff;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-letstalk .item__body p a {
  color: #ffffff;
}


.cc-letstalk {
  background-color: #3ea7f6;
  color: #ffffff;
  text-align: left;
}

.cc-letstalk .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-letstalk .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-letstalk .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-letstalk .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-letstalk blockquote {
  border-left-color: #3286c5;
}

.cc-letstalk .item__title a {
  color: #ffffff;
}
.cc-letstalk .item__title a:hover,
.cc-letstalk .item__title a:focus {
  color: #cccccc;
}

  /* Embedded link colors */
  /*  */

.cc-letstalk p a,
.cc-letstalk ul li a {
  color: #ffffff;
}
.cc-letstalk p a:hover,
.cc-letstalk p a:active,
.cc-letstalk ul li a:hover,
.cc-letstalk ul li a:active {
  color: #d9d9d9;
}

.cc-letstalk .item__footer {
  color: #ffffff;
}
.cc-letstalk .item__footer a {
  color: #ffffff;
}
.cc-letstalk .item__footer a:hover,
.cc-letstalk .item__footer a:active {
  color: #d9d9d9;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-letstalk hr {
  background-color: #3286c5;
  color: #3286c5;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-letstalk.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-letstalk.category__footer a {
  color: #ffffff;
}
.cc-letstalk.category__footer a:hover,
.cc-letstalk.category__footer a:focus {
  color: #cccccc;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-savesuccessfullyloaded .item__heading {
  color: #000000;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-savesuccessfullyloaded .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-savesuccessfullyloaded .item__body p a {
  color: #000000;
}


.cc-savesuccessfullyloaded {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-savesuccessfullyloaded .category__title {
  color: #000000;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-savesuccessfullyloaded .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-savesuccessfullyloaded .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-savesuccessfullyloaded blockquote {
  border-left-color: #cccccc;
}

.cc-savesuccessfullyloaded .item__title a {
  color: #000000;
}
.cc-savesuccessfullyloaded .item__title a:hover,
.cc-savesuccessfullyloaded .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-savesuccessfullyloaded p a,
.cc-savesuccessfullyloaded ul li a {
  color: #000000;
}
.cc-savesuccessfullyloaded p a:hover,
.cc-savesuccessfullyloaded p a:active,
.cc-savesuccessfullyloaded ul li a:hover,
.cc-savesuccessfullyloaded ul li a:active {
  color: #262626;
}

.cc-savesuccessfullyloaded .item__footer {
  color: #454547;
}
.cc-savesuccessfullyloaded .item__footer a {
  color: #000000;
}
.cc-savesuccessfullyloaded .item__footer a:hover,
.cc-savesuccessfullyloaded .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-savesuccessfullyloaded hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-savesuccessfullyloaded.category__footer h2 {
  border: 1px solid #454547;
}
.cc-savesuccessfullyloaded.category__footer a {
  color: #000000;
}
.cc-savesuccessfullyloaded.category__footer a:hover,
.cc-savesuccessfullyloaded.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-sponsoredby .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-sponsoredby .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-sponsoredby .item__body p a {
  color: #000000;
}


.cc-sponsoredby {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-sponsoredby .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-sponsoredby .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-sponsoredby .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-sponsoredby .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-sponsoredby blockquote {
  border-left-color: #cccccc;
}

.cc-sponsoredby .item__title a {
  color: #000000;
}
.cc-sponsoredby .item__title a:hover,
.cc-sponsoredby .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-sponsoredby p a,
.cc-sponsoredby ul li a {
  color: #000000;
}
.cc-sponsoredby p a:hover,
.cc-sponsoredby p a:active,
.cc-sponsoredby ul li a:hover,
.cc-sponsoredby ul li a:active {
  color: #262626;
}

.cc-sponsoredby .item__footer {
  color: #454547;
}
.cc-sponsoredby .item__footer a {
  color: #000000;
}
.cc-sponsoredby .item__footer a:hover,
.cc-sponsoredby .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-sponsoredby hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-sponsoredby.category__footer h2 {
  border: 1px solid #454547;
}
.cc-sponsoredby.category__footer a {
  color: #000000;
}
.cc-sponsoredby.category__footer a:hover,
.cc-sponsoredby.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-development .item__heading {
  color: #17c323;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-development .item__title {
  color: #17c323;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-development .item__body p a {
  color: #17c323;
}


.cc-development {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-development .category__title {
  color: #17c323;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-development .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-development .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-development .category__title--lozenge .category__title__text {
  background-color: #17c323;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-development blockquote {
  border-left-color: #cccccc;
}

.cc-development .item__title a {
  color: #17c323;
}
.cc-development .item__title a:hover,
.cc-development .item__title a:focus {
  color: #129c1c;
}

  /* Embedded link colors */
  /*  */

.cc-development p a,
.cc-development ul li a {
  color: #17c323;
}
.cc-development p a:hover,
.cc-development p a:active,
.cc-development ul li a:hover,
.cc-development ul li a:active {
  color: #3de949;
}

.cc-development .item__footer {
  color: #454547;
}
.cc-development .item__footer a {
  color: #17c323;
}
.cc-development .item__footer a:hover,
.cc-development .item__footer a:active {
  color: #3de949;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-development hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-development.category__footer h2 {
  border: 1px solid #454547;
}
.cc-development.category__footer a {
  color: #17c323;
}
.cc-development.category__footer a:hover,
.cc-development.category__footer a:focus {
  color: #129c1c;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-reviews .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-reviews .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-reviews .item__body p a {
  color: #000000;
}


.cc-reviews {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-reviews .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-reviews .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-reviews .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-reviews .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-reviews blockquote {
  border-left-color: #cccccc;
}

.cc-reviews .item__title a {
  color: #000000;
}
.cc-reviews .item__title a:hover,
.cc-reviews .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-reviews p a,
.cc-reviews ul li a {
  color: #000000;
}
.cc-reviews p a:hover,
.cc-reviews p a:active,
.cc-reviews ul li a:hover,
.cc-reviews ul li a:active {
  color: #262626;
}

.cc-reviews .item__footer {
  color: #454547;
}
.cc-reviews .item__footer a {
  color: #000000;
}
.cc-reviews .item__footer a:hover,
.cc-reviews .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-reviews hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-reviews.category__footer h2 {
  border: 1px solid #454547;
}
.cc-reviews.category__footer a {
  color: #000000;
}
.cc-reviews.category__footer a:hover,
.cc-reviews.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-deals .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-deals .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-deals .item__body p a {
  color: #000000;
}


.cc-deals {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-deals .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-deals .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-deals .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-deals .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-deals blockquote {
  border-left-color: #cccccc;
}

.cc-deals .item__title a {
  color: #000000;
}
.cc-deals .item__title a:hover,
.cc-deals .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-deals p a,
.cc-deals ul li a {
  color: #000000;
}
.cc-deals p a:hover,
.cc-deals p a:active,
.cc-deals ul li a:hover,
.cc-deals ul li a:active {
  color: #262626;
}

.cc-deals .item__footer {
  color: #454547;
}
.cc-deals .item__footer a {
  color: #000000;
}
.cc-deals .item__footer a:hover,
.cc-deals .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-deals hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-deals.category__footer h2 {
  border: 1px solid #454547;
}
.cc-deals.category__footer a {
  color: #000000;
}
.cc-deals.category__footer a:hover,
.cc-deals.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-community .item__heading {
  color: #ae1ac5;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-community .item__title {
  color: #ae1ac5;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-community .item__body p a {
  color: #ae1ac5;
}


.cc-community {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-community .category__title {
  color: #ae1ac5;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-community .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-community .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-community .category__title--lozenge .category__title__text {
  background-color: #ae1ac5;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-community blockquote {
  border-left-color: #cccccc;
}

.cc-community .item__title a {
  color: #ae1ac5;
}
.cc-community .item__title a:hover,
.cc-community .item__title a:focus {
  color: #8b159e;
}

  /* Embedded link colors */
  /*  */

.cc-community p a,
.cc-community ul li a {
  color: #ae1ac5;
}
.cc-community p a:hover,
.cc-community p a:active,
.cc-community ul li a:hover,
.cc-community ul li a:active {
  color: #d440eb;
}

.cc-community .item__footer {
  color: #454547;
}
.cc-community .item__footer a {
  color: #ae1ac5;
}
.cc-community .item__footer a:hover,
.cc-community .item__footer a:active {
  color: #d440eb;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-community hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-community.category__footer h2 {
  border: 1px solid #454547;
}
.cc-community.category__footer a {
  color: #ae1ac5;
}
.cc-community.category__footer a:hover,
.cc-community.category__footer a:focus {
  color: #8b159e;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-roundups .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-roundups .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-roundups .item__body p a {
  color: #000000;
}


.cc-roundups {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-roundups .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-roundups .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-roundups .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-roundups .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-roundups blockquote {
  border-left-color: #cccccc;
}

.cc-roundups .item__title a {
  color: #000000;
}
.cc-roundups .item__title a:hover,
.cc-roundups .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-roundups p a,
.cc-roundups ul li a {
  color: #000000;
}
.cc-roundups p a:hover,
.cc-roundups p a:active,
.cc-roundups ul li a:hover,
.cc-roundups ul li a:active {
  color: #262626;
}

.cc-roundups .item__footer {
  color: #454547;
}
.cc-roundups .item__footer a {
  color: #000000;
}
.cc-roundups .item__footer a:hover,
.cc-roundups .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-roundups hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-roundups.category__footer h2 {
  border: 1px solid #454547;
}
.cc-roundups.category__footer a {
  color: #000000;
}
.cc-roundups.category__footer a:hover,
.cc-roundups.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-covid19 .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-covid19 .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-covid19 .item__body p a {
  color: #000000;
}


.cc-covid19 {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-covid19 .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-covid19 .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-covid19 .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-covid19 .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-covid19 blockquote {
  border-left-color: #cccccc;
}

.cc-covid19 .item__title a {
  color: #000000;
}
.cc-covid19 .item__title a:hover,
.cc-covid19 .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-covid19 p a,
.cc-covid19 ul li a {
  color: #000000;
}
.cc-covid19 p a:hover,
.cc-covid19 p a:active,
.cc-covid19 ul li a:hover,
.cc-covid19 ul li a:active {
  color: #262626;
}

.cc-covid19 .item__footer {
  color: #454547;
}
.cc-covid19 .item__footer a {
  color: #000000;
}
.cc-covid19 .item__footer a:hover,
.cc-covid19 .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-covid19 hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-covid19.category__footer h2 {
  border: 1px solid #454547;
}
.cc-covid19.category__footer a {
  color: #000000;
}
.cc-covid19.category__footer a:hover,
.cc-covid19.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-longread .item__heading {
  color: #ff4a4a;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-longread .item__title {
  color: #ff4a4a;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-longread .item__body p a {
  color: #ff4a4a;
}


.cc-longread {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-longread .category__title {
  color: #ff4a4a;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-longread .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-longread .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-longread .category__title--lozenge .category__title__text {
  background-color: #ff4a4a;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-longread blockquote {
  border-left-color: #cccccc;
}

.cc-longread .item__title a {
  color: #ff4a4a;
}
.cc-longread .item__title a:hover,
.cc-longread .item__title a:focus {
  color: #cc3b3b;
}

  /* Embedded link colors */
  /*  */

.cc-longread p a,
.cc-longread ul li a {
  color: #ff4a4a;
}
.cc-longread p a:hover,
.cc-longread p a:active,
.cc-longread ul li a:hover,
.cc-longread ul li a:active {
  color: #d93f3f;
}

.cc-longread .item__footer {
  color: #454547;
}
.cc-longread .item__footer a {
  color: #ff4a4a;
}
.cc-longread .item__footer a:hover,
.cc-longread .item__footer a:active {
  color: #d93f3f;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-longread hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-longread.category__footer h2 {
  border: 1px solid #454547;
}
.cc-longread.category__footer a {
  color: #ff4a4a;
}
.cc-longread.category__footer a:hover,
.cc-longread.category__footer a:focus {
  color: #cc3b3b;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-linkdump .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-linkdump .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-linkdump .item__body p a {
  color: #000000;
}


.cc-linkdump {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-linkdump .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-linkdump .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-linkdump .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-linkdump .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-linkdump blockquote {
  border-left-color: #cccccc;
}

.cc-linkdump .item__title a {
  color: #000000;
}
.cc-linkdump .item__title a:hover,
.cc-linkdump .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-linkdump p a,
.cc-linkdump ul li a {
  color: #000000;
}
.cc-linkdump p a:hover,
.cc-linkdump p a:active,
.cc-linkdump ul li a:hover,
.cc-linkdump ul li a:active {
  color: #262626;
}

.cc-linkdump .item__footer {
  color: #454547;
}
.cc-linkdump .item__footer a {
  color: #000000;
}
.cc-linkdump .item__footer a:hover,
.cc-linkdump .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-linkdump hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-linkdump.category__footer h2 {
  border: 1px solid #454547;
}
.cc-linkdump.category__footer a {
  color: #000000;
}
.cc-linkdump.category__footer a:hover,
.cc-linkdump.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-alsosponsoredby .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-alsosponsoredby .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-alsosponsoredby .item__body p a {
  color: #000000;
}


.cc-alsosponsoredby {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-alsosponsoredby .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-alsosponsoredby .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-alsosponsoredby .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-alsosponsoredby .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-alsosponsoredby blockquote {
  border-left-color: #cccccc;
}

.cc-alsosponsoredby .item__title a {
  color: #000000;
}
.cc-alsosponsoredby .item__title a:hover,
.cc-alsosponsoredby .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-alsosponsoredby p a,
.cc-alsosponsoredby ul li a {
  color: #000000;
}
.cc-alsosponsoredby p a:hover,
.cc-alsosponsoredby p a:active,
.cc-alsosponsoredby ul li a:hover,
.cc-alsosponsoredby ul li a:active {
  color: #262626;
}

.cc-alsosponsoredby .item__footer {
  color: #454547;
}
.cc-alsosponsoredby .item__footer a {
  color: #000000;
}
.cc-alsosponsoredby .item__footer a:hover,
.cc-alsosponsoredby .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-alsosponsoredby hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-alsosponsoredby.category__footer h2 {
  border: 1px solid #454547;
}
.cc-alsosponsoredby.category__footer a {
  color: #000000;
}
.cc-alsosponsoredby.category__footer a:hover,
.cc-alsosponsoredby.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-newsletters .item__heading {
  color: #2d80f7;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-newsletters .item__title {
  color: #2d80f7;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-newsletters .item__body p a {
  color: #2d80f7;
}


.cc-newsletters {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-newsletters .category__title {
  color: #2d80f7;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-newsletters .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-newsletters .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-newsletters .category__title--lozenge .category__title__text {
  background-color: #2d80f7;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-newsletters blockquote {
  border-left-color: #cccccc;
}

.cc-newsletters .item__title a {
  color: #2d80f7;
}
.cc-newsletters .item__title a:hover,
.cc-newsletters .item__title a:focus {
  color: #2466c6;
}

  /* Embedded link colors */
  /*  */

.cc-newsletters p a,
.cc-newsletters ul li a {
  color: #2d80f7;
}
.cc-newsletters p a:hover,
.cc-newsletters p a:active,
.cc-newsletters ul li a:hover,
.cc-newsletters ul li a:active {
  color: #53a6ff;
}

.cc-newsletters .item__footer {
  color: #454547;
}
.cc-newsletters .item__footer a {
  color: #2d80f7;
}
.cc-newsletters .item__footer a:hover,
.cc-newsletters .item__footer a:active {
  color: #53a6ff;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-newsletters hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-newsletters.category__footer h2 {
  border: 1px solid #454547;
}
.cc-newsletters.category__footer a {
  color: #2d80f7;
}
.cc-newsletters.category__footer a:hover,
.cc-newsletters.category__footer a:focus {
  color: #2466c6;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-blogs .item__heading {
  color: #ae1ac5;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-blogs .item__title {
  color: #ae1ac5;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-blogs .item__body p a {
  color: #ae1ac5;
}


.cc-blogs {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-blogs .category__title {
  color: #ae1ac5;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-blogs .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-blogs .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-blogs .category__title--lozenge .category__title__text {
  background-color: #ae1ac5;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-blogs blockquote {
  border-left-color: #cccccc;
}

.cc-blogs .item__title a {
  color: #ae1ac5;
}
.cc-blogs .item__title a:hover,
.cc-blogs .item__title a:focus {
  color: #8b159e;
}

  /* Embedded link colors */
  /*  */

.cc-blogs p a,
.cc-blogs ul li a {
  color: #ae1ac5;
}
.cc-blogs p a:hover,
.cc-blogs p a:active,
.cc-blogs ul li a:hover,
.cc-blogs ul li a:active {
  color: #d440eb;
}

.cc-blogs .item__footer {
  color: #454547;
}
.cc-blogs .item__footer a {
  color: #ae1ac5;
}
.cc-blogs .item__footer a:hover,
.cc-blogs .item__footer a:active {
  color: #d440eb;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-blogs hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-blogs.category__footer h2 {
  border: 1px solid #454547;
}
.cc-blogs.category__footer a {
  color: #ae1ac5;
}
.cc-blogs.category__footer a:hover,
.cc-blogs.category__footer a:focus {
  color: #8b159e;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-beforeyougo .item__heading {
  color: #ffffff;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-beforeyougo .item__title {
  color: #ffffff;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-beforeyougo .item__body p a {
  color: #ffffff;
}


.cc-beforeyougo {
  background-color: #3ea7f6;
  color: #ffffff;
  text-align: left;
}

.cc-beforeyougo .category__title {
  color: #ffffff;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-beforeyougo .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-beforeyougo .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-beforeyougo blockquote {
  border-left-color: #3286c5;
}

.cc-beforeyougo .item__title a {
  color: #ffffff;
}
.cc-beforeyougo .item__title a:hover,
.cc-beforeyougo .item__title a:focus {
  color: #cccccc;
}

  /* Embedded link colors */
  /*  */

.cc-beforeyougo p a,
.cc-beforeyougo ul li a {
  color: #ffffff;
}
.cc-beforeyougo p a:hover,
.cc-beforeyougo p a:active,
.cc-beforeyougo ul li a:hover,
.cc-beforeyougo ul li a:active {
  color: #d9d9d9;
}

.cc-beforeyougo .item__footer {
  color: #ffffff;
}
.cc-beforeyougo .item__footer a {
  color: #ffffff;
}
.cc-beforeyougo .item__footer a:hover,
.cc-beforeyougo .item__footer a:active {
  color: #d9d9d9;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-beforeyougo hr {
  background-color: #3286c5;
  color: #3286c5;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-beforeyougo.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-beforeyougo.category__footer a {
  color: #ffffff;
}
.cc-beforeyougo.category__footer a:hover,
.cc-beforeyougo.category__footer a:focus {
  color: #cccccc;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-requiredreading .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-requiredreading .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-requiredreading .item__body p a {
  color: #000000;
}


.cc-requiredreading {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-requiredreading .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-requiredreading .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-requiredreading .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-requiredreading .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-requiredreading blockquote {
  border-left-color: #cccccc;
}

.cc-requiredreading .item__title a {
  color: #000000;
}
.cc-requiredreading .item__title a:hover,
.cc-requiredreading .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-requiredreading p a,
.cc-requiredreading ul li a {
  color: #000000;
}
.cc-requiredreading p a:hover,
.cc-requiredreading p a:active,
.cc-requiredreading ul li a:hover,
.cc-requiredreading ul li a:active {
  color: #262626;
}

.cc-requiredreading .item__footer {
  color: #454547;
}
.cc-requiredreading .item__footer a {
  color: #000000;
}
.cc-requiredreading .item__footer a:hover,
.cc-requiredreading .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-requiredreading hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-requiredreading.category__footer h2 {
  border: 1px solid #454547;
}
.cc-requiredreading.category__footer a {
  color: #000000;
}
.cc-requiredreading.category__footer a:hover,
.cc-requiredreading.category__footer a:focus {
  color: #000000;
}
/* Search modifier classes */
/*  */

/* For each category we have an .item__heading modifier class which is used on search results */
/*  */
.item--cc-unused .item__heading {
  color: #454547;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-unused .item__title {
  color: #000000;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-unused .item__body p a {
  color: #000000;
}


.cc-unused {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-unused .category__title {
  color: #454547;
  text-align: center;

  /* If header justification: left and header style: both_horizontal | icon_only */
  /* give heading relative for absolute positing of icon */
  /*  */
}

/* Icons */
/*  */
.cc-unused .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
}

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-unused .category__title img {
  }
}

  /* If category lozenge is selected for this category header style output styles */
  /*  */
.cc-unused .category__title--lozenge .category__title__text {
  background-color: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

  /* If text alignment is center, give p .item--issue left and right margin */
  /*  */

  /* If title alignment is center, remove margin-left from ol and ul */
  /*  */

.cc-unused blockquote {
  border-left-color: #cccccc;
}

.cc-unused .item__title a {
  color: #000000;
}
.cc-unused .item__title a:hover,
.cc-unused .item__title a:focus {
  color: #000000;
}

  /* Embedded link colors */
  /*  */

.cc-unused p a,
.cc-unused ul li a {
  color: #000000;
}
.cc-unused p a:hover,
.cc-unused p a:active,
.cc-unused ul li a:hover,
.cc-unused ul li a:active {
  color: #262626;
}

.cc-unused .item__footer {
  color: #454547;
}
.cc-unused .item__footer a {
  color: #000000;
}
.cc-unused .item__footer a:hover,
.cc-unused .item__footer a:active {
  color: #262626;
}


  /* Divider (formally .item__line but we can have <hr>'s inside .item--issue so apply to all) */
  /*  */
.cc-unused hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-unused.category__footer h2 {
  border: 1px solid #454547;
}
.cc-unused.category__footer a {
  color: #000000;
}
.cc-unused.category__footer a:hover,
.cc-unused.category__footer a:focus {
  color: #000000;
}

/* Issue pager and pagination */
/*  */
.issue__pager,
.pagination {
  color: #454547;
}

.issue__pager li > a,
.issue__pager li > span,
.pagination li > a,
.pagination li > span {
  border-color: #454547;
}

.issue__pager li a:hover,
.issue__pager li a:focus,
.pagination li a:hover,
.pagination li a:focus {
  border-color: rgba(69,69,71,0.4);
}

.issue__pager li .icon,
.pagination li .icon {
  color: #A1A8B2;
}
.issue__pager .active a,
.issue__pager .active span,
.pagination .active a,
.pagination .active span {
  border-color: #000000;
  color: #000000;
}

/* When on mobile, don't highlight active as this acts as summary */
/*  */
@media (max-width: 760px) {
  .issue__pager .active span,
  .pagination .active span {
    color: #6a6f75;
  }
}


/* Call to actions in the header colors */
/*  */
.cta--header {
  color: rgba(255,255,255,0.9);
}

/* Header with image */
/*  */
.header--withimage .cta--header {
  /* From two possible background colors (black at 40%, black at 5%), choose */
  /* the one that has most contrast with the publication header text color. */
  background-color: rgba(0,0,0,0.4);
}

/* Style input with border when flat color */
/*  */
.cta--header .form-control {
  border: 1px solid #3896dd;
  -webkit-background-clip: padding-box;
}

.cta--header .cta-tabs .cta-tabs-title {
  color: rgba(255,255,255,0.6);
}

.cta--header .cta-tabs button {
  color: rgba(255,255,255,0.6);
}
.cta--header .cta-tabs button:hover,
.cta--header .cta-tabs button.active {
  border-top-color: rgba(255,255,255,0.8);
  color: #FFFFFF;
}

.header--withimage .cta--header .btn {
  background-color: #3ff6d0;
}
.header--withimage .cta--header .btn:hover,
.header--withimage .cta--header .btn:focus {
  background-color: #3ceac6;
}


/* Subscription pages */
/*  */
.subscription__resubscribe__btn {
  color: #000000;
}
.subscription__resubscribe__btn:hover,
.subscription__resubscribe__btn:focus {
  color: #262626;
}


/* Pages */
/*  */
.page h2:before {
  border-top-color: rgba(69,69,71,0.7);
}
.page__header {
  color: rgba(69,69,71,0.7);
}
.page__header b,
.page__header strong {
  color: rgba(55,55,57,0.7);
}
.page .terms--custom {
  border-top: 1px solid rgba(69,69,71,0.7);
}

/* Sponsorship pages */
/*  */
.sponsorship a {
  color: #000000;
}
.sponsorship a:hover,
.sponsorship a:active {
  color: #262626;
}

.sponsorship__quicklinks {
  color: rgba(69,69,71,0.7);
}
.sponsorship__quicklinks a {
  color: rgba(69,69,71,0.7);
}
.sponsorship__quicklinks a:hover,
.sponsorship__quicklinks a:active {
  color: #3e3e40;
}

.sponsorship__nextavailable.with_divider:before {
  border-top-color: rgba(69,69,71,0.6);
}
.sponsorship__nextavailable h4 {
  color: rgba(69,69,71,0.7);
}
.sponsorship__nextavailable a {
  color: rgba(183,206,60,0.7);
}
.sponsorship__nextavailable a:hover,
.sponsorship__nextavailable a:active {
  color: #a5b936;
}

.sponsorship__pricing {
  background-color: #f0f5fa;
  color: #454547;
}
.sponsorship__pricing .btn {
  background-color: #B7CE3C;
  color: #FFFFFF;
}
.sponsorship__pricing .btn:hover,
.sponsorship__pricing .btn:focus {
  background-color: #a5b936;
  color: #FFFFFF;
}

.sponsorship__availability h2 {
  color: rgba(69,69,71,0.7);
}

.sponsorship__availability section + section:before {
  border-top-color: rgba(69,69,71,0.6);
}

.sponsorship__availability .dates li {
  background-color: #f0f5fa;
  color: #454547;
}

.sponsorship__availability .dates p {
  border-bottom-color: rgba(69,69,71,0.2);
}

.sponsorship__availability .booked p {
  color: #9C9C9C;
}
.sponsorship__availability .booked .booknow span {
  background-color: #9C9C9C;
  color: #FFFFFF;
}

.sponsorship__availability .tentative p {
  color: #FB8A35;
}
.sponsorship__availability .tentative .booknow span {
  background-color: #FB8A35;
  color: #FFFFFF;
}

.sponsorship__availability .available p {
  color: #B7CE3C;
}
.sponsorship__availability .available .booknow a {
  background-color: #B7CE3C;
  color: #FFFFFF;
}
.sponsorship__availability .available .booknow a:hover,
.sponsorship__availability .available .booknow a:focus {
  background-color: #a5b936;
}

.sponsorship__availability__info .tentative {
  color: #FB8A35;
}
.sponsorship__availability__info a {
  color: #B7CE3C;
}
.sponsorship__availability__info a:hover,
.sponsorship__availability__info a:focus {
  color: #a5b936;
}

.sponsorship__details {
  background-color: #f0f5fa;
  color: #454547;
}

.sponsorship__previous li {
  border-top-color: rgba(69,69,71,0.1);
}
@media (min-width: 760px) {
  .sponsorship__previous li {
    border-color: rgba(69,69,71,0.1);
  }
}

.sponsorship__inquiry h3 {
  border-bottom-color: rgba(69,69,71,0.2);
}

/* Home page no issue overwrites */
/*  */
.home--noissue {
  background-color: #3ea7f6;
  color: #FFFFFF;
}
.home--noissue body {
  background-color: transparent;
}
.home--noissue .footer {
  background-color: #3ea7f6;
  color: #FFFFFF;
}
.home--noissue .footer a {
  color: rgba(255,255,255,0.8);
}
.home--noissue .footer a:hover,
.home--noissue .footer a:active {
  color: #FFFFFF;
}
.home--noissue .footer .i .recaptcha-terms {
  color: rgba(255,255,255,0.5);
}
.home--noissue .footer .i .recaptcha-terms a {
  color: rgba(255,255,255,0.5);
}

.home--noissue .footer .social a svg {
  fill: rgba(255,255,255,0.8);
}
.home--noissue .footer .social a:hover svg {
  fill: #FFFFFF;
}


.header--withimage .header {
  background-image: url();
}
@media (min-width: 760px) {
  .header--withimage .header {
    background-image: url();
  }
}

/* Home page no issue overwrites with image */
/* ### HARDCODED: to be adjusted when implemented into theme */
/*  */
.home--noissue.header--withimage {
  background-attachment: fixed;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url();
}
@media (min-width: 760px) {
  .home--noissue.header--withimage {
    background-image: url();
  }
}

.home--noissue.header--withimage header.header {
  background-image: none;
}
@media (min-width: 760px) {
  .home--noissue.header--withimage header.header {
    background-image: none;
  }
}

.home--noissue.header--withimage body,
.home--noissue.header--withimage header.header,
.home--noissue.header--withimage .footer {
  background-color: transparent !important;
}