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

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

/* Default .btn */
/*  */
.btn {
  background-color: #575754;
  color: #efefef;
}
.btn:hover,
.btn:focus {
  background-color: #7d7d7a;
  color: #efefef;
}

/* Header */
.header {
  background-color: #575754;
  color: #efefef;
}

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

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

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

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

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

  color: #FFFFFF;
}

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

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

}


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

/* Item */
/*  */

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

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

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

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

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

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


.cc-inthisweeksissue {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

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

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

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

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

.cc-inthisweeksissue .item__title a {
  color: #f7941e;
}
.cc-inthisweeksissue .item__title a:hover,
.cc-inthisweeksissue .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-inthisweeksissue p a,
.cc-inthisweeksissue ul li a {
  color: #f7941e;
}
.cc-inthisweeksissue p a:hover,
.cc-inthisweeksissue p a:active,
.cc-inthisweeksissue ul li a:hover,
.cc-inthisweeksissue ul li a:active {
  color: #d27e1a;
}

.cc-inthisweeksissue .item__footer {
  color: #545757;
}
.cc-inthisweeksissue .item__footer a {
  color: #f7941e;
}
.cc-inthisweeksissue .item__footer a:hover,
.cc-inthisweeksissue .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-must {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-must .item__title a {
  color: #f7941e;
}
.cc-must .item__title a:hover,
.cc-must .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-must p a,
.cc-must ul li a {
  color: #f7941e;
}
.cc-must p a:hover,
.cc-must p a:active,
.cc-must ul li a:hover,
.cc-must ul li a:active {
  color: #d27e1a;
}

.cc-must .item__footer {
  color: #545757;
}
.cc-must .item__footer a {
  color: #f7941e;
}
.cc-must .item__footer a:hover,
.cc-must .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-spn {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-spn .item__title a {
  color: #f7941e;
}
.cc-spn .item__title a:hover,
.cc-spn .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-spn p a,
.cc-spn ul li a {
  color: #f7941e;
}
.cc-spn p a:hover,
.cc-spn p a:active,
.cc-spn ul li a:hover,
.cc-spn ul li a:active {
  color: #d27e1a;
}

.cc-spn .item__footer {
  color: #545757;
}
.cc-spn .item__footer a {
  color: #f7941e;
}
.cc-spn .item__footer a:hover,
.cc-spn .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-home {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-home .item__title a {
  color: #f7941e;
}
.cc-home .item__title a:hover,
.cc-home .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-home p a,
.cc-home ul li a {
  color: #f7941e;
}
.cc-home p a:hover,
.cc-home p a:active,
.cc-home ul li a:hover,
.cc-home ul li a:active {
  color: #d27e1a;
}

.cc-home .item__footer {
  color: #545757;
}
.cc-home .item__footer a {
  color: #f7941e;
}
.cc-home .item__footer a:hover,
.cc-home .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-modern-entrepreneurship {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-modern-entrepreneurship .item__title a {
  color: #f7941e;
}
.cc-modern-entrepreneurship .item__title a:hover,
.cc-modern-entrepreneurship .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-modern-entrepreneurship p a,
.cc-modern-entrepreneurship ul li a {
  color: #f7941e;
}
.cc-modern-entrepreneurship p a:hover,
.cc-modern-entrepreneurship p a:active,
.cc-modern-entrepreneurship ul li a:hover,
.cc-modern-entrepreneurship ul li a:active {
  color: #d27e1a;
}

.cc-modern-entrepreneurship .item__footer {
  color: #545757;
}
.cc-modern-entrepreneurship .item__footer a {
  color: #f7941e;
}
.cc-modern-entrepreneurship .item__footer a:hover,
.cc-modern-entrepreneurship .item__footer a:active {
  color: #d27e1a;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-modern-entrepreneurship.category__footer h2 {
  border: 1px solid #545757;
}
.cc-modern-entrepreneurship.category__footer a {
  color: #f7941e;
}
.cc-modern-entrepreneurship.category__footer a:hover,
.cc-modern-entrepreneurship.category__footer a:focus {
  color: #c67618;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-growth {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-growth .item__title a {
  color: #f7941e;
}
.cc-growth .item__title a:hover,
.cc-growth .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-growth p a,
.cc-growth ul li a {
  color: #f7941e;
}
.cc-growth p a:hover,
.cc-growth p a:active,
.cc-growth ul li a:hover,
.cc-growth ul li a:active {
  color: #d27e1a;
}

.cc-growth .item__footer {
  color: #545757;
}
.cc-growth .item__footer a {
  color: #f7941e;
}
.cc-growth .item__footer a:hover,
.cc-growth .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-promoted {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-promoted .item__title a {
  color: #f7941e;
}
.cc-promoted .item__title a:hover,
.cc-promoted .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-promoted p a,
.cc-promoted ul li a {
  color: #f7941e;
}
.cc-promoted p a:hover,
.cc-promoted p a:active,
.cc-promoted ul li a:hover,
.cc-promoted ul li a:active {
  color: #d27e1a;
}

.cc-promoted .item__footer {
  color: #545757;
}
.cc-promoted .item__footer a {
  color: #f7941e;
}
.cc-promoted .item__footer a:hover,
.cc-promoted .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-trends {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-trends .item__title a {
  color: #f7941e;
}
.cc-trends .item__title a:hover,
.cc-trends .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-trends p a,
.cc-trends ul li a {
  color: #f7941e;
}
.cc-trends p a:hover,
.cc-trends p a:active,
.cc-trends ul li a:hover,
.cc-trends ul li a:active {
  color: #d27e1a;
}

.cc-trends .item__footer {
  color: #545757;
}
.cc-trends .item__footer a {
  color: #f7941e;
}
.cc-trends .item__footer a:hover,
.cc-trends .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-product {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

.cc-product .category__title {
  color: #545757;
  text-align: left;

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

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

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

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

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

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

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

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

.cc-product .item__title a {
  color: #f7941e;
}
.cc-product .item__title a:hover,
.cc-product .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-product p a,
.cc-product ul li a {
  color: #f7941e;
}
.cc-product p a:hover,
.cc-product p a:active,
.cc-product ul li a:hover,
.cc-product ul li a:active {
  color: #d27e1a;
}

.cc-product .item__footer {
  color: #545757;
}
.cc-product .item__footer a {
  color: #f7941e;
}
.cc-product .item__footer a:hover,
.cc-product .item__footer a:active {
  color: #d27e1a;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-product.category__footer h2 {
  border: 1px solid #545757;
}
.cc-product.category__footer a {
  color: #f7941e;
}
.cc-product.category__footer a:hover,
.cc-product.category__footer a:focus {
  color: #c67618;
}
/* 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: #545757;
}

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

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


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

.cc-design .category__title {
  color: #545757;
  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: #545757;
  /* 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: #f7941e;
}
.cc-design .item__title a:hover,
.cc-design .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-design p a,
.cc-design ul li a {
  color: #f7941e;
}
.cc-design p a:hover,
.cc-design p a:active,
.cc-design ul li a:hover,
.cc-design ul li a:active {
  color: #d27e1a;
}

.cc-design .item__footer {
  color: #545757;
}
.cc-design .item__footer a {
  color: #f7941e;
}
.cc-design .item__footer a:hover,
.cc-design .item__footer a:active {
  color: #d27e1a;
}


  /* 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 #545757;
}
.cc-design.category__footer a {
  color: #f7941e;
}
.cc-design.category__footer a:hover,
.cc-design.category__footer a:focus {
  color: #c67618;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-team {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-team .item__title a {
  color: #f7941e;
}
.cc-team .item__title a:hover,
.cc-team .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-team p a,
.cc-team ul li a {
  color: #f7941e;
}
.cc-team p a:hover,
.cc-team p a:active,
.cc-team ul li a:hover,
.cc-team ul li a:active {
  color: #d27e1a;
}

.cc-team .item__footer {
  color: #545757;
}
.cc-team .item__footer a {
  color: #f7941e;
}
.cc-team .item__footer a:hover,
.cc-team .item__footer a:active {
  color: #d27e1a;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-team.category__footer h2 {
  border: 1px solid #545757;
}
.cc-team.category__footer a {
  color: #f7941e;
}
.cc-team.category__footer a:hover,
.cc-team.category__footer a:focus {
  color: #c67618;
}
/* 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: #545757;
}

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

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


.cc-toools {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-toools .item__title a {
  color: #f7941e;
}
.cc-toools .item__title a:hover,
.cc-toools .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

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

.cc-toools .item__footer {
  color: #545757;
}
.cc-toools .item__footer a {
  color: #f7941e;
}
.cc-toools .item__footer a:hover,
.cc-toools .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-finance {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-finance .item__title a {
  color: #f7941e;
}
.cc-finance .item__title a:hover,
.cc-finance .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-finance p a,
.cc-finance ul li a {
  color: #f7941e;
}
.cc-finance p a:hover,
.cc-finance p a:active,
.cc-finance ul li a:hover,
.cc-finance ul li a:active {
  color: #d27e1a;
}

.cc-finance .item__footer {
  color: #545757;
}
.cc-finance .item__footer a {
  color: #f7941e;
}
.cc-finance .item__footer a:hover,
.cc-finance .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-sales {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-sales .item__title a {
  color: #f7941e;
}
.cc-sales .item__title a:hover,
.cc-sales .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-sales p a,
.cc-sales ul li a {
  color: #f7941e;
}
.cc-sales p a:hover,
.cc-sales p a:active,
.cc-sales ul li a:hover,
.cc-sales ul li a:active {
  color: #d27e1a;
}

.cc-sales .item__footer {
  color: #545757;
}
.cc-sales .item__footer a {
  color: #f7941e;
}
.cc-sales .item__footer a:hover,
.cc-sales .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-lastwords {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

.cc-lastwords .item__title a {
  color: #f7941e;
}
.cc-lastwords .item__title a:hover,
.cc-lastwords .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-lastwords p a,
.cc-lastwords ul li a {
  color: #f7941e;
}
.cc-lastwords p a:hover,
.cc-lastwords p a:active,
.cc-lastwords ul li a:hover,
.cc-lastwords ul li a:active {
  color: #d27e1a;
}

.cc-lastwords .item__footer {
  color: #545757;
}
.cc-lastwords .item__footer a {
  color: #f7941e;
}
.cc-lastwords .item__footer a:hover,
.cc-lastwords .item__footer a:active {
  color: #d27e1a;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-lastwords.category__footer h2 {
  border: 1px solid #545757;
}
.cc-lastwords.category__footer a {
  color: #f7941e;
}
.cc-lastwords.category__footer a:hover,
.cc-lastwords.category__footer a:focus {
  color: #c67618;
}
/* 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: #545757;
}

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

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


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

.cc-productivity .category__title {
  color: #545757;
  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 */
  /*  */

  /* 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: #f7941e;
}
.cc-productivity .item__title a:hover,
.cc-productivity .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-productivity p a,
.cc-productivity ul li a {
  color: #f7941e;
}
.cc-productivity p a:hover,
.cc-productivity p a:active,
.cc-productivity ul li a:hover,
.cc-productivity ul li a:active {
  color: #d27e1a;
}

.cc-productivity .item__footer {
  color: #545757;
}
.cc-productivity .item__footer a {
  color: #f7941e;
}
.cc-productivity .item__footer a:hover,
.cc-productivity .item__footer a:active {
  color: #d27e1a;
}


  /* 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 #545757;
}
.cc-productivity.category__footer a {
  color: #f7941e;
}
.cc-productivity.category__footer a:hover,
.cc-productivity.category__footer a:focus {
  color: #c67618;
}
/* Search modifier classes */
/*  */

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

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

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


.cc-watch {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

.cc-watch .category__title {
  color: #545757;
  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-watch .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-watch .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

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

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

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

.cc-watch .item__title a {
  color: #f7941e;
}
.cc-watch .item__title a:hover,
.cc-watch .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-watch p a,
.cc-watch ul li a {
  color: #f7941e;
}
.cc-watch p a:hover,
.cc-watch p a:active,
.cc-watch ul li a:hover,
.cc-watch ul li a:active {
  color: #d27e1a;
}

.cc-watch .item__footer {
  color: #545757;
}
.cc-watch .item__footer a {
  color: #f7941e;
}
.cc-watch .item__footer a:hover,
.cc-watch .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-startupclassics {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

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

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

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

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

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

.cc-startupclassics .item__title a {
  color: #f7941e;
}
.cc-startupclassics .item__title a:hover,
.cc-startupclassics .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-startupclassics p a,
.cc-startupclassics ul li a {
  color: #f7941e;
}
.cc-startupclassics p a:hover,
.cc-startupclassics p a:active,
.cc-startupclassics ul li a:hover,
.cc-startupclassics ul li a:active {
  color: #d27e1a;
}

.cc-startupclassics .item__footer {
  color: #545757;
}
.cc-startupclassics .item__footer a {
  color: #f7941e;
}
.cc-startupclassics .item__footer a:hover,
.cc-startupclassics .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-brand {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

.cc-brand .category__title {
  color: #545757;
  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-brand .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-brand .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

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

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

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

.cc-brand .item__title a {
  color: #f7941e;
}
.cc-brand .item__title a:hover,
.cc-brand .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-brand p a,
.cc-brand ul li a {
  color: #f7941e;
}
.cc-brand p a:hover,
.cc-brand p a:active,
.cc-brand ul li a:hover,
.cc-brand ul li a:active {
  color: #d27e1a;
}

.cc-brand .item__footer {
  color: #545757;
}
.cc-brand .item__footer a {
  color: #f7941e;
}
.cc-brand .item__footer a:hover,
.cc-brand .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-future {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

.cc-future .category__title {
  color: #545757;
  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-future .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-future .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

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

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

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

.cc-future .item__title a {
  color: #f7941e;
}
.cc-future .item__title a:hover,
.cc-future .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-future p a,
.cc-future ul li a {
  color: #f7941e;
}
.cc-future p a:hover,
.cc-future p a:active,
.cc-future ul li a:hover,
.cc-future ul li a:active {
  color: #d27e1a;
}

.cc-future .item__footer {
  color: #545757;
}
.cc-future .item__footer a {
  color: #f7941e;
}
.cc-future .item__footer a:hover,
.cc-future .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-analysis {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

.cc-analysis .category__title {
  color: #545757;
  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-analysis .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-analysis .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

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

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

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

.cc-analysis .item__title a {
  color: #f7941e;
}
.cc-analysis .item__title a:hover,
.cc-analysis .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-analysis p a,
.cc-analysis ul li a {
  color: #f7941e;
}
.cc-analysis p a:hover,
.cc-analysis p a:active,
.cc-analysis ul li a:hover,
.cc-analysis ul li a:active {
  color: #d27e1a;
}

.cc-analysis .item__footer {
  color: #545757;
}
.cc-analysis .item__footer a {
  color: #f7941e;
}
.cc-analysis .item__footer a:hover,
.cc-analysis .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-events {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

.cc-events .category__title {
  color: #545757;
  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-events .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-events .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

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

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

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

.cc-events .item__title a {
  color: #f7941e;
}
.cc-events .item__title a:hover,
.cc-events .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-events p a,
.cc-events ul li a {
  color: #f7941e;
}
.cc-events p a:hover,
.cc-events p a:active,
.cc-events ul li a:hover,
.cc-events ul li a:active {
  color: #d27e1a;
}

.cc-events .item__footer {
  color: #545757;
}
.cc-events .item__footer a {
  color: #f7941e;
}
.cc-events .item__footer a:hover,
.cc-events .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-lessons {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

.cc-lessons .category__title {
  color: #545757;
  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-lessons .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-lessons .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

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

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

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

.cc-lessons .item__title a {
  color: #f7941e;
}
.cc-lessons .item__title a:hover,
.cc-lessons .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-lessons p a,
.cc-lessons ul li a {
  color: #f7941e;
}
.cc-lessons p a:hover,
.cc-lessons p a:active,
.cc-lessons ul li a:hover,
.cc-lessons ul li a:active {
  color: #d27e1a;
}

.cc-lessons .item__footer {
  color: #545757;
}
.cc-lessons .item__footer a {
  color: #f7941e;
}
.cc-lessons .item__footer a:hover,
.cc-lessons .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


.cc-quote {
  background-color: #FFFFFF;
  color: #545757;
  text-align: left;
}

.cc-quote .category__title {
  color: #545757;
  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-quote .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-quote .category__title img {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

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

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

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

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

.cc-quote .item__title a {
  color: #f7941e;
}
.cc-quote .item__title a:hover,
.cc-quote .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-quote p a,
.cc-quote ul li a {
  color: #f7941e;
}
.cc-quote p a:hover,
.cc-quote p a:active,
.cc-quote ul li a:hover,
.cc-quote ul li a:active {
  color: #d27e1a;
}

.cc-quote .item__footer {
  color: #545757;
}
.cc-quote .item__footer a {
  color: #f7941e;
}
.cc-quote .item__footer a:hover,
.cc-quote .item__footer a:active {
  color: #d27e1a;
}


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.cc-news .item__title a {
  color: #f7941e;
}
.cc-news .item__title a:hover,
.cc-news .item__title a:focus {
  color: #c67618;
}

  /* Embedded link colors */
  /*  */

.cc-news p a,
.cc-news ul li a {
  color: #f7941e;
}
.cc-news p a:hover,
.cc-news p a:active,
.cc-news ul li a:hover,
.cc-news ul li a:active {
  color: #d27e1a;
}

.cc-news .item__footer {
  color: #545757;
}
.cc-news .item__footer a {
  color: #f7941e;
}
.cc-news .item__footer a:hover,
.cc-news .item__footer a:active {
  color: #d27e1a;
}


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

  /* Sponsored category footer on issue page */
  /*  */
.cc-news.category__footer h2 {
  border: 1px solid #545757;
}
.cc-news.category__footer a {
  color: #f7941e;
}
.cc-news.category__footer a:hover,
.cc-news.category__footer a:focus {
  color: #c67618;
}

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

.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(84,87,87,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: #f7941e;
  color: #f7941e;
}

/* 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(239,239,239,0.9);
}

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

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

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

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

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


/* Subscription pages */
/*  */
.subscription__resubscribe__btn {
  color: #f7941e;
}
.subscription__resubscribe__btn:hover,
.subscription__resubscribe__btn:focus {
  color: #d27e1a;
}


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

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

.sponsorship__quicklinks {
  color: rgba(84,87,87,0.7);
}
.sponsorship__quicklinks a {
  color: rgba(84,87,87,0.7);
}
.sponsorship__quicklinks a:hover,
.sponsorship__quicklinks a:active {
  color: #4c4e4e;
}

.sponsorship__nextavailable.with_divider:before {
  border-top-color: rgba(84,87,87,0.6);
}
.sponsorship__nextavailable h4 {
  color: rgba(84,87,87,0.7);
}
.sponsorship__nextavailable a {
  color: rgba(251,138,53,0.7);
}
.sponsorship__nextavailable a:hover,
.sponsorship__nextavailable a:active {
  color: #e27c30;
}

.sponsorship__pricing {
  background-color: #f0f5fa;
  color: #545757;
}
.sponsorship__pricing .btn {
  background-color: #fb8a35;
  color: #FFFFFF;
}
.sponsorship__pricing .btn:hover,
.sponsorship__pricing .btn:focus {
  background-color: #e27c30;
  color: #FFFFFF;
}

.sponsorship__availability h2 {
  color: rgba(84,87,87,0.7);
}

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

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

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

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

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

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

.sponsorship__availability__info .tentative {
  color: #c33000;
}
.sponsorship__availability__info a {
  color: #fb8a35;
}
.sponsorship__availability__info a:hover,
.sponsorship__availability__info a:focus {
  color: #e27c30;
}

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

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

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


.header--withimage .header {
  background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/124/medium_darkened_6ee9f3c0-a870-442d-85d6-d0c58fd74d94.jpg);
}
@media (min-width: 760px) {
  .header--withimage .header {
    background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/124/large_darkened_6ee9f3c0-a870-442d-85d6-d0c58fd74d94.jpg);
  }
}

/* Home page no issue overwrites with image */
/* ### HARDCODED: to be adjusted when implemented into theme */
/*  */
.home--noissue.header--withimage {
  background-attachment: fixed;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/124/medium_darkened_6ee9f3c0-a870-442d-85d6-d0c58fd74d94.jpg);
}
@media (min-width: 760px) {
  .home--noissue.header--withimage {
    background-image: url(https://dxj7eshgz03ln.cloudfront.net/production/publication/header_background_image/124/large_darkened_6ee9f3c0-a870-442d-85d6-d0c58fd74d94.jpg);
  }
}

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

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