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

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

/* Default .btn */
/*  */
.btn {
  background-color: #010a0c;
  color: #ecc8e1;
}
.btn:hover,
.btn:focus {
  background-color: #273032;
  color: #ecc8e1;
}

/* Header */
.header {
  background-color: #010a0c;
  color: #ecc8e1;
}

/* 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(236,200,225,0.8);
}

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

.header .navbar-toggle .navbar-toggle-bar {
  background-color: rgba(236,200,225,0.8);
}
.header .navbar-toggle:hover .navbar-toggle-bar,
.header .navbar-toggle:active .navbar-toggle-bar {
  background-color: #ecc8e1;
}
/* 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(236,200,225,0.8);
}
.header a:hover,
.header a:active {
  color: #ecc8e1;
}
.header a.navbar-brand {
  color: #ecc8e1;
}

/* 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: #010607;
}
.header :-ms-input-placeholder {
  color: #010607;
}
.header ::placeholder {
  color: #010607;
}

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

  color: #FFFFFF;
}

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

.header .btn:hover,
.btn-primary:hover,
.header .btn:focus,
.btn-primary:focus {
  background-color: #b22ed1;
  color: #FFFFFF;

}

@media (min-width: 760px) {
  .navbar-search .form-control {
    border: 1px solid #01090b;
    -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: #454547;
}
.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-subculturescoop .item__heading {
  color: #813bdd;
}

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

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


.cc-subculturescoop {
  background-color: #050405;
  color: #dfd7f9;
  text-align: left;
}

.cc-subculturescoop .category__title {
  color: #813bdd;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-subculturescoop .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-subculturescoop blockquote {
  border-left-color: #383738;
}

.cc-subculturescoop .item__title a {
  color: #e520d6;
}
.cc-subculturescoop .item__title a:hover,
.cc-subculturescoop .item__title a:focus {
  color: #b71aab;
}

  /* Embedded link colors */
  /*  */

.cc-subculturescoop p a,
.cc-subculturescoop ul li a {
  color: #e520d6;
}
.cc-subculturescoop p a:hover,
.cc-subculturescoop p a:active,
.cc-subculturescoop ul li a:hover,
.cc-subculturescoop ul li a:active {
  color: #ff46fc;
}

.cc-subculturescoop .item__footer {
  color: #dfd7f9;
}
.cc-subculturescoop .item__footer a {
  color: #e520d6;
}
.cc-subculturescoop .item__footer a:hover,
.cc-subculturescoop .item__footer a:active {
  color: #ff46fc;
}


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

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

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

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

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


.cc-precious {
  background-color: #171438;
  color: #f4eff9;
  text-align: left;
}

.cc-precious .category__title {
  color: #f3fcfd;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-precious .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-precious blockquote {
  border-left-color: #4a476b;
}

.cc-precious .item__title a {
  color: #fef0ff;
}
.cc-precious .item__title a:hover,
.cc-precious .item__title a:focus {
  color: #cbc0cc;
}

  /* Embedded link colors */
  /*  */

.cc-precious p a,
.cc-precious ul li a {
  color: #fef0ff;
}
.cc-precious p a:hover,
.cc-precious p a:active,
.cc-precious ul li a:hover,
.cc-precious ul li a:active {
  color: #d8ccd9;
}

.cc-precious .item__footer {
  color: #f4eff9;
}
.cc-precious .item__footer a {
  color: #fef0ff;
}
.cc-precious .item__footer a:hover,
.cc-precious .item__footer a:active {
  color: #d8ccd9;
}


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

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

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

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

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


.cc-calendar {
  background-color: #180e27;
  color: #d2e6f5;
  text-align: left;
}

.cc-calendar .category__title {
  color: #71a9ad;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-calendar .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-calendar blockquote {
  border-left-color: #4b415a;
}

.cc-calendar .item__title a {
  color: #605bfb;
}
.cc-calendar .item__title a:hover,
.cc-calendar .item__title a:focus {
  color: #4d49c9;
}

  /* Embedded link colors */
  /*  */

.cc-calendar p a,
.cc-calendar ul li a {
  color: #605bfb;
}
.cc-calendar p a:hover,
.cc-calendar p a:active,
.cc-calendar ul li a:hover,
.cc-calendar ul li a:active {
  color: #8681ff;
}

.cc-calendar .item__footer {
  color: #d2e6f5;
}
.cc-calendar .item__footer a {
  color: #605bfb;
}
.cc-calendar .item__footer a:hover,
.cc-calendar .item__footer a:active {
  color: #8681ff;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-calendar.category__footer h2 {
  border: 1px solid #d2e6f5;
}
.cc-calendar.category__footer a {
  color: #605bfb;
}
.cc-calendar.category__footer a:hover,
.cc-calendar.category__footer a:focus {
  color: #4d49c9;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-whyhellothere {
  background-color: #120324;
  color: #efeaff;
  text-align: left;
}

.cc-whyhellothere .category__title {
  color: #efeaff;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-whyhellothere .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-whyhellothere blockquote {
  border-left-color: #453657;
}

.cc-whyhellothere .item__title a {
  color: #efeaff;
}
.cc-whyhellothere .item__title a:hover,
.cc-whyhellothere .item__title a:focus {
  color: #bfbbcc;
}

  /* Embedded link colors */
  /*  */

.cc-whyhellothere p a,
.cc-whyhellothere ul li a {
  color: #efeaff;
}
.cc-whyhellothere p a:hover,
.cc-whyhellothere p a:active,
.cc-whyhellothere ul li a:hover,
.cc-whyhellothere ul li a:active {
  color: #cbc7d9;
}

.cc-whyhellothere .item__footer {
  color: #efeaff;
}
.cc-whyhellothere .item__footer a {
  color: #efeaff;
}
.cc-whyhellothere .item__footer a:hover,
.cc-whyhellothere .item__footer a:active {
  color: #cbc7d9;
}


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

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

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

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

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


.cc-top10 {
  background-color: #080332;
  color: #f0f1fb;
  text-align: left;
}

.cc-top10 .category__title {
  color: #a3d9ea;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-top10 .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-top10 blockquote {
  border-left-color: #3b3665;
}

.cc-top10 .item__title a {
  color: #813bdd;
}
.cc-top10 .item__title a:hover,
.cc-top10 .item__title a:focus {
  color: #672fb1;
}

  /* Embedded link colors */
  /*  */

.cc-top10 p a,
.cc-top10 ul li a {
  color: #813bdd;
}
.cc-top10 p a:hover,
.cc-top10 p a:active,
.cc-top10 ul li a:hover,
.cc-top10 ul li a:active {
  color: #a761ff;
}

