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

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

/* Default .btn */
/*  */
.btn {
  background-color: #f05138;
  color: #FFFFFF;
}
.btn:hover,
.btn:focus {
  background-color: #ff775e;
  color: #FFFFFF;
}

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

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

  color: #FFFFFF;
}

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

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

}

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

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

/* Item */
/*  */

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

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

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

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

/* Trello: https://trello.com/c/lEPuvhXO */
/* If secondary font is Garamond, Laila or Merriweather adjust */
/* padding to correct line-height issues with these fonts in lozenge */
/*  */

/* Category 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-comment .item__heading {
  color: #454547;
}

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

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


.cc-comment {
  background-color: #eceff1;
  color: #454547;
  text-align: left;
}

.cc-comment .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-comment .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-comment .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-comment .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-comment blockquote {
  border-left-color: #bdbfc1;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-comment.category__footer h2 {
  border: 1px solid #454547;
}
.cc-comment.category__footer a {
  color: #000000;
}
.cc-comment.category__footer a:hover,
.cc-comment.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-latestblogpost .item__heading {
  color: #ffffff;
}

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

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


.cc-latestblogpost {
  background-color: #454547;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-latestblogpost blockquote {
  border-left-color: #78787a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-latestblogpost.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-latestblogpost.category__footer a {
  color: #ffffff;
}
.cc-latestblogpost.category__footer a:hover,
.cc-latestblogpost.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-sponsored-link .item__heading {
  color: #454547;
}

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

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


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

.cc-sponsored-link .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-sponsored-link .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-sponsored-link .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-sponsored-link .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-sponsored-link blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-sponsored-link.category__footer h2 {
  border: 1px solid #454547;
}
.cc-sponsored-link.category__footer a {
  color: #000000;
}
.cc-sponsored-link.category__footer a:hover,
.cc-sponsored-link.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-what-i-am-working-on .item__heading {
  color: #011191;
}

/* For each category we have an .item__title modifier class, used on the search results */
.item--cc-what-i-am-working-on .item__title {
  color: #011191;
}

/* Modifier used in search to show the embedded links in the correct color. */
.item--cc-what-i-am-working-on .item__body p a {
  color: #011191;
}


.cc-what-i-am-working-on {
  background-color: #FFFFFF;
  color: #454547;
  text-align: left;
}

