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

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

/* Default .btn */
/*  */
.btn {
  background-color: #ea7300;
  color: #ffffff;
}
.btn:hover,
.btn:focus {
  background-color: #c76200;
  color: #ffffff;
}

/* Header */
.header {
  background-color: #ea7300;
  color: #ffffff;
}

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

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

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

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

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

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

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

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

  color: #ffffff;
}

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

.header .btn:hover,
.btn-primary:hover,
.header .btn:focus,
.btn-primary:focus {
  background-color: #bb5c00;
  color: #ffffff;

}


.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(95,95,95,0.2);
}

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

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

/* If issue date is displayed along with title <time> gets wrapped in an <i> */
/*  */
.issue__heading h1 i {
  color: rgba(95,95,95,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 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-intro .item__heading {
  color: #f2f2f2;
}

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

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


.cc-intro {
  background-color: #FFFFFF;
  color: #2a1501;
  text-align: left;
}

.cc-intro .category__title {
  color: #f2f2f2;
  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-intro .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-intro .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 */
  /*  */
.cc-intro .category__title--lozenge .category__title__text {
  background-color: #f2f2f2;
  /* Lean towards white for the lozenges */
  color: #000000;
}

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

.cc-intro .item__title a {
  color: #d88000;
}
.cc-intro .item__title a:hover,
.cc-intro .item__title a:focus {
  color: #ad6600;
}

  /* Embedded link colors */
  /*  */

.cc-intro p a,
.cc-intro ul li a {
  color: #d88000;
}
.cc-intro p a:hover,
.cc-intro p a:active,
.cc-intro ul li a:hover,
.cc-intro ul li a:active {
  color: #b86d00;
}

.cc-intro .item__footer {
  color: #2a1501;
}
.cc-intro .item__footer a {
  color: #d88000;
}
.cc-intro .item__footer a:hover,
.cc-intro .item__footer a:active {
  color: #b86d00;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-intro.category__footer h2 {
  border: 1px solid #2a1501;
}
.cc-intro.category__footer a {
  color: #d88000;
}
.cc-intro.category__footer a:hover,
.cc-intro.category__footer a:focus {
  color: #ad6600;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-wireframes {
  background-color: #e8f4ee;
  color: #003d19;
  text-align: left;
}

.cc-wireframes .category__title {
  color: #006245;
  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-wireframes .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-wireframes .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 */
  /*  */
.cc-wireframes .category__title--lozenge .category__title__text {
  background-color: #006245;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-wireframes blockquote {
  border-left-color: #bac3be;
}

.cc-wireframes .item__title a {
  color: #00e781;
}
.cc-wireframes .item__title a:hover,
.cc-wireframes .item__title a:focus {
  color: #00b967;
}

  /* Embedded link colors */
  /*  */

.cc-wireframes p a,
.cc-wireframes ul li a {
  color: #00e781;
}
.cc-wireframes p a:hover,
.cc-wireframes p a:active,
.cc-wireframes ul li a:hover,
.cc-wireframes ul li a:active {
  color: #00c46e;
}

.cc-wireframes .item__footer {
  color: #003d19;
}
.cc-wireframes .item__footer a {
  color: #00e781;
}
.cc-wireframes .item__footer a:hover,
.cc-wireframes .item__footer a:active {
  color: #00c46e;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-wireframes.category__footer h2 {
  border: 1px solid #003d19;
}
.cc-wireframes.category__footer a {
  color: #00e781;
}
.cc-wireframes.category__footer a:hover,
.cc-wireframes.category__footer a:focus {
  color: #00b967;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-ia {
  background-color: #e7f2f2;
  color: #02442d;
  text-align: left;
}

.cc-ia .category__title {
  color: #00adb6;
  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-ia .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-ia .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 */
  /*  */
.cc-ia .category__title--lozenge .category__title__text {
  background-color: #00adb6;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-ia blockquote {
  border-left-color: #b9c2c2;
}

.cc-ia .item__title a {
  color: #02b7d7;
}
.cc-ia .item__title a:hover,
.cc-ia .item__title a:focus {
  color: #0292ac;
}

  /* Embedded link colors */
  /*  */

.cc-ia p a,
.cc-ia ul li a {
  color: #02b7d7;
}
.cc-ia p a:hover,
.cc-ia p a:active,
.cc-ia ul li a:hover,
.cc-ia ul li a:active {
  color: #029cb7;
}

.cc-ia .item__footer {
  color: #02442d;
}
.cc-ia .item__footer a {
  color: #02b7d7;
}
.cc-ia .item__footer a:hover,
.cc-ia .item__footer a:active {
  color: #029cb7;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-ia.category__footer h2 {
  border: 1px solid #02442d;
}
.cc-ia.category__footer a {
  color: #02b7d7;
}
.cc-ia.category__footer a:hover,
.cc-ia.category__footer a:focus {
  color: #0292ac;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-ui {
  background-color: #f2f1ea;
  color: #493d00;
  text-align: left;
}

.cc-ui .category__title {
  color: #e4be00;
  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-ui .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-ui .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 */
  /*  */
.cc-ui .category__title--lozenge .category__title__text {
  background-color: #e4be00;
  /* Lean towards white for the lozenges */
  color: #000000;
}

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

.cc-ui .item__title a {
  color: #e4be00;
}
.cc-ui .item__title a:hover,
.cc-ui .item__title a:focus {
  color: #b69800;
}

  /* Embedded link colors */
  /*  */

.cc-ui p a,
.cc-ui ul li a {
  color: #e4be00;
}
.cc-ui p a:hover,
.cc-ui p a:active,
.cc-ui ul li a:hover,
.cc-ui ul li a:active {
  color: #c2a200;
}

.cc-ui .item__footer {
  color: #493d00;
}
.cc-ui .item__footer a {
  color: #e4be00;
}
.cc-ui .item__footer a:hover,
.cc-ui .item__footer a:active {
  color: #c2a200;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-ui.category__footer h2 {
  border: 1px solid #493d00;
}
.cc-ui.category__footer a {
  color: #e4be00;
}
.cc-ui.category__footer a:hover,
.cc-ui.category__footer a:focus {
  color: #b69800;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-research {
  background-color: #ece7e3;
  color: #491d01;
  text-align: left;
}

.cc-research .category__title {
  color: #4d2600;
  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-research .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-research .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 */
  /*  */
.cc-research .category__title--lozenge .category__title__text {
  background-color: #4d2600;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-research blockquote {
  border-left-color: #bdb9b6;
}

.cc-research .item__title a {
  color: #e47000;
}
.cc-research .item__title a:hover,
.cc-research .item__title a:focus {
  color: #b65a00;
}

  /* Embedded link colors */
  /*  */

.cc-research p a,
.cc-research ul li a {
  color: #e47000;
}
.cc-research p a:hover,
.cc-research p a:active,
.cc-research ul li a:hover,
.cc-research ul li a:active {
  color: #c25f00;
}

.cc-research .item__footer {
  color: #491d01;
}
.cc-research .item__footer a {
  color: #e47000;
}
.cc-research .item__footer a:hover,
.cc-research .item__footer a:active {
  color: #c25f00;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-research.category__footer h2 {
  border: 1px solid #491d01;
}
.cc-research.category__footer a {
  color: #e47000;
}
.cc-research.category__footer a:hover,
.cc-research.category__footer a:focus {
  color: #b65a00;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-strategy {
  background-color: #f4eaea;
  color: #690000;
  text-align: left;
}

.cc-strategy .category__title {
  color: #b60404;
  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-strategy .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-strategy .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 */
  /*  */
.cc-strategy .category__title--lozenge .category__title__text {
  background-color: #b60404;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-strategy blockquote {
  border-left-color: #c3bbbb;
}

.cc-strategy .item__title a {
  color: #cf0000;
}
.cc-strategy .item__title a:hover,
.cc-strategy .item__title a:focus {
  color: #a60000;
}

  /* Embedded link colors */
  /*  */

.cc-strategy p a,
.cc-strategy ul li a {
  color: #cf0000;
}
.cc-strategy p a:hover,
.cc-strategy p a:active,
.cc-strategy ul li a:hover,
.cc-strategy ul li a:active {
  color: #f52626;
}

.cc-strategy .item__footer {
  color: #690000;
}
.cc-strategy .item__footer a {
  color: #cf0000;
}
.cc-strategy .item__footer a:hover,
.cc-strategy .item__footer a:active {
  color: #f52626;
}


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

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

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

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

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


.cc-product {
  background-color: #ebe7f0;
  color: #5f5f5f;
  text-align: left;
}

.cc-product .category__title {
  color: #5303be;
  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-product .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-product .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 */
  /*  */
.cc-product .category__title--lozenge .category__title__text {
  background-color: #5303be;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-product blockquote {
  border-left-color: #bcb9c0;
}

.cc-product .item__title a {
  color: #5c03ad;
}
.cc-product .item__title a:hover,
.cc-product .item__title a:focus {
  color: #4a028a;
}

  /* Embedded link colors */
  /*  */

.cc-product p a,
.cc-product ul li a {
  color: #5c03ad;
}
.cc-product p a:hover,
.cc-product p a:active,
.cc-product ul li a:hover,
.cc-product ul li a:active {
  color: #8229d3;
}

.cc-product .item__footer {
  color: #5f5f5f;
}
.cc-product .item__footer a {
  color: #5c03ad;
}
.cc-product .item__footer a:hover,
.cc-product .item__footer a:active {
  color: #8229d3;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-product.category__footer h2 {
  border: 1px solid #5f5f5f;
}
.cc-product.category__footer a {
  color: #5c03ad;
}
.cc-product.category__footer a:hover,
.cc-product.category__footer a:focus {
  color: #4a028a;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-behaviour {
  background-color: #f9eef4;
  color: #5f5f5f;
  text-align: left;
}

.cc-behaviour .category__title {
  color: #d64297;
  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-behaviour .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-behaviour .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 */
  /*  */
.cc-behaviour .category__title--lozenge .category__title__text {
  background-color: #d64297;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-behaviour blockquote {
  border-left-color: #c7bec3;
}

.cc-behaviour .item__title a {
  color: #d64297;
}
.cc-behaviour .item__title a:hover,
.cc-behaviour .item__title a:focus {
  color: #ab3579;
}

  /* Embedded link colors */
  /*  */

.cc-behaviour p a,
.cc-behaviour ul li a {
  color: #d64297;
}
.cc-behaviour p a:hover,
.cc-behaviour p a:active,
.cc-behaviour ul li a:hover,
.cc-behaviour ul li a:active {
  color: #fc68bd;
}

.cc-behaviour .item__footer {
  color: #5f5f5f;
}
.cc-behaviour .item__footer a {
  color: #d64297;
}
.cc-behaviour .item__footer a:hover,
.cc-behaviour .item__footer a:active {
  color: #fc68bd;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-behaviour.category__footer h2 {
  border: 1px solid #5f5f5f;
}
.cc-behaviour.category__footer a {
  color: #d64297;
}
.cc-behaviour.category__footer a:hover,
.cc-behaviour.category__footer a:focus {
  color: #ab3579;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-forms {
  background-color: #e0ecdd;
  color: #0b3000;
  text-align: left;
}

.cc-forms .category__title {
  color: #27a800;
  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-forms .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-forms .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 */
  /*  */
.cc-forms .category__title--lozenge .category__title__text {
  background-color: #27a800;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-forms blockquote {
  border-left-color: #b3bdb1;
}

.cc-forms .item__title a {
  color: #259803;
}
.cc-forms .item__title a:hover,
.cc-forms .item__title a:focus {
  color: #1e7a02;
}

  /* Embedded link colors */
  /*  */

.cc-forms p a,
.cc-forms ul li a {
  color: #259803;
}
.cc-forms p a:hover,
.cc-forms p a:active,
.cc-forms ul li a:hover,
.cc-forms ul li a:active {
  color: #4bbe29;
}

.cc-forms .item__footer {
  color: #0b3000;
}
.cc-forms .item__footer a {
  color: #259803;
}
.cc-forms .item__footer a:hover,
.cc-forms .item__footer a:active {
  color: #4bbe29;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-forms.category__footer h2 {
  border: 1px solid #0b3000;
}
.cc-forms.category__footer a {
  color: #259803;
}
.cc-forms.category__footer a:hover,
.cc-forms.category__footer a:focus {
  color: #1e7a02;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-analytics {
  background-color: #f4f4ea;
  color: #777b00;
  text-align: left;
}

.cc-analytics .category__title {
  color: #ecdc00;
  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-analytics .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-analytics .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 */
  /*  */
.cc-analytics .category__title--lozenge .category__title__text {
  background-color: #ecdc00;
  /* Lean towards white for the lozenges */
  color: #000000;
}

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

.cc-analytics .item__title a {
  color: #cabc00;
}
.cc-analytics .item__title a:hover,
.cc-analytics .item__title a:focus {
  color: #a29600;
}

  /* Embedded link colors */
  /*  */

.cc-analytics p a,
.cc-analytics ul li a {
  color: #cabc00;
}
.cc-analytics p a:hover,
.cc-analytics p a:active,
.cc-analytics ul li a:hover,
.cc-analytics ul li a:active {
  color: #aca000;
}

.cc-analytics .item__footer {
  color: #777b00;
}
.cc-analytics .item__footer a {
  color: #cabc00;
}
.cc-analytics .item__footer a:hover,
.cc-analytics .item__footer a:active {
  color: #aca000;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-analytics.category__footer h2 {
  border: 1px solid #777b00;
}
.cc-analytics.category__footer a {
  color: #cabc00;
}
.cc-analytics.category__footer a:hover,
.cc-analytics.category__footer a:focus {
  color: #a29600;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-content {
  background-color: #f1f4ea;
  color: #313c01;
  text-align: left;
}

.cc-content .category__title {
  color: #9bb205;
  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-content .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-content .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 */
  /*  */
.cc-content .category__title--lozenge .category__title__text {
  background-color: #9bb205;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-content blockquote {
  border-left-color: #c1c3bb;
}

.cc-content .item__title a {
  color: #94a100;
}
.cc-content .item__title a:hover,
.cc-content .item__title a:focus {
  color: #768100;
}

  /* Embedded link colors */
  /*  */

.cc-content p a,
.cc-content ul li a {
  color: #94a100;
}
.cc-content p a:hover,
.cc-content p a:active,
.cc-content ul li a:hover,
.cc-content ul li a:active {
  color: #7e8900;
}

.cc-content .item__footer {
  color: #313c01;
}
.cc-content .item__footer a {
  color: #94a100;
}
.cc-content .item__footer a:hover,
.cc-content .item__footer a:active {
  color: #7e8900;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-content.category__footer h2 {
  border: 1px solid #313c01;
}
.cc-content.category__footer a {
  color: #94a100;
}
.cc-content.category__footer a:hover,
.cc-content.category__footer a:focus {
  color: #768100;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-devices {
  background-color: #efefef;
  color: #515151;
  text-align: left;
}

.cc-devices .category__title {
  color: #8b8b8b;
  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-devices .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-devices .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 */
  /*  */
.cc-devices .category__title--lozenge .category__title__text {
  background-color: #8b8b8b;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-devices blockquote {
  border-left-color: #bfbfbf;
}

.cc-devices .item__title a {
  color: #999999;
}
.cc-devices .item__title a:hover,
.cc-devices .item__title a:focus {
  color: #7a7a7a;
}

  /* Embedded link colors */
  /*  */

.cc-devices p a,
.cc-devices ul li a {
  color: #999999;
}
.cc-devices p a:hover,
.cc-devices p a:active,
.cc-devices ul li a:hover,
.cc-devices ul li a:active {
  color: #828282;
}

.cc-devices .item__footer {
  color: #515151;
}
.cc-devices .item__footer a {
  color: #999999;
}
.cc-devices .item__footer a:hover,
.cc-devices .item__footer a:active {
  color: #828282;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-devices.category__footer h2 {
  border: 1px solid #515151;
}
.cc-devices.category__footer a {
  color: #999999;
}
.cc-devices.category__footer a:hover,
.cc-devices.category__footer a:focus {
  color: #7a7a7a;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-accessibility {
  background-color: #f2eaf2;
  color: #62005c;
  text-align: left;
}

.cc-accessibility .category__title {
  color: #a5019a;
  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-accessibility .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-accessibility .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 */
  /*  */
.cc-accessibility .category__title--lozenge .category__title__text {
  background-color: #a5019a;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-accessibility blockquote {
  border-left-color: #c2bbc2;
}

.cc-accessibility .item__title a {
  color: #a5019a;
}
.cc-accessibility .item__title a:hover,
.cc-accessibility .item__title a:focus {
  color: #84017b;
}

  /* Embedded link colors */
  /*  */

.cc-accessibility p a,
.cc-accessibility ul li a {
  color: #a5019a;
}
.cc-accessibility p a:hover,
.cc-accessibility p a:active,
.cc-accessibility ul li a:hover,
.cc-accessibility ul li a:active {
  color: #cb27c0;
}

.cc-accessibility .item__footer {
  color: #62005c;
}
.cc-accessibility .item__footer a {
  color: #a5019a;
}
.cc-accessibility .item__footer a:hover,
.cc-accessibility .item__footer a:active {
  color: #cb27c0;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-accessibility.category__footer h2 {
  border: 1px solid #62005c;
}
.cc-accessibility.category__footer a {
  color: #a5019a;
}
.cc-accessibility.category__footer a:hover,
.cc-accessibility.category__footer a:focus {
  color: #84017b;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-relationships {
  background-color: #e7eff0;
  color: #004a57;
  text-align: left;
}

.cc-relationships .category__title {
  color: #0092ab;
  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-relationships .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-relationships .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 */
  /*  */
.cc-relationships .category__title--lozenge .category__title__text {
  background-color: #0092ab;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-relationships blockquote {
  border-left-color: #b9bfc0;
}

.cc-relationships .item__title a {
  color: #0092ab;
}
.cc-relationships .item__title a:hover,
.cc-relationships .item__title a:focus {
  color: #007589;
}

  /* Embedded link colors */
  /*  */

.cc-relationships p a,
.cc-relationships ul li a {
  color: #0092ab;
}
.cc-relationships p a:hover,
.cc-relationships p a:active,
.cc-relationships ul li a:hover,
.cc-relationships ul li a:active {
  color: #26b8d1;
}

.cc-relationships .item__footer {
  color: #004a57;
}
.cc-relationships .item__footer a {
  color: #0092ab;
}
.cc-relationships .item__footer a:hover,
.cc-relationships .item__footer a:active {
  color: #26b8d1;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-relationships.category__footer h2 {
  border: 1px solid #004a57;
}
.cc-relationships.category__footer a {
  color: #0092ab;
}
.cc-relationships.category__footer a:hover,
.cc-relationships.category__footer a:focus {
  color: #007589;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-beginners {
  background-color: #e1ecdf;
  color: #003704;
  text-align: left;
}

.cc-beginners .category__title {
  color: #005706;
  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-beginners .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-beginners .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 */
  /*  */
.cc-beginners .category__title--lozenge .category__title__text {
  background-color: #005706;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-beginners blockquote {
  border-left-color: #b4bdb2;
}

.cc-beginners .item__title a {
  color: #00c20e;
}
.cc-beginners .item__title a:hover,
.cc-beginners .item__title a:focus {
  color: #009b0b;
}

  /* Embedded link colors */
  /*  */

.cc-beginners p a,
.cc-beginners ul li a {
  color: #00c20e;
}
.cc-beginners p a:hover,
.cc-beginners p a:active,
.cc-beginners ul li a:hover,
.cc-beginners ul li a:active {
  color: #26e834;
}

.cc-beginners .item__footer {
  color: #003704;
}
.cc-beginners .item__footer a {
  color: #00c20e;
}
.cc-beginners .item__footer a:hover,
.cc-beginners .item__footer a:active {
  color: #26e834;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-beginners.category__footer h2 {
  border: 1px solid #003704;
}
.cc-beginners.category__footer a {
  color: #00c20e;
}
.cc-beginners.category__footer a:hover,
.cc-beginners.category__footer a:focus {
  color: #009b0b;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-toools {
  background-color: #f5eded;
  color: #300101;
  text-align: left;
}

.cc-toools .category__title {
  color: #590000;
  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-toools .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-toools .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 */
  /*  */
.cc-toools .category__title--lozenge .category__title__text {
  background-color: #590000;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-toools blockquote {
  border-left-color: #c4bebe;
}

.cc-toools .item__title a {
  color: #c00000;
}
.cc-toools .item__title a:hover,
.cc-toools .item__title a:focus {
  color: #9a0000;
}

  /* Embedded link colors */
  /*  */

.cc-toools p a,
.cc-toools ul li a {
  color: #c00000;
}
.cc-toools p a:hover,
.cc-toools p a:active,
.cc-toools ul li a:hover,
.cc-toools ul li a:active {
  color: #e62626;
}

.cc-toools .item__footer {
  color: #300101;
}
.cc-toools .item__footer a {
  color: #c00000;
}
.cc-toools .item__footer a:hover,
.cc-toools .item__footer a:active {
  color: #e62626;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-toools.category__footer h2 {
  border: 1px solid #300101;
}
.cc-toools.category__footer a {
  color: #c00000;
}
.cc-toools.category__footer a:hover,
.cc-toools.category__footer a:focus {
  color: #9a0000;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-books {
  background-color: #e8f2f2;
  color: #002d2d;
  text-align: left;
}

.cc-books .category__title {
  color: #005450;
  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-books .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-books .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 */
  /*  */
.cc-books .category__title--lozenge .category__title__text {
  background-color: #005450;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-books blockquote {
  border-left-color: #bac2c2;
}

.cc-books .item__title a {
  color: #00c3c3;
}
.cc-books .item__title a:hover,
.cc-books .item__title a:focus {
  color: #009c9c;
}

  /* Embedded link colors */
  /*  */

.cc-books p a,
.cc-books ul li a {
  color: #00c3c3;
}
.cc-books p a:hover,
.cc-books p a:active,
.cc-books ul li a:hover,
.cc-books ul li a:active {
  color: #00a6a6;
}

.cc-books .item__footer {
  color: #002d2d;
}
.cc-books .item__footer a {
  color: #00c3c3;
}
.cc-books .item__footer a:hover,
.cc-books .item__footer a:active {
  color: #00a6a6;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-books.category__footer h2 {
  border: 1px solid #002d2d;
}
.cc-books.category__footer a {
  color: #00c3c3;
}
.cc-books.category__footer a:hover,
.cc-books.category__footer a:focus {
  color: #009c9c;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-careers {
  background-color: #f2eaf0;
  color: #350027;
  text-align: left;
}

.cc-careers .category__title {
  color: #51002c;
  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-careers .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-careers .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 */
  /*  */
.cc-careers .category__title--lozenge .category__title__text {
  background-color: #51002c;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-careers blockquote {
  border-left-color: #c2bbc0;
}

.cc-careers .item__title a {
  color: #ef0081;
}
.cc-careers .item__title a:hover,
.cc-careers .item__title a:focus {
  color: #bf0067;
}

  /* Embedded link colors */
  /*  */

.cc-careers p a,
.cc-careers ul li a {
  color: #ef0081;
}
.cc-careers p a:hover,
.cc-careers p a:active,
.cc-careers ul li a:hover,
.cc-careers ul li a:active {
  color: #ff26a7;
}

.cc-careers .item__footer {
  color: #350027;
}
.cc-careers .item__footer a {
  color: #ef0081;
}
.cc-careers .item__footer a:hover,
.cc-careers .item__footer a:active {
  color: #ff26a7;
}


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

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

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

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

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


.cc-videos {
  background-color: #f4edea;
  color: #6b1b01;
  text-align: left;
}

.cc-videos .category__title {
  color: #c03900;
  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-videos .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-videos .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 */
  /*  */
.cc-videos .category__title--lozenge .category__title__text {
  background-color: #c03900;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-videos blockquote {
  border-left-color: #c3bebb;
}

.cc-videos .item__title a {
  color: #c33a00;
}
.cc-videos .item__title a:hover,
.cc-videos .item__title a:focus {
  color: #9c2e00;
}

  /* Embedded link colors */
  /*  */

.cc-videos p a,
.cc-videos ul li a {
  color: #c33a00;
}
.cc-videos p a:hover,
.cc-videos p a:active,
.cc-videos ul li a:hover,
.cc-videos ul li a:active {
  color: #e96026;
}

.cc-videos .item__footer {
  color: #6b1b01;
}
.cc-videos .item__footer a {
  color: #c33a00;
}
.cc-videos .item__footer a:hover,
.cc-videos .item__footer a:active {
  color: #e96026;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-videos.category__footer h2 {
  border: 1px solid #6b1b01;
}
.cc-videos.category__footer a {
  color: #c33a00;
}
.cc-videos.category__footer a:hover,
.cc-videos.category__footer a:focus {
  color: #9c2e00;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-oldie {
  background-color: #e8e9f0;
  color: #000938;
  text-align: left;
}

.cc-oldie .category__title {
  color: #000d4d;
  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-oldie .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-oldie .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 */
  /*  */
.cc-oldie .category__title--lozenge .category__title__text {
  background-color: #000d4d;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

.cc-oldie blockquote {
  border-left-color: #babac0;
}

.cc-oldie .item__title a {
  color: #001eb8;
}
.cc-oldie .item__title a:hover,
.cc-oldie .item__title a:focus {
  color: #001893;
}

  /* Embedded link colors */
  /*  */

.cc-oldie p a,
.cc-oldie ul li a {
  color: #001eb8;
}
.cc-oldie p a:hover,
.cc-oldie p a:active,
.cc-oldie ul li a:hover,
.cc-oldie ul li a:active {
  color: #2644de;
}

.cc-oldie .item__footer {
  color: #000938;
}
.cc-oldie .item__footer a {
  color: #001eb8;
}
.cc-oldie .item__footer a:hover,
.cc-oldie .item__footer a:active {
  color: #2644de;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-oldie.category__footer h2 {
  border: 1px solid #000938;
}
.cc-oldie.category__footer a {
  color: #001eb8;
}
.cc-oldie.category__footer a:hover,
.cc-oldie.category__footer a:focus {
  color: #001893;
}

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

.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(95,95,95,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: #ab8860;
  color: #ab8860;
}

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


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

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

/* Style input with border when flat color */
/*  */

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

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

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


/* Subscription pages */
/*  */
.subscription__resubscribe__btn {
  color: #ab8860;
}
.subscription__resubscribe__btn:hover,
.subscription__resubscribe__btn:focus {
  color: #917452;
}


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

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

.sponsorship__quicklinks {
  color: rgba(95,95,95,0.7);
}
.sponsorship__quicklinks a {
  color: rgba(95,95,95,0.7);
}
.sponsorship__quicklinks a:hover,
.sponsorship__quicklinks a:active {
  color: #565656;
}

.sponsorship__nextavailable.with_divider:before {
  border-top-color: rgba(95,95,95,0.6);
}
.sponsorship__nextavailable h4 {
  color: rgba(95,95,95,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: #5f5f5f;
}
.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(95,95,95,0.7);
}

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

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

.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: #5f5f5f;
}

.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: #ea7300;
  color: #ffffff;
}
.home--noissue body {
  background-color: transparent;
}
.home--noissue .footer {
  background-color: #ea7300;
  color: #ffffff;
}
.home--noissue .footer a {
  color: rgba(255,255,255,0.8);
}
.home--noissue .footer a:hover,
.home--noissue .footer a:active {
  color: #ffffff;
}
.home--noissue .footer .i .recaptcha-terms {
  color: rgba(255,255,255,0.5);
}
.home--noissue .footer .i .recaptcha-terms a {
  color: rgba(255,255,255,0.5);
}

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


.header--withimage .header {
  background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/1289/medium_276bf3f8-a6fc-4c07-990a-1eb8d2a07b4d.jpg);
}
@media (min-width: 760px) {
  .header--withimage .header {
    background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/1289/large_276bf3f8-a6fc-4c07-990a-1eb8d2a07b4d.jpg);
  }
}

/* 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(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/1289/medium_276bf3f8-a6fc-4c07-990a-1eb8d2a07b4d.jpg);
}
@media (min-width: 760px) {
  .home--noissue.header--withimage {
    background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/1289/large_276bf3f8-a6fc-4c07-990a-1eb8d2a07b4d.jpg);
  }
}

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