.cc-top10 .item__footer {
  color: #f0f1fb;
}
.cc-top10 .item__footer a {
  color: #813bdd;
}
.cc-top10 .item__footer a:hover,
.cc-top10 .item__footer a:active {
  color: #a761ff;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-top10.category__footer h2 {
  border: 1px solid #f0f1fb;
}
.cc-top10.category__footer a {
  color: #813bdd;
}
.cc-top10.category__footer a:hover,
.cc-top10.category__footer a:focus {
  color: #672fb1;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-notefromthe {
  background-color: #120324;
  color: #efeaff;
  text-align: left;
}

.cc-notefromthe .category__title {
  color: #efeaff;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-notefromthe .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-notefromthe blockquote {
  border-left-color: #453657;
}

.cc-notefromthe .item__title a {
  color: #efeaff;
}
.cc-notefromthe .item__title a:hover,
.cc-notefromthe .item__title a:focus {
  color: #bfbbcc;
}

  /* Embedded link colors */
  /*  */

.cc-notefromthe p a,
.cc-notefromthe ul li a {
  color: #efeaff;
}
.cc-notefromthe p a:hover,
.cc-notefromthe p a:active,
.cc-notefromthe ul li a:hover,
.cc-notefromthe ul li a:active {
  color: #cbc7d9;
}

.cc-notefromthe .item__footer {
  color: #efeaff;
}
.cc-notefromthe .item__footer a {
  color: #efeaff;
}
.cc-notefromthe .item__footer a:hover,
.cc-notefromthe .item__footer a:active {
  color: #cbc7d9;
}


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

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

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

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

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


.cc-thetea {
  background-color: #16093a;
  color: #dbe4d8;
  text-align: left;
}

.cc-thetea .category__title {
  color: #6cd5b1;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-thetea .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-thetea blockquote {
  border-left-color: #493c6d;
}

.cc-thetea .item__title a {
  color: #18e1ae;
}
.cc-thetea .item__title a:hover,
.cc-thetea .item__title a:focus {
  color: #13b48b;
}

  /* Embedded link colors */
  /*  */

.cc-thetea p a,
.cc-thetea ul li a {
  color: #18e1ae;
}
.cc-thetea p a:hover,
.cc-thetea p a:active,
.cc-thetea ul li a:hover,
.cc-thetea ul li a:active {
  color: #14bf94;
}

.cc-thetea .item__footer {
  color: #dbe4d8;
}
.cc-thetea .item__footer a {
  color: #18e1ae;
}
.cc-thetea .item__footer a:hover,
.cc-thetea .item__footer a:active {
  color: #14bf94;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-thetea.category__footer h2 {
  border: 1px solid #dbe4d8;
}
.cc-thetea.category__footer a {
  color: #18e1ae;
}
.cc-thetea.category__footer a:hover,
.cc-thetea.category__footer a:focus {
  color: #13b48b;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-thepicks {
  background-color: #14052d;
  color: #d3fdf3;
  text-align: left;
}

.cc-thepicks .category__title {
  color: #07c6bf;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-thepicks .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-thepicks blockquote {
  border-left-color: #473860;
}

.cc-thepicks .item__title a {
  color: #07bb85;
}
.cc-thepicks .item__title a:hover,
.cc-thepicks .item__title a:focus {
  color: #06966a;
}

  /* Embedded link colors */
  /*  */

.cc-thepicks p a,
.cc-thepicks ul li a {
  color: #07bb85;
}
.cc-thepicks p a:hover,
.cc-thepicks p a:active,
.cc-thepicks ul li a:hover,
.cc-thepicks ul li a:active {
  color: #2de1ab;
}

.cc-thepicks .item__footer {
  color: #d3fdf3;
}
.cc-thepicks .item__footer a {
  color: #07bb85;
}
.cc-thepicks .item__footer a:hover,
.cc-thepicks .item__footer a:active {
  color: #2de1ab;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-thepicks.category__footer h2 {
  border: 1px solid #d3fdf3;
}
.cc-thepicks.category__footer a {
  color: #07bb85;
}
.cc-thepicks.category__footer a:hover,
.cc-thepicks.category__footer a:focus {
  color: #06966a;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-holiday {
  background-color: #03282a;
  color: #cbc9c8;
  text-align: left;
}

.cc-holiday .category__title {
  color: #e4ed00;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-holiday .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-holiday blockquote {
  border-left-color: #365b5d;
}

.cc-holiday .item__title a {
  color: #ac3dfc;
}
.cc-holiday .item__title a:hover,
.cc-holiday .item__title a:focus {
  color: #8a31ca;
}

  /* Embedded link colors */
  /*  */

.cc-holiday p a,
.cc-holiday ul li a {
  color: #ac3dfc;
}
.cc-holiday p a:hover,
.cc-holiday p a:active,
.cc-holiday ul li a:hover,
.cc-holiday ul li a:active {
  color: #d263ff;
}

.cc-holiday .item__footer {
  color: #cbc9c8;
}
.cc-holiday .item__footer a {
  color: #ac3dfc;
}
.cc-holiday .item__footer a:hover,
.cc-holiday .item__footer a:active {
  color: #d263ff;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-holiday.category__footer h2 {
  border: 1px solid #cbc9c8;
}
.cc-holiday.category__footer a {
  color: #ac3dfc;
}
.cc-holiday.category__footer a:hover,
.cc-holiday.category__footer a:focus {
  color: #8a31ca;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-freedonation {
  background-color: #031b22;
  color: #e6f0db;
  text-align: left;
}

.cc-freedonation .category__title {
  color: #e8ffba;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-freedonation .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-freedonation blockquote {
  border-left-color: #364e55;
}

.cc-freedonation .item__title a {
  color: #e9d576;
}
.cc-freedonation .item__title a:hover,
.cc-freedonation .item__title a:focus {
  color: #baaa5e;
}

  /* Embedded link colors */
  /*  */

.cc-freedonation p a,
.cc-freedonation ul li a {
  color: #e9d576;
}
.cc-freedonation p a:hover,
.cc-freedonation p a:active,
.cc-freedonation ul li a:hover,
.cc-freedonation ul li a:active {
  color: #c6b564;
}

.cc-freedonation .item__footer {
  color: #e6f0db;
}
.cc-freedonation .item__footer a {
  color: #e9d576;
}
.cc-freedonation .item__footer a:hover,
.cc-freedonation .item__footer a:active {
  color: #c6b564;
}


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

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

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

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

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


.cc-foodbevvies {
  background-color: #03251f;
  color: #efd5cd;
  text-align: left;
}

.cc-foodbevvies .category__title {
  color: #83da80;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-foodbevvies .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-foodbevvies blockquote {
  border-left-color: #365852;
}

