/* LAYOUT WIDTHS */
/* TYPOGRAPHY */
/* FONTS */
/* COLORS: backgrounds */
/* for hiliting hover states */
/* for hiliting orange arrows */
/* COLORS: borders */
/* COLORS: text */
/* base-font-color */
/* BUTTONS */
/* ORANGE ARROW LINK */
/* ACCORDION CONTROL */
/* This file contains the css common to the 'better' and the 'process' versions of the homepage. Page-specific CSS is in the imports. */
.homepage,
.podcast {
  /* fix width for wide screens */
  /* remove edit section links */
  /* most of the old homepage styling is not applied, but some parts are needed */
  /* Set up some generic button styling. */
  /* add generic carousel css */
  /*
   * responsive-carousel
   * https://github.com/filamentgroup/responsive-carousel
   *
   * Copyright (c) 2012 Filament Group, Inc.
   * Licensed under the MIT, GPL licenses.
   */ }
  .homepage .body-inner,
  .podcast .body-inner {
    background-color: #fff;
    max-width: 1440px;
    margin: 0 auto; }
  body.homepage, .podcast {
    background-color: #fbf9f7; }
  .homepage .edit-section,
  .podcast .edit-section {
    display: none; }
  .homepage.not-logged-in #content-header,
  .podcast.not-logged-in #content-header {
    display: none; }
  .homepage #content-header > .container,
  .podcast #content-header > .container {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 82.9787234043%;
    margin-left: 8.5106382979%; }
    @media screen and (max-width: 40em) {
      .homepage #content-header > .container,
      .podcast #content-header > .container {
        padding: 0 14px; } }
    .homepage #content-header > .container:last-child,
    .podcast #content-header > .container:last-child {
      margin-right: 0; }
    @media screen and (max-width: 40em) {
      .homepage #content-header > .container,
      .podcast #content-header > .container {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0%; } }
    .homepage #content-header > .container .col-max,
    .podcast #content-header > .container .col-max {
      float: left;
      display: block;
      margin-right: 2.5641025641%;
      width: 100%; }
      .homepage #content-header > .container .col-max:last-child,
      .podcast #content-header > .container .col-max:last-child {
        margin-right: 0; }
      @media screen and (max-width: 40em) {
        .homepage #content-header > .container .col-max,
        .podcast #content-header > .container .col-max {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; } }
    .homepage #content-header > .container .col-full,
    .podcast #content-header > .container .col-full {
      margin-left: 10.2564102564%;
      float: left;
      display: block;
      margin-right: 2.5641025641%;
      width: 79.4871794872%; }
      .homepage #content-header > .container .col-full:last-child,
      .podcast #content-header > .container .col-full:last-child {
        margin-right: 0; }
      @media screen and (max-width: 40em) {
        .homepage #content-header > .container .col-full,
        .podcast #content-header > .container .col-full {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin-left: 0%; } }
    .homepage #content-header > .container .col-main,
    .podcast #content-header > .container .col-main {
      float: left;
      display: block;
      margin-right: 2.5641025641%;
      width: 48.7179487179%; }
      .homepage #content-header > .container .col-main:last-child,
      .podcast #content-header > .container .col-main:last-child {
        margin-right: 0; }
      @media screen and (max-width: 40em) {
        .homepage #content-header > .container .col-main,
        .podcast #content-header > .container .col-main {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; } }
    .homepage #content-header > .container .col-aside,
    .podcast #content-header > .container .col-aside {
      float: left;
      display: block;
      margin-right: 2.5641025641%;
      width: 38.4615384615%;
      margin-left: 10.2564102564%; }
      .homepage #content-header > .container .col-aside:last-child,
      .podcast #content-header > .container .col-aside:last-child {
        margin-right: 0; }
      @media screen and (max-width: 40em) {
        .homepage #content-header > .container .col-aside,
        .podcast #content-header > .container .col-aside {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin-left: 0%; } }
    .homepage #content-header > .container .col-half,
    .podcast #content-header > .container .col-half {
      float: left;
      display: block;
      margin-right: 2.5641025641%;
      width: 48.7179487179%;
      margin-bottom: 20px; }
      .homepage #content-header > .container .col-half:last-child,
      .podcast #content-header > .container .col-half:last-child {
        margin-right: 0; }
      @media screen and (max-width: 40em) {
        .homepage #content-header > .container .col-half,
        .podcast #content-header > .container .col-half {
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin-left: 0%; } }
    .homepage #content-header > .container .breadcrumb, .homepage #content-header > .container .easy-breadcrumb, .homepage #content-header > .container h1,
    .podcast #content-header > .container .breadcrumb,
    .podcast #content-header > .container .easy-breadcrumb,
    .podcast #content-header > .container h1 {
      display: none; }
  .homepage #content-area .region-content,
  .podcast #content-area .region-content {
    width: 100%; }
    .homepage #content-area .region-content .col-full,
    .podcast #content-area .region-content .col-full {
      width: 82.9787%; }
  .homepage #content-area,
  .homepage .field--name-body,
  .podcast #content-area,
  .podcast .field--name-body {
    margin: 0; }
  .homepage .field--name-body .field-item,
  .podcast .field--name-body .field-item {
    padding-bottom: 0;
    margin-bottom: 0; }
  .homepage #main,
  .podcast #main {
    padding-bottom: inherit;
    max-width: inherit; }
    .homepage #main #content,
    .podcast #main #content {
      padding: 0;
      #content-area: last-child;
        #content-area-margin: auto; }
  @media screen and (max-width: 40em) {
    .homepage #footer .footer-menu,
    .podcast #footer .footer-menu {
      margin-top: inherit; } }
  .homepage .button-lg,
  .podcast .button-lg {
    text-align: left;
    padding-left: 6%;
    margin-top: 7.5%; }
    .homepage .button-lg .arrow,
    .podcast .button-lg .arrow {
      float: right;
      display: inline;
      vertical-align: middle;
      padding: 0 0 2px 5px; }
      .homepage .button-lg .arrow.big,
      .podcast .button-lg .arrow.big {
        display: none; }
  @media (min-width: 75em) {
    .homepage .button-lg:hover .arrow.big,
    .homepage .button-lg:focus .arrow.big,
    .homepage .button-lg:active .arrow.big,
    .podcast .button-lg:hover .arrow.big,
    .podcast .button-lg:focus .arrow.big,
    .podcast .button-lg:active .arrow.big {
      display: inline; }
    .homepage .button-lg:hover .arrow.small,
    .homepage .button-lg:focus .arrow.small,
    .homepage .button-lg:active .arrow.small,
    .podcast .button-lg:hover .arrow.small,
    .podcast .button-lg:focus .arrow.small,
    .podcast .button-lg:active .arrow.small {
      display: none; } }
  .homepage a.button-lg.bordered,
  .homepage a.button-lg.bordered,
  .homepage a.button-lg.bordered:hover,
  .homepage a.button-lg.bordered:focus,
  .homepage a.button-lg.bordered:active,
  .podcast a.button-lg.bordered,
  .podcast a.button-lg.bordered,
  .podcast a.button-lg.bordered:hover,
  .podcast a.button-lg.bordered:focus,
  .podcast a.button-lg.bordered:active {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000; }
    @media (min-width: 75em) {
      .homepage a.button-lg.bordered,
      .homepage a.button-lg.bordered,
      .homepage a.button-lg.bordered:hover,
      .homepage a.button-lg.bordered:focus,
      .homepage a.button-lg.bordered:active,
      .podcast a.button-lg.bordered,
      .podcast a.button-lg.bordered,
      .podcast a.button-lg.bordered:hover,
      .podcast a.button-lg.bordered:focus,
      .podcast a.button-lg.bordered:active {
        background-color: transparent !important;
        color: #000 !important;
        border: 1px solid #000; } }
  .homepage a .rectangle-arrow,
  .podcast a .rectangle-arrow {
    background: url("../../../images/new-homepage/rectangle-arrow_hover.png") no-repeat;
    background-size: 100% 8em;
    text-align: center;
    height: 8em;
    position: relative;
    margin: 0 0 5% 0; }
    @media (min-width: 600px) {
      .homepage a .rectangle-arrow,
      .podcast a .rectangle-arrow {
        background: url("../../../images/new-homepage/rectangle-arrow.png") no-repeat; } }
    @media (min-width: 600px) {
      .homepage a .rectangle-arrow,
      .podcast a .rectangle-arrow {
        font-size: 16px;
        height: 6em;
        background-size: 100% 6em; } }
    @media (min-width: 75em) {
      .homepage a .rectangle-arrow,
      .podcast a .rectangle-arrow {
        background-size: 100% 6em; } }
    @media screen and (min-width: 1360px) {
      .homepage a .rectangle-arrow,
      .podcast a .rectangle-arrow {
        width: 100%;
        margin-left: initial; } }
    .homepage a .rectangle-arrow .learn-more,
    .podcast a .rectangle-arrow .learn-more {
      color: #f88920;
      font-family: AvenirLTStd-Black, arial, sans-serif;
      text-transform: uppercase;
      text-decoration: underline;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.11111em;
      position: absolute;
      left: 25%;
      bottom: -2.5%;
      background-color: white;
      padding: 0 3%; }
      @media (min-width: 600px) {
        .homepage a .rectangle-arrow .learn-more,
        .podcast a .rectangle-arrow .learn-more {
          bottom: -5%;
          left: 37.5%; } }
      @media (min-width: 75em) {
        .homepage a .rectangle-arrow .learn-more,
        .podcast a .rectangle-arrow .learn-more {
          left: 42.5%; } }
    .homepage a .rectangle-arrow span,
    .podcast a .rectangle-arrow span {
      font-family: AvenirLTStd-Black, arial, sans-serif;
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      position: relative;
      top: 0.6em;
      height: 62.5px;
      text-align: center;
      padding: 0 5%; }
      .homepage a .rectangle-arrow span.short,
      .podcast a .rectangle-arrow span.short {
        padding: 0 10%; }
        @media (min-width: 600px) {
          .homepage a .rectangle-arrow span.short,
          .podcast a .rectangle-arrow span.short {
            padding: 0 1%; } }
      @media (min-width: 600px) {
        .homepage a .rectangle-arrow span,
        .podcast a .rectangle-arrow span {
          padding: 0 1%;
          font-size: 18px;
          top: 1.6em; } }
  .homepage a:hover .rectangle-arrow,
  .homepage a:focus .rectangle-arrow,
  .homepage a:active .rectangle-arrow,
  .podcast a:hover .rectangle-arrow,
  .podcast a:focus .rectangle-arrow,
  .podcast a:active .rectangle-arrow {
    background-size: 100% 8em; }
    @media (min-width: 600px) {
      .homepage a:hover .rectangle-arrow,
      .homepage a:focus .rectangle-arrow,
      .homepage a:active .rectangle-arrow,
      .podcast a:hover .rectangle-arrow,
      .podcast a:focus .rectangle-arrow,
      .podcast a:active .rectangle-arrow {
        height: 6em;
        background-size: 100% 6em; } }
    @media (min-width: 75em) {
      .homepage a:hover .rectangle-arrow,
      .homepage a:focus .rectangle-arrow,
      .homepage a:active .rectangle-arrow,
      .podcast a:hover .rectangle-arrow,
      .podcast a:focus .rectangle-arrow,
      .podcast a:active .rectangle-arrow {
        background: url("../../../images/new-homepage/rectangle-arrow_hover.png") no-repeat;
        height: 6em;
        background-size: 100% 6em; }
        .homepage a:hover .rectangle-arrow .grey-background,
        .homepage a:focus .rectangle-arrow .grey-background,
        .homepage a:active .rectangle-arrow .grey-background,
        .podcast a:hover .rectangle-arrow .grey-background,
        .podcast a:focus .rectangle-arrow .grey-background,
        .podcast a:active .rectangle-arrow .grey-background {
          background-color: #f1f1f1;
          height: 65%;
          width: 97%;
          left: 3%;
          position: absolute;
          top: 14%; } }
    @media screen and (min-width: 75em) and (max-width: 1360px) {
      .homepage a:hover .rectangle-arrow .grey-background.tight,
      .homepage a:focus .rectangle-arrow .grey-background.tight,
      .homepage a:active .rectangle-arrow .grey-background.tight,
      .podcast a:hover .rectangle-arrow .grey-background.tight,
      .podcast a:focus .rectangle-arrow .grey-background.tight,
      .podcast a:active .rectangle-arrow .grey-background.tight {
        width: 98.5%;
        left: 1.5%; } }
  .homepage .number,
  .podcast .number {
    color: #c4d5dd;
    font-size: 3em;
    font-family: AvenirLTStd-Roman, arial, sans-serif;
    margin-top: 5%; }
    @media (min-width: 75em) {
      .homepage .number,
      .podcast .number {
        margin-top: inherit; } }
  .homepage .info-popup .i-circle,
  .podcast .info-popup .i-circle {
    color: #669bb5;
    border: solid 1.5px #669bb5;
    padding: 0.5px 7.34px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-left: 3px;
    vertical-align: top; }
  .homepage .info-popup .i-icon,
  .podcast .info-popup .i-icon {
    border: none;
    width: 20px !important;
    height: auto;
    margin: 0 0 -0.15em 0.1em; }
  .homepage .info-popup .info,
  .podcast .info-popup .info {
    visibility: hidden;
    font-size: 14px;
    line-height: 24px;
    background-color: #f1f1f1;
    text-align: left;
    padding: 20px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    width: 80%;
    margin-top: -44px;
    left: 10%;
    opacity: 1;
    transition: opacity 0.5s, visibility 0.5s linear; }
    .homepage .info-popup .info a,
    .podcast .info-popup .info a {
      color: #669bb5;
      border-bottom: none; }
    .homepage .info-popup .info a.more,
    .podcast .info-popup .info a.more {
      line-height: 3em; }
    @media (min-width: 75em) {
      .homepage .info-popup .info,
      .podcast .info-popup .info {
        margin-top: -52px; } }
    @media (min-width: 75em) {
      .homepage .info-popup .info,
      .podcast .info-popup .info {
        margin-top: -45px;
        transition: opacity 0.5s, visibility 0.5s linear; } }
  .homepage .i-circle,
  .homepage .books .i-circle,
  .homepage .baby .i-circle,
  .podcast .i-circle,
  .podcast .books .i-circle,
  .podcast .baby .i-circle {
    font-family: AvenirLTStd-Roman, arial, sans-serif !important; }
  @media (min-width: 600px) {
    .homepage .baby .info-popup .info,
    .homepage .item-left .info-popup .info,
    .podcast .baby .info-popup .info,
    .podcast .item-left .info-popup .info {
      width: 225px;
      max-width: 225px;
      left: auto;
      margin-left: 15px; } }
  @media (min-width: 600px) {
    .homepage .baby .info-popup .info:before,
    .homepage .item-left .info-popup .info:before,
    .podcast .baby .info-popup .info:before,
    .podcast .item-left .info-popup .info:before {
      content: "";
      position: absolute;
      height: 0px;
      width: 0px;
      top: 50px;
      left: -29px;
      /* 1px buffer for zooming problems while rendering*/
      border-width: 15px;
      border-color: transparent #f1f1f1 transparent transparent;
      border-style: solid; } }
  @media (min-width: 600px) {
    .homepage .books .info-popup .info,
    .homepage .item-right .info-popup .info,
    .podcast .books .info-popup .info,
    .podcast .item-right .info-popup .info {
      width: 225px;
      max-width: 225px;
      left: auto;
      margin-left: -261px; } }
  @media (min-width: 600px) {
    .homepage .books .info-popup .info:after,
    .homepage .item-right .info-popup .info:after,
    .podcast .books .info-popup .info:after,
    .podcast .item-right .info-popup .info:after {
      content: "";
      position: absolute;
      height: 0px;
      width: 0px;
      top: 50px;
      right: -29px;
      /* 1px buffer for zooming problems while rendering*/
      border-width: 15px;
      border-color: transparent transparent transparent #f1f1f1;
      border-style: solid; } }
  .homepage .info-popup:hover .info,
  .podcast .info-popup:hover .info {
    visibility: visible;
    transition: opacity 0.5s, visibility 0.5s linear;
    opacity: 1; }
  .homepage .hero-two,
  .podcast .hero-two {
    height: auto;
    text-align: center;
    margin-bottom: 5%; }
    .homepage .hero-two h2,
    .podcast .hero-two h2 {
      font-family: AvenirLTStd-Roman, arial, sans-serif;
      color: #669bb5;
      font-weight: normal;
      font-size: 30px;
      padding: 0 25%;
      margin-bottom: 3%;
      margin-top: 2%; }
      @media (min-width: 600px) {
        .homepage .hero-two h2,
        .podcast .hero-two h2 {
          font-size: 40px;
          padding: initial;
          margin-bottom: 2%; } }
      @media (min-width: 75em) {
        .homepage .hero-two h2,
        .podcast .hero-two h2 {
          font-size: 50px; } }
    @media (min-width: 75em) {
      .homepage .hero-two,
      .podcast .hero-two {
        font-size: 4em; } }
    .homepage .hero-two img.globe,
    .podcast .hero-two img.globe {
      margin-bottom: 3%; }
  .homepage .as-seen,
  .podcast .as-seen {
    text-align: center; }
    .homepage .as-seen h4,
    .podcast .as-seen h4 {
      text-transform: uppercase;
      color: #669bb5;
      font-family: AvenirLTStd-Black, arial, sans-serif;
      font-size: 14px;
      margin-bottom: 2.2%;
      letter-spacing: 0.05556em; }
    .homepage .as-seen .logos,
    .podcast .as-seen .logos {
      margin-bottom: 4em; }
      @media (min-width: 75em) {
        .homepage .as-seen .logos,
        .podcast .as-seen .logos {
          margin-bottom: 5em; } }
      .homepage .as-seen .logos a,
      .podcast .as-seen .logos a {
        border: inherit;
        padding: 3%; }
        .homepage .as-seen .logos a img.link,
        .podcast .as-seen .logos a img.link {
          display: none; }
        .homepage .as-seen .logos a img.hover,
        .podcast .as-seen .logos a img.hover {
          display: inline; }
        @media (min-width: 75em) {
          .homepage .as-seen .logos a img.link,
          .podcast .as-seen .logos a img.link {
            display: inline; }
          .homepage .as-seen .logos a img.hover,
          .podcast .as-seen .logos a img.hover {
            display: none; } }
      @media (min-width: 75em) {
        .homepage .as-seen .logos a:hover img.hover,
        .homepage .as-seen .logos a:focus img.hover,
        .homepage .as-seen .logos a:active img.hover,
        .podcast .as-seen .logos a:hover img.hover,
        .podcast .as-seen .logos a:focus img.hover,
        .podcast .as-seen .logos a:active img.hover {
          display: inline; }
        .homepage .as-seen .logos a:hover img.link,
        .homepage .as-seen .logos a:focus img.link,
        .homepage .as-seen .logos a:active img.link,
        .podcast .as-seen .logos a:hover img.link,
        .podcast .as-seen .logos a:focus img.link,
        .podcast .as-seen .logos a:active img.link {
          display: none; } }
  .homepage .five-items,
  .podcast .five-items {
    background-color: #f1f1f1;
    text-align: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "header" "one" "two" "three" "four";
    padding: 6.64% 4%; }
    .homepage .five-items .text,
    .podcast .five-items .text {
      font-family: Adelle-Regular, "Courier New", monospace;
      font-size: 14px;
      line-height: 26px;
      padding: 0 20%; }
      @media (min-width: 600px) {
        .homepage .five-items .text,
        .podcast .five-items .text {
          padding: 0 20%; } }
    .homepage .five-items .number,
    .podcast .five-items .number {
      display: none; }
      @media (min-width: 600px) {
        .homepage .five-items .number,
        .podcast .five-items .number {
          display: inline-block;
          width: 100%;
          text-align: left;
          font-size: 75px;
          position: relative;
          margin-top: 20%;
          margin-left: 6%; } }
      @media (min-width: 75em) {
        .homepage .five-items .number,
        .podcast .five-items .number {
          display: none; } }
    .homepage .five-items .header,
    .podcast .five-items .header {
      font-family: AvenirLTStd-Roman, arial, sans-serif;
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: header; }
      .homepage .five-items .header h2,
      .podcast .five-items .header h2 {
        margin: 6% 20%; }
        @media (min-width: 600px) {
          .homepage .five-items .header h2,
          .podcast .five-items .header h2 {
            margin: initial; } }
        @media (min-width: 75em) {
          .homepage .five-items .header h2,
          .podcast .five-items .header h2 {
            padding-top: 23.65%; } }
      @media (min-width: 600px) {
        .homepage .five-items .header,
        .podcast .five-items .header {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 2; } }
      @media (min-width: 75em) {
        .homepage .five-items .header,
        .podcast .five-items .header {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          text-align: left;
          border-top: 3px solid #c4d5dd;
          margin: 20%;
          position: relative; }
          .homepage .five-items .header::after, .homepage .five-items .header::before,
          .podcast .five-items .header::after,
          .podcast .five-items .header::before {
            content: '';
            width: 5px;
            height: 10px;
            background: #c4d5dd;
            position: absolute; }
          .homepage .five-items .header::before,
          .podcast .five-items .header::before {
            transform: skew(60deg);
            top: -11px;
            right: 3px; }
          .homepage .five-items .header::after,
          .podcast .five-items .header::after {
            transform: skew(-60deg);
            top: -2px;
            right: 3px; } }
    .homepage .five-items .one,
    .podcast .five-items .one {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: one; }
      @media (min-width: 600px) {
        .homepage .five-items .one,
        .podcast .five-items .one {
          -ms-grid-row: 2;
          -ms-grid-column: 1; } }
      @media (min-width: 75em) {
        .homepage .five-items .one,
        .podcast .five-items .one {
          -ms-grid-row: 1;
          -ms-grid-column: 2; } }
    .homepage .five-items .two,
    .podcast .five-items .two {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: two; }
      @media (min-width: 600px) {
        .homepage .five-items .two,
        .podcast .five-items .two {
          -ms-grid-row: 2;
          -ms-grid-column: 2; } }
      @media (min-width: 75em) {
        .homepage .five-items .two,
        .podcast .five-items .two {
          -ms-grid-row: 1;
          -ms-grid-column: 3; } }
    .homepage .five-items .three,
    .podcast .five-items .three {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      grid-area: three; }
      @media (min-width: 600px) {
        .homepage .five-items .three,
        .podcast .five-items .three {
          -ms-grid-row: 3;
          -ms-grid-column: 1; } }
      @media (min-width: 75em) {
        .homepage .five-items .three,
        .podcast .five-items .three {
          -ms-grid-row: 1;
          -ms-grid-column: 4; } }
    .homepage .five-items .four,
    .podcast .five-items .four {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      grid-area: four; }
      @media (min-width: 600px) {
        .homepage .five-items .four,
        .podcast .five-items .four {
          -ms-grid-row: 3;
          -ms-grid-column: 2; } }
      @media (min-width: 75em) {
        .homepage .five-items .four,
        .podcast .five-items .four {
          -ms-grid-row: 1;
          -ms-grid-column: 5; } }
    @media (min-width: 600px) {
      .homepage .five-items,
      .podcast .five-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-template-areas: "header header" "one two" "three four"; } }
    @media (min-width: 75em) {
      .homepage .five-items,
      .podcast .five-items {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        padding: 8.25% 4%;
        grid-template-rows: auto;
        grid-template-areas: "header one two three four"; } }
    .homepage .five-items > div,
    .podcast .five-items > div {
      margin: 10% 0 !important; }
      @media (min-width: 600px) {
        .homepage .five-items > div,
        .podcast .five-items > div {
          margin: initial !important; } }
    .homepage .five-items div,
    .podcast .five-items div {
      margin: 0 0 5% 0; }
      @media (min-width: 600px) {
        .homepage .five-items div,
        .podcast .five-items div {
          margin: 3%; }
          .homepage .five-items div .text,
          .podcast .five-items div .text {
            padding: 0 5%; } }
  .homepage .five-items-footer,
  .podcast .five-items-footer {
    display: flex;
    background-color: #669bb5;
    font-size: 16px;
    line-height: 24px;
    font-family: AvenirLTStd-Medium, arial, sans-serif;
    color: #fff;
    flex-direction: column; }
    @media (min-width: 600px) {
      .homepage .five-items-footer,
      .podcast .five-items-footer {
        flex-direction: row; } }
    @media (min-width: 75em) {
      .homepage .five-items-footer,
      .podcast .five-items-footer {
        font-size: 18px; } }
    @media (min-width: 600px) {
      .homepage .five-items-footer span,
      .podcast .five-items-footer span {
        padding: 0 3%; } }
    @media (min-width: 75em) {
      .homepage .five-items-footer span,
      .podcast .five-items-footer span {
        padding: 0 5%; } }
    .homepage .five-items-footer div,
    .podcast .five-items-footer div {
      display: flex;
      flex: 1 1 100%;
      margin: 0 10%;
      padding: 15% 0;
      text-align: center; }
      .homepage .five-items-footer div.column-1, .homepage .five-items-footer div.column-2,
      .podcast .five-items-footer div.column-1,
      .podcast .five-items-footer div.column-2 {
        border-bottom: 0.13em solid #d6d6ca; }
      @media (min-width: 600px) {
        .homepage .five-items-footer div,
        .podcast .five-items-footer div {
          flex-direction: column;
          justify-content: center;
          text-align: center;
          margin: 6% 0;
          padding: 0 2%; }
          .homepage .five-items-footer div.column-1, .homepage .five-items-footer div.column-2,
          .podcast .five-items-footer div.column-1,
          .podcast .five-items-footer div.column-2 {
            border-bottom: none;
            border-right: 0.13em solid #d6d6ca; } }
      @media (min-width: 75em) {
        .homepage .five-items-footer div,
        .podcast .five-items-footer div {
          margin: 4% 0; } }
  .homepage .side-by-side,
  .podcast .side-by-side {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    padding: 0 8%; }
    .homepage .side-by-side.one p, .homepage .side-by-side.one img,
    .podcast .side-by-side.one p,
    .podcast .side-by-side.one img {
      text-align: center;
      width: 100%; }
    .homepage .side-by-side.one p,
    .podcast .side-by-side.one p {
      font-family: AvenirLTStd-Roman, arial, sans-serif !important;
      font-size: 16px;
      line-height: 24px; }
      @media (min-width: 600px) {
        .homepage .side-by-side.one p,
        .podcast .side-by-side.one p {
          font-size: 18px;
          line-height: 24px; } }
      @media (min-width: 75em) {
        .homepage .side-by-side.one p,
        .podcast .side-by-side.one p {
          font-size: 24px;
          line-height: 40px; } }
    @media (min-width: 600px) {
      .homepage .side-by-side,
      .podcast .side-by-side {
        -ms-grid-columns: 4fr 1fr 4fr;
        -ms-grid-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10%; } }
    @media (min-width: 75em) {
      .homepage .side-by-side,
      .podcast .side-by-side {
        -ms-grid-columns: 3fr 1fr 3fr;
        -ms-grid-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 15%;
        max-width: 82.9787%;
        margin: 0 auto; } }
    .homepage .side-by-side .item-left,
    .podcast .side-by-side .item-left {
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      width: 220px;
      margin: 0 auto; }
      @media (min-width: 600px) {
        .homepage .side-by-side .item-left,
        .podcast .side-by-side .item-left {
          -ms-grid-column: 1;
          -ms-grid-row: 1;
          width: auto;
          width: initial;
          margin: initial; } }
    .homepage .side-by-side .item-right,
    .podcast .side-by-side .item-right {
      -ms-grid-column: 1;
      -ms-grid-row: 2;
      width: 220px;
      margin: 0 auto; }
      @media (min-width: 600px) {
        .homepage .side-by-side .item-right,
        .podcast .side-by-side .item-right {
          -ms-grid-column: 3;
          -ms-grid-row: 1;
          width: auto;
          width: initial;
          margin: initial; } }
    .homepage .side-by-side.two,
    .podcast .side-by-side.two {
      background-color: #d6d6ca;
      max-width: initial;
      min-width: 100%;
      margin: 5% 0;
      padding: 10%; }
      .homepage .side-by-side.two.podcast-header,
      .podcast .side-by-side.two.podcast-header {
        background-color: #C4D5DD;
        margin: inherit; }
      .homepage .side-by-side.two.podcast-subheader,
      .podcast .side-by-side.two.podcast-subheader {
        background-color: transparent;
        margin: inherit;
        padding: 5%;
        grid-column-gap: 8%; }
        .homepage .side-by-side.two.podcast-subheader .item-left,
        .podcast .side-by-side.two.podcast-subheader .item-left {
          font-size: 14px;
          line-height: 26px;
          width: inherit;
          margin: 0 auto; }
        .homepage .side-by-side.two.podcast-subheader .item-right,
        .podcast .side-by-side.two.podcast-subheader .item-right {
          font-size: 14px;
          line-height: 26px;
          width: inherit;
          margin: 0 auto; }
        .homepage .side-by-side.two.podcast-subheader h4,
        .podcast .side-by-side.two.podcast-subheader h4 {
          font-family: AvenirLTStd-Black, arial, sans-serif;
          font-size: 24px; }
      @media (min-width: 600px) {
        .homepage .side-by-side.two,
        .podcast .side-by-side.two {
          padding: 10%; } }
      @media (min-width: 75em) {
        .homepage .side-by-side.two,
        .podcast .side-by-side.two {
          padding: 5% 10%; } }
      .homepage .side-by-side.two .item-left h3,
      .podcast .side-by-side.two .item-left h3 {
        font-family: AvenirLTStd-Black, arial, sans-serif;
        font-size: 26px;
        line-height: 46px; }
        @media (min-width: 600px) {
          .homepage .side-by-side.two .item-left h3,
          .podcast .side-by-side.two .item-left h3 {
            font-size: 31px;
            line-height: 40px; } }
      .homepage .side-by-side.two .item-left p,
      .podcast .side-by-side.two .item-left p {
        font-family: Adelle-Regular, "Courier New", monospace;
        font-size: 14px;
        line-height: 26px;
        margin: 0.5em 0; }
      @media (min-width: 75em) {
        .homepage .side-by-side.two .item-left,
        .podcast .side-by-side.two .item-left {
          width: 80%;
          margin: auto 0 auto 30%; } }
      .homepage .side-by-side.two .item-right a.button-lg,
      .podcast .side-by-side.two .item-right a.button-lg {
        display: block; }
        @media (min-width: 600px) {
          .homepage .side-by-side.two .item-right a.button-lg,
          .podcast .side-by-side.two .item-right a.button-lg {
            margin: 110px 0;
            width: 274px; }
            .homepage .side-by-side.two .item-right a.button-lg:first-child,
            .podcast .side-by-side.two .item-right a.button-lg:first-child {
              margin-top: 0; }
            .homepage .side-by-side.two .item-right a.button-lg:last-child,
            .podcast .side-by-side.two .item-right a.button-lg:last-child {
              margin-bottom: 0; } }
        @media screen and (min-width: 740px) {
          .homepage .side-by-side.two .item-right a.button-lg,
          .podcast .side-by-side.two .item-right a.button-lg {
            margin: 90px 0; } }
        @media screen and (min-width: 800px) {
          .homepage .side-by-side.two .item-right a.button-lg,
          .podcast .side-by-side.two .item-right a.button-lg {
            margin: 60px 0; } }
        @media (min-width: 75em) {
          .homepage .side-by-side.two .item-right a.button-lg,
          .podcast .side-by-side.two .item-right a.button-lg {
            margin: 60px 0 45px -30px;
            width: 360px; } }
      @media (min-width: 600px) {
        .homepage .side-by-side.two .item-right,
        .podcast .side-by-side.two .item-right {
          margin: 0 10% 0 0;
          font-size: 31px;
          line-height: 40px; } }
      @media (min-width: 75em) {
        .homepage .side-by-side.two .item-right,
        .podcast .side-by-side.two .item-right {
          width: 70%;
          margin: auto 0; } }
      .homepage .side-by-side.two .button-lg p,
      .podcast .side-by-side.two .button-lg p {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.14286em;
        width: 50%; }
        @media (min-width: 600px) {
          .homepage .side-by-side.two .button-lg p,
          .podcast .side-by-side.two .button-lg p {
            width: initial; } }
      .homepage .side-by-side.two .button-lg,
      .podcast .side-by-side.two .button-lg {
        text-align: left;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.14286em;
        height: 99px;
        width: 100%;
        position: relative; }
        @media (min-width: 600px) {
          .homepage .side-by-side.two .button-lg,
          .podcast .side-by-side.two .button-lg {
            height: 79px; } }
        @media (min-width: 75em) {
          .homepage .side-by-side.two .button-lg,
          .podcast .side-by-side.two .button-lg {
            margin-top: 20%; }
            .homepage .side-by-side.two .button-lg:first-child,
            .podcast .side-by-side.two .button-lg:first-child {
              margin-top: 0; }
            .homepage .side-by-side.two .button-lg:hover,
            .podcast .side-by-side.two .button-lg:hover {
              background-color: #669bb5; } }
        @media (min-width: 75em) {
          .homepage .side-by-side.two .button-lg.no-hover-color-change:hover,
          .podcast .side-by-side.two .button-lg.no-hover-color-change:hover {
            background-color: #f88920; } }
        .homepage .side-by-side.two .button-lg p,
        .podcast .side-by-side.two .button-lg p {
          font-family: AvenirLTStd-Black, arial, sans-serif !important;
          margin: 0;
          position: absolute;
          top: 16px;
          left: 12%; }
          .homepage .side-by-side.two .button-lg p.no-br,
          .podcast .side-by-side.two .button-lg p.no-br {
            top: 25%; }
            @media (min-width: 600px) {
              .homepage .side-by-side.two .button-lg p.no-br,
              .podcast .side-by-side.two .button-lg p.no-br {
                top: 33%; } }
        .homepage .side-by-side.two .button-lg .arrow,
        .podcast .side-by-side.two .button-lg .arrow {
          position: absolute;
          left: 72%;
          top: 40px; }
          @media (min-width: 600px) {
            .homepage .side-by-side.two .button-lg .arrow,
            .podcast .side-by-side.two .button-lg .arrow {
              top: 31px;
              left: 78%; } }
    .homepage .side-by-side.three,
    .podcast .side-by-side.three {
      padding: 0 5%;
      margin-bottom: 10%;
      max-width: 98%;
      text-align: center;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      -ms-grid-rows: 1fr 1fr;
      grid-template-columns: 1fr; }
      .homepage .side-by-side.three .item-right,
      .podcast .side-by-side.three .item-right {
        text-align: left; }
      .homepage .side-by-side.three p,
      .podcast .side-by-side.three p {
        font-family: Adelle-Regular, "Courier New", monospace;
        font-size: 14px;
        line-height: 26px; }
        .homepage .side-by-side.three p:last-child,
        .podcast .side-by-side.three p:last-child {
          padding-bottom: 8%; }
      .homepage .side-by-side.three h3,
      .podcast .side-by-side.three h3 {
        font-family: AvenirLTStd-Black, arial, sans-serif;
        font-size: 26px;
        line-height: 46px; }
        @media (min-width: 600px) {
          .homepage .side-by-side.three h3,
          .podcast .side-by-side.three h3 {
            font-size: 31px;
            line-height: 40px; } }
        @media (min-width: 75em) {
          .homepage .side-by-side.three h3,
          .podcast .side-by-side.three h3 {
            font-size: 31px;
            line-height: 40px; } }
      .homepage .side-by-side.three img,
      .podcast .side-by-side.three img {
        width: 70%; }
        @media (min-width: 600px) {
          .homepage .side-by-side.three img,
          .podcast .side-by-side.three img {
            width: 50%; } }
        @media (min-width: 75em) {
          .homepage .side-by-side.three img,
          .podcast .side-by-side.three img {
            width: initial; } }
      @media (min-width: 75em) {
        .homepage .side-by-side.three,
        .podcast .side-by-side.three {
          -ms-grid-columns: 3fr 1fr 3fr;
          -ms-grid-rows: 1fr;
          grid-template-columns: 1fr 1fr;
          grid-column-gap: 15%; } }
      @media screen and (min-width: 75em) and (max-width: 1360px) {
        .homepage .side-by-side.three .item-right,
        .podcast .side-by-side.three .item-right {
          width: 110%;
          margin-left: -5%;
          /* make it wider to allow space for first arrow question without wrapping */ } }
      .homepage .side-by-side.three .item-left,
      .podcast .side-by-side.three .item-left {
        -ms-grid-column: 1;
        -ms-grid-row: 1; }
      .homepage .side-by-side.three .item-left img,
      .podcast .side-by-side.three .item-left img {
        height: 80%;
        margin-top: 10%; }
        @media (min-width: 600px) {
          .homepage .side-by-side.three .item-left img,
          .podcast .side-by-side.three .item-left img {
            margin-bottom: 10%; } }
  .homepage .carousel .carousel-item,
  .podcast .carousel .carousel-item {
    display: none; }
  .homepage .carousel .carousel-active,
  .podcast .carousel .carousel-active {
    display: block; }
  .homepage .carousel .carousel-nav:nth-child(2),
  .podcast .carousel .carousel-nav:nth-child(2) {
    display: none; }
  .homepage .carousel-fade .carousel-item:not(.carousel-active),
  .podcast .carousel-fade .carousel-item:not(.carousel-active) {
    pointer-events: none; }
  .homepage .carousel,
  .podcast .carousel {
    margin-top: 20%;
    width: 100%;
    position: relative;
    background-color: #f1f1f1;
    height: 500px; }
    @media (min-width: 600px) {
      .homepage .carousel,
      .podcast .carousel {
        margin-top: 0;
        height: 540px; } }
    @media (min-width: 75em) {
      .homepage .carousel,
      .podcast .carousel {
        height: 580px; } }
    .homepage .carousel .prev, .homepage .carousel .next,
    .podcast .carousel .prev,
    .podcast .carousel .next {
      height: 25px;
      width: 25px;
      border: 1px solid #669bb5;
      border-width: 3px 3px 0 0;
      position: absolute;
      float: left;
      top: 50%; }
    .homepage .carousel .prev,
    .podcast .carousel .prev {
      left: 2%;
      transform: rotate(225deg); }
      @media (min-width: 75em) {
        .homepage .carousel .prev,
        .podcast .carousel .prev {
          left: 5%; } }
    .homepage .carousel .next,
    .podcast .carousel .next {
      right: 2%;
      transform: rotate(45deg); }
      @media (min-width: 75em) {
        .homepage .carousel .next,
        .podcast .carousel .next {
          right: 5%; } }
    .homepage .carousel .carousel-item,
    .podcast .carousel .carousel-item {
      position: absolute;
      top: -10%; }
    .homepage .carousel .carousel-pagination,
    .podcast .carousel .carousel-pagination {
      display: none; }
    .homepage .carousel div,
    .podcast .carousel div {
      text-align: center; }
    .homepage .carousel img,
    .podcast .carousel img {
      width: 50%;
      position: relative; }
      @media (min-width: 600px) {
        .homepage .carousel img,
        .podcast .carousel img {
          width: 25%; } }
      @media (min-width: 75em) {
        .homepage .carousel img,
        .podcast .carousel img {
          width: 15%; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .homepage .carousel img,
        .podcast .carousel img {
          top: -20%; } }
    .homepage .carousel .info,
    .podcast .carousel .info {
      position: relative;
      width: 100%;
      padding: 0 10%; }
      @media (min-width: 75em) {
        .homepage .carousel .info,
        .podcast .carousel .info {
          padding: 0 25%; } }
      .homepage .carousel .info h4,
      .podcast .carousel .info h4 {
        margin: 1%;
        font-family: AvenirLTStd-Black, arial, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px; }
        @media (min-width: 600px) {
          .homepage .carousel .info h4,
          .podcast .carousel .info h4 {
            font-size: 25px;
            line-height: 40px; } }
        @media (min-width: 75em) {
          .homepage .carousel .info h4,
          .podcast .carousel .info h4 {
            font-size: 31px;
            line-height: 40px; } }
      .homepage .carousel .info h5, .homepage .carousel .info h6,
      .podcast .carousel .info h5,
      .podcast .carousel .info h6 {
        font-family: Adelle-Regular, "Courier New", monospace;
        margin: initial; }
      .homepage .carousel .info h5,
      .podcast .carousel .info h5 {
        font-size: 18px;
        font-weight: normal;
        line-height: 26px;
        margin-top: 1em;
        margin-bottom: initial; }
      .homepage .carousel .info h6,
      .podcast .carousel .info h6 {
        font-size: 14px;
        line-height: 26px; }
  .homepage .process,
  .podcast .process {
    /* prevent text overflowing on very small devices */
    padding: 10% 7.5% 15% 7.5%;
    background-color: #eaf0f3; }
    .homepage .process > div,
    .podcast .process > div {
      padding-left: 10%;
      padding-right: 10%; }
      .homepage .process > div.item,
      .podcast .process > div.item {
        padding-left: 7%;
        padding-right: 7%; }
    .homepage .process div.header,
    .podcast .process div.header {
      position: relative; }
      @media (min-width: 75em) {
        .homepage .process div.header,
        .podcast .process div.header {
          padding: 0 20% 0 0; }
          .homepage .process div.header p,
          .podcast .process div.header p {
            margin-right: 15%; } }
    @media screen and (max-width: 399px) {
      .homepage .process div.header,
      .homepage .process div.item,
      .podcast .process div.header,
      .podcast .process div.item {
        max-width: 80%; } }
    .homepage .process .number,
    .podcast .process .number {
      color: #a6b4ba;
      font-size: 50px;
      margin: 15% 0 7%; }
      @media (min-width: 600px) {
        .homepage .process .number,
        .podcast .process .number {
          font-size: 70px; } }
    @media (min-width: 600px) {
      .homepage .process,
      .podcast .process {
        margin: 5% 0;
        background: -webkit-linear-gradient(left, #fff 210px, #eaf0f3 210px, #eaf0f3);
        background: -moz-linear-gradient(left, #fff 210px, #eaf0f3 210px, #eaf0f3);
        background: -o-linear-gradient(left, #fff 210px, #eaf0f3 210px, #eaf0f3);
        background: -ms-linear-gradient(left, #fff 210px, #eaf0f3 210px, #eaf0f3);
        background: linear-gradient(to right, #fff 210px, #eaf0f3 210px 100%);
        background-repeat: no-repeat;
        background-position: right; } }
    @media (min-width: 600px) {
      .homepage .process,
      .podcast .process {
        padding: 5% 5% 7.5% 5%; } }
    .homepage .process img,
    .podcast .process img {
      width: 40px;
      margin: 30px 0 6px 0; }
      @media (min-width: 600px) {
        .homepage .process img,
        .podcast .process img {
          width: 50px;
          margin-top: 0; } }
    .homepage .process p,
    .podcast .process p {
      font-family: Adelle-Regular, "Courier New", monospace;
      font-size: 14px;
      line-height: 26px;
      margin-right: 5%; }
    .homepage .process h3,
    .podcast .process h3 {
      font-family: AvenirLTStd-Black, arial, sans-serif;
      font-weight: 500;
      font-size: 31px;
      line-height: 40px;
      margin-top: 0;
      margin-bottom: 0;
      margin-right: 15%; }
    .homepage .process h5,
    .podcast .process h5 {
      font-weight: 500;
      position: absolute;
      text-transform: uppercase;
      color: #669bb5;
      font-family: AvenirLTStd-Black, arial, sans-serif;
      font-size: 14px;
      letter-spacing: 0.14286em;
      margin-bottom: 14px; }
    .homepage .process .arrow-heading,
    .podcast .process .arrow-heading {
      position: relative;
      height: 100px;
      width: 300px; }
      @media (min-width: 600px) {
        .homepage .process .arrow-heading,
        .podcast .process .arrow-heading {
          width: 200px; } }
      @media (min-width: 75em) {
        .homepage .process .arrow-heading,
        .podcast .process .arrow-heading {
          width: 300px; } }
      .homepage .process .arrow-heading .arrow,
      .podcast .process .arrow-heading .arrow {
        position: absolute;
        width: 40%;
        height: 2.5px;
        bottom: 0;
        left: 100px;
        bottom: 45px;
        background-color: #669bb5; }
        @media (min-width: 600px) {
          .homepage .process .arrow-heading .arrow,
          .podcast .process .arrow-heading .arrow {
            left: 0;
            width: 80%;
            bottom: 25px; } }
        @media (min-width: 75em) {
          .homepage .process .arrow-heading .arrow,
          .podcast .process .arrow-heading .arrow {
            left: 230px;
            width: 50px;
            bottom: 62px; } }
        .homepage .process .arrow-heading .arrow::after, .homepage .process .arrow-heading .arrow::before,
        .podcast .process .arrow-heading .arrow::after,
        .podcast .process .arrow-heading .arrow::before {
          content: '';
          width: 5px;
          height: 7px;
          background: #669bb5;
          position: absolute; }
        .homepage .process .arrow-heading .arrow::before,
        .podcast .process .arrow-heading .arrow::before {
          transform: skew(60deg);
          top: -6px;
          right: 4px; }
        .homepage .process .arrow-heading .arrow::after,
        .podcast .process .arrow-heading .arrow::after {
          transform: skew(-60deg);
          top: 1px;
          right: 4px; }
    .homepage .process h6,
    .podcast .process h6 {
      font-family: AvenirLTStd-Black, arial, sans-serif;
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      margin: 0; }
  .homepage .seven-items,
  .podcast .seven-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "header" "one" "two" "three" "four" "five" "six"; }
    @media (min-width: 600px) {
      .homepage .seven-items,
      .podcast .seven-items {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 33% 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-template-areas: "header one one" "header two two" ". three three" ". four four" ". five five" ". six six"; } }
    @media (min-width: 75em) {
      .homepage .seven-items,
      .podcast .seven-items {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-template-areas: "header one two three" ". four five six"; } }
    .homepage .seven-items .header,
    .podcast .seven-items .header {
      font-family: AvenirLTStd-Roman, arial, sans-serif;
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: header; }
      @media (min-width: 600px) {
        .homepage .seven-items .header,
        .podcast .seven-items .header {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          -ms-grid-row-span: 2; } }
      @media (min-width: 75em) {
        .homepage .seven-items .header,
        .podcast .seven-items .header {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          -ms-grid-row-span: 2; } }
    .homepage .seven-items .one,
    .podcast .seven-items .one {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-area: one; }
      @media (min-width: 600px) {
        .homepage .seven-items .one,
        .podcast .seven-items .one {
          -ms-grid-row: 1;
          -ms-grid-column: 2;
          -ms-grid-column-span: 2; } }
      @media (min-width: 75em) {
        .homepage .seven-items .one,
        .podcast .seven-items .one {
          -ms-grid-row: 1;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1; } }
    .homepage .seven-items .two,
    .podcast .seven-items .two {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: two; }
      @media (min-width: 600px) {
        .homepage .seven-items .two,
        .podcast .seven-items .two {
          -ms-grid-row: 3;
          -ms-grid-column: 2;
          -ms-grid-column-span: 2; } }
      @media (min-width: 75em) {
        .homepage .seven-items .two,
        .podcast .seven-items .two {
          -ms-grid-row: 1;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1; } }
    .homepage .seven-items .three,
    .podcast .seven-items .three {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      grid-area: three; }
      @media (min-width: 600px) {
        .homepage .seven-items .three,
        .podcast .seven-items .three {
          -ms-grid-row: 4;
          -ms-grid-column: 2;
          -ms-grid-column-span: 2; } }
      @media (min-width: 75em) {
        .homepage .seven-items .three,
        .podcast .seven-items .three {
          -ms-grid-row: 1;
          -ms-grid-column: 4;
          -ms-grid-column-span: 1; } }
    .homepage .seven-items .four,
    .podcast .seven-items .four {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      grid-area: four; }
      @media (min-width: 600px) {
        .homepage .seven-items .four,
        .podcast .seven-items .four {
          -ms-grid-row: 5;
          -ms-grid-column: 2;
          -ms-grid-column-span: 2; } }
      @media (min-width: 75em) {
        .homepage .seven-items .four,
        .podcast .seven-items .four {
          -ms-grid-row: 2;
          -ms-grid-column: 2;
          -ms-grid-column-span: 1; } }
    .homepage .seven-items .five,
    .podcast .seven-items .five {
      -ms-grid-row: 6;
      -ms-grid-column: 1;
      grid-area: five; }
      @media (min-width: 600px) {
        .homepage .seven-items .five,
        .podcast .seven-items .five {
          -ms-grid-row: 6;
          -ms-grid-column: 2;
          -ms-grid-column-span: 2; } }
      @media (min-width: 75em) {
        .homepage .seven-items .five,
        .podcast .seven-items .five {
          -ms-grid-row: 2;
          -ms-grid-column: 3;
          -ms-grid-column-span: 1; } }
    .homepage .seven-items .six,
    .podcast .seven-items .six {
      -ms-grid-row: 7;
      -ms-grid-column: 1;
      grid-area: six; }
      @media (min-width: 600px) {
        .homepage .seven-items .six,
        .podcast .seven-items .six {
          -ms-grid-row: 7;
          -ms-grid-column: 2;
          -ms-grid-column-span: 2; } }
      @media (min-width: 75em) {
        .homepage .seven-items .six,
        .podcast .seven-items .six {
          -ms-grid-row: 2;
          -ms-grid-column: 4;
          -ms-grid-column-span: 1; } }

/* The following came from the impact calculator, for which the current header syling was created. */
.impact-hero {
  position: relative;
  background: transparent !important;
  height: unset !important;
  overflow: visible !important; }

.node-type-home .impact-hero .hero-text {
  color: #373737;
  position: absolute;
  top: -340px !important;
  left: 0 !important;
  width: 100% !important;
  height: unset !important;
  z-index: 1;
  background: transparent;
  text-align: center;
  padding: 5% !important;
  max-width: 100% !important; }

/* make sure the menu always covers the .hero-text */
.mean-bar {
  z-index: 2; }

.node-type-home .impact-hero .hero-text h1.impact-title {
  color: #373737;
  font-size: 28px;
  line-height: 34px;
  padding: 0;
  margin: 0; }

.impact-hero .hero-text span {
  display: block;
  font-size: 14px;
  line-height: 26px;
  padding-top: 17px; }

.impact-hero .hero-text button {
  font-size: 11px;
  line-height: 16px;
  font-weight: 900; }

.impact-hero .impact-photo-credit {
  position: absolute;
  font-size: 12px;
  line-height: 15px;
  opacity: 0.5;
  width: 300px;
  height: 38px;
  right: 5px;
  top: 15px;
  text-align: right;
  z-index: 1;
  display: none; }

section.impact-block-front-wrapper {
  margin-top: 340px; }

section.impact-block-front-wrapper:before {
  height: 39.8vw;
  background-image: url(/themes/gw_basic/images/new-homepage/impact_front_header.jpg);
  background-size: cover;
  display: block;
  content: '';
  position: relative; }

@media all and (min-width: 701px) and (max-width: 999px) {
  .node-type-home .impact-hero .hero-text {
    top: -280px !important; }

  section.impact-block-front-wrapper {
    margin-top: 280px; } }
@media all and (min-width: 1000px) {
  section.impact-block-front-wrapper {
    margin-top: unset; }

  section.impact-block-front-wrapper:before {
    height: 573px;
    background-image: url(/themes/gw_basic/images/new-homepage/impact_front_header.jpg);
    background-size: cover;
    background-position: center;
    display: block;
    content: '';
    position: relative; }

  .node-type-home .impact-hero .hero-text {
    color: white;
    position: absolute;
    top: 50px !important;
    left: 130px !important;
    width: 612px !important;
    height: 284px !important;
    background: rgba(0, 0, 0, 0.7);
    padding: 16px !important;
    text-align: unset; }

  .node-type-home .impact-hero .hero-text h1.impact-title {
    color: white;
    font-size: 36px;
    line-height: 46px;
    padding: 0;
    margin: 0; }

  .impact-hero .hero-text span {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    padding: 0;
    margin: 4px 0 12px; }

  .impact-hero .impact-photo-credit {
    display: block; } }
@media all and (min-width: 410px) and (max-width: 999px) {
  #block-givewell-donation-block-impact-block-front span.doll {
    top: 38px;
    left: 16px; }

  #block-givewell-donation-block-impact-block-front span.downarrow {
    top: 145px;
    left: 94%; } }
@media all and (max-width: 410px) {
  #block-givewell-donation-block-impact-block-front span.doll {
    top: 57px;
    left: 16px; }

  #block-givewell-donation-block-impact-block-front span.downarrow {
    top: 167px;
    left: 88%; } }
@media all and (max-width: 420px) {
  .node-type-home .impact-hero .hero-text {
    padding: 1.5% !important;
    line-height: 10px; } }

/*# sourceMappingURL=new-home.css.map */