.cc-what-i-am-working-on .category__title {
  color: #011191;
  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-what-i-am-working-on .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-what-i-am-working-on .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-what-i-am-working-on .category__title--lozenge .category__title__text {
  background-color: #011191;
  /* 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-what-i-am-working-on blockquote {
  border-left-color: #cccccc;
}

.cc-what-i-am-working-on .item__title a {
  color: #011191;
}
.cc-what-i-am-working-on .item__title a:hover,
.cc-what-i-am-working-on .item__title a:focus {
  color: #010e74;
}

  /* Embedded link colors */
  /*  */

.cc-what-i-am-working-on p a,
.cc-what-i-am-working-on ul li a {
  color: #011191;
}
.cc-what-i-am-working-on p a:hover,
.cc-what-i-am-working-on p a:active,
.cc-what-i-am-working-on ul li a:hover,
.cc-what-i-am-working-on ul li a:active {
  color: #2737b7;
}

.cc-what-i-am-working-on .item__footer {
  color: #454547;
}
.cc-what-i-am-working-on .item__footer a {
  color: #011191;
}
.cc-what-i-am-working-on .item__footer a:hover,
.cc-what-i-am-working-on .item__footer a:active {
  color: #2737b7;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-what-i-am-working-on.category__footer h2 {
  border: 1px solid #454547;
}
.cc-what-i-am-working-on.category__footer a {
  color: #011191;
}
.cc-what-i-am-working-on.category__footer a:hover,
.cc-what-i-am-working-on.category__footer a:focus {
  color: #010e74;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-comingup {
  background-color: #2b2c2b;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-comingup blockquote {
  border-left-color: #5e5f5e;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-comingup.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-comingup.category__footer a {
  color: #ffffff;
}
.cc-comingup.category__footer a:hover,
.cc-comingup.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-swift .item__heading {
  color: #f05138;
}

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

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


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

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

.cc-swift .item__title a {
  color: #f05138;
}
.cc-swift .item__title a:hover,
.cc-swift .item__title a:focus {
  color: #c0412d;
}

  /* Embedded link colors */
  /*  */

.cc-swift p a,
.cc-swift ul li a {
  color: #f05138;
}
.cc-swift p a:hover,
.cc-swift p a:active,
.cc-swift ul li a:hover,
.cc-swift ul li a:active {
  color: #ff775e;
}

.cc-swift .item__footer {
  color: #454547;
}
.cc-swift .item__footer a {
  color: #f05138;
}
.cc-swift .item__footer a:hover,
.cc-swift .item__footer a:active {
  color: #ff775e;
}


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

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

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

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

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


.cc-swiftui {
  background-color: #0898ff;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-swiftui blockquote {
  border-left-color: #3bcbff;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-swiftui.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-swiftui.category__footer a {
  color: #ffffff;
}
.cc-swiftui.category__footer a:hover,
.cc-swiftui.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-aiandml .item__heading {
  color: #ffffff;
}

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

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


.cc-aiandml {
  background-color: #1e7ccb;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-aiandml blockquote {
  border-left-color: #51affe;
}

.cc-aiandml .item__title a {
  color: #eaeaea;
}
.cc-aiandml .item__title a:hover,
.cc-aiandml .item__title a:focus {
  color: #bbbbbb;
}

  /* Embedded link colors */
  /*  */

.cc-aiandml p a,
.cc-aiandml ul li a {
  color: #eaeaea;
}
.cc-aiandml p a:hover,
.cc-aiandml p a:active,
.cc-aiandml ul li a:hover,
.cc-aiandml ul li a:active {
  color: #c7c7c7;
}

.cc-aiandml .item__footer {
  color: #ffffff;
}
.cc-aiandml .item__footer a {
  color: #eaeaea;
}
.cc-aiandml .item__footer a:hover,
.cc-aiandml .item__footer a:active {
  color: #c7c7c7;
}


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

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

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

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

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


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

.cc-code .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-code .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-code .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-code .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-code blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-code.category__footer h2 {
  border: 1px solid #454547;
}
.cc-code.category__footer a {
  color: #000000;
}
.cc-code.category__footer a:hover,
.cc-code.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-fromthecommunity .item__heading {
  color: #f05138;
}

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

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


.cc-fromthecommunity {
  background-color: #f3f3f3;
  color: #454547;
  text-align: left;
}

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

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-fromthecommunity.category__footer h2 {
  border: 1px solid #454547;
}
.cc-fromthecommunity.category__footer a {
  color: #000000;
}
.cc-fromthecommunity.category__footer a:hover,
.cc-fromthecommunity.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-firebase .item__heading {
  color: #ffca28;
}

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

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


.cc-firebase {
  background-color: #2c384a;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-firebase blockquote {
  border-left-color: #5f6b7d;
}

.cc-firebase .item__title a {
  color: #ffca28;
}
.cc-firebase .item__title a:hover,
.cc-firebase .item__title a:focus {
  color: #cca220;
}

  /* Embedded link colors */
  /*  */

.cc-firebase p a,
.cc-firebase ul li a {
  color: #ffca28;
}
.cc-firebase p a:hover,
.cc-firebase p a:active,
.cc-firebase ul li a:hover,
.cc-firebase ul li a:active {
  color: #d9ac22;
}

.cc-firebase .item__footer {
  color: #ffffff;
}
.cc-firebase .item__footer a {
  color: #ffca28;
}
.cc-firebase .item__footer a:hover,
.cc-firebase .item__footer a:active {
  color: #d9ac22;
}


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

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

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

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

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


.cc-toools {
  background-color: #2b2c2b;
  color: #2bd568;
  text-align: left;
}

.cc-toools .category__title {
  color: #2bd568;
  text-align: left;

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

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

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

/* If header justification: left and header style: both_horizontal | icon_only */
/* place icon off canvas when not on small screen */
/*  */
@media (min-width: 978px) {
  .cc-toools .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

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

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

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

.cc-toools .item__title a {
  color: #2bd568;
}
.cc-toools .item__title a:hover,
.cc-toools .item__title a:focus {
  color: #22aa53;
}

  /* Embedded link colors */
  /*  */

.cc-toools p a,
.cc-toools ul li a {
  color: #2bd568;
}
.cc-toools p a:hover,
.cc-toools p a:active,
.cc-toools ul li a:hover,
.cc-toools ul li a:active {
  color: #25b558;
}

.cc-toools .item__footer {
  color: #2bd568;
}
.cc-toools .item__footer a {
  color: #2bd568;
}
.cc-toools .item__footer a:hover,
.cc-toools .item__footer a:active {
  color: #25b558;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-toools.category__footer h2 {
  border: 1px solid #2bd568;
}
.cc-toools.category__footer a {
  color: #2bd568;
}
.cc-toools.category__footer a:hover,
.cc-toools.category__footer a:focus {
  color: #22aa53;
}
/* Search modifier classes */
/*  */

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

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

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


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

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

.cc-conferences .item__title a {
  color: #0070b0;
}
.cc-conferences .item__title a:hover,
.cc-conferences .item__title a:focus {
  color: #005a8d;
}

  /* Embedded link colors */
  /*  */

.cc-conferences p a,
.cc-conferences ul li a {
  color: #0070b0;
}
.cc-conferences p a:hover,
.cc-conferences p a:active,
.cc-conferences ul li a:hover,
.cc-conferences ul li a:active {
  color: #2696d6;
}

.cc-conferences .item__footer {
  color: #454547;
}
.cc-conferences .item__footer a {
  color: #0070b0;
}
.cc-conferences .item__footer a:hover,
.cc-conferences .item__footer a:active {
  color: #2696d6;
}


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

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

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

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

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


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

.cc-jobs-sponsored .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-jobs-sponsored .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-sponsored .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-sponsored .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-jobs-sponsored blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

.cc-jobs-sponsored .item__footer {
  color: #454547;
}
.cc-jobs-sponsored .item__footer a {
  color: #000000;
}
.cc-jobs-sponsored .item__footer a:hover,
.cc-jobs-sponsored .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-sponsored hr {
  background-color: #cccccc;
  color: #cccccc;
}

  /* Sponsored category footer on issue page */
  /*  */
.cc-jobs-sponsored.category__footer h2 {
  border: 1px solid #454547;
}
.cc-jobs-sponsored.category__footer a {
  color: #000000;
}
.cc-jobs-sponsored.category__footer a:hover,
.cc-jobs-sponsored.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: #36b3bb;
}

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

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


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

.cc-jobs .category__title {
  color: #36b3bb;
  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: #36b3bb;
  /* 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: #36b3bb;
}
.cc-jobs .item__title a:hover,
.cc-jobs .item__title a:focus {
  color: #2b8f96;
}

  /* Embedded link colors */
  /*  */

.cc-jobs p a,
.cc-jobs ul li a {
  color: #36b3bb;
}
.cc-jobs p a:hover,
.cc-jobs p a:active,
.cc-jobs ul li a:hover,
.cc-jobs ul li a:active {
  color: #2e989f;
}

.cc-jobs .item__footer {
  color: #454547;
}
.cc-jobs .item__footer a {
  color: #36b3bb;
}
.cc-jobs .item__footer a:hover,
.cc-jobs .item__footer a:active {
  color: #2e989f;
}


  /* 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: #36b3bb;
}
.cc-jobs.category__footer a:hover,
.cc-jobs.category__footer a:focus {
  color: #2b8f96;
}
/* Search modifier classes */
/*  */

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

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

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


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

.cc-technews .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-technews .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-technews .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-technews .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-technews blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-technews.category__footer h2 {
  border: 1px solid #454547;
}
.cc-technews.category__footer a {
  color: #000000;
}
.cc-technews.category__footer a:hover,
.cc-technews.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: #ffffff;
}

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

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


.cc-podcasts {
  background-color: #e45bdb;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-podcasts blockquote {
  border-left-color: #b649af;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-podcasts.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-podcasts.category__footer a {
  color: #ffffff;
}
.cc-podcasts.category__footer a:hover,
.cc-podcasts.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-computerhistory .item__heading {
  color: #454547;
}

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

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


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

.cc-computerhistory .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-computerhistory .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-computerhistory .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-computerhistory .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-computerhistory blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-computerhistory.category__footer h2 {
  border: 1px solid #454547;
}
.cc-computerhistory.category__footer a {
  color: #000000;
}
.cc-computerhistory.category__footer a:hover,
.cc-computerhistory.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-howstuffworks .item__heading {
  color: #454547;
}

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

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


.cc-howstuffworks {
  background-color: #6cae75;
  color: #454547;
  text-align: left;
}

.cc-howstuffworks .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-howstuffworks .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-howstuffworks .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-howstuffworks .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-howstuffworks blockquote {
  border-left-color: #568b5e;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-howstuffworks.category__footer h2 {
  border: 1px solid #454547;
}
.cc-howstuffworks.category__footer a {
  color: #000000;
}
.cc-howstuffworks.category__footer a:hover,
.cc-howstuffworks.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-onemorething .item__heading {
  color: #ffffff;
}

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

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


.cc-onemorething {
  background-color: #ff8a65;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-onemorething blockquote {
  border-left-color: #cc6e51;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-onemorething.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-onemorething.category__footer a {
  color: #ffffff;
}
.cc-onemorething.category__footer a:hover,
.cc-onemorething.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-behindthescenes .item__heading {
  color: #454547;
}

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

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


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

.cc-behindthescenes .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-behindthescenes .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-behindthescenes .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-behindthescenes .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-behindthescenes blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-behindthescenes.category__footer h2 {
  border: 1px solid #454547;
}
.cc-behindthescenes.category__footer a {
  color: #000000;
}
.cc-behindthescenes.category__footer a:hover,
.cc-behindthescenes.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-hiddengems .item__heading {
  color: #ffffff;
}

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

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


.cc-hiddengems {
  background-color: #ce9e26;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-hiddengems blockquote {
  border-left-color: #a57e1e;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-hiddengems.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-hiddengems.category__footer a {
  color: #ffffff;
}
.cc-hiddengems.category__footer a:hover,
.cc-hiddengems.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-swiftontheserver .item__heading {
  color: #f05138;
}

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

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


.cc-swiftontheserver {
  background-color: #FFFFFF;
  color: #000000;
  text-align: left;
}

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

.cc-swiftontheserver .item__title a {
  color: #f05138;
}
.cc-swiftontheserver .item__title a:hover,
.cc-swiftontheserver .item__title a:focus {
  color: #c0412d;
}

  /* Embedded link colors */
  /*  */

.cc-swiftontheserver p a,
.cc-swiftontheserver ul li a {
  color: #f05138;
}
.cc-swiftontheserver p a:hover,
.cc-swiftontheserver p a:active,
.cc-swiftontheserver ul li a:hover,
.cc-swiftontheserver ul li a:active {
  color: #ff775e;
}

.cc-swiftontheserver .item__footer {
  color: #000000;
}
.cc-swiftontheserver .item__footer a {
  color: #f05138;
}
.cc-swiftontheserver .item__footer a:hover,
.cc-swiftontheserver .item__footer a:active {
  color: #ff775e;
}


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

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

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

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

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


.cc-visionos {
  background-color: #000000;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-visionos blockquote {
  border-left-color: #333333;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-visionos.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-visionos.category__footer a {
  color: #ffffff;
}
.cc-visionos.category__footer a:hover,
.cc-visionos.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-softwareengineering .item__heading {
  color: #c51e91;
}

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

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


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

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

.cc-softwareengineering .item__title a {
  color: #c51e91;
}
.cc-softwareengineering .item__title a:hover,
.cc-softwareengineering .item__title a:focus {
  color: #9e1874;
}

  /* Embedded link colors */
  /*  */

.cc-softwareengineering p a,
.cc-softwareengineering ul li a {
  color: #c51e91;
}
.cc-softwareengineering p a:hover,
.cc-softwareengineering p a:active,
.cc-softwareengineering ul li a:hover,
.cc-softwareengineering ul li a:active {
  color: #eb44b7;
}

.cc-softwareengineering .item__footer {
  color: #454547;
}
.cc-softwareengineering .item__footer a {
  color: #c51e91;
}
.cc-softwareengineering .item__footer a:hover,
.cc-softwareengineering .item__footer a:active {
  color: #eb44b7;
}


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

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

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

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

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


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

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

.cc-productivity .item__title a {
  color: #6cae75;
}
.cc-productivity .item__title a:hover,
.cc-productivity .item__title a:focus {
  color: #568b5e;
}

  /* Embedded link colors */
  /*  */

.cc-productivity p a,
.cc-productivity ul li a {
  color: #6cae75;
}
.cc-productivity p a:hover,
.cc-productivity p a:active,
.cc-productivity ul li a:hover,
.cc-productivity ul li a:active {
  color: #5c9463;
}

.cc-productivity .item__footer {
  color: #454547;
}
.cc-productivity .item__footer a {
  color: #6cae75;
}
.cc-productivity .item__footer a:hover,
.cc-productivity .item__footer a:active {
  color: #5c9463;
}


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

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

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

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

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


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

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

.cc-writing .item__title a {
  color: #f85e00;
}
.cc-writing .item__title a:hover,
.cc-writing .item__title a:focus {
  color: #c64b00;
}

  /* Embedded link colors */
  /*  */

.cc-writing p a,
.cc-writing ul li a {
  color: #f85e00;
}
.cc-writing p a:hover,
.cc-writing p a:active,
.cc-writing ul li a:hover,
.cc-writing ul li a:active {
  color: #d35000;
}

.cc-writing .item__footer {
  color: #454547;
}
.cc-writing .item__footer a {
  color: #f85e00;
}
.cc-writing .item__footer a:hover,
.cc-writing .item__footer a:active {
  color: #d35000;
}


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

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

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

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

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


.cc-business {
  background-color: #ce9e26;
  color: #201e19;
  text-align: left;
}

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

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

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

.cc-business blockquote {
  border-left-color: #a57e1e;
}

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

  /* Embedded link colors */
  /*  */

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

.cc-business .item__footer {
  color: #201e19;
}
.cc-business .item__footer a {
  color: #000000;
}
.cc-business .item__footer a:hover,
.cc-business .item__footer a:active {
  color: #262626;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-business.category__footer h2 {
  border: 1px solid #201e19;
}
.cc-business.category__footer a {
  color: #000000;
}
.cc-business.category__footer a:hover,
.cc-business.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: #6cae75;
}

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

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


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

.cc-socialmedia .category__title {
  color: #6cae75;
  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: #6cae75;
  /* 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: #cccccc;
}

.cc-socialmedia .item__title a {
  color: #6cae75;
}
.cc-socialmedia .item__title a:hover,
.cc-socialmedia .item__title a:focus {
  color: #568b5e;
}

  /* Embedded link colors */
  /*  */

.cc-socialmedia p a,
.cc-socialmedia ul li a {
  color: #6cae75;
}
.cc-socialmedia p a:hover,
.cc-socialmedia p a:active,
.cc-socialmedia ul li a:hover,
.cc-socialmedia ul li a:active {
  color: #5c9463;
}

.cc-socialmedia .item__footer {
  color: #454547;
}
.cc-socialmedia .item__footer a {
  color: #6cae75;
}
.cc-socialmedia .item__footer a:hover,
.cc-socialmedia .item__footer a:active {
  color: #5c9463;
}


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

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

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

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

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


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

.cc-authentication .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-authentication .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-authentication .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-authentication .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-authentication blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-authentication.category__footer h2 {
  border: 1px solid #454547;
}
.cc-authentication.category__footer a {
  color: #000000;
}
.cc-authentication.category__footer a:hover,
.cc-authentication.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-stackoverflow .item__heading {
  color: #f58024;
}

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

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


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

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

.cc-stackoverflow .item__title a {
  color: #f58024;
}
.cc-stackoverflow .item__title a:hover,
.cc-stackoverflow .item__title a:focus {
  color: #c4661d;
}

  /* Embedded link colors */
  /*  */

.cc-stackoverflow p a,
.cc-stackoverflow ul li a {
  color: #f58024;
}
.cc-stackoverflow p a:hover,
.cc-stackoverflow p a:active,
.cc-stackoverflow ul li a:hover,
.cc-stackoverflow ul li a:active {
  color: #d06d1f;
}

.cc-stackoverflow .item__footer {
  color: #454547;
}
.cc-stackoverflow .item__footer a {
  color: #f58024;
}
.cc-stackoverflow .item__footer a:hover,
.cc-stackoverflow .item__footer a:active {
  color: #d06d1f;
}


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

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

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

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

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


.cc-security {
  background-color: #454547;
  color: #ffffff;
  text-align: left;
}

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

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

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

.cc-security blockquote {
  border-left-color: #78787a;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-security.category__footer h2 {
  border: 1px solid #ffffff;
}
.cc-security.category__footer a {
  color: #ffffff;
}
.cc-security.category__footer a:hover,
.cc-security.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-web .item__heading {
  color: #454547;
}

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

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


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

.cc-web .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-web .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-web .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-web .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-web blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-web.category__footer h2 {
  border: 1px solid #454547;
}
.cc-web.category__footer a {
  color: #000000;
}
.cc-web.category__footer a:hover,
.cc-web.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-design .item__heading {
  color: #6638f0;
}

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

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


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

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

.cc-design .item__title a {
  color: #6638f0;
}
.cc-design .item__title a:hover,
.cc-design .item__title a:focus {
  color: #522dc0;
}

  /* Embedded link colors */
  /*  */

.cc-design p a,
.cc-design ul li a {
  color: #6638f0;
}
.cc-design p a:hover,
.cc-design p a:active,
.cc-design ul li a:hover,
.cc-design ul li a:active {
  color: #8c5eff;
}

.cc-design .item__footer {
  color: #454547;
}
.cc-design .item__footer a {
  color: #6638f0;
}
.cc-design .item__footer a:hover,
.cc-design .item__footer a:active {
  color: #8c5eff;
}


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

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

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

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

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


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

.cc-learning .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-learning .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-learning .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-learning .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-learning blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-learning.category__footer h2 {
  border: 1px solid #454547;
}
.cc-learning.category__footer a {
  color: #000000;
}
.cc-learning.category__footer a:hover,
.cc-learning.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-onrepeat .item__heading {
  color: #454547;
}

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

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


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

.cc-onrepeat .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-onrepeat .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-onrepeat .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-onrepeat .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-onrepeat blockquote {
  border-left-color: #cccccc;
}

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

  /* Embedded link colors */
  /*  */

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

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


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-onrepeat.category__footer h2 {
  border: 1px solid #454547;
}
.cc-onrepeat.category__footer a {
  color: #000000;
}
.cc-onrepeat.category__footer a:hover,
.cc-onrepeat.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-fun-stuff .item__heading {
  color: #ea3535;
}

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

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


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

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

.cc-fun-stuff .item__title a {
  color: #ea3535;
}
.cc-fun-stuff .item__title a:hover,
.cc-fun-stuff .item__title a:focus {
  color: #bb2a2a;
}

  /* Embedded link colors */
  /*  */

.cc-fun-stuff p a,
.cc-fun-stuff ul li a {
  color: #ea3535;
}
.cc-fun-stuff p a:hover,
.cc-fun-stuff p a:active,
.cc-fun-stuff ul li a:hover,
.cc-fun-stuff ul li a:active {
  color: #ff5b5b;
}

.cc-fun-stuff .item__footer {
  color: #454547;
}
.cc-fun-stuff .item__footer a {
  color: #ea3535;
}
.cc-fun-stuff .item__footer a:hover,
.cc-fun-stuff .item__footer a:active {
  color: #ff5b5b;
}


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

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

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

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

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


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

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

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

  /* Embedded link colors */
  /*  */

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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

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

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