.cc-foodbevvies .item__title a {
  color: #d9904e;
}
.cc-foodbevvies .item__title a:hover,
.cc-foodbevvies .item__title a:focus {
  color: #ae733e;
}

  /* Embedded link colors */
  /*  */

.cc-foodbevvies p a,
.cc-foodbevvies ul li a {
  color: #d9904e;
}
.cc-foodbevvies p a:hover,
.cc-foodbevvies p a:active,
.cc-foodbevvies ul li a:hover,
.cc-foodbevvies ul li a:active {
  color: #b87a42;
}

.cc-foodbevvies .item__footer {
  color: #efd5cd;
}
.cc-foodbevvies .item__footer a {
  color: #d9904e;
}
.cc-foodbevvies .item__footer a:hover,
.cc-foodbevvies .item__footer a:active {
  color: #b87a42;
}


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

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

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

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

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


.cc-famjams {
  background-color: #250319;
  color: #edf5e4;
  text-align: left;
}

.cc-famjams .category__title {
  color: #d55a45;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-famjams .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-famjams blockquote {
  border-left-color: #58364c;
}

.cc-famjams .item__title a {
  color: #c4527e;
}
.cc-famjams .item__title a:hover,
.cc-famjams .item__title a:focus {
  color: #9d4265;
}

  /* Embedded link colors */
  /*  */

.cc-famjams p a,
.cc-famjams ul li a {
  color: #c4527e;
}
.cc-famjams p a:hover,
.cc-famjams p a:active,
.cc-famjams ul li a:hover,
.cc-famjams ul li a:active {
  color: #ea78a4;
}

.cc-famjams .item__footer {
  color: #edf5e4;
}
.cc-famjams .item__footer a {
  color: #c4527e;
}
.cc-famjams .item__footer a:hover,
.cc-famjams .item__footer a:active {
  color: #ea78a4;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-famjams.category__footer h2 {
  border: 1px solid #edf5e4;
}
.cc-famjams.category__footer a {
  color: #c4527e;
}
.cc-famjams.category__footer a:hover,
.cc-famjams.category__footer a:focus {
  color: #9d4265;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-action {
  background-color: #070b58;
  color: #ebecdf;
  text-align: left;
}

.cc-action .category__title {
  color: #f1fa07;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-action .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-action blockquote {
  border-left-color: #3a3e8b;
}

.cc-action .item__title a {
  color: #b78bfd;
}
.cc-action .item__title a:hover,
.cc-action .item__title a:focus {
  color: #926fca;
}

  /* Embedded link colors */
  /*  */

.cc-action p a,
.cc-action ul li a {
  color: #b78bfd;
}
.cc-action p a:hover,
.cc-action p a:active,
.cc-action ul li a:hover,
.cc-action ul li a:active {
  color: #9c76d7;
}

.cc-action .item__footer {
  color: #ebecdf;
}
.cc-action .item__footer a {
  color: #b78bfd;
}
.cc-action .item__footer a:hover,
.cc-action .item__footer a:active {
  color: #9c76d7;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-action.category__footer h2 {
  border: 1px solid #ebecdf;
}
.cc-action.category__footer a {
  color: #b78bfd;
}
.cc-action.category__footer a:hover,
.cc-action.category__footer a:focus {
  color: #926fca;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-localmusic {
  background-color: #0b122a;
  color: #ccf0fd;
  text-align: left;
}

.cc-localmusic .category__title {
  color: #dfb56d;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-localmusic .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-localmusic blockquote {
  border-left-color: #3e455d;
}

.cc-localmusic .item__title a {
  color: #e7d6a3;
}
.cc-localmusic .item__title a:hover,
.cc-localmusic .item__title a:focus {
  color: #b9ab82;
}

  /* Embedded link colors */
  /*  */

.cc-localmusic p a,
.cc-localmusic ul li a {
  color: #e7d6a3;
}
.cc-localmusic p a:hover,
.cc-localmusic p a:active,
.cc-localmusic ul li a:hover,
.cc-localmusic ul li a:active {
  color: #c4b68b;
}

.cc-localmusic .item__footer {
  color: #ccf0fd;
}
.cc-localmusic .item__footer a {
  color: #e7d6a3;
}
.cc-localmusic .item__footer a:hover,
.cc-localmusic .item__footer a:active {
  color: #c4b68b;
}


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

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

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

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

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


.cc-win {
  background-color: #71eeec;
  color: #25251d;
  text-align: left;
}

.cc-win .category__title {
  color: #1f0540;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-win .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-win blockquote {
  border-left-color: #5abebd;
}

.cc-win .item__title a {
  color: #292632;
}
.cc-win .item__title a:hover,
.cc-win .item__title a:focus {
  color: #211e28;
}

  /* Embedded link colors */
  /*  */

.cc-win p a,
.cc-win ul li a {
  color: #292632;
}
.cc-win p a:hover,
.cc-win p a:active,
.cc-win ul li a:hover,
.cc-win ul li a:active {
  color: #4f4c58;
}

.cc-win .item__footer {
  color: #25251d;
}
.cc-win .item__footer a {
  color: #292632;
}
.cc-win .item__footer a:hover,
.cc-win .item__footer a:active {
  color: #4f4c58;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-win.category__footer h2 {
  border: 1px solid #25251d;
}
.cc-win.category__footer a {
  color: #292632;
}
.cc-win.category__footer a:hover,
.cc-win.category__footer a:focus {
  color: #211e28;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-featured {
  background-color: #120324;
  color: #efeaff;
  text-align: left;
}

.cc-featured .category__title {
  color: #efeaff;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-featured .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-featured blockquote {
  border-left-color: #453657;
}

.cc-featured .item__title a {
  color: #efeaff;
}
.cc-featured .item__title a:hover,
.cc-featured .item__title a:focus {
  color: #bfbbcc;
}

  /* Embedded link colors */
  /*  */

.cc-featured p a,
.cc-featured ul li a {
  color: #efeaff;
}
.cc-featured p a:hover,
.cc-featured p a:active,
.cc-featured ul li a:hover,
.cc-featured ul li a:active {
  color: #cbc7d9;
}

.cc-featured .item__footer {
  color: #efeaff;
}
.cc-featured .item__footer a {
  color: #efeaff;
}
.cc-featured .item__footer a:hover,
.cc-featured .item__footer a:active {
  color: #cbc7d9;
}


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

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

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

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

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


.cc-fishness {
  background-color: #042522;
  color: #f0fbfb;
  text-align: left;
}

.cc-fishness .category__title {
  color: #94c0d1;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-fishness .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-fishness blockquote {
  border-left-color: #375855;
}

