.page-header {
  background: #222; }
  .page-header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    min-height: 85px;
    position: relative;
    width: 95%;
    max-width: 1175px; }
    @media (min-width: 600px) {
      .page-header__wrapper {
        height: calc(1.25 * 85px); } }
    @media (min-width: 900px) {
      .page-header__wrapper {
        height: calc(1.5 * 85px); } }
    @media (min-width: 600px) {
      .page-header__wrapper {
        width: 90%; } }

#block-magazine-branding {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #block-magazine-branding #site-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 85px;
    margin: 0;
    padding: 0;
    position: relative;
    width: calc(1.5 * 85px);
    z-index: 3; }
    @media (min-width: 600px) {
      #block-magazine-branding #site-id {
        width: calc(2.25 * 85px); } }
    @media (min-width: 900px) {
      #block-magazine-branding #site-id {
        width: calc(3 * 85px); } }
    #block-magazine-branding #site-id a {
      background-image: url("../../images/header-logo--small@2x.png");
      background-image: url("../../images/header-logo--small.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-bottom: 35%;
      text-indent: -9000px;
      width: 100%;
      color: #fff;
      background-color: #222;
      border-bottom: 2px solid #222;
      transition: color 0.25s ease, background-color 0.25s ease; }
      #block-magazine-branding #site-id a:hover {
        color: #D6430A;
        background-color: #2d2d2d;
        border-bottom: 2px solid #f1844b;
        background-image: url("../../images/header-logo--small--hover@2x.png");
        background-image: url("../../images/header-logo--small--hover.svg"); }
      @media (min-width: 900px) {
        #block-magazine-branding #site-id a {
          background-image: url("../../images/header-logo@2x.png");
          background-image: url("../../images/header-logo.svg"); }
          #block-magazine-branding #site-id a:hover {
            background-image: url("../../images/header-logo--hover@2x.png");
            background-image: url("../../images/header-logo--hover.svg"); } }

