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

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

/* Default .btn */
/*  */
.btn {
  background-color: #454547;
  color: #FFFFFF;
}
.btn:hover,
.btn:focus {
  background-color: #6b6b6d;
  color: #FFFFFF;
}

/* Header */
.header {
  background-color: #454547;
  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: #29292b;
}
.header :-ms-input-placeholder {
  color: #29292b;
}
.header ::placeholder {
  color: #29292b;
}

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

  color: #FFFFFF;
}

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

.header .btn:hover,
.btn-primary:hover,
.header .btn:focus,
.btn-primary:focus {
  background-color: #3e3e40;
  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(69,69,71,0.2);
}

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

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

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

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

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

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

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

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

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


.cc-josejaviercolumbie {
  background-color: #313034;
  color: #fafafa;
  text-align: left;
}

.cc-josejaviercolumbie .category__title {
  color: #ffffff;
  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-josejaviercolumbie .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-josejaviercolumbie .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-josejaviercolumbie blockquote {
  border-left-color: #646367;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-jocheojeda {
  background-color: #313034;
  color: #fafafa;
  text-align: left;
}

.cc-jocheojeda .category__title {
  color: #ffffff;
  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-jocheojeda .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-jocheojeda .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-jocheojeda blockquote {
  border-left-color: #646367;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


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

.cc-xafersintroductions .category__title {
  color: #ff7100;
  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-xafersintroductions .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-xafersintroductions .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-xafersintroductions .category__title--lozenge .category__title__text {
  background-color: #ff7100;
  /* 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-xafersintroductions blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


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

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

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

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

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

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-gettingstarted {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-gettingstarted .category__title {
  color: #255e28;
  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-gettingstarted .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-gettingstarted .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-gettingstarted .category__title--lozenge .category__title__text {
  background-color: #255e28;
  /* 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-gettingstarted blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-xaf {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-xaf .category__title {
  color: #04388e;
  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-xaf .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-xaf .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-xaf .category__title--lozenge .category__title__text {
  background-color: #04388e;
  /* 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-xaf blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-xafwindows {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-xafwindows .category__title {
  color: #006c77;
  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-xafwindows .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-xafwindows .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-xafwindows .category__title--lozenge .category__title__text {
  background-color: #006c77;
  /* 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-xafwindows blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-xafweb {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-xafweb .category__title {
  color: #006166;
  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-xafweb .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-xafweb .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-xafweb .category__title--lozenge .category__title__text {
  background-color: #006166;
  /* 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-xafweb blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-xafwebapi {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

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

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

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

.cc-xafwebapi blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-blazor {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-blazor .category__title {
  color: #8d0acd;
  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-blazor .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-blazor .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-blazor .category__title--lozenge .category__title__text {
  background-color: #8d0acd;
  /* 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-blazor blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-xafmobile {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-xafmobile .category__title {
  color: #5f0000;
  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-xafmobile .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-xafmobile .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-xafmobile .category__title--lozenge .category__title__text {
  background-color: #5f0000;
  /* 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-xafmobile blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-xpo {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-xpo .category__title {
  color: #89054d;
  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-xpo .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-xpo .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-xpo .category__title--lozenge .category__title__text {
  background-color: #89054d;
  /* 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-xpo blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


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

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

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

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

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

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


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

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

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

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

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

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-performance {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-performance .category__title {
  color: #9fad00;
  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-performance .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-performance .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-performance .category__title--lozenge .category__title__text {
  background-color: #9fad00;
  /* 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-performance blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-modules {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-modules .category__title {
  color: #009d12;
  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-modules .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-modules .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-modules .category__title--lozenge .category__title__text {
  background-color: #009d12;
  /* 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-modules blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-reports {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-reports .category__title {
  color: #777b19;
  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-reports .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-reports .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-reports .category__title--lozenge .category__title__text {
  background-color: #777b19;
  /* 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-reports blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-tipsandtricks {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

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

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

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

.cc-tipsandtricks blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-coderush {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-coderush .category__title {
  color: #5e0073;
  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-coderush .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-coderush .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-coderush .category__title--lozenge .category__title__text {
  background-color: #5e0073;
  /* 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-coderush blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-netcore {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

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

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

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

.cc-netcore blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-accessibility {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-accessibility .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-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: #454547;
  /* Lean towards white for the lozenges */
  color: #ffffff;
}

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

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

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

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-testing {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-testing .category__title {
  color: #c000b3;
  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-testing .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-testing .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-testing .category__title--lozenge .category__title__text {
  background-color: #c000b3;
  /* 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-testing blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-relevanttickets {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-relevanttickets .category__title {
  color: #da6000;
  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-relevanttickets .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-relevanttickets .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-relevanttickets .category__title--lozenge .category__title__text {
  background-color: #da6000;
  /* 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-relevanttickets blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-azure {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-azure .category__title {
  color: #5954fa;
  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-azure .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-azure .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-azure .category__title--lozenge .category__title__text {
  background-color: #5954fa;
  /* 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-azure blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-mobile {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-mobile .category__title {
  color: #c50eb9;
  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-mobile .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-mobile .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-mobile .category__title--lozenge .category__title__text {
  background-color: #c50eb9;
  /* 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-mobile blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-linkstobookmark {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

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

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

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

.cc-linkstobookmark blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-net {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

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

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

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

.cc-net blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


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

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

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

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

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

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-opensource {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-opensource .category__title {
  color: #ff0000;
  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-opensource .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-opensource .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-opensource .category__title--lozenge .category__title__text {
  background-color: #ff0000;
  /* 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-opensource blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-podcasts {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-podcasts .category__title {
  color: #860303;
  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-podcasts .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-podcasts .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-podcasts .category__title--lozenge .category__title__text {
  background-color: #860303;
  /* 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-podcasts blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-spanish {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-spanish .category__title {
  color: #5f2fff;
  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-spanish .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-spanish .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-spanish .category__title--lozenge .category__title__text {
  background-color: #5f2fff;
  /* 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-spanish blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-socialmedia {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

.cc-socialmedia .category__title {
  color: #3c48f5;
  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-socialmedia .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-socialmedia .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-socialmedia .category__title--lozenge .category__title__text {
  background-color: #3c48f5;
  /* 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-socialmedia blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


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

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

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

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

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

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


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

.cc-jobs .category__title {
  color: #ff0000;
  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-jobs .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-jobs .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-jobs .category__title--lozenge .category__title__text {
  background-color: #ff0000;
  /* 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-jobs blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


.cc-windows {
  background-color: #fff1c0;
  color: #454547;
  text-align: left;
}

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

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

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

.cc-windows blockquote {
  border-left-color: #ccc19a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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


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

.cc-getintouch .category__title {
  color: #ef0808;
  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-getintouch .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-getintouch .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-getintouch .category__title--lozenge .category__title__text {
  background-color: #ef0808;
  /* 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-getintouch blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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

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

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


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

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

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

.cta--header .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: #454547;
}
.header--withimage .cta--header .btn:hover,
.header--withimage .cta--header .btn:focus {
  background-color: #424243;
}


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Home page no issue overwrites */
/*  */
.home--noissue {
  background-color: #454547;
  color: #FFFFFF;
}
.home--noissue body {
  background-color: transparent;
}
.home--noissue .footer {
  background-color: #454547;
  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/7064/medium_darkened_e35a919d-d757-499a-b021-3538724bcb79.PNG);
}
@media (min-width: 760px) {
  .header--withimage .header {
    background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/7064/large_darkened_e35a919d-d757-499a-b021-3538724bcb79.PNG);
  }
}

/* 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/7064/medium_darkened_e35a919d-d757-499a-b021-3538724bcb79.PNG);
}
@media (min-width: 760px) {
  .home--noissue.header--withimage {
    background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/7064/large_darkened_e35a919d-d757-499a-b021-3538724bcb79.PNG);
  }
}

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