.cc-fishness .item__title a {
  color: #f0fbfb;
}
.cc-fishness .item__title a:hover,
.cc-fishness .item__title a:focus {
  color: #c0c9c9;
}

  /* Embedded link colors */
  /*  */

.cc-fishness p a,
.cc-fishness ul li a {
  color: #f0fbfb;
}
.cc-fishness p a:hover,
.cc-fishness p a:active,
.cc-fishness ul li a:hover,
.cc-fishness ul li a:active {
  color: #ccd5d5;
}

.cc-fishness .item__footer {
  color: #f0fbfb;
}
.cc-fishness .item__footer a {
  color: #f0fbfb;
}
.cc-fishness .item__footer a:hover,
.cc-fishness .item__footer a:active {
  color: #ccd5d5;
}


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

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

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

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

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


.cc-tn {
  background-color: #290744;
  color: #d8d3fd;
  text-align: left;
}

.cc-tn .category__title {
  color: #fceb73;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-tn .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-tn blockquote {
  border-left-color: #5c3a77;
}

.cc-tn .item__title a {
  color: #f9d7d7;
}
.cc-tn .item__title a:hover,
.cc-tn .item__title a:focus {
  color: #c7acac;
}

  /* Embedded link colors */
  /*  */

.cc-tn p a,
.cc-tn ul li a {
  color: #f9d7d7;
}
.cc-tn p a:hover,
.cc-tn p a:active,
.cc-tn ul li a:hover,
.cc-tn ul li a:active {
  color: #d4b7b7;
}

.cc-tn .item__footer {
  color: #d8d3fd;
}
.cc-tn .item__footer a {
  color: #f9d7d7;
}
.cc-tn .item__footer a:hover,
.cc-tn .item__footer a:active {
  color: #d4b7b7;
}


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

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

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

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

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


.cc-musics {
  background-color: #111d45;
  color: #ccf0fd;
  text-align: left;
}

.cc-musics .category__title {
  color: #fab132;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-musics .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-musics blockquote {
  border-left-color: #445078;
}

.cc-musics .item__title a {
  color: #f5e9c6;
}
.cc-musics .item__title a:hover,
.cc-musics .item__title a:focus {
  color: #c4ba9e;
}

  /* Embedded link colors */
  /*  */

.cc-musics p a,
.cc-musics ul li a {
  color: #f5e9c6;
}
.cc-musics p a:hover,
.cc-musics p a:active,
.cc-musics ul li a:hover,
.cc-musics ul li a:active {
  color: #d0c6a8;
}

.cc-musics .item__footer {
  color: #ccf0fd;
}
.cc-musics .item__footer a {
  color: #f5e9c6;
}
.cc-musics .item__footer a:hover,
.cc-musics .item__footer a:active {
  color: #d0c6a8;
}


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

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

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

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

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


.cc-halloween {
  background-color: #0b0217;
  color: #ead7af;
  text-align: left;
}

.cc-halloween .category__title {
  color: #e28500;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-halloween .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-halloween blockquote {
  border-left-color: #3e354a;
}

.cc-halloween .item__title a {
  color: #379808;
}
.cc-halloween .item__title a:hover,
.cc-halloween .item__title a:focus {
  color: #2c7a06;
}

  /* Embedded link colors */
  /*  */

.cc-halloween p a,
.cc-halloween ul li a {
  color: #379808;
}
.cc-halloween p a:hover,
.cc-halloween p a:active,
.cc-halloween ul li a:hover,
.cc-halloween ul li a:active {
  color: #5dbe2e;
}

.cc-halloween .item__footer {
  color: #ead7af;
}
.cc-halloween .item__footer a {
  color: #379808;
}
.cc-halloween .item__footer a:hover,
.cc-halloween .item__footer a:active {
  color: #5dbe2e;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-halloween.category__footer h2 {
  border: 1px solid #ead7af;
}
.cc-halloween.category__footer a {
  color: #379808;
}
.cc-halloween.category__footer a:hover,
.cc-halloween.category__footer a:focus {
  color: #2c7a06;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-nye2024 {
  background-color: #130047;
  color: #ffebff;
  text-align: left;
}

.cc-nye2024 .category__title {
  color: #fae11b;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-nye2024 .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-nye2024 blockquote {
  border-left-color: #46337a;
}

.cc-nye2024 .item__title a {
  color: #ede7ff;
}
.cc-nye2024 .item__title a:hover,
.cc-nye2024 .item__title a:focus {
  color: #beb9cc;
}

  /* Embedded link colors */
  /*  */

.cc-nye2024 p a,
.cc-nye2024 ul li a {
  color: #ede7ff;
}
.cc-nye2024 p a:hover,
.cc-nye2024 p a:active,
.cc-nye2024 ul li a:hover,
.cc-nye2024 ul li a:active {
  color: #c9c4d9;
}

.cc-nye2024 .item__footer {
  color: #ffebff;
}
.cc-nye2024 .item__footer a {
  color: #ede7ff;
}
.cc-nye2024 .item__footer a:hover,
.cc-nye2024 .item__footer a:active {
  color: #c9c4d9;
}


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

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

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

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

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


.cc-musiccomingup {
  background-color: #171438;
  color: #d3fdf3;
  text-align: left;
}

.cc-musiccomingup .category__title {
  color: #f5b018;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-musiccomingup .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-musiccomingup blockquote {
  border-left-color: #4a476b;
}

.cc-musiccomingup .item__title a {
  color: #e6d6fd;
}
.cc-musiccomingup .item__title a:hover,
.cc-musiccomingup .item__title a:focus {
  color: #b8abca;
}

  /* Embedded link colors */
  /*  */

.cc-musiccomingup p a,
.cc-musiccomingup ul li a {
  color: #e6d6fd;
}
.cc-musiccomingup p a:hover,
.cc-musiccomingup p a:active,
.cc-musiccomingup ul li a:hover,
.cc-musiccomingup ul li a:active {
  color: #c4b6d7;
}

.cc-musiccomingup .item__footer {
  color: #d3fdf3;
}
.cc-musiccomingup .item__footer a {
  color: #e6d6fd;
}
.cc-musiccomingup .item__footer a:hover,
.cc-musiccomingup .item__footer a:active {
  color: #c4b6d7;
}


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

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

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

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

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


.cc-festival {
  background-color: #0c3a2f;
  color: #f5e8e4;
  text-align: left;
}

.cc-festival .category__title {
  color: #f6ffb9;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-festival .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-festival blockquote {
  border-left-color: #3f6d62;
}

.cc-festival .item__title a {
  color: #fddcd3;
}
.cc-festival .item__title a:hover,
.cc-festival .item__title a:focus {
  color: #cab0a9;
}

  /* Embedded link colors */
  /*  */