.menu--main {
  height: 85px;
  margin: 0 auto; }
  @media (min-width: 600px) {
    .menu--main {
      margin: 0 0 0 auto; } }
  .menu--main__toggle-button {
    border: none;
    display: block;
    height: 85px;
    position: absolute;
    right: 0;
    top: 0;
    width: 85px;
    color: #fff;
    background-color: #222;
    border-bottom: 2px solid #222;
    background: #2d2d2d url("../../images/menu-icon.png") no-repeat center;
    background: #2d2d2d url("../../images/menu-icon.svg") no-repeat center; }
    .menu--main__toggle-button:hover, .menu--main__toggle-button:focus {
      transition: color 0.25s ease, background-color 0.25s ease;
      color: #D6430A;
      background-color: #2d2d2d;
      border-bottom: 2px solid #f1844b; }
    .menu--main__toggle-button:focus {
      outline: none; }
    @media (min-width: 600px) {
      .menu--main__toggle-button {
        display: none; } }
  .menu--main .nav-main {
    background: #2d2d2d;
    display: block;
    list-style: none;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transition: max-height 0.2s ease-out;
    width: 100%;
    z-index: 2; }
    @media (min-width: 600px) {
      .menu--main .nav-main {
        background: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        max-height: 400px;
        padding: 0;
        position: static;
        right: 0;
        width: 100%; } }
    .menu--main .nav-main__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      @media (min-width: 600px) {
        .menu--main .nav-main__item {
          height: calc(1.25 * 85px); } }
      @media (min-width: 900px) {
        .menu--main .nav-main__item {
          height: calc(1.5 * 85px); } }
    .menu--main .nav-main__link {
      border-bottom: 2px solid #222;
      color: #f9f9f9;
      font: 1.75em "Source Code Pro", monospace;
      font-weight: 400;
      padding: .5em;
      text-transform: uppercase;
      width: 100%;
      transition: color 0.25s ease, background-color 0.25s ease; }
      .menu--main .nav-main__link:hover {
        color: #f1844b;
        background-color: #222;
        border-bottom: 2px solid #f1844b; }
        @media (min-width: 600px) {
          .menu--main .nav-main__link:hover {
            background-color: #2d2d2d; } }
      @media (min-width: 600px) {
        .menu--main .nav-main__link {
          font-size: 1.4em;
          padding: 1.4em .6em; } }
      @media (min-width: 900px) {
        .menu--main .nav-main__link {
          font-size: 1.7em;
          padding: 1.5em .75em; } }
    @media (min-width: 600px) {
      .menu--main .nav-main__item:last-child .nav-main__link {
        background-image: url("../../images/search-icon--white.svg");
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: center 45%;
        text-indent: -9000px;
        min-width: 2.5em; }
        .menu--main .nav-main__item:last-child .nav-main__link:hover {
          background-image: url("../../images/search-icon--orange.svg"); } }
  .menu--main__is-active .nav-main {
    max-height: 400px; }
  .menu--main__is-active .menu--main__toggle-button {
    background: #2d2d2d url("../../images/menu-close-icon.png") no-repeat center;
    background: #2d2d2d url("../../images/menu-close-icon.svg") no-repeat center; }

@media (max-width: 599px) {
  .no-js .menu--main .nav-main {
    max-height: 400px;
    -webkit-animation: fadein .75s;
            animation: fadein .75s; }
  @-webkit-keyframes fadein {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  @keyframes fadein {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  .no-js .menu--main .menu--main__toggle-button {
    display: none; } }

article h1 {
  text-align: center;
  margin: .5em 0 .25em;
  margin: 0; }
  @media (min-width: 600px) {
    article h1 {
      font-size: 2.625em;
      line-height: 1.2; } }
  @media (min-width: 900px) {
    article h1 {
      font-size: 3em; } }
  @media (min-width: 1200px) {
    article h1 {
      font-size: 3.75em; } }
  @media (min-width: 1600px) {
    article h1 {
      font-size: 4em; } }

article h2 {
  font-size: 1.5em;
  margin-bottom: .75em; }

article gst P + h2 {
  margin-top: 1.25em; }

article p {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  @media (min-width: 600px) {
    article p {
      font-size: 1.1em; } }
  @media (min-width: 900px) {
    article p {
      font-size: 1.15em; } }
  @media (min-width: 1200px) {
    article p {
      font-size: 1.2em; } }
  @media (min-width: 1600px) {
    article p {
      font-size: 1.25em; } }

article blockquote {
  border-bottom: 1px dotted #D6430A;
  border-top: 1px dotted #D6430A;
  color: #D6430A;
  font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
  font-size: 1.75em;
  font-weight: 300;
  margin: 1em 0;
  padding: .5em 0; }
  @media (min-width: 900px) {
    article blockquote {
      font-size: 2.375em; } }

.article__wrapper--agenda-items {
  margin: 0 auto;
  padding-top: 3em; }

.article__header-image {
  box-shadow: 0 0 15px 0 rgba(34, 34, 34, 0.15);
  line-height: 0;
  margin: 0 auto;
  max-width: 1600px; }

.article__content-wrapper {
  background: #f9f9f9;
  box-shadow: 0 0 15px 0 rgba(34, 34, 34, 0.15);
  margin: 2em auto 3rem;
  padding: 1em 1.5rem 2em;
  position: relative;
  transition: all 0.2 ease;
  max-width: 1175px;
  width: 95%; }
  @media (min-width: 600px) {
    .article__content-wrapper {
      margin-top: 3em;
      padding: 1em 2.5rem 3em;
      width: 90%; } }
  @media (min-width: 900px) {
    .article__content-wrapper {
      padding: 1em 3.5rem 3em; } }
  @media (min-width: 1200px) {
    .article__content-wrapper {
      padding: 1.5em 5rem 4em; } }
  .article__content-wrapper--overlays-feature-img {
    margin-top: -2em;
    margin-bottom: 2em; }
    @media (min-width: 900px) {
      .article__content-wrapper--overlays-feature-img {
        margin-bottom: 3em; } }
  .article__content-wrapper h2 {
    font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 600; }
    @media (min-width: 600px) {
      .article__content-wrapper h2 {
        font-size: 2.75em; } }
  .article__content-wrapper--agenda-section {
    margin-top: .5em;
    padding-top: 1.5em; }
    @media (min-width: 600px) {
      .article__content-wrapper--agenda-section {
        padding-top: 2em; } }
    @media (min-width: 900px) {
      .article__content-wrapper--agenda-section {
        padding-top: 5em; } }

.article__content-header--left-aligned {
  text-align: left; }

.article__content--dek {
  font-family: quadon, Georgia, serif;
  font-size: 1.2em;
  font-weight: 300;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.3;
  margin: 1.75em auto;
  text-align: center;
  width: 90%; }
  @media (min-width: 600px) {
    .article__content--dek {
      font-size: 1.3em; } }
  @media (min-width: 900px) {
    .article__content--dek {
      font-size: 1.5em; } }

.article__content--creator-credit {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: .0125em;
  margin-bottom: 2em;
  text-align: center; }
  @media (min-width: 600px) {
    .article__content--creator-credit {
      font-size: 1.125em; } }

.article__content-label {
  font-size: 1em;
  letter-spacing: .03em;
  margin: 2em auto;
  text-align: center;
  font-family: "Source Code Pro", monospace; }
  @media (min-width: 600px) {
    .article__content-label {
      font-size: 1.125em; } }
  @media (min-width: 900px) {
    .article__content-label {
      font-size: 1.25em; } }
  .article__content-label a {
    display: inline-block;
    color: #222;
    border-bottom: 1px solid #222;
    text-transform: uppercase;
    padding: .25em 1em;
    transition: color 0.5s ease, background-color 0.5s ease; }
    .article__content-label a:hover {
      color: #fff;
      background: #3776a7;
      border-bottom-color: #3776a7; }

.article__content--section::before {
  content: " ";
  background: url(../../images/square-dots.png);
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 2em;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 3em; }

@media (min-width: 600px) {
  .article__content--section {
    margin-bottom: 4em; } }

@media (min-width: 900px) {
  .article__content--section {
    margin-bottom: 5em; } }

.article__content--inset-featured-image {
  margin: 2em -2em; }

.article--drop-cap {
  color: #4d4d4d;
  font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
  font-size: 3.25rem;
  font-weight: 500;
  float: left;
  line-height: 2.5rem;
  padding-right: 5px;
  padding-top: 0px; }
  @media (min-width: 600px) {
    .article--drop-cap {
      font-size: 3.75rem;
      line-height: 2.8125rem; } }
  @media (min-width: 900px) {
    .article--drop-cap {
      font-size: 4rem;
      line-height: 2.5rem; } }
  @media (min-width: 1200px) {
    .article--drop-cap {
      font-size: 4rem;
      line-height: 3.25rem; } }

.article__meta--strong {
  color: #727272; }

.archive-title__wrapper {
  background-color: #2d2d2d;
  background-color: #f9f9f9;
  border-bottom: 2px solid #D6430A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: .75em 0;
  width: 90%;
  margin: 2em auto 2em;
  max-width: 1175px; }
  @media (min-width: 600px) {
    .archive-title__wrapper {
      margin-top: 3.5em;
      padding: 1em 0; } }
  .archive-title__wrapper h1 {
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    color: #636363;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
    margin: auto 1rem; }
    @media (min-width: 600px) {
      .archive-title__wrapper h1 {
        font-size: 2em; } }
    @media (min-width: 900px) {
      .archive-title__wrapper h1 {
        font-size: 3em; } }

.archive-item__wrapper, .legacy-issue__wrapper {
  background: #f9f9f9;
  margin: 1em auto 3em;
  padding: 0;
  position: relative;
  transition: all 0.2 ease;
  width: 90%;
  display: table;
  max-width: 1175px; }
  @media (min-width: 600px) {
    .archive-item__wrapper, .legacy-issue__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.archive-item__thumbnail-wrapper, .legacy-issue__cover-wrapper--archive, .legacy-issue__cover-wrapper--legacy {
  width: 100%;
  overflow: hidden; }
  @media (min-width: 600px) {
    .archive-item__thumbnail-wrapper, .legacy-issue__cover-wrapper--archive, .legacy-issue__cover-wrapper--legacy {
      display: table;
      float: left;
      line-height: 0;
      max-width: 390px;
      margin: .75em .75em;
      overflow: hidden;
      width: 32%; } }
  @media (min-width: 1200px) {
    .archive-item__thumbnail-wrapper, .legacy-issue__cover-wrapper--archive, .legacy-issue__cover-wrapper--legacy {
      margin: 0; } }

.archive-item__thumbnail-image, .legacy-issue__cover-image {
  line-height: 0; }
  .archive-item__thumbnail-image a, .legacy-issue__cover-image a {
    border-bottom: none;
    margin: auto;
    padding: 0; }
  .archive-item__thumbnail-image picture img, .legacy-issue__cover-image picture img {
    transition: all 0.3s; }
    .archive-item__thumbnail-image picture img:hover, .legacy-issue__cover-image picture img:hover {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }

.archive-item__content-wrapper, .legacy-issue__content-wrapper {
  padding: 1em;
  text-align: center; }
  @media (min-width: 600px) {
    .archive-item__content-wrapper, .legacy-issue__content-wrapper {
      padding: 1em 1.25em 0 .5em;
      display: table;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: left;
      width: 63%; } }
  @media (min-width: 900px) {
    .archive-item__content-wrapper, .legacy-issue__content-wrapper {
      padding: 1.25em 1.5em 0;
      width: 67%; } }
  .archive-item__content-wrapper--headline {
    margin-bottom: .25em; }
    @media (min-width: 600px) {
      .archive-item__content-wrapper--headline {
        font-size: 1.75em;
        line-height: 1.2;
        text-align: left; } }
    @media (min-width: 900px) {
      .archive-item__content-wrapper--headline {
        font-size: 2em; } }
    @media (min-width: 1200px) {
      .archive-item__content-wrapper--headline {
        font-size: 2.25em; } }
    .archive-item__content-wrapper--headline a {
      color: #222;
      border-bottom: 1px solid rgba(34, 34, 34, 0);
      transition: all 0.3s ease; }
      .archive-item__content-wrapper--headline a:hover {
        color: #D6430A;
        background: none;
        border-bottom-color: #d6430a; }
  .archive-item__content-wrapper--content-author {
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    font-size: 1.125em;
    font-weight: bold;
    margin: 0; }
    .archive-item__content-wrapper--content-author a {
      color: #222;
      border-bottom: 1px solid rgba(34, 34, 34, 0);
      transition: all 0.3s ease; }
      .archive-item__content-wrapper--content-author a:hover {
        color: #D6430A;
        background: none;
        border-bottom-color: #d6430a; }
    .archive-item__content-wrapper--content-author::before {
      content: "By "; }
  .archive-item__content-wrapper--dek, .legacy-issue__content-wrapper--dek p {
    font-family: quadon, Georgia, serif;
    font-size: 1.125em;
    font-weight: 300;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    margin-top: 1em; }
    @media (min-width: 900px) {
      .archive-item__content-wrapper--dek, .legacy-issue__content-wrapper--dek p {
        font-size: 1.25em; } }
  .archive-item__content-wrapper--meta, .legacy-issue__content-wrapper--meta {
    font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
    font-size: 1.25em;
    text-transform: uppercase; }
    .archive-item__content-wrapper--meta a, .legacy-issue__content-wrapper--meta a {
      color: #222;
      border-bottom: 1px solid rgba(34, 34, 34, 0);
      transition: all 0.3s ease; }
      .archive-item__content-wrapper--meta a:hover, .legacy-issue__content-wrapper--meta a:hover {
        color: #D6430A;
        background: none;
        border-bottom-color: #d6430a; }
    @media (min-width: 600px) {
      .archive-item__content-wrapper--meta, .legacy-issue__content-wrapper--meta {
        border-top: 1px dotted #8e8e8e;
        margin-top: auto;
        padding-top: .5em;
        padding-bottom: .5em; } }
    @media (min-width: 1200px) {
      .archive-item__content-wrapper--meta, .legacy-issue__content-wrapper--meta {
        padding-top: .5em;
        padding-bottom: .5em; } }
    .archive-item__content-wrapper--meta p, .legacy-issue__content-wrapper--meta p {
      font-size: 1em;
      display: inline; }

.article__comments {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif; }

.article__comment-item {
  padding-bottom: 2em; }
  .article__comment-item:after {
    content: " ";
    background: url("../../images/square-dots.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 2em;
    width: 100%; }

.article__comment-credit {
  color: #8e8e8e;
  font-size: 75%;
  margin-bottom: 2em; }
  .article__comment-credit:before {
    content: " ";
    background: url("../../images/quote-credit-rule.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 1.5em;
    width: 100%; }

.article__content--mid-story-aside {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-size: .8em;
  margin-bottom: 4em; }
  .article__content--mid-story-aside:before {
    content: ' ';
    background: #cecece;
    display: block;
    height: 1px;
    width: 50%; }
    @media (min-width: 600px) {
      .article__content--mid-story-aside:before {
        width: 25%; } }
  .article__content--mid-story-aside p {
    margin-top: 1em; }

.teaser-content__wrapper {
  background-color: #e4e4e4;
  margin: 2em 0 4em;
  box-shadow: 0 5px 15px 0 rgba(34, 34, 34, 0.15); }
  @media (min-width: 600px) {
    .teaser-content__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.teaser-content__thumbnail-wrapper {
  max-width: 100%;
  line-height: 0; }
  @media (min-width: 600px) {
    .teaser-content__thumbnail-wrapper {
      margin: 1em 0 1em 1em;
      width: 25%;
      float: left; } }

.teaser-content__content-wrapper {
  margin: 1.5em 1.5rem; }
  @media (min-width: 600px) {
    .teaser-content__content-wrapper {
      width: 75%; } }
  .teaser-content__content-wrapper h1, .teaser-content__content-wrapper p, .teaser-content__content-wrapper a {
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none; }
  .teaser-content__content-wrapper h1 {
    font-size: 1.25em;
    font-weight: bold;
    text-align: left;
    margin-bottom: .75em; }
    @media (min-width: 1200px) {
      .teaser-content__content-wrapper h1 {
        font-size: 1.5em; } }
    .teaser-content__content-wrapper h1 a {
      color: #222;
      border-bottom: 1px solid rgba(34, 34, 34, 0);
      transition: all 0.3s ease; }
      .teaser-content__content-wrapper h1 a:hover {
        color: #D6430A;
        background: none;
        border-bottom-color: #d6430a; }
  .teaser-content__content-wrapper p {
    font-size: .9em; }

.teaser-content__link {
  border-top: 1px dotted #cecece;
  font-size: .7em;
  font-weight: bold;
  text-align: right;
  padding-top: 1em;
  text-transform: uppercase; }
  @media (min-width: 900px) {
    .teaser-content__link {
      font-size: 1em; } }
  .teaser-content__link a:hover {
    background: none;
    color: #b23c0f; }

.article__aside-wrapper {
  border-top: 1px dotted #8e8e8e;
  margin-top: 1em;
  padding-top: 2em;
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-size: .8rem; }
  .article__aside-wrapper p {
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none; }
  .article__aside-wrapper a {
    border-bottom: 1px dotted; }
    .article__aside-wrapper a:hover {
      background: #f4ded5;
      border-bottom-style: solid;
      color: #b23c0f; }

@media (min-width: 900px) {
  .article__agenda--trending-items-wrapper {
    display: table;
    margin: 2em 0 4em; } }

.article__agenda--trending-item {
  margin-bottom: 3em; }
  @media (min-width: 900px) {
    .article__agenda--trending-item {
      display: table-cell;
      width: 33%; }
      .article__agenda--trending-item:nth-child(1) {
        padding: .5em 1rem 1em 0; }
      .article__agenda--trending-item:nth-child(2) {
        border-left: 1px dotted #636363;
        border-right: 1px dotted #636363;
        padding: .5em 1rem 1em; }
      .article__agenda--trending-item:nth-child(3) {
        padding: .5em 0 1em 1rem; } }
  .article__agenda--trending-item h3 {
    font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
    font-size: 2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #222;
    padding-left: 45px;
    margin-bottom: .5em; }
    .article__agenda--trending-item h3.article__agenda-trending-header--view {
      background: url(/themes/custom/magazine/images/trending-view-icon.png) top left no-repeat;
      background-image: url(/themes/custom/magazine/images/trending-view-icon.svg), none; }
    .article__agenda--trending-item h3.article__agenda-trending-header--follow {
      background: url(/themes/custom/magazine/images/trending-follow-icon.png) top left no-repeat;
      background-image: url(/themes/custom/magazine/images/trending-follow-icon.svg), none; }
    .article__agenda--trending-item h3.article__agenda-trending-header--read {
      background: url(/themes/custom/magazine/images/trending-read-icon.png) top left no-repeat;
      background-image: url(/themes/custom/magazine/images/trending-read-icon.svg), none; }
    .article__agenda--trending-item h3.article__agenda-trending-header--listen {
      background: url(/themes/custom/magazine/images/trending-listen-icon.png) top left no-repeat;
      background-image: url(/themes/custom/magazine/images/trending-listen-icon.svg), none; }
  .article__agenda--trending-item blockquote {
    background: #73b9ff;
    border-top: none;
    border-bottom: none;
    margin: 0 0 1em;
    padding: .25em; }
    .article__agenda--trending-item blockquote > p {
      color: #f9f9f9;
      font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
      font-size: .9em;
      font-weight: 300;
      line-height: 1.2;
      margin-bottom: 0; }

.article__agenda--trending-profiles-wrapper {
  display: table; }

.article__agenda--trending-profile-group {
  text-align: center;
  margin-bottom: 7em; }
  @media (min-width: 900px) {
    .article__agenda--trending-profile-group {
      display: table-cell;
      padding: .5em;
      width: 50%; } }
  .article__agenda--trending-profile-group img {
    border-radius: 50%;
    max-width: 250px; }
  .article__agenda--trending-profile-group a {
    border: none;
    color: #000; }
  .article__agenda--trending-profile-group h3 {
    font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }
  .article__agenda--trending-profile-group h4 {
    font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    text-transform: uppercase; }
  .article__agenda--trending-profile-group blockquote {
    margin: 1em 1.5rem; }
    .article__agenda--trending-profile-group blockquote > p {
      font-size: .9em;
      font-weight: 300;
      line-height: 1.3;
      margin: 0; }

.field--name-field-agenda-item-header-image {
  margin-bottom: 1.5em; }

h2.article__agenda--trending-subhead {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  color: #636363;
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-size: 1.125em;
  font-weight: normal;
  margin: .5em 0 1em;
  padding: .25em 0;
  text-align: center;
  text-transform: uppercase; }

.page-node-type-issue {
  background: #e4e4e4; }
  .page-node-type-issue main {
    box-shadow: none; }

.landing-page__layout-wrapper {
  margin: 0 auto 2em;
  width: 95%;
  max-width: 1175px; }
  @media (min-width: 900px) {
    .landing-page__layout-wrapper {
      width: 90%; } }

.landing-page__header-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.5em 0 1em;
  padding: 25px 0; }
  @media (min-width: 900px) {
    .landing-page__header-wrapper {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

@media (max-width: 899px) {
  .landing-page__content-wrapper .card__wrapper + .card__wrapper {
    margin-top: 2.25em; } }

@media (min-width: 900px) {
  .landing-page__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .landing-page__content-wrapper .card__wrapper {
      width: 50%;
      max-width: calc(50% - 1.25em);
      margin: .625em; }
      @supports (display: grid) {
        .landing-page__content-wrapper .card__wrapper {
          margin: 0;
          max-width: 100%; } }
  .landing-page__content-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 1.5em), 1fr));
    grid-auto-rows: minmax(150px, auto);
    grid-gap: 2.25em;
    margin: 0 auto; }
    .landing-page__content-wrapper .card__wrapper {
      width: 100%; } }

.issue__title {
  font-size: 1.5em;
  margin: 0; }
  @media (min-width: 600px) {
    .issue__title {
      font-size: 2.625em;
      line-height: 1.2; } }
  @media (min-width: 900px) {
    .issue__title {
      font-size: 3em; } }
  @media (min-width: 1200px) {
    .issue__title {
      font-size: 3.75em; } }
  @media (min-width: 1600px) {
    .issue__title {
      font-size: 4em; } }

.issue__cover-image-wrap {
  margin-left: 1em; }

.landing-page__header-wrapper--issue-header-inner-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #2d2d2d;
  background-color: #f9f9f9;
  box-shadow: 0 0 15px 0 rgba(34, 34, 34, 0.15);
  border-bottom: 2px solid #f1844b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: .5em 0;
  width: 100%;
  box-shadow: 0 5px 15px 0 rgba(34, 34, 34, 0.15); }
  @media (min-width: 600px) and (max-width: 899px) {
    .landing-page__header-wrapper--issue-header-inner-wrapper {
      width: 705px; } }
  @media (min-width: 900px) {
    .landing-page__header-wrapper--issue-header-inner-wrapper {
      margin-top: 1em;
      margin-bottom: 2em; } }
  .landing-page__header-wrapper--issue-header-inner-wrapper h1 {
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    color: #636363;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
    margin-left: 1rem; }
    @media (min-width: 600px) {
      .landing-page__header-wrapper--issue-header-inner-wrapper h1 {
        font-size: 2em; } }
    @media (min-width: 900px) {
      .landing-page__header-wrapper--issue-header-inner-wrapper h1 {
        font-size: 3em; } }
  .landing-page__header-wrapper--issue-header-inner-wrapper .field--name-field-cover-image {
    float: right !important;
    line-height: 0;
    margin: -1.5em 1rem;
    width: 25%;
    max-width: 100px; }
    @media (min-width: 600px) {
      .landing-page__header-wrapper--issue-header-inner-wrapper .field--name-field-cover-image {
        width: 20%; } }
    @media (min-width: 900px) {
      .landing-page__header-wrapper--issue-header-inner-wrapper .field--name-field-cover-image {
        max-width: 140px;
        margin: -3em 1.5rem; } }
    .landing-page__header-wrapper--issue-header-inner-wrapper .field--name-field-cover-image picture {
      float: right;
      box-shadow: 0 5px 15px 0 rgba(34, 34, 34, 0.55); }

.issue-archive__item-view-container .issue__cover-image-wrap {
  margin-left: 0; }
  @media (min-width: 600px) {
    .issue-archive__item-view-container .issue__cover-image-wrap {
      margin-left: 1em; } }

.issue-archive__item-view-container .issue__title {
  border-bottom: 1px solid #e4e4e4;
  margin: 0 0 .5em;
  padding-bottom: .25em; }
  .issue-archive__item-view-container .issue__title a {
    color: #222;
    border-bottom: 1px solid rgba(34, 34, 34, 0);
    transition: all 0.3s ease; }
    .issue-archive__item-view-container .issue__title a:hover {
      color: #D6430A;
      background: none;
      border-bottom-color: #d6430a; }
  @media (min-width: 600px) {
    .issue-archive__item-view-container .issue__title {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: .25em; } }

.issue-archive__item-view-container .archive-item__thumbnail-wrapper, .issue-archive__item-view-container .legacy-issue__cover-wrapper--archive, .issue-archive__item-view-container .legacy-issue__cover-wrapper--legacy {
  background: #cecece;
  display: block;
  float: none;
  line-height: 0;
  text-align: center; }
  @media (min-width: 600px) {
    .issue-archive__item-view-container .archive-item__thumbnail-wrapper, .issue-archive__item-view-container .legacy-issue__cover-wrapper--archive, .issue-archive__item-view-container .legacy-issue__cover-wrapper--legacy {
      background: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .issue-archive__item-view-container .archive-item__thumbnail-wrapper img, .issue-archive__item-view-container .legacy-issue__cover-wrapper--archive img, .issue-archive__item-view-container .legacy-issue__cover-wrapper--legacy img {
        box-shadow: 0 0 15px 0 rgba(34, 34, 34, 0.35); } }
  @media (min-width: 900px) {
    .issue-archive__item-view-container .archive-item__thumbnail-wrapper, .issue-archive__item-view-container .legacy-issue__cover-wrapper--archive, .issue-archive__item-view-container .legacy-issue__cover-wrapper--legacy {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-right: 1em;
      width: auto; } }

@media (min-width: 600px) {
  .issue-archive__item-view-container .archive-item__content-wrapper, .issue-archive__item-view-container .legacy-issue__content-wrapper {
    padding: 1em; } }

.issue-archive__item-view-container .archive-item__content-wrapper--meta, .issue-archive__item-view-container .legacy-issue__content-wrapper--meta {
  border-top: none; }

@media (min-width: 600px) {
  .issue-archive__item-view-container .issue__title {
    text-align: left; } }

.legacy-issue__cover-wrapper--archive, .legacy-issue__cover-wrapper--legacy {
  padding: 1.5em 1em 0;
  margin: 0 auto;
  text-align: center; }

.legacy-issue__cover-image {
  max-width: 100%;
  height: auto; }
  .legacy-issue__cover-image img {
    transition: all 0.3s;
    max-width: unset; }
    .legacy-issue__cover-image img:hover {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }

@media (min-width: 600px) {
  .legacy-issue__cover-wrapper--archive, .legacy-issue__cover-wrapper--legacy {
    margin: 0;
    padding: 1em 0 1em 1em;
    text-align: left; }
  .legacy-issue__cover-wrapper--archive {
    width: 275px; }
  .legacy-issue__cover-wrapper--legacy {
    width: 140px; }
  .legacy-issue__content-wrapper {
    padding: 1.25em 1.5em 0;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .legacy-issue__content-wrapper--meta {
      text-align: right; } }

.card__wrapper {
  background: #f9f9f9;
  margin: 0 auto;
  max-width: 705px;
  text-align: center;
  position: relative;
  padding-bottom: 50px; }

.card__feature-image {
  overflow: hidden; }
  .card__feature-image picture img {
    transition: all 0.3s; }
    .card__feature-image picture img:hover {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }

.card__content-wrapper {
  padding: 1em 1.5em 0; }

.card__short-title {
  font-family: "Chronicle Display A", "Chronicle Display B", Arial;
  font-size: 1.35em;
  font-weight: 800;
  margin-bottom: .25em; }
  @media (min-width: 600px) {
    .card__short-title {
      font-size: 2.125em; } }
  @media (min-width: 900px) {
    .card__short-title {
      font-size: 2.25em; } }
  @media (min-width: 1200px) {
    .card__short-title {
      font-size: 2.5em; } }

.card__author-reference {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: .003em;
  text-align: center; }
  @media (min-width: 900px) {
    .card__author-reference {
      font-size: 1.25em; } }

.card__short-title a, .card__author-reference a {
  color: #222; }
  .card__short-title a:hover, .card__author-reference a:hover {
    color: #D6430A; }

.card__title {
  font-family: quadon, Georgia, serif;
  font-size: 1em;
  font-weight: 300;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  margin: 1em auto;
  line-height: 1.6; }
  @media (min-width: 600px) {
    .card__title {
      font-size: 1.25em;
      max-width: 90%; } }

.card__meta-wrapper {
  border-top: 1px solid #cecece;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  left: 1em;
  position: absolute;
  text-transform: uppercase;
  width: 90%;
  width: calc(100% - 2em); }
  .card__meta-wrapper p {
    margin-bottom: 0; }
  .card__meta-wrapper::after {
    content: "";
    background: #cecece;
    display: block;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    width: 1px; }

.card__content-label, .card__read-time {
  color: #636363;
  font-size: 1.1em;
  padding: .25em .875em;
  width: 50%; }

.card__content-label {
  text-align: right; }
  .card__content-label a {
    color: #222;
    border-bottom: 1px solid rgba(34, 34, 34, 0);
    transition: all 0.3s ease; }
    .card__content-label a:hover {
      color: #D6430A;
      background: none;
      border-bottom-color: #d6430a; }

.card__read-time {
  text-align: left; }

.node--view-mode-content-card-simplified {
  padding-bottom: 1em; }

.landing-page__layout-wrapper--with-feature {
  width: 100%;
  max-width: 100%; }

.landing-page__content-wrapper--with-feature {
  margin-right: auto;
  margin-left: auto;
  width: 95%;
  max-width: 1175px; }

.card__wrapper--feature-wrapper {
  background-color: #222;
  width: 100%;
  max-width: 100%;
  padding-top: 0;
  margin-bottom: 2.5em; }
  .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified {
    background-color: #222;
    color: #f9f9f9;
    width: 95%;
    max-width: 1175px; }
    .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__content-wrapper {
      width: 90%;
      padding: 0;
      margin: 0 auto;
      max-width: 1175px; }
      @media (min-width: 900px) {
        .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__content-wrapper {
          width: 85%; } }
    .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__feature-image picture img {
      width: 100%; }
    .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__short-title {
      margin: .5em auto; }
      @media (min-width: 600px) {
        .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__short-title {
          font-size: 2.25em; } }
      @media (min-width: 900px) {
        .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__short-title {
          font-size: 2.75em; } }
      @media (min-width: 1200px) {
        .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__short-title {
          font-size: 2.95em; } }
      .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__short-title a {
        color: #f9f9f9;
        text-decoration: none; }
        .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__short-title a:hover {
          color: #f1844b; }
    .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__title {
      font-weight: 300; }
      @media (min-width: 600px) {
        .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__title {
          font-size: 1.25em; } }
      @media (min-width: 900px) {
        .card__wrapper--feature-wrapper .node--view-mode-content-card-simplified .card__title {
          font-size: 1.75em; } }
  .card__wrapper--feature-wrapper h2.issue-title {
    border-bottom: 1px solid #8e8e8e;
    border-top: 1px solid #8e8e8e;
    color: #cecece;
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    font-size: 1.2em;
    margin: 0 auto 1em;
    letter-spacing: 1px;
    padding: .5em 0;
    text-align: center;
    text-transform: uppercase;
    width: 95%;
    max-width: 1175px; }

.article__content-wrapper figure.align-left {
  margin-left: 0; }
  @media (max-width: 599px) {
    .article__content-wrapper figure.align-left {
      float: none;
      margin: 1em auto; } }

.article__content-wrapper figure.align-right {
  margin-right: 0; }
  @media (max-width: 599px) {
    .article__content-wrapper figure.align-right {
      float: none;
      margin: 1em auto; } }

.article__content-wrapper figure figcaption {
  color: #8e8e8e;
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-size: .85em;
  font-weight: 300;
  padding-top: .5em; }

.paragraph--type--inset-image {
  margin: 2em 0 3em; }
  .paragraph--type--inset-image img {
    margin: 0 auto;
    max-height: 90vh; }

.gsc-control-cse.gsc-control-cse-en {
  background: #f9f9f9 !important;
  border-color: #f9f9f9 !important;
  padding: 0 !important; }

.gsc-search-box tr td.gsc-input .gsc-input-box {
  height: 40px; }
  .gsc-search-box tr td.gsc-input .gsc-input-box input.gsc-input {
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif !important;
    font-size: 1.125em; }

.gsc-search-box tr td.gsc-search-button {
  background: #f9f9f9; }

.gsc-search-box tr td.gsc-search-button input.gsc-search-button {
  box-sizing: content-box;
  background-color: #D6430A;
  border-color: #D6430A;
  border-radius: 15px;
  padding: 6px 6px; }

.gsc-results {
  width: 100% !important; }

.gsc-webResult.gsc-result {
  background: #f9f9f9 !important;
  border: none !important;
  color: #222 !important;
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif !important;
  padding: 1.25em 1rem !important; }
  .gsc-webResult.gsc-result:nth-child(even) {
    background-color: #eeeeee !important; }

.gs-title, .gs-title b {
  text-decoration: none !important;
  font-family: "Chronicle SSm 4r", "Chronicle SSm A", "Chronicle SSm B", Georgia, serif !important;
  font-size: 1.25em !important;
  height: 100% !important;
  margin-bottom: .5em !important; }
  .gs-title b {
    color: black !important;
    font-size: 1em !important;
    font-weight: bold; }
  .gs-title a {
    color: #222 !important;
    border-bottom: 1px dotted rgba(34, 34, 34, 0.25) !important; }

.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b {
  color: #D6430A !important;
  transition: all 0s !important;
  border-bottom: 1px solid #D6430A !important; }

.gs-spelling a {
  border-bottom: 1px dotted #D6430A !important;
  color: #D6430A !important;
  font-variant: normal;
  text-decoration: none !important; }
  .gs-spelling a i {
    font-style: normal; }

.gsc-thumbnail-inside {
  padding: 0 !important; }

.gsc-cursor-box {
  margin: 1.5em 0 2em !important; }

.gsc-cursor-page {
  border: 1px solid #e4e4e4 !important;
  color: #8e8e8e !important;
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif !important;
  margin-top: 1.5em !important;
  padding: 1em !important;
  display: inline-block !important; }

.gsc-cursor-current-page,
.gsc-above-wrapper-area-container {
  color: #222 !important;
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif !important; }

.gs-fileFormat, .gs-snippet {
  color: #222 !important;
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif !important; }

/* Hidden elements */
.gs-visibleUrl,
.gcsc-branding,
img.gsc-branding-img,
img.gsc-branding-img-noclear,
img.gcsc-branding-img,
img.gcsc-branding-img-noclear {
  display: none !important; }

.page-footer {
  background: #222;
  color: #8e8e8e;
  font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
  padding: 45px 0 80px; }
  .page-footer__wrapper {
    margin: 0 auto;
    width: 90%;
    max-width: 1175px; }
    .page-footer__wrapper a {
      border-bottom: none; }
    .page-footer__wrapper > div + div {
      margin-top: 10px; }
  .page-footer__logo .jhsph-logo__svg {
    background: url(../../images/jhsph-logo.png) no-repeat center;
    background: url(../../images/jhsph-logo.svg) no-repeat center;
    background-size: 100%;
    display: block;
    height: 60px;
    width: 227px;
    margin: 0 auto 1em; }
  @media (min-width: 1200px) {
    .page-footer__logo {
      float: left; } }
  .page-footer__nav-wrapper {
    margin: 0 auto;
    position: relative; }
  .page-footer .nav-footer {
    list-style-type: none;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase; }
    .page-footer .nav-footer__item {
      display: inline-block; }
    .page-footer .nav-footer__link {
      color: #f9f9f9;
      font-family: "Source Code Pro", monospace;
      font-size: 1em;
      font-weight: 400;
      padding: 10px; }
      .page-footer .nav-footer__link:hover {
        color: #f1844b; }
    @media (min-width: 1200px) {
      .page-footer .nav-footer {
        text-align: right; } }
  .page-footer__copyright {
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    text-align: center; }
    @media (min-width: 1200px) {
      .page-footer__copyright {
        text-align: right; } }
    .page-footer__copyright p {
      font-size: .9em;
      letter-spacing: .05em;
      margin-top: 0;
      padding-left: 0; }
      @media (min-width: 1200px) {
        .page-footer__copyright p {
          float: right; } }
    .page-footer__copyright a {
      color: #8e8e8e;
      border-bottom: 1px dotted #636363; }
      .page-footer__copyright a:hover {
        background: none;
        border-bottom: 1px solid #D6430A;
        color: #f1844b; }

.aside__callout-container {
  background: #eeeeee;
  margin: 2em 0;
  padding-bottom: 1.5em; }
  @media (min-width: 600px) {
    .aside__callout-container--right-aligned {
      border-left: 1.5em solid #f9f9f9;
      border-bottom: 1.5em solid #f9f9f9;
      float: right;
      margin: 0 0 1.5em 0;
      width: 33%; } }

.aside__callout-header {
  background: #636363;
  color: #f9f9f9;
  font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
  font-size: 2.25em;
  font-weight: 600;
  letter-spacing: .005em;
  margin: 0;
  padding: .25em 30px;
  text-transform: uppercase; }
  @media (min-width: 600px) {
    .aside__callout-header {
      font-size: 2.75em; } }
  @media (min-width: 900px) {
    .aside__callout-header {
      font-size: 3.25em; } }
  @media (min-width: 1200px) {
    .aside__callout-header {
      font-size: 4em; } }

.aside__callout-row {
  padding: 0;
  margin: 1em 1rem 0; }
  @media (min-width: 600px) {
    .aside__callout-row {
      padding-bottom: 1em; } }
  @media (min-width: 900px) {
    .aside__callout-row {
      margin: 1em 0;
      padding: .5em 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

@media (min-width: 900px) {
  .aside__callout-item {
    border-bottom: none;
    border-right: 1px dotted #8e8e8e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 1em;
    margin-top: 0;
    padding: 0 1em .5em 0; }
    .aside__callout-item:last-child {
      border-right: none;
      padding-right: 0;
      margin-right: 0; } }

.aside__callout-item .field--name-field-callout-content {
  max-width: 100%; }

.aside__callout-item p {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-size: 1em; }

.aside__callout-item ul {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif; }

.aside__callout-item--stat-highlight {
  font-family: "Barlow Condensed", "Gotham SSm A", "Gotham SSm B", "Arial Narrow", Arial, sans-serif;
  font-size: 3rem;
  line-height: 1; }
  @media (min-width: 600px) {
    .aside__callout-item--stat-highlight {
      font-size: 3.5rem; } }
  @media (min-width: 900px) {
    .aside__callout-item--stat-highlight {
      font-size: 4.5rem; } }

.aside__callout-item--source {
  font-size: .7em;
  text-transform: uppercase; }
  .aside__callout-item--source a {
    color: #222; }

.aside__callout-item--sidebar {
  padding: 0 1.125em !important; }
  @media (min-width: 900px) {
    .aside__callout-item--sidebar {
      display: block; } }

.aside__callout-item.aside__callout-item--intro-block {
  font-size: 1.25em;
  border-bottom: 1px dotted #222; }
  @media (min-width: 600px) {
    .aside__callout-item.aside__callout-item--intro-block {
      font-size: 1.5em; } }
  @media (min-width: 900px) {
    .aside__callout-item.aside__callout-item--intro-block {
      font-size: 1.75em;
      border-bottom: none; } }

.aside__callout-item.aside__callout-item--factoid {
  margin-top: 1em;
  margin-bottom: 1.75em;
  text-align: center; }
  .aside__callout-item.aside__callout-item--factoid p {
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none; }

.aside__callout-item.aside__callout-item--longfrom {
  display: block;
  padding: 1.5em 1.5rem 0;
  text-align: left; }
  @media (min-width: 900px) {
    .aside__callout-item.aside__callout-item--longfrom {
      padding: 1.5em 2em; } }
  .aside__callout-item.aside__callout-item--longfrom h1 {
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    font-size: 1.75em;
    font-weight: bold;
    text-align: left;
    margin: 0 0 .5em; }
    @media (min-width: 900px) {
      .aside__callout-item.aside__callout-item--longfrom h1 {
        font-size: 2em; } }

.slick .field--type-image {
  background: #e4e4e4; }

.slick img {
  margin: 0 auto; }

.slick .field--name-field-caption {
  padding: 2em 2em 0;
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
  font-size: .9em;
  color: #626262; }
  .slick .field--name-field-caption strong {
    color: #222; }
  .slick .field--name-field-caption a {
    font-weight: bold;
    border-bottom: none; }

.slick-loading .slick-list {
  background: #fff url("../../images/ajax-loader.gif") center center no-repeat; }

.slick__arrow {
  padding: 25px 0; }
  .slick__arrow .slick-arrow {
    height: 30px;
    width: 30px; }
    .slick__arrow .slick-arrow::before {
      color: #f9f9f9;
      font-size: 30px;
      line-height: normal; }
  .slick__arrow .slick-prev {
    left: 10px; }
    [dir="rtl"] .slick__arrow .slick-prev {
      right: 10px; }
  .slick__arrow .slick-next {
    right: 10px; }
    [dir="rtl"] .slick__arrow .slick-next {
      left: 10px; }

.slick-dots {
  background: rgba(0, 0, 0, 0.5); }
  .slick-dots li {
    padding: 25px 12px;
    height: 12px;
    width: 12px; }
    .slick-dots li::before {
      display: none; }
    .slick-dots li button {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      .slick-dots li button::before {
        color: #f9f9f9;
        font-size: 12px;
        height: 12px;
        width: 12px;
        line-height: normal;
        margin-top: -6px;
        margin-left: -6px;
        top: 50%;
        left: 50%; }
    .slick-dots li.slick-active button::before {
      color: #f9f9f9; }

.pager__items {
  clear: both;
  margin: 1em auto 0 auto;
  padding: 0 !important;
  text-align: left;
  width: 95%;
  max-width: 1175px; }
  @media (min-width: 600px) {
    .pager__items {
      margin: 1.75em auto .5em; } }
  .pager__items .pager__item {
    margin: 2px;
    padding: 0; }
    .pager__items .pager__item a {
      background: #f9f9f9;
      border: 1px solid #cecece;
      color: #8e8e8e;
      display: inline-block;
      font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
      font-size: 1em;
      font-weight: 300;
      padding: .7em 1em; }
      @media (min-width: 600px) {
        .pager__items .pager__item a {
          font-size: .875em; } }
      .pager__items .pager__item a:hover {
        background: #fff;
        border-color: #222;
        color: #000000; }
  .pager__items .pager__item--ellipsis {
    color: #f9f9f9;
    padding: 0.6em; }
  .pager__items .pager__item.is-active a {
    background: #fff;
    border-color: #8e8e8e;
    color: #222;
    font-weight: 900; }
    .pager__items .pager__item.is-active a:hover {
      border-color: #000000; }

/**********************************
=======> General webform styles
***********************************/
.field--type-webform {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif; }
  .field--type-webform .form-item {
    border: none;
    display: block;
    padding: 1em 0; }
    .field--type-webform .form-item label {
      float: left;
      padding: 0;
      width: 100%; }
      @media (min-width: 600px) {
        .field--type-webform .form-item label {
          padding: .8em 0 !important;
          width: 45%; } }
      @media (min-width: 900px) {
        .field--type-webform .form-item label {
          width: 40%;
          max-width: 400px; } }
    .field--type-webform .form-item input {
      overflow: hidden;
      padding: .5em;
      width: 100%; }
      @media (min-width: 600px) {
        .field--type-webform .form-item input {
          max-width: 400px; } }
      @media (min-width: 900px) {
        .field--type-webform .form-item input {
          width: 60%; } }
    .field--type-webform .form-item input[type="checkbox"] {
      height: 2em;
      width: 2em;
      margin-top: .5em; }
      .field--type-webform .form-item input[type="checkbox"]:checked {
        border: none; }
    .field--type-webform .form-item section {
      border: none; }
    .field--type-webform .form-item select {
      border: none;
      font-size: 1em;
      padding: .5em;
      width: 100%;
      max-width: 400px; }
      .field--type-webform .form-item select option {
        font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
        font-size: 30px !important;
        line-height: 3; }
    .field--type-webform .form-item .select2-container {
      max-width: 400px !important;
      width: 100% !important; }
      .field--type-webform .form-item .select2-container .select2-selection {
        border-radius: 0px; }
        @media (min-width: 600px) {
          .field--type-webform .form-item .select2-container .select2-selection--single {
            height: 45px !important;
            padding: .5em !important; } }
        .field--type-webform .form-item .select2-container .select2-selection .select2-selection__arrow b {
          border-width: 12px 8px !important;
          top: .6em !important;
          left: -.2em !important; }
          @media (min-width: 600px) {
            .field--type-webform .form-item .select2-container .select2-selection .select2-selection__arrow b {
              top: 1.1em !important; } }
      .field--type-webform .form-item .select2-container--open .select2-selection .select2-selection__arrow b {
        top: -.2em !important; }
        @media (min-width: 600px) {
          .field--type-webform .form-item .select2-container--open .select2-selection .select2-selection__arrow b {
            top: .35em !important; } }
    .field--type-webform .form-item textarea {
      width: 100%;
      max-width: 400px; }
  .field--type-webform .form-type-checkbox {
    display: block !important; }
    .field--type-webform .form-type-checkbox label {
      float: left !important;
      width: 75%; }
    .field--type-webform .form-type-checkbox input[type="checkbox"] {
      float: unset; }
  .field--type-webform input[type="submit"] {
    background: #D6430A;
    color: #f9f9f9;
    padding: 1em; }
    .field--type-webform input[type="submit"].btn__blk {
      background: #222;
      border: 1px solid #222; }
      .field--type-webform input[type="submit"].btn__blk:hover {
        background: #f9f9f9;
        color: #222; }
    .field--type-webform input[type="submit"].btn__blu {
      background: #3776a7;
      border: 1px solid #3776a7; }
      .field--type-webform input[type="submit"].btn__blu:hover {
        background: #f9f9f9;
        color: #3776a7; }
    .field--type-webform input[type="submit"].btn__org {
      background: #D6430A;
      border: 1px solid #D6430A; }
      .field--type-webform input[type="submit"].btn__org:hover {
        background: #f9f9f9;
        color: #D6430A; }
    .field--type-webform input[type="submit"]:hover {
      transition: all 0.2s ease; }

/**********************************
=======> Added outside of the .field--type-webform wrapper because drupal was not allowing ust to target directly to this li
***********************************/
.select2-results ul.select2-results__options li.select2-results__option {
  font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif; }

/**********************************
=======> User Login Form
***********************************/
.user-login-form {
  background: #f9f9f9;
  box-shadow: 0 0 15px 0 rgba(34, 34, 34, 0.15);
  margin: 5em auto 3em;
  padding: 1em 1.5rem 2em;
  position: relative;
  width: 90%;
  max-width: 1175px; }
  .user-login-form label {
    color: #222;
    display: block;
    font-family: "Chronicle SSm 4r", "Chronicle SSm A", "Chronicle SSm B", Georgia, serif;
    margin-bottom: .5em; }
  .user-login-form .description {
    color: #8e8e8e;
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    margin-top: .25em; }
  .user-login-form .form-item {
    text-align: left; }
  .user-login-form input[type="text"],
  .user-login-form input[type="password"] {
    line-height: 1.5;
    padding: .25em .5em;
    max-width: 100%; }
  .user-login-form input[type="submit"] {
    background: #222;
    border: none;
    color: #f9f9f9;
    font-family: "Gotham SSm A", "Gotham SSm B", HelveticaNueue, Arial, sans-serif;
    padding: .5em 2em;
    transition: all 0.2s ease;
    text-transform: uppercase; }
    .user-login-form input[type="submit"]:hover {
      background: #D6430A; }

/* Confirmation Page  */
.webform-confirmation .webform-confirmation__message h1, .webform-confirmation .webform-confirmation__message h2, .webform-confirmation .webform-confirmation__message h3, .webform-confirmation .webform-confirmation__message h4, .webform-confirmation .webform-confirmation__message h5, .webform-confirmation .webform-confirmation__message h6, .webform-confirmation .webform-confirmation__message p {
  font-family: "Chronicle SSm 4r","Chronicle SSm A","Chronicle SSm B",Georgia,serif; }