.cc-festival p a,
.cc-festival ul li a {
  color: #fddcd3;
}
.cc-festival p a:hover,
.cc-festival p a:active,
.cc-festival ul li a:hover,
.cc-festival ul li a:active {
  color: #d7bbb3;
}

.cc-festival .item__footer {
  color: #f5e8e4;
}
.cc-festival .item__footer a {
  color: #fddcd3;
}
.cc-festival .item__footer a:hover,
.cc-festival .item__footer a:active {
  color: #d7bbb3;
}


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

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

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

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

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


.cc-outdoor {
  background-color: #070b58;
  color: #e4fbfd;
  text-align: left;
}

.cc-outdoor .category__title {
  color: #f0e2c0;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-outdoor .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-outdoor blockquote {
  border-left-color: #3a3e8b;
}

.cc-outdoor .item__title a {
  color: #f0e2c0;
}
.cc-outdoor .item__title a:hover,
.cc-outdoor .item__title a:focus {
  color: #c0b59a;
}

  /* Embedded link colors */
  /*  */

.cc-outdoor p a,
.cc-outdoor ul li a {
  color: #f0e2c0;
}
.cc-outdoor p a:hover,
.cc-outdoor p a:active,
.cc-outdoor ul li a:hover,
.cc-outdoor ul li a:active {
  color: #ccc0a3;
}

.cc-outdoor .item__footer {
  color: #e4fbfd;
}
.cc-outdoor .item__footer a {
  color: #f0e2c0;
}
.cc-outdoor .item__footer a:hover,
.cc-outdoor .item__footer a:active {
  color: #ccc0a3;
}


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

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

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

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

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


.cc-fundraiser {
  background-color: #440035;
  color: #edf5e4;
  text-align: left;
}

.cc-fundraiser .category__title {
  color: #b3eca6;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-fundraiser .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-fundraiser blockquote {
  border-left-color: #773368;
}

.cc-fundraiser .item__title a {
  color: #eff8d1;
}
.cc-fundraiser .item__title a:hover,
.cc-fundraiser .item__title a:focus {
  color: #bfc6a7;
}

  /* Embedded link colors */
  /*  */

.cc-fundraiser p a,
.cc-fundraiser ul li a {
  color: #eff8d1;
}
.cc-fundraiser p a:hover,
.cc-fundraiser p a:active,
.cc-fundraiser ul li a:hover,
.cc-fundraiser ul li a:active {
  color: #cbd3b2;
}

.cc-fundraiser .item__footer {
  color: #edf5e4;
}
.cc-fundraiser .item__footer a {
  color: #eff8d1;
}
.cc-fundraiser .item__footer a:hover,
.cc-fundraiser .item__footer a:active {
  color: #cbd3b2;
}


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

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

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

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

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


.cc-femme {
  background-color: #240447;
  color: #eff3ef;
  text-align: left;
}

.cc-femme .category__title {
  color: #def5f6;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-femme .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-femme blockquote {
  border-left-color: #57377a;
}

.cc-femme .item__title a {
  color: #e3d7fa;
}
.cc-femme .item__title a:hover,
.cc-femme .item__title a:focus {
  color: #b6acc8;
}

  /* Embedded link colors */
  /*  */

.cc-femme p a,
.cc-femme ul li a {
  color: #e3d7fa;
}
.cc-femme p a:hover,
.cc-femme p a:active,
.cc-femme ul li a:hover,
.cc-femme ul li a:active {
  color: #c1b7d5;
}

.cc-femme .item__footer {
  color: #eff3ef;
}
.cc-femme .item__footer a {
  color: #e3d7fa;
}
.cc-femme .item__footer a:hover,
.cc-femme .item__footer a:active {
  color: #c1b7d5;
}


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

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

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

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

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


.cc-drag {
  background-color: #2f0c0c;
  color: #fee4da;
  text-align: left;
}

.cc-drag .category__title {
  color: #46dfe9;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-drag .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-drag blockquote {
  border-left-color: #623f3f;
}

.cc-drag .item__title a {
  color: #dafcfe;
}
.cc-drag .item__title a:hover,
.cc-drag .item__title a:focus {
  color: #aecacb;
}

  /* Embedded link colors */
  /*  */

.cc-drag p a,
.cc-drag ul li a {
  color: #dafcfe;
}
.cc-drag p a:hover,
.cc-drag p a:active,
.cc-drag ul li a:hover,
.cc-drag ul li a:active {
  color: #b9d6d8;
}

.cc-drag .item__footer {
  color: #fee4da;
}
.cc-drag .item__footer a {
  color: #dafcfe;
}
.cc-drag .item__footer a:hover,
.cc-drag .item__footer a:active {
  color: #b9d6d8;
}


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

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

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

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

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


.cc-pride {
  background-color: #3b0909;
  color: #f0dbdd;
  text-align: left;
}

.cc-pride .category__title {
  color: #d3f5ee;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-pride .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-pride blockquote {
  border-left-color: #6e3c3c;
}

.cc-pride .item__title a {
  color: #b9efe4;
}
.cc-pride .item__title a:hover,
.cc-pride .item__title a:focus {
  color: #94bfb6;
}

  /* Embedded link colors */
  /*  */

.cc-pride p a,
.cc-pride ul li a {
  color: #b9efe4;
}
.cc-pride p a:hover,
.cc-pride p a:active,
.cc-pride ul li a:hover,
.cc-pride ul li a:active {
  color: #9dcbc2;
}

.cc-pride .item__footer {
  color: #f0dbdd;
}
.cc-pride .item__footer a {
  color: #b9efe4;
}
.cc-pride .item__footer a:hover,
.cc-pride .item__footer a:active {
  color: #9dcbc2;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-pride.category__footer h2 {
  border: 1px solid #f0dbdd;
}
.cc-pride.category__footer a {
  color: #b9efe4;
}
.cc-pride.category__footer a:hover,
.cc-pride.category__footer a:focus {
  color: #94bfb6;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-queer {
  background-color: #511313;
  color: #fedadd;
  text-align: left;
}

.cc-queer .category__title {
  color: #1ff5cd;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-queer .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-queer blockquote {
  border-left-color: #844646;
}

.cc-queer .item__title a {
  color: #fedadd;
}
.cc-queer .item__title a:hover,
.cc-queer .item__title a:focus {
  color: #cbaeb1;
}

  /* Embedded link colors */
  /*  */

.cc-queer p a,
.cc-queer ul li a {
  color: #fedadd;
}
.cc-queer p a:hover,
.cc-queer p a:active,
.cc-queer ul li a:hover,
.cc-queer ul li a:active {
  color: #d8b9bc;
}

.cc-queer .item__footer {
  color: #fedadd;
}
.cc-queer .item__footer a {
  color: #fedadd;
}
.cc-queer .item__footer a:hover,
.cc-queer .item__footer a:active {
  color: #d8b9bc;
}


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

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

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

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

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


.cc-show {
  background-color: #2b021f;
  color: #fbf0f7;
  text-align: left;
}

.cc-show .category__title {
  color: #fad8f7;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-show .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-show blockquote {
  border-left-color: #5e3552;
}

.cc-show .item__title a {
  color: #ffd0ee;
}
.cc-show .item__title a:hover,
.cc-show .item__title a:focus {
  color: #cca6be;
}

  /* Embedded link colors */
  /*  */

.cc-show p a,
.cc-show ul li a {
  color: #ffd0ee;
}
.cc-show p a:hover,
.cc-show p a:active,
.cc-show ul li a:hover,
.cc-show ul li a:active {
  color: #d9b1ca;
}

.cc-show .item__footer {
  color: #fbf0f7;
}
.cc-show .item__footer a {
  color: #ffd0ee;
}
.cc-show .item__footer a:hover,
.cc-show .item__footer a:active {
  color: #d9b1ca;
}


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

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

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

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

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


.cc-spotlight {
  background-color: #2e1c4c;
  color: #c2f8fe;
  text-align: left;
}

.cc-spotlight .category__title {
  color: #ffc139;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-spotlight .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-spotlight blockquote {
  border-left-color: #614f7f;
}

.cc-spotlight .item__title a {
  color: #fce0b9;
}
.cc-spotlight .item__title a:hover,
.cc-spotlight .item__title a:focus {
  color: #cab394;
}

  /* Embedded link colors */
  /*  */

.cc-spotlight p a,
.cc-spotlight ul li a {
  color: #fce0b9;
}
.cc-spotlight p a:hover,
.cc-spotlight p a:active,
.cc-spotlight ul li a:hover,
.cc-spotlight ul li a:active {
  color: #d6be9d;
}

.cc-spotlight .item__footer {
  color: #c2f8fe;
}
.cc-spotlight .item__footer a {
  color: #fce0b9;
}
.cc-spotlight .item__footer a:hover,
.cc-spotlight .item__footer a:active {
  color: #d6be9d;
}


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

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

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

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

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


.cc-lightnspace {
  background-color: #170126;
  color: #d3fdf9;
  text-align: left;
}

.cc-lightnspace .category__title {
  color: #ace370;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-lightnspace .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-lightnspace blockquote {
  border-left-color: #4a3459;
}

.cc-lightnspace .item__title a {
  color: #d3fdd5;
}
.cc-lightnspace .item__title a:hover,
.cc-lightnspace .item__title a:focus {
  color: #a9caaa;
}

  /* Embedded link colors */
  /*  */

.cc-lightnspace p a,
.cc-lightnspace ul li a {
  color: #d3fdd5;
}
.cc-lightnspace p a:hover,
.cc-lightnspace p a:active,
.cc-lightnspace ul li a:hover,
.cc-lightnspace ul li a:active {
  color: #b3d7b5;
}

.cc-lightnspace .item__footer {
  color: #d3fdf9;
}
.cc-lightnspace .item__footer a {
  color: #d3fdd5;
}
.cc-lightnspace .item__footer a:hover,
.cc-lightnspace .item__footer a:active {
  color: #b3d7b5;
}


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

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

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

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

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


.cc-mixedbag {
  background-color: #391a42;
  color: #efe4cb;
  text-align: left;
}

.cc-mixedbag .category__title {
  color: #d1ffe4;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-mixedbag .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-mixedbag blockquote {
  border-left-color: #6c4d75;
}

.cc-mixedbag .item__title a {
  color: #f9dda1;
}
.cc-mixedbag .item__title a:hover,
.cc-mixedbag .item__title a:focus {
  color: #c7b181;
}

  /* Embedded link colors */
  /*  */

.cc-mixedbag p a,
.cc-mixedbag ul li a {
  color: #f9dda1;
}
.cc-mixedbag p a:hover,
.cc-mixedbag p a:active,
.cc-mixedbag ul li a:hover,
.cc-mixedbag ul li a:active {
  color: #d4bc89;
}

.cc-mixedbag .item__footer {
  color: #efe4cb;
}
.cc-mixedbag .item__footer a {
  color: #f9dda1;
}
.cc-mixedbag .item__footer a:hover,
.cc-mixedbag .item__footer a:active {
  color: #d4bc89;
}


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

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

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

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

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


.cc-vanjam {
  background-color: #112f45;
  color: #dbfbf9;
  text-align: left;
}

.cc-vanjam .category__title {
  color: #f58418;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-vanjam .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-vanjam blockquote {
  border-left-color: #446278;
}

.cc-vanjam .item__title a {
  color: #dbfbf9;
}
.cc-vanjam .item__title a:hover,
.cc-vanjam .item__title a:focus {
  color: #afc9c7;
}

  /* Embedded link colors */
  /*  */

.cc-vanjam p a,
.cc-vanjam ul li a {
  color: #dbfbf9;
}
.cc-vanjam p a:hover,
.cc-vanjam p a:active,
.cc-vanjam ul li a:hover,
.cc-vanjam ul li a:active {
  color: #bad5d4;
}

.cc-vanjam .item__footer {
  color: #dbfbf9;
}
.cc-vanjam .item__footer a {
  color: #dbfbf9;
}
.cc-vanjam .item__footer a:hover,
.cc-vanjam .item__footer a:active {
  color: #bad5d4;
}


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

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

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

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

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


.cc-muse {
  background-color: #000000;
  color: #f1d9a7;
  text-align: left;
}

.cc-muse .category__title {
  color: #fcfaf8;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-muse .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-muse blockquote {
  border-left-color: #333333;
}

.cc-muse .item__title a {
  color: #c09ce1;
}
.cc-muse .item__title a:hover,
.cc-muse .item__title a:focus {
  color: #9a7db4;
}

  /* Embedded link colors */
  /*  */

.cc-muse p a,
.cc-muse ul li a {
  color: #c09ce1;
}
.cc-muse p a:hover,
.cc-muse p a:active,
.cc-muse ul li a:hover,
.cc-muse ul li a:active {
  color: #a385bf;
}

.cc-muse .item__footer {
  color: #f1d9a7;
}
.cc-muse .item__footer a {
  color: #c09ce1;
}
.cc-muse .item__footer a:hover,
.cc-muse .item__footer a:active {
  color: #a385bf;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-muse.category__footer h2 {
  border: 1px solid #f1d9a7;
}
.cc-muse.category__footer a {
  color: #c09ce1;
}
.cc-muse.category__footer a:hover,
.cc-muse.category__footer a:focus {
  color: #9a7db4;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-dance {
  background-color: #063137;
  color: #a3c8d4;
  text-align: left;
}

.cc-dance .category__title {
  color: #e0faf8;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-dance .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-dance blockquote {
  border-left-color: #39646a;
}

.cc-dance .item__title a {
  color: #b5efe4;
}
.cc-dance .item__title a:hover,
.cc-dance .item__title a:focus {
  color: #91bfb6;
}

  /* Embedded link colors */
  /*  */

.cc-dance p a,
.cc-dance ul li a {
  color: #b5efe4;
}
.cc-dance p a:hover,
.cc-dance p a:active,
.cc-dance ul li a:hover,
.cc-dance ul li a:active {
  color: #9acbc2;
}

.cc-dance .item__footer {
  color: #a3c8d4;
}
.cc-dance .item__footer a {
  color: #b5efe4;
}
.cc-dance .item__footer a:hover,
.cc-dance .item__footer a:active {
  color: #9acbc2;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-dance.category__footer h2 {
  border: 1px solid #a3c8d4;
}
.cc-dance.category__footer a {
  color: #b5efe4;
}
.cc-dance.category__footer a:hover,
.cc-dance.category__footer a:focus {
  color: #91bfb6;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-dance-p {
  background-color: #042817;
  color: #f0f1fb;
  text-align: left;
}

.cc-dance-p .category__title {
  color: #b699ff;
  text-align: left;

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

/* Icons */
/*  */
.cc-dance-p .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-dance-p .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-dance-p blockquote {
  border-left-color: #375b4a;
}

.cc-dance-p .item__title a {
  color: #f0f1fb;
}
.cc-dance-p .item__title a:hover,
.cc-dance-p .item__title a:focus {
  color: #c0c1c9;
}

  /* Embedded link colors */
  /*  */

.cc-dance-p p a,
.cc-dance-p ul li a {
  color: #f0f1fb;
}
.cc-dance-p p a:hover,
.cc-dance-p p a:active,
.cc-dance-p ul li a:hover,
.cc-dance-p ul li a:active {
  color: #cccdd5;
}

.cc-dance-p .item__footer {
  color: #f0f1fb;
}
.cc-dance-p .item__footer a {
  color: #f0f1fb;
}
.cc-dance-p .item__footer a:hover,
.cc-dance-p .item__footer a:active {
  color: #cccdd5;
}


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

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

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

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

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


.cc-dance-s {
  background-color: #4d0765;
  color: #f0f1fb;
  text-align: left;
}

.cc-dance-s .category__title {
  color: #b699ff;
  text-align: left;

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

/* Icons */
/*  */
.cc-dance-s .category__title img {

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-dance-s .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-dance-s blockquote {
  border-left-color: #803a98;
}

.cc-dance-s .item__title a {
  color: #f0f1fb;
}
.cc-dance-s .item__title a:hover,
.cc-dance-s .item__title a:focus {
  color: #c0c1c9;
}

  /* Embedded link colors */
  /*  */

.cc-dance-s p a,
.cc-dance-s ul li a {
  color: #f0f1fb;
}
.cc-dance-s p a:hover,
.cc-dance-s p a:active,
.cc-dance-s ul li a:hover,
.cc-dance-s ul li a:active {
  color: #cccdd5;
}

.cc-dance-s .item__footer {
  color: #f0f1fb;
}
.cc-dance-s .item__footer a {
  color: #f0f1fb;
}
.cc-dance-s .item__footer a:hover,
.cc-dance-s .item__footer a:active {
  color: #cccdd5;
}


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

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

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

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

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


.cc-free {
  background-color: #031c09;
  color: #e6f0db;
  text-align: left;
}

.cc-free .category__title {
  color: #f6dfce;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-free .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-free blockquote {
  border-left-color: #364f3c;
}

.cc-free .item__title a {
  color: #f6dfce;
}
.cc-free .item__title a:hover,
.cc-free .item__title a:focus {
  color: #c5b2a5;
}

  /* Embedded link colors */
  /*  */

.cc-free p a,
.cc-free ul li a {
  color: #f6dfce;
}
.cc-free p a:hover,
.cc-free p a:active,
.cc-free ul li a:hover,
.cc-free ul li a:active {
  color: #d1beaf;
}

.cc-free .item__footer {
  color: #e6f0db;
}
.cc-free .item__footer a {
  color: #f6dfce;
}
.cc-free .item__footer a:hover,
.cc-free .item__footer a:active {
  color: #d1beaf;
}


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

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

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

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

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


.cc-shop {
  background-color: #1c1106;
  color: #f8f4d1;
  text-align: left;
}

.cc-shop .category__title {
  color: #a1d4e0;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-shop .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-shop blockquote {
  border-left-color: #4f4439;
}

.cc-shop .item__title a {
  color: #b6ebe7;
}
.cc-shop .item__title a:hover,
.cc-shop .item__title a:focus {
  color: #92bcb9;
}

  /* Embedded link colors */
  /*  */

.cc-shop p a,
.cc-shop ul li a {
  color: #b6ebe7;
}
.cc-shop p a:hover,
.cc-shop p a:active,
.cc-shop ul li a:hover,
.cc-shop ul li a:active {
  color: #9bc8c4;
}

.cc-shop .item__footer {
  color: #f8f4d1;
}
.cc-shop .item__footer a {
  color: #b6ebe7;
}
.cc-shop .item__footer a:hover,
.cc-shop .item__footer a:active {
  color: #9bc8c4;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-shop.category__footer h2 {
  border: 1px solid #f8f4d1;
}
.cc-shop.category__footer a {
  color: #b6ebe7;
}
.cc-shop.category__footer a:hover,
.cc-shop.category__footer a:focus {
  color: #92bcb9;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-outoftown {
  background-color: #042814;
  color: #f0f1fb;
  text-align: left;
}

.cc-outoftown .category__title {
  color: #f5e777;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-outoftown .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-outoftown blockquote {
  border-left-color: #375b47;
}

.cc-outoftown .item__title a {
  color: #f0f1fb;
}
.cc-outoftown .item__title a:hover,
.cc-outoftown .item__title a:focus {
  color: #c0c1c9;
}

  /* Embedded link colors */
  /*  */

.cc-outoftown p a,
.cc-outoftown ul li a {
  color: #f0f1fb;
}
.cc-outoftown p a:hover,
.cc-outoftown p a:active,
.cc-outoftown ul li a:hover,
.cc-outoftown ul li a:active {
  color: #cccdd5;
}

.cc-outoftown .item__footer {
  color: #f0f1fb;
}
.cc-outoftown .item__footer a {
  color: #f0f1fb;
}
.cc-outoftown .item__footer a:hover,
.cc-outoftown .item__footer a:active {
  color: #cccdd5;
}


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

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

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

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

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


.cc-online {
  background-color: #0e0c11;
  color: #d2eff5;
  text-align: left;
}

.cc-online .category__title {
  color: #9dfff5;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-online .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-online blockquote {
  border-left-color: #413f44;
}

.cc-online .item__title a {
  color: #d2eff5;
}
.cc-online .item__title a:hover,
.cc-online .item__title a:focus {
  color: #a8bfc4;
}

  /* Embedded link colors */
  /*  */

.cc-online p a,
.cc-online ul li a {
  color: #d2eff5;
}
.cc-online p a:hover,
.cc-online p a:active,
.cc-online ul li a:hover,
.cc-online ul li a:active {
  color: #b3cbd0;
}

.cc-online .item__footer {
  color: #d2eff5;
}
.cc-online .item__footer a {
  color: #d2eff5;
}
.cc-online .item__footer a:hover,
.cc-online .item__footer a:active {
  color: #b3cbd0;
}


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

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

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

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

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


.cc-communitycare {
  background-color: #01383b;
  color: #e9f4f7;
  text-align: left;
}

.cc-communitycare .category__title {
  color: #f9f986;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-communitycare .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-communitycare blockquote {
  border-left-color: #346b6e;
}

.cc-communitycare .item__title a {
  color: #e9f4f7;
}
.cc-communitycare .item__title a:hover,
.cc-communitycare .item__title a:focus {
  color: #bac3c6;
}

  /* Embedded link colors */
  /*  */

.cc-communitycare p a,
.cc-communitycare ul li a {
  color: #e9f4f7;
}
.cc-communitycare p a:hover,
.cc-communitycare p a:active,
.cc-communitycare ul li a:hover,
.cc-communitycare ul li a:active {
  color: #c6cfd2;
}

.cc-communitycare .item__footer {
  color: #e9f4f7;
}
.cc-communitycare .item__footer a {
  color: #e9f4f7;
}
.cc-communitycare .item__footer a:hover,
.cc-communitycare .item__footer a:active {
  color: #c6cfd2;
}


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

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

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

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

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


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

.cc-news .category__title {
  color: #454547;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-news .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-news blockquote {
  border-left-color: #cccccc;
}

.cc-news .item__title a {
  color: #454547;
}
.cc-news .item__title a:hover,
.cc-news .item__title a:focus {
  color: #373739;
}

  /* Embedded link colors */
  /*  */

.cc-news p a,
.cc-news ul li a {
  color: #454547;
}
.cc-news p a:hover,
.cc-news p a:active,
.cc-news ul li a:hover,
.cc-news ul li a:active {
  color: #6b6b6d;
}

.cc-news .item__footer {
  color: #454547;
}
.cc-news .item__footer a {
  color: #454547;
}
.cc-news .item__footer a:hover,
.cc-news .item__footer a:active {
  color: #6b6b6d;
}


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

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

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

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

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


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

.cc-hold .category__title {
  color: #454547;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-hold .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-hold blockquote {
  border-left-color: #cccccc;
}

.cc-hold .item__title a {
  color: #454547;
}
.cc-hold .item__title a:hover,
.cc-hold .item__title a:focus {
  color: #373739;
}

  /* Embedded link colors */
  /*  */

.cc-hold p a,
.cc-hold ul li a {
  color: #454547;
}
.cc-hold p a:hover,
.cc-hold p a:active,
.cc-hold ul li a:hover,
.cc-hold ul li a:active {
  color: #6b6b6d;
}

.cc-hold .item__footer {
  color: #454547;
}
.cc-hold .item__footer a {
  color: #454547;
}
.cc-hold .item__footer a:hover,
.cc-hold .item__footer a:active {
  color: #6b6b6d;
}


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

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

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

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

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


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

.cc-nope .category__title {
  color: #454547;
  text-align: left;

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

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

  /* If title category_header_justification: left give icon some space */
  /*  */
    margin-right: 18px;
}

/* 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-nope .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

  /* 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-nope blockquote {
  border-left-color: #cccccc;
}

.cc-nope .item__title a {
  color: #454547;
}
.cc-nope .item__title a:hover,
.cc-nope .item__title a:focus {
  color: #373739;
}

  /* Embedded link colors */
  /*  */

.cc-nope p a,
.cc-nope ul li a {
  color: #454547;
}
.cc-nope p a:hover,
.cc-nope p a:active,
.cc-nope ul li a:hover,
.cc-nope ul li a:active {
  color: #6b6b6d;
}

.cc-nope .item__footer {
  color: #454547;
}
.cc-nope .item__footer a {
  color: #454547;
}
.cc-nope .item__footer a:hover,
.cc-nope .item__footer a:active {
  color: #6b6b6d;
}


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

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

/* 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: #454547;
  color: #454547;
}

/* 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(236,200,225,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 #01090b;
  -webkit-background-clip: padding-box;
}

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

.cta--header .cta-tabs button {
  color: rgba(236,200,225,0.6);
}
.cta--header .cta-tabs button:hover,
.cta--header .cta-tabs button.active {
  border-top-color: rgba(236,200,225,0.8);
  color: #ecc8e1;
}

.header--withimage .cta--header .btn {
  background-color: #c633e8;
}
.header--withimage .cta--header .btn:hover,
.header--withimage .cta--header .btn:focus {
  background-color: #bc30dc;
}


/* Subscription pages */
/*  */
.subscription__resubscribe__btn {
  color: #454547;
}
.subscription__resubscribe__btn:hover,
.subscription__resubscribe__btn:focus {
  color: #6b6b6d;
}


/* 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: #454547;
}
.sponsorship a:hover,
.sponsorship a:active {
  color: #6b6b6d;
}

.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: #010a0c;
  color: #ecc8e1;
}
.home--noissue body {
  background-color: transparent;
}
.home--noissue .footer {
  background-color: #010a0c;
  color: #ecc8e1;
}
.home--noissue .footer a {
  color: rgba(236,200,225,0.8);
}
.home--noissue .footer a:hover,
.home--noissue .footer a:active {
  color: #ecc8e1;
}
.home--noissue .footer .i .recaptcha-terms {
  color: rgba(236,200,225,0.5);
}
.home--noissue .footer .i .recaptcha-terms a {
  color: rgba(236,200,225,0.5);
}

.home--noissue .footer .social a svg {
  fill: rgba(236,200,225,0.8);
}
.home--noissue .footer .social a:hover svg {
  fill: #ecc8e1;
}


.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;
}
