.mainNav header .wrap:after, header[role="banner"] .wrap:after, .news-slider .swiper-container .swiper-wrapper:after, .news-slider .swiper-container .bar menu:after, .news-slider .swiper-container .bar:after, .grid-list .wrap header:after, .grid-list .wrap .grid .grid-item:after, .grid-list .wrap .grid:after, .blog-post .wrap .footnotes div .tickets:after, .blog-post .wrap .footnotes div .category:after, .blog-post .wrap .footnotes div.social:after, .blog-post .wrap .footnotes div.actions a:after, .blog-post .wrap .footnotes div.profile:after, .text-page .wrap .content > div ul li:after, .text-page .wrap .content > div .forms menu:after, .newsletter .wrap .social:after, .newsletter .wrap:after, .modal .wrap .modal-window .overview .value:after, .modal .wrap .modal-window .quantity .value:after, .search-bar .wrap form:after, .cookie-bar .wrap:after, .home.landingPage .wrap header:after, .home.landingPage .wrap .grid .col + .col:after, .home.landingPage .wrap .grid .col:after {
  content: '';
  display: block;
  clear: both; }

.mainNav .wrap ul li a, .mainNav .wrap .search p input, .mainNav .wrap .search button, .mainNav .wrap .donate, .news-slider .swiper-container .swiper-wrapper .swiper-slide .content, .grid-list .wrap header, .grid-list .wrap .grid .grid-item, .grid-list .wrap .grid .grid-item .actions a span, .grid-list .wrap .grid .grid-item .icon span, .section-intro .wrap .dropdown button, .text-page .wrap .sidebar nav a, .text-page .wrap .content > div > a, .text-page .wrap .content > div .box a, .text-page .wrap .content > div .box button, .text-page .wrap .content > div .forms menu button, .text-page .wrap .content > div .forms .formsholder form p input, .text-page .wrap .content > div.bg-grey .donationOptions a, .text-page .wrap .content ul.people li, .search-bar .wrap form p input, .newsletter-modal .panel, .newsletter-modal .panel form p input, .home.landingPage .wrap header, .home.landingPage .wrap .grid .col + .col article {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.mainNav header .wrap h1, .mainNav header .wrap button, .mainNav .wrap .search p:before, header[role="banner"] .wrap h1, .introduction .wrap i, .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon:before, .news-slider .swiper-container .bar menu button, .grid-list .wrap header h2:before, .grid-list .wrap .grid .grid-item .actions a, .grid-list .wrap .grid .grid-item .icon, .quote-block .wrap i, .section-intro .wrap .dropdown button:after, .blog-post .wrap blockquote i, .blog-post .wrap .footnotes div .tickets i, .blog-post .wrap .footnotes div .category i, .blog-post .wrap .footnotes div.social a, .blog-post .wrap .footnotes div.actions a i, .blog-post.landing .wrap header h5:before, .text-page .wrap .content > div .box ul li:before, .text-page .wrap .content ul.people li a.twitter:before, .newsletter .wrap .social a, footer[role="contentinfo"] .wrap .col h2, footer[role="contentinfo"] .wrap .cols div i, .modal .wrap .modal-window .close, .modal .wrap .modal-window .overview .value > div .actions button, .modal .wrap .modal-window .quantity .value > div .actions button, .search-bar .wrap form button, .search-results .wrap ul li a h4 i, .newsletter-modal .panel > button, .cookie-bar .wrap > div i, .home.landingPage .wrap .grid .col article figure figcaption:before {
  background-image: url("../sprites/sprite2.svg");
  background-size: 700px 700px;
  font-size: 20px; }

.mainNav .wrap ul li a, .mainNav .wrap .search p label, .mainNav .wrap .search button, .mainNav .wrap .donate, .introduction .wrap h2, .news-slider .swiper-container .swiper-wrapper .swiper-slide, .grid-list .wrap header, .grid-list .wrap header h2, .grid-list .wrap header a, .grid-list .wrap .grid .grid-item, .grid-list .wrap .grid .grid-item .actions a span, .grid-list .wrap .grid .grid-item .icon span, .grid-list .wrap .pagination h3, .quote-block, .section-intro, .section-intro .wrap .dropdown ul li button, .section-intro .wrap .dropdown button, .blog-post .wrap header, .blog-post .wrap p.intro, .blog-post .wrap h3, .blog-post .wrap blockquote p, .blog-post .wrap .footnotes div, .blog-post.landing .wrap .footnotes .side .category h4 a, .text-page .wrap .sidebar nav a, .text-page .wrap .content > div h3, .text-page .wrap .content > div > h4, .text-page .wrap .content > div p em, .text-page .wrap .content > div > a, .text-page .wrap .content > div ul li h4, .text-page .wrap .content > div .box .links .join, .text-page .wrap .content > div .box a, .text-page .wrap .content > div .box button, .text-page .wrap .content > div .forms menu button, .text-page .wrap .content > div .forms .formsholder form p label, .text-page .wrap .content > div .forms .formsholder form > button, .text-page .wrap .content > div.bg-grey .donationOptions a, .text-page .wrap .content h3.border, .text-page .wrap .content ul.people li h2, .text-page .wrap .content ul.people li h3, .text-page .wrap .content ul.people li a, .newsletter .wrap > button, footer[role="contentinfo"] .wrap .cols, .modal .wrap .modal-window, .modal .wrap .modal-window .cart, .search-bar .wrap form p label, .search-bar .wrap form p input, .search-results, .newsletter-modal .panel > p, .newsletter-modal .panel form p label, .newsletter-modal .panel form button, .cookie-bar .wrap form button, .home.landingPage .wrap header, .home.landingPage .wrap header h2, .home.landingPage .wrap .grid .col article figure figcaption, .home.landingPage .wrap .grid .col + .col article {
  font-family: 'Proza Libre', sans-serif; }

.introduction, .grid-list .wrap .overview, .blog-post, .text-page, .text-page .wrap .content ul.people li, footer[role="contentinfo"], .search-results .wrap ul li a p {
  font-family: 'Gentium Basic', serif; }

.bg-yellow {
  background-color: #ffd84c; }

.bg-grey {
  background-color: #f1f1f1; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video iframe {
  z-index: 10000; }
.video .noCookies {
  background-color: #cccccc;
  left: 0;
  position: absolute;
  top: 0;
  color: #1f3446;
  height: 100%;
  width: 100%;
  font-size: 1rem;
  line-height: 1.3;
  padding: 10px; }
  .video .noCookies a {
    display: inline !important;
    text-decoration: underline; }
.video.noshow:after {
  display: none; }

.mainNav header .wrap, .mainNav .wrap, header[role="banner"] .wrap, .introduction .wrap, .grid-list .wrap, .quote-block .wrap, .section-intro .wrap, .text-page .wrap, footer[role="contentinfo"] .wrap, .search-bar .wrap, .search-results .wrap, .home.landingPage .wrap {
  margin: 0 10px; }

.desktop {
  display: none; }

.tablet {
  display: none; }

.navopen .mainNav {
  display: block; }

.hideMe .newsletter {
  display: none !important; }
.hideMe footer[role="contentinfo"] {
  margin-bottom: 0 !important; }

.placeholder {
  pointer-events: none; }
  .placeholder.faded {
    opacity: 0.5; }
  .placeholder.hide {
    opacity: 0; }

body {
  color: #1f3446; }

.mainNav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1000000;
  display: none;
  -webkit-overflow-scrolling: touch; }
  .mainNav header {
    padding: 20px 0;
    margin: 0 0 40px 0; }
    .mainNav header .wrap h1 {
      width: 129px;
      height: 30px;
      background-position: -1em -1em;
      margin: 0;
      float: left;
      overflow: hidden; }
      .mainNav header .wrap h1 a {
        display: block;
        text-indent: -1000px;
        overflow: hidden;
        left: 0;
        width: 129px;
        height: 30px; }
    .mainNav header .wrap button {
      display: block;
      float: right;
      width: 30px;
      height: 30px;
      position: relative;
      z-index: 100000;
      background-position: -16em -22em; }
      .mainNav header .wrap button span {
        pointer-events: none; }
  .mainNav .wrap {
    padding-bottom: 50px; }
    .mainNav .wrap ul {
      list-style: none; }
      .mainNav .wrap ul li {
        border-top: 2px solid black; }
        .mainNav .wrap ul li a {
          display: block;
          height: 50px;
          text-decoration: none;
          font-weight: 500;
          color: #1f3446;
          font-size: 1.0625rem;
          line-height: 1;
          padding: 16px 0; }
          .mainNav .wrap ul li a:hover {
            opacity: 0.5; }
          .mainNav .wrap ul li a.current:hover {
            opacity: 1; }
          .mainNav .wrap ul li a.red {
            /* &:hover,  */ }
            .mainNav .wrap ul li a.red.current {
              color: #ec1d24; }
          .mainNav .wrap ul li a.yellow {
            /* &:hover,  */ }
            .mainNav .wrap ul li a.yellow.current {
              color: #efa700; }
          .mainNav .wrap ul li a.green {
            /* &:hover, */ }
            .mainNav .wrap ul li a.green.current {
              color: #00a550; }
          .mainNav .wrap ul li a.teal {
            /* &:hover, */ }
            .mainNav .wrap ul li a.teal.current {
              color: #00a597; }
          .mainNav .wrap ul li a.blue {
            /* &:hover, */ }
            .mainNav .wrap ul li a.blue.current {
              color: #09a1c1; }
          .mainNav .wrap ul li a.open + ul {
            display: block; }
        .mainNav .wrap ul li ul {
          margin: 0 0 0 30px;
          padding-bottom: 20px;
          display: none; }
          .mainNav .wrap ul li ul li {
            border: 0; }
            .mainNav .wrap ul li ul li a {
              height: auto;
              padding: 0.5em 0;
              font-size: 0.9375rem; }
    .mainNav .wrap .search {
      position: relative;
      margin: 0 0 10px 0; }
      .mainNav .wrap .search p {
        position: relative; }
        .mainNav .wrap .search p:before {
          content: '';
          display: block;
          width: 14px;
          height: 14px;
          position: absolute;
          top: 50%;
          left: 10px;
          margin: -7px 0 0 0;
          background-position: -19em -3em; }
        .mainNav .wrap .search p label {
          position: absolute;
          top: 50%;
          margin-top: -7px;
          left: 30px;
          font-size: 1.0625rem; }
        .mainNav .wrap .search p input {
          height: 50px;
          padding: 0 10px 0 30px;
          font-size: 1rem;
          width: 100%;
          border: 0;
          border-radius: 3px;
          background-color: #f1f1f1; }
      .mainNav .wrap .search button {
        display: block;
        height: 50px;
        color: #1f3446;
        text-decoration: none;
        text-align: center;
        background-color: #ffd84c;
        width: 100%;
        border-radius: 3px;
        font-size: 1.125rem;
        line-height: 1;
        padding: 18px 0 16px 0; }
    .mainNav .wrap .donate {
      display: block;
      height: 50px;
      color: white;
      text-decoration: none;
      text-align: center;
      background-color: #1f3446;
      width: 100%;
      border-radius: 3px;
      font-size: 1.125rem;
      line-height: 1;
      padding: 18px 0 16px 0; }
  .mainNav.no-color-hover .wrap ul li a:hover {
    color: #6592b9 !important; }

header[role="banner"] {
  padding: 20px 0; }
  header[role="banner"] .wrap h1 {
    width: 129px;
    height: 30px;
    background-position: -1em -1em;
    margin: 0;
    float: left;
    text-indent: -10000px;
    overflow: hidden;
    position: relative; }
    header[role="banner"] .wrap h1 a {
      display: block;
      text-indent: -1000px;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  header[role="banner"] .wrap button {
    display: block;
    float: right;
    width: 35px; }
    header[role="banner"] .wrap button span {
      display: block;
      width: 35px;
      height: 3px;
      background-color: #1f3446;
      -ms-transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      transform: skewX(-20deg);
      pointer-events: none; }
      header[role="banner"] .wrap button span + span {
        margin: 8px 0 0 0; }
  header[role="banner"] + .blog-post {
    margin-top: 50px; }

.introduction {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #203446;
  padding: 40px 0 30px 0; }
  .introduction .wrap i {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 0 24px 0;
    background-position: -1em -3em; }
  .introduction .wrap h2 {
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 500; }

.news-slider .swiper-container {
  overflow: hidden; }
  .news-slider .swiper-container .swiper-wrapper {
    list-style: none; }
    .news-slider .swiper-container .swiper-wrapper .swiper-slide {
      position: relative;
      font-size: 1.125rem;
      line-height: 1.5555;
      color: white;
      background-color: #203446; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide.aVideo .videoWrap .hold .content {
        top: 60px;
        bottom: auto; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide h4 {
        font-size: 1rem;
        line-height: 1.875rem;
        font-weight: 500;
        padding: 20px 10px;
        z-index: 1;
        margin: 0; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4 em {
          font-style: normal;
          color: #ec1d24;
          font-weight: inherit; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon:before {
          content: '';
          display: block;
          float: left;
          width: 30px;
          height: 30px;
          margin: 0 10px 0 0; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon.quotemark-red:before {
          background-position: -10em -5em; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon.quotemark-blue:before {
          background-position: -10em -9em; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon.quotemark-blue em {
          color: #09a1c1; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon.quotemark-yellow:before {
          background-position: -10em -3em; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon.quotemark-yellow em {
          color: #ffd84c; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon.quotemark-green:before {
          background-position: -10em -7em; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide h4.icon.quotemark-green em {
          color: #00a550; }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide figure {
        height: 100vw;
        overflow: hidden;
        position: relative; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide figure:after {
          content: ' ';
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide figure.overlay:after {
          background-image: url("../images/overlays/blue.png");
          background-position: -107px 0;
          background-repeat: repeat-y;
          background-size: contain;
          pointer-events: none; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide figure.video {
          padding-bottom: 0; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide figure img {
          width: auto;
          height: 100%;
          position: relative;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
      .news-slider .swiper-container .swiper-wrapper .swiper-slide .content {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 10px 15px 10px;
        width: 100%; }
        .news-slider .swiper-container .swiper-wrapper .swiper-slide .content span {
          font-size: 0.875rem;
          font-weight: 500;
          text-decoration: underline; }
  .news-slider .swiper-container .bar .pagination {
    float: left;
    padding: 20px 10px; }
    .news-slider .swiper-container .bar .pagination span {
      display: block;
      float: left;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      overflow: hidden;
      background-color: #c6c6c6; }
      .news-slider .swiper-container .bar .pagination span .number {
        display: none; }
      .news-slider .swiper-container .bar .pagination span.swiper-active-switch {
        background-color: #1f3446; }
      .news-slider .swiper-container .bar .pagination span + span {
        margin: 0 0 0 9px; }
  .news-slider .swiper-container .bar menu {
    float: right;
    padding: 15px 10px; }
    .news-slider .swiper-container .bar menu button {
      width: 13px;
      height: 20px;
      background-position: -14em -1em;
      text-indent: -10000px;
      overflow: hidden;
      float: left;
      margin: 0 20px 0 0; }
      .news-slider .swiper-container .bar menu button + button {
        background-position: -15em -1em;
        margin: 0 0 0 20px; }

.grid-list {
  background-color: #f1f1f1;
  padding: 30px 0 0 0; }
  .grid-list .wrap header {
    border-top: 2px solid black;
    padding: 10px 0 0 0;
    margin: 0 0 30px 0;
    color: #203446; }
    .grid-list .wrap header h2 {
      float: left;
      padding: 10px 0 0 0;
      margin: 0;
      font-weight: 500;
      font-size: 0.875rem;
      line-height: 1; }
      .grid-list .wrap header h2:before {
        content: '';
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        margin: -10px 10px 0 0; }
    .grid-list .wrap header a {
      display: block;
      float: right;
      font-size: 0.875rem;
      font-weight: 500;
      padding: 8px 0 0 0; }
  .grid-list .wrap .grid {
    margin: -10px -5px 0 -5px; }
    .grid-list .wrap .grid .grid-item {
      width: -webkit-calc(50% - 10px);
      width: calc(50% - 10px);
      margin: 10px 5px;
      float: left;
      font-size: 0.9375rem;
      line-height: 1.333;
      padding: 0 10px 55px 10px;
      position: relative;
      background-color: white; }
      .grid-list .wrap .grid .grid-item .content {
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
        float: left;
        color: #1f3446; }
        .grid-list .wrap .grid .grid-item .content .cols .col .profile {
          border-radius: 50%;
          overflow: hidden; }
      .grid-list .wrap .grid .grid-item .actions {
        width: 40px;
        float: right;
        padding: 10px 0;
        margin: 0 0 0 10px; }
        .grid-list .wrap .grid .grid-item .actions a {
          width: 40px;
          height: 40px;
          position: relative; }
          .grid-list .wrap .grid .grid-item .actions a span {
            display: block;
            position: relative;
            left: -80px;
            opacity: 0;
            top: 8px;
            padding: 5px 10px 0 10px;
            width: 82px;
            text-align: center;
            height: 25px;
            background-color: #f1f1f1;
            font-size: 0.75rem;
            color: #1f3446;
            -webkit-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            transition: all 200ms ease;
            pointer-events: none; }
            .grid-list .wrap .grid .grid-item .actions a span:after {
              content: '';
              display: block;
              width: 17px;
              height: 17px;
              border-radius: 2px;
              background-color: #f1f1f1;
              position: absolute;
              top: 4px;
              right: -8px;
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
          .grid-list .wrap .grid .grid-item .actions a.paper {
            background-position: -1em -7em; }
            .grid-list .wrap .grid .grid-item .actions a.paper:hover {
              background-position: -7em -7em; }
          .grid-list .wrap .grid .grid-item .actions a.basket {
            background-position: -4em -7em; }
            .grid-list .wrap .grid .grid-item .actions a.basket:hover {
              background-position: -7em -10em; }
          .grid-list .wrap .grid .grid-item .actions a.download {
            background-position: -1em -10em; }
          .grid-list .wrap .grid .grid-item .actions a:hover {
            background-position: -4em -10em; }
            .grid-list .wrap .grid .grid-item .actions a:hover span {
              left: -96px;
              opacity: 1; }
          .grid-list .wrap .grid .grid-item .actions a + a {
            margin: 15px 0 0 0; }
      .grid-list .wrap .grid .grid-item .icon {
        width: 40px;
        height: 40px;
        background-position: -8em -19em;
        overflow: hidden;
        position: absolute;
        bottom: 10px;
        left: 10px;
        margin: 10px 0 0 0; }
        .grid-list .wrap .grid .grid-item .icon span {
          display: inline-block;
          position: relative;
          left: 40px;
          opacity: 0;
          top: 5px;
          padding: 5px 10px 0 10px;
          width: 94px;
          text-align: center;
          font-style: normal;
          height: 25px;
          background-color: #f1f1f1;
          font-size: 0.75rem;
          color: #1f3446;
          -webkit-transition: all 200ms ease;
          -ms-transition: all 200ms ease;
          transition: all 200ms ease;
          pointer-events: none; }
          .grid-list .wrap .grid .grid-item .icon span:after {
            content: '';
            display: block;
            width: 17px;
            height: 17px;
            border-radius: 2px;
            background-color: #f1f1f1;
            position: absolute;
            top: 4px;
            left: -8px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
        .grid-list .wrap .grid .grid-item .icon.icon-in-depth {
          background-position: -1em -29em; }
        .grid-list .wrap .grid .grid-item .icon:hover {
          overflow: visible;
          background-position: -10.5em -19em; }
          .grid-list .wrap .grid .grid-item .icon:hover.icon-audio {
            background-position: -17.5em -26em; }
          .grid-list .wrap .grid .grid-item .icon:hover.icon-event-recording {
            background-position: -17.5em -32em; }
          .grid-list .wrap .grid .grid-item .icon:hover.icon-in-depth {
            background-position: -4em -29em; }
          .grid-list .wrap .grid .grid-item .icon:hover span {
            left: 55px;
            opacity: 1; }
        .grid-list .wrap .grid .grid-item .icon.icon-audio {
          background-position: -15em -26em; }
        .grid-list .wrap .grid .grid-item .icon.icon-event-recording {
          background-position: -15em -32em; }
          .grid-list .wrap .grid .grid-item .icon.icon-event-recording span {
            width: 116px; }
      .grid-list .wrap .grid .grid-item.orange .actions a.paper {
        background-position: -23em -13em; }
        .grid-list .wrap .grid .grid-item.orange .actions a.paper:hover {
          background-position: -26em -13em; }
      .grid-list .wrap .grid .grid-item.orange .actions a.basket {
        background-position: -26em -7em; }
        .grid-list .wrap .grid .grid-item.orange .actions a.basket:hover {
          background-position: -29em -10em; }
      .grid-list .wrap .grid .grid-item.orange .actions a.download {
        background-position: -23em -10em; }
        .grid-list .wrap .grid .grid-item.orange .actions a.download:hover {
          background-position: -26em -10em; }
      .grid-list .wrap .grid .grid-item a {
        display: block;
        text-decoration: none; }
        .grid-list .wrap .grid .grid-item a figure {
          margin: 0 -10px; }
        .grid-list .wrap .grid .grid-item a h2 {
          font-weight: 500;
          margin: 10px 0 0 0; }
          .grid-list .wrap .grid .grid-item a h2:hover {
            text-decoration: underline; }
        .grid-list .wrap .grid .grid-item a h3 {
          font-size: 0.8125rem;
          font-weight: 500;
          margin: 10px 0 0 0; }
      .grid-list .wrap .grid .grid-item.green h2 {
        color: #00a550; }
      .grid-list .wrap .grid .grid-item.green .tags a:hover {
        color: #00a550; }
      .grid-list .wrap .grid .grid-item.green .icon {
        background-position: -4em -26em; }
        .grid-list .wrap .grid .grid-item.green .icon:hover {
          background-position: -1em -26em; }
      .grid-list .wrap .grid .grid-item.blue h2 {
        color: #09a1c1; }
      .grid-list .wrap .grid .grid-item.blue .tags a:hover {
        color: #09a1c1; }
      .grid-list .wrap .grid .grid-item.blue .icon {
        background-position: -8em -26em; }
        .grid-list .wrap .grid .grid-item.blue .icon.icon-audio, .grid-list .wrap .grid .grid-item.blue .icon.icon-event-recording {
          background-position: -8em -29em; }
        .grid-list .wrap .grid .grid-item.blue .icon.icon-book {
          background-position: -15em -29em; }
        .grid-list .wrap .grid .grid-item.blue .icon:hover {
          background-position: -10.5em -26em; }
          .grid-list .wrap .grid .grid-item.blue .icon:hover.icon-audio, .grid-list .wrap .grid .grid-item.blue .icon:hover.icon-event-recording {
            background-position: -10.5em -29em; }
          .grid-list .wrap .grid .grid-item.blue .icon:hover.icon-book {
            background-position: -17.5em -29em; }
      .grid-list .wrap .grid .grid-item.red h2 {
        color: #ec1d24; }
      .grid-list .wrap .grid .grid-item.red.orange h2 {
        color: #ff8e27; }
      .grid-list .wrap .grid .grid-item.yellow h2 {
        color: #efa700; }
    .grid-list .wrap .grid.full-width {
      margin: 0;
      padding-bottom: 20px; }
      .grid-list .wrap .grid.full-width .grid-item {
        width: 100%;
        margin: 10px 0 0 0; }
  .grid-list .wrap .pagination {
    padding: 10px 0 20px 0; }
    .grid-list .wrap .pagination h3 {
      color: #00a550;
      font-weight: 500;
      font-size: 0.875rem; }
  .grid-list .wrap .overview {
    margin: 20px 0 0 100px;
    padding: 0 0 30px 0;
    border-top: 2px solid #1f3446;
    color: #1f3446;
    font-size: 1.0625rem;
    line-height: 1.5; }
    .grid-list .wrap .overview p {
      margin: 15px 0 0 0; }
  .grid-list.green .wrap .grid .grid-item .tags a:hover {
    color: #00a550; }
  .grid-list.green .wrap .grid .grid-item .icon {
    background-position: -4em -26em; }
    .grid-list.green .wrap .grid .grid-item .icon:hover {
      background-position: -1em -26em; }
  .grid-list.blue .wrap .grid .grid-item .tags a:hover {
    color: #09a1c1; }
  .grid-list.blue .wrap .grid .grid-item .icon {
    background-position: -8em -26em; }
    .grid-list.blue .wrap .grid .grid-item .icon.icon-audio, .grid-list.blue .wrap .grid .grid-item .icon.icon-event-recording {
      background-position: -8em -29em; }
    .grid-list.blue .wrap .grid .grid-item .icon.icon-book {
      background-position: -15em -29em; }
    .grid-list.blue .wrap .grid .grid-item .icon:hover {
      background-position: -10.5em -26em; }
      .grid-list.blue .wrap .grid .grid-item .icon:hover.icon-audio, .grid-list.blue .wrap .grid .grid-item .icon:hover.icon-event-recording {
        background-position: -10.5em -29em; }
      .grid-list.blue .wrap .grid .grid-item .icon:hover.icon-book {
        background-position: -17.5em -29em; }
  .grid-list.blue .wrap header {
    border-color: #09a1c1; }
    .grid-list.blue .wrap header h2:before {
      background-position: -10em -9em; }
  .grid-list.blue .wrap .grid .grid-item h2 {
    color: #09a1c1; }
  .grid-list.blue .wrap .pagination h3 {
    color: #09a1c1; }
  .grid-list.green .wrap header {
    border-color: #00a550; }
    .grid-list.green .wrap header h2:before {
      background-position: -10em -7em; }
  .grid-list.green .wrap .grid .grid-item h2 {
    color: #00a550; }
  .grid-list.green .wrap .pagination h3 {
    color: #00a550; }
  .grid-list.red .wrap header {
    border-color: #ec1d24; }
    .grid-list.red .wrap header h2:before {
      background-position: -10em -5em; }
  .grid-list.red .wrap .grid.full-width .grid-item h2 {
    color: #ec1d24; }
  .grid-list.red .wrap .grid.full-width .grid-item.orange h2 {
    color: #ff8e27; }
  .grid-list.red .wrap .pagination h3 {
    color: #ec1d24; }
  .grid-list.yellow .wrap header {
    border-color: #ffd84c; }
    .grid-list.yellow .wrap header h2:before {
      background-position: -10em -3em; }
  .grid-list.yellow .wrap .grid .grid-item h2 {
    color: #efa700; }
  .grid-list.yellow .wrap .pagination h3 {
    color: #efa700; }

.quote-block {
  padding: 20px 0 30px 0; }
  .quote-block .wrap i {
    display: block;
    width: 55px;
    height: 37px;
    background-position: -14em -3em; }
  .quote-block .wrap h3 {
    border-top: 2px solid #00a550;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 500;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0; }
  .quote-block .wrap p {
    color: #00a550;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 15px 0 0 100px; }
  .quote-block.teal .wrap i {
    background-position: -19em -11em; }
  .quote-block.teal .wrap h3 {
    border-color: #00a597; }
  .quote-block.teal .wrap p {
    color: #00a597; }
  .quote-block.blue .wrap i {
    background-position: -14em -11em; }
  .quote-block.blue .wrap h3 {
    border-color: #09a1c1; }
  .quote-block.blue .wrap p {
    color: #09a1c1; }
  .quote-block.yellow .wrap i {
    background-position: -14em -8.5em; }
  .quote-block.yellow .wrap h3 {
    border-color: #ffd84c; }
  .quote-block.yellow .wrap p {
    color: #efa700; }
  .quote-block.red .wrap i {
    background-position: -14em -6em; }
  .quote-block.red .wrap h3 {
    border-color: #ec1d24; }
  .quote-block.red .wrap p {
    color: #ec1d24; }

.section-intro {
  padding: 40px 0 0 0; }
  .section-intro .wrap header {
    border-bottom: 2px solid black;
    margin: 0 0 16px 0; }
    .section-intro .wrap header h2 {
      font-size: 0.875rem;
      font-weight: 500;
      text-transform: lowercase; }
      .section-intro .wrap header h2 a {
        text-decoration: none; }
        .section-intro .wrap header h2 a:hover {
          text-decoration: underline; }
  .section-intro .wrap p {
    font-size: 1.125rem;
    line-height: 1.555;
    font-weight: 500; }
  .section-intro .wrap .dropdown {
    background-color: #f1f1f1;
    margin: 0 -10px;
    padding: 0 10px; }
    .section-intro .wrap .dropdown h3 {
      font-size: 0.875rem;
      font-weight: 500;
      padding: 20px 0;
      margin: 0;
      color: #1f3446; }
    .section-intro .wrap .dropdown ul {
      list-style: none; }
      .section-intro .wrap .dropdown ul li button {
        margin: 0; }
        .section-intro .wrap .dropdown ul li button:after {
          width: 12px;
          height: 8px;
          background-position: -19em -1em; }
        .section-intro .wrap .dropdown ul li button.open + ul {
          display: block; }
      .section-intro .wrap .dropdown ul li ul {
        background-color: #bababa;
        padding: 10px 0;
        max-height: 200px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        display: none;
        overflow-x: hidden;
        overflow-y: auto; }
        .section-intro .wrap .dropdown ul li ul li {
          padding: 5px 10px;
          font-size: 0.875rem;
          color: white; }
          .section-intro .wrap .dropdown ul li ul li button {
            padding: 0;
            height: auto;
            margin: 0;
            background-color: transparent;
            width: auto; }
            .section-intro .wrap .dropdown ul li ul li button:after {
              display: none; }
      .section-intro .wrap .dropdown ul li + li {
        margin: 10px 0 0 0; }
    .section-intro .wrap .dropdown button {
      display: block;
      text-align: left;
      color: white;
      font-size: 0.875rem;
      width: 100%;
      line-height: 1;
      height: 40px;
      padding: 0 10px;
      font-weight: 500;
      background-color: #bababa;
      margin: 10px 0 0 0;
      position: relative; }
      .section-intro .wrap .dropdown button:after {
        content: '';
        display: block;
        width: 11px;
        height: 10px;
        background-position: -19em -2em;
        position: absolute;
        top: 50%;
        margin: -4px 0 0 0;
        right: 10px; }
  .section-intro.author .wrap header h2 {
    text-transform: capitalize; }
  .section-intro.teal .wrap header {
    border-color: #00a597; }
    .section-intro.teal .wrap header h2 {
      color: #00a597; }
  .section-intro.teal .wrap .dropdown ul li button {
    background-color: #00a597; }
  .section-intro.teal .wrap .dropdown ul li ul {
    background-color: #00a597; }
  .section-intro.blue .wrap header {
    border-color: #09a1c1; }
    .section-intro.blue .wrap header h2 {
      color: #09a1c1; }
  .section-intro.blue .wrap .dropdown ul li button {
    background-color: #09a1c1; }
  .section-intro.blue .wrap .dropdown ul li ul {
    background-color: #09a1c1; }
  .section-intro.green .wrap header {
    border-color: #00a550; }
    .section-intro.green .wrap header h2 {
      color: #00a550; }
  .section-intro.green .wrap .dropdown ul li button {
    background-color: #00a550; }
  .section-intro.green .wrap .dropdown ul li ul {
    background-color: #00a550; }
  .section-intro.yellow .wrap header {
    border-color: #ffd84c; }
    .section-intro.yellow .wrap header h2 {
      color: #efa700; }
  .section-intro.yellow .wrap .dropdown ul li button {
    background-color: #ffd84c;
    color: #1f3446; }
    .section-intro.yellow .wrap .dropdown ul li button:after {
      background-position: -19em -5em; }
  .section-intro.yellow .wrap .dropdown ul li ul {
    background-color: #ffd84c; }
  .section-intro.red .wrap header {
    border-color: #ec1d24; }
    .section-intro.red .wrap header h2 {
      color: #ec1d24; }
  .section-intro.red .wrap .dropdown ul li button {
    background-color: #ec1d24; }
  .section-intro.red .wrap .dropdown ul li ul {
    background-color: #ec1d24; }

.blog-post {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #1f3446;
  padding: 0 0 30px 0; }
  .blog-post .wrap {
    margin: 0 20px; }
    .blog-post .wrap header {
      margin: 0 -10px; }
      .blog-post .wrap header h3 {
        border-bottom: 2px solid black;
        font-size: 0.875rem;
        color: black;
        font-weight: 500;
        padding: 0 0 3px 0;
        margin: 0;
        text-transform: lowercase; }
        .blog-post .wrap header h3 a {
          text-decoration: none; }
          .blog-post .wrap header h3 a:hover {
            text-decoration: underline; }
      .blog-post .wrap header h2 {
        font-weight: 500; }
    .blog-post .wrap figure {
      margin: 0; }
    .blog-post .wrap p {
      margin: 1.25em 0; }
      .blog-post .wrap p em {
        font-weight: normal; }
      .blog-post .wrap p strong {
        font-weight: 700; }
      .blog-post .wrap p em {
        font-style: italic;
        font-weight: normal; }
      .blog-post .wrap p.intro {
        font-weight: 500; }
    .blog-post .wrap h3 {
      font-size: 1.125rem;
      font-weight: 500;
      line-height: 1.56;
      margin: 2.5em 0 0 0;
      padding: 0; }
    .blog-post .wrap blockquote {
      font-size: 1.0625rem;
      margin: 0 -10px; }
      .blog-post .wrap blockquote i {
        display: block;
        width: 55px;
        height: 37px; }
      .blog-post .wrap blockquote p {
        margin: 20px 0 0 0;
        padding: 15px 0 0 0;
        border-top: 2px solid black;
        font-weight: 500; }
    .blog-post .wrap .footnotes {
      font-size: 0.875rem;
      margin: 0 -10px; }
      .blog-post .wrap .footnotes div {
        border-top: 2px solid black;
        padding: 20px 0 0 0;
        font-size: 0.875rem; }
        .blog-post .wrap .footnotes div p {
          margin: 0; }
          .blog-post .wrap .footnotes div p a {
            color: #1f3446;
            font-weight: 500;
            margin-top: 20px; }
          .blog-post .wrap .footnotes div p.authorReadMore a {
            display: block; }
        .blog-post .wrap .footnotes div .tickets i {
          width: 40px;
          height: 40px;
          background-position: -4em -26em;
          float: left;
          margin: 0 20px 0 0; }
        .blog-post .wrap .footnotes div .tickets div {
          width: -webkit-calc(100% - 60px);
          width: calc(100% - 60px);
          float: left; }
        .blog-post .wrap .footnotes div .category i {
          width: 40px;
          height: 40px;
          background-position: -4em -7em;
          float: left;
          margin: 0 20px 0 0; }
          .blog-post .wrap .footnotes div .category i.icon-text-yellow {
            background-position: -8em -19em; }
          .blog-post .wrap .footnotes div .category i.icon-text-blue {
            background-position: -8em -26em; }
          .blog-post .wrap .footnotes div .category i.icon-audio-blue {
            background-position: -8em -29em; }
          .blog-post .wrap .footnotes div .category i.icon-audio-yellow {
            background-position: -15em -26em; }
          .blog-post .wrap .footnotes div .category i.icon-event {
            background-position: -4em -26em; }
          .blog-post .wrap .footnotes div .category i.icon-report {
            background-position: -1em -7em; }
        .blog-post .wrap .footnotes div .category div {
          width: -webkit-calc(100% - 60px);
          width: calc(100% - 60px);
          float: left;
          padding: 10px 0 0 0; }
        .blog-post .wrap .footnotes div.social {
          border-top: 0;
          border-bottom: 2px solid black;
          padding: 0 0 20px 0; }
          .blog-post .wrap .footnotes div.social a {
            display: block;
            text-indent: -10000px;
            overflow: hidden;
            width: 30px;
            height: 30px;
            float: left; }
            .blog-post .wrap .footnotes div.social a + a {
              margin: 0 0 0 10px; }
        .blog-post .wrap .footnotes div.actions a {
          display: block;
          font-weight: 500;
          color: #1f3446;
          text-decoration: none; }
          .blog-post .wrap .footnotes div.actions a i {
            display: block;
            width: 40px;
            height: 40px;
            float: left;
            margin: 0 20px 0 0;
            pointer-events: none; }
          .blog-post .wrap .footnotes div.actions a span {
            float: left;
            padding: 8px 0 0 0;
            pointer-events: none; }
          .blog-post .wrap .footnotes div.actions a.buy i {
            background-position: -4em -7em; }
          .blog-post .wrap .footnotes div.actions a.buy:hover i {
            background-position: -7em -10em; }
          .blog-post .wrap .footnotes div.actions a.download i {
            background-position: -1em -10em; }
          .blog-post .wrap .footnotes div.actions a.download:hover i {
            background-position: -4em -10em; }
          .blog-post .wrap .footnotes div.actions a + a {
            margin: 20px 0 0 0; }
        .blog-post .wrap .footnotes div.profile figure {
          width: 80px;
          float: left;
          border-radius: 50%;
          overflow: hidden;
          margin: 0; }
        .blog-post .wrap .footnotes div.profile div {
          width: -webkit-calc(100% - 90px);
          width: calc(100% - 90px);
          float: left;
          margin: 0 0 0 10px;
          font-size: 0.8125rem;
          line-height: 1.5; }
        .blog-post .wrap .footnotes div + div {
          margin: 18px 0 0 0; }
      .blog-post .wrap .footnotes .side {
        border: 0 !important;
        padding: 0; }
      .blog-post .wrap .footnotes .profile > div {
        border-top: 0 !important;
        padding: 0; }
      .blog-post .wrap .footnotes .tickets {
        border-top: 0 !important;
        padding: 0; }
        .blog-post .wrap .footnotes .tickets div {
          border-top: 0 !important;
          padding: 0; }
      .blog-post .wrap .footnotes .category {
        border-top: 0 !important;
        padding: 0; }
        .blog-post .wrap .footnotes .category div {
          border-top: 0 !important; }
  .blog-post.blue .wrap header h3 {
    color: #09a1c1;
    border-color: #09a1c1; }
  .blog-post.blue .wrap blockquote i {
    background-position: -14em -11em; }
  .blog-post.blue .wrap blockquote p {
    border-color: #09a1c1; }
  .blog-post.blue .wrap .footnotes div {
    border-color: #09a1c1; }
    .blog-post.blue .wrap .footnotes div.social {
      border-color: #09a1c1; }
      .blog-post.blue .wrap .footnotes div.social a {
        background-position: -1em -19em; }
        .blog-post.blue .wrap .footnotes div.social a + a {
          background-position: -4em -19em; }
          .blog-post.blue .wrap .footnotes div.social a + a + a {
            background-position: -28em -18em; }
  .blog-post.yellow .wrap header h3 {
    color: #efa700;
    border-color: #ffd84c; }
  .blog-post.yellow .wrap blockquote i {
    background-position: -14em -8.5em; }
  .blog-post.yellow .wrap blockquote p {
    border-color: #ffd84c; }
  .blog-post.yellow .wrap .footnotes div {
    border-color: #ffd84c; }
    .blog-post.yellow .wrap .footnotes div.social {
      border-color: #ffd84c; }
      .blog-post.yellow .wrap .footnotes div.social a {
        background-position: -1em -13em; }
        .blog-post.yellow .wrap .footnotes div.social a + a {
          background-position: -4em -13em; }
          .blog-post.yellow .wrap .footnotes div.social a + a + a {
            background-position: -26em -18em; }
  .blog-post.red .wrap header h3 {
    color: #ec1d24;
    border-color: #ec1d24; }
  .blog-post.red .wrap blockquote i {
    background-position: -14em -6em; }
  .blog-post.red .wrap blockquote p {
    border-color: #ec1d24; }
  .blog-post.red .wrap .footnotes div {
    border-color: #ec1d24; }
    .blog-post.red .wrap .footnotes div.social {
      border-color: #ec1d24; }
      .blog-post.red .wrap .footnotes div.social a {
        background-position: -1em -15em; }
        .blog-post.red .wrap .footnotes div.social a + a {
          background-position: -4em -15em; }
  .blog-post.green .wrap header h3 {
    color: #00a550;
    border-color: #00a550; }
  .blog-post.green .wrap blockquote i {
    background-position: -14em -3em; }
  .blog-post.green .wrap blockquote p {
    border-color: #00a550; }
  .blog-post.green .wrap .footnotes div {
    border-color: #00a550; }
    .blog-post.green .wrap .footnotes div.social {
      border-color: #00a550; }
      .blog-post.green .wrap .footnotes div.social a {
        background-position: -1em -17em; }
        .blog-post.green .wrap .footnotes div.social a + a {
          background-position: -4em -17em; }
          .blog-post.green .wrap .footnotes div.social a + a + a {
            background-position: -26em -20em; }
  .blog-post.landing .wrap header {
    border-top: 2px solid black;
    margin: 0; }
    .blog-post.landing .wrap header h5 {
      color: #ffd84c;
      font-weight: 700;
      margin-top: 20px;
      padding-left: 60px;
      position: relative; }
      .blog-post.landing .wrap header h5:before {
        background-position: -26.4em -26em;
        content: ' ';
        height: 41px;
        left: 0;
        position: absolute;
        top: -10px;
        width: 41px; }
    .blog-post.landing .wrap header h2 {
      font-size: 1.6rem;
      margin-top: 0; }
  .blog-post.landing .wrap .intro {
    font-weight: 300;
    font-size: 1.3rem; }
  .blog-post.landing .wrap .footnotes .side .category {
    border-top: 2px solid black !important;
    padding: 20px 0 0 0; }
    .blog-post.landing .wrap .footnotes .side .category h4 a {
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.56;
      margin: 0;
      padding: 0;
      text-decoration: none; }
      .blog-post.landing .wrap .footnotes .side .category h4 a i {
        margin-right: 10px;
        margin-top: -8px; }
    .blog-post.landing .wrap .footnotes .side .category ul {
      clear: both;
      display: block;
      list-style: none;
      margin: 20px 0 0 0; }
      .blog-post.landing .wrap .footnotes .side .category ul li {
        padding: 0.3em 0; }
        .blog-post.landing .wrap .footnotes .side .category ul li a {
          text-decoration: none; }
    .blog-post.landing .wrap .footnotes .side .category.reports {
      border-top-color: #ec1d24 !important; }
      .blog-post.landing .wrap .footnotes .side .category.reports h4 i {
        background-position: -1em -7em; }
    .blog-post.landing .wrap .footnotes .side .category.events {
      border-top-color: #00a550 !important; }
      .blog-post.landing .wrap .footnotes .side .category.events h4 i {
        background-position: -4em -26em; }
      .blog-post.landing .wrap .footnotes .side .category.events figure {
        background-position: center;
        background-size: cover;
        display: inline-block;
        height: 293px;
        position: relative;
        width: 100%; }
        .blog-post.landing .wrap .footnotes .side .category.events figure a {
          display: block;
          height: 100%;
          text-decoration: none;
          width: 100%; }
        .blog-post.landing .wrap .footnotes .side .category.events figure + aside {
          background-color: #00a550;
          color: #1f3446;
          padding: 10px;
          font-size: 0.875rem;
          font-weight: 500;
          line-height: 1.9;
          margin: -7px 0 0 0;
          width: -webkit-calc(100% - 20px);
          width: calc(100% - 20px); }
          .blog-post.landing .wrap .footnotes .side .category.events figure + aside span {
            color: white;
            display: block;
            line-height: 1; }
          .blog-post.landing .wrap .footnotes .side .category.events figure + aside a {
            display: block;
            height: 100%;
            text-decoration: none;
            width: 100%; }
        .blog-post.landing .wrap .footnotes .side .category.events figure:nth-child(even) {
          margin-left: 15px; }
    .blog-post.landing .wrap .footnotes .side .category.longReads {
      border-top-color: #09a1c1 !important; }
      .blog-post.landing .wrap .footnotes .side .category.longReads h4 i {
        background-position: -1.1em -29em; }
    .blog-post.landing .wrap .footnotes .side .category.podcast {
      border-top-color: #ffd84c !important; }
      .blog-post.landing .wrap .footnotes .side .category.podcast h4 i {
        background-position: -15em -26em; }
      .blog-post.landing .wrap .footnotes .side .category.podcast figure {
        margin: 20px 0; }
    .blog-post.landing .wrap .footnotes .side .category.videos {
      border-top-color: #ffd84c !important; }
      .blog-post.landing .wrap .footnotes .side .category.videos h4 i {
        background-position: -20.8em -26em; }
      .blog-post.landing .wrap .footnotes .side .category.videos figure {
        margin: 20px 0; }
    .blog-post.landing .wrap .footnotes .side .category.blogs {
      border-top-color: #ffd84c !important; }
      .blog-post.landing .wrap .footnotes .side .category.blogs h4 i {
        background-position: -8em -19em; }
    .blog-post.landing .wrap .footnotes .side .category.reviews, .blog-post.landing .wrap .footnotes .side .category.media {
      border-top-color: #ffd84c !important; }
      .blog-post.landing .wrap .footnotes .side .category.reviews h4 i, .blog-post.landing .wrap .footnotes .side .category.media h4 i {
        background-position: -23.4em -26.1em; }
      .blog-post.landing .wrap .footnotes .side .category.reviews figure, .blog-post.landing .wrap .footnotes .side .category.media figure {
        margin: 20px 0; }
    .blog-post.landing .wrap .footnotes .side .category.books {
      border-top-color: #09a1c1 !important; }
      .blog-post.landing .wrap .footnotes .side .category.books h4 i {
        background-position: -15em -29em; }
      .blog-post.landing .wrap .footnotes .side .category.books figure {
        margin: 20px 0; }
    .blog-post.landing .wrap .footnotes .side .category.authors {
      border-top: none !important; }
      .blog-post.landing .wrap .footnotes .side .category.authors h4 + .profile {
        margin-top: 10px; }
      .blog-post.landing .wrap .footnotes .side .category.authors .profile {
        border-top: 2px solid #ec1d24 !important;
        padding: 20px 0 0 0;
        width: 100%; }
        .blog-post.landing .wrap .footnotes .side .category.authors .profile div {
          padding: 0; }
    .blog-post.landing .wrap .footnotes .side .category.partners {
      border-top: none !important; }
      .blog-post.landing .wrap .footnotes .side .category.partners h4 + .profile {
        margin-top: 10px; }
      .blog-post.landing .wrap .footnotes .side .category.partners div {
        padding: 20px 0 0 0;
        width: 100%; }
        .blog-post.landing .wrap .footnotes .side .category.partners div:first-of-type {
          border-top: 2px solid #ffd84c !important; }
        .blog-post.landing .wrap .footnotes .side .category.partners div figure {
          margin-right: 40%; }
  .blog-post.landing.yellow .wrap header {
    border-color: #ffd84c; }
  .blog-post.landing.yellow .wrap blockquote i {
    background-position: -14em -8.5em; }
  .blog-post.landing.yellow .wrap blockquote p {
    border-color: #ffd84c; }
  .blog-post.landing.blue .wrap header {
    border-color: #09a1c1; }
    .blog-post.landing.blue .wrap header h3 {
      color: #09a1c1; }
  .blog-post.landing.blue .wrap blockquote i {
    background-position: -14em -11em; }
  .blog-post.landing.blue .wrap blockquote p {
    border-color: #09a1c1; }
  .blog-post.landing.blue .wrap .footnotes div {
    border-color: #09a1c1; }
    .blog-post.landing.blue .wrap .footnotes div.social {
      border-color: #09a1c1; }
      .blog-post.landing.blue .wrap .footnotes div.social a {
        background-position: -1em -19em; }
        .blog-post.landing.blue .wrap .footnotes div.social a + a {
          background-position: -4em -19em; }
          .blog-post.landing.blue .wrap .footnotes div.social a + a + a {
            background-position: -28em -18em; }
  .blog-post.landing.red .wrap header {
    border-color: #ec1d24; }
    .blog-post.landing.red .wrap header h3 {
      color: #ec1d24; }
  .blog-post.landing.red .wrap blockquote i {
    background-position: -14em -6em; }
  .blog-post.landing.red .wrap blockquote p {
    border-color: #ec1d24; }
  .blog-post.landing.red .wrap .footnotes div {
    border-color: #ec1d24; }
    .blog-post.landing.red .wrap .footnotes div.social {
      border-color: #ec1d24; }
      .blog-post.landing.red .wrap .footnotes div.social a {
        background-position: -1em -15em; }
        .blog-post.landing.red .wrap .footnotes div.social a + a {
          background-position: -4em -15em; }
  .blog-post.landing.green .wrap header {
    border-color: #00a550; }
    .blog-post.landing.green .wrap header h3 {
      color: #00a550; }
  .blog-post.landing.green .wrap blockquote i {
    background-position: -14em -3em; }
  .blog-post.landing.green .wrap blockquote p {
    border-color: #00a550; }
  .blog-post.landing.green .wrap .footnotes div {
    border-color: #00a550; }
    .blog-post.landing.green .wrap .footnotes div.social {
      border-color: #00a550; }
      .blog-post.landing.green .wrap .footnotes div.social a {
        background-position: -1em -17em; }
        .blog-post.landing.green .wrap .footnotes div.social a + a {
          background-position: -4em -17em; }
          .blog-post.landing.green .wrap .footnotes div.social a + a + a {
            background-position: -26em -20em; }

.text-page .wrap .sidebar {
  margin: 30px 0 38px 0; }
  .text-page .wrap .sidebar nav {
    border-bottom: 2px solid #1f3446; }
    .text-page .wrap .sidebar nav a {
      display: block;
      border-top: 2px solid #1f3446;
      text-decoration: none;
      font-size: 0.8125rem;
      height: 30px;
      color: #1f3446;
      font-weight: 500;
      line-height: 2.3; }
      .text-page .wrap .sidebar nav a.current, .text-page .wrap .sidebar nav a:hover {
        color: #00a597; }
.text-page .wrap .content > div {
  padding: 0 0 30px 0;
  font-size: 1.125rem;
  line-height: 1.6;
  color: #1f3446; }
  .text-page .wrap .content > div > figure {
    margin: 0 -10px 20px -10px;
    overflow: hidden; }
    .text-page .wrap .content > div > figure img {
      height: 130px;
      width: auto; }
  .text-page .wrap .content > div h3, .text-page .wrap .content > div > h4 {
    font-weight: 500;
    color: #09a1c1; }
  .text-page .wrap .content > div > h4 {
    border-bottom: 2px solid #09a1c1;
    margin-bottom: 20px; }
  .text-page .wrap .content > div > h3:first-child {
    padding-top: 13px; }
  .text-page .wrap .content > div p {
    margin: 1.25em 0; }
    .text-page .wrap .content > div p em {
      font-style: normal;
      font-weight: 500; }
    .text-page .wrap .content > div p strong {
      font-weight: 700; }
    .text-page .wrap .content > div p a {
      text-decoration: none; }
    .text-page .wrap .content > div p:last-child {
      margin-bottom: 0; }
    .text-page .wrap .content > div p.authorLink {
      margin: 20px 0 0 0; }
      .text-page .wrap .content > div p.authorLink a {
        font-weight: 500;
        max-width: 100%;
        text-decoration: underline !important; }
  .text-page .wrap .content > div > a {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #1f3446;
    text-align: center;
    color: white;
    text-decoration: none;
    margin: 20px 0;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    padding: 13px 0;
    border-radius: 3px; }
  .text-page .wrap .content > div ul {
    list-style: none; }
    .text-page .wrap .content > div ul li h4 {
      font-weight: 500;
      float: left;
      width: 140px;
      margin: 0; }
    .text-page .wrap .content > div ul li p {
      float: left;
      width: -webkit-calc(100% - 140px);
      width: calc(100% - 140px);
      margin: 0; }
  .text-page .wrap .content > div .box {
    padding: 15px;
    background-color: #f1f1f1; }
    .text-page .wrap .content > div .box h3 {
      border: 0;
      margin: 0 0 10px 0;
      font-size: 1rem; }
    .text-page .wrap .content > div .box ul li {
      font-size: 0.875rem; }
      .text-page .wrap .content > div .box ul li:before {
        content: '';
        display: block;
        width: 23px;
        height: 23px;
        border-radius: 3px;
        background-position: -13em -23em;
        float: left; }
      .text-page .wrap .content > div .box ul li p {
        width: -webkit-calc(100% - 33px);
        width: calc(100% - 33px);
        margin: 0 0 0 10px; }
      .text-page .wrap .content > div .box ul li + li {
        margin: 20px 0 0 0; }
    .text-page .wrap .content > div .box > p {
      font-size: 0.875rem;
      line-height: 1.2;
      margin: 10px 0 25px 34px;
      color: rgba(32, 52, 70, 0.41); }
    .text-page .wrap .content > div .box .links .join {
      color: #1f3446;
      font-weight: 500;
      font-size: 0.875rem;
      line-height: 1.2;
      margin: 10px 0 25px 34px; }
    .text-page .wrap .content > div .box a, .text-page .wrap .content > div .box button {
      display: block;
      width: 130px;
      height: 40px;
      background-color: white;
      font-size: 0.875rem;
      font-weight: 500;
      text-decoration: none;
      text-align: center;
      line-height: 1;
      margin: 10px 0 0 0;
      padding: 13px 0; }
      .text-page .wrap .content > div .box a.paymentLink, .text-page .wrap .content > div .box button.paymentLink {
        display: inline-block;
        width: 49%; }
    .text-page .wrap .content > div .box.teal {
      background-color: #00a597; }
      .text-page .wrap .content > div .box.teal h3 {
        color: white; }
      .text-page .wrap .content > div .box.teal .links .join {
        color: white; }
    .text-page .wrap .content > div .box + .box {
      margin: 20px 0 0 0; }
  .text-page .wrap .content > div .forms {
    background-color: white;
    padding: 0 10px 20px 10px; }
    .text-page .wrap .content > div .forms menu {
      margin: 0 -10px 20px -10px; }
      .text-page .wrap .content > div .forms menu button {
        width: 50%;
        height: 40px;
        font-size: 0.875rem;
        font-weight: 700;
        background-color: #00a597;
        color: white;
        float: left; }
        .text-page .wrap .content > div .forms menu button.current {
          background-color: white;
          color: #1f3446; }
    .text-page .wrap .content > div .forms .formsholder form {
      display: none; }
      .text-page .wrap .content > div .forms .formsholder form p {
        margin: 0; }
        .text-page .wrap .content > div .forms .formsholder form p label {
          display: block;
          font-size: 0.8125rem;
          margin: 0 0 10px 0; }
        .text-page .wrap .content > div .forms .formsholder form p input {
          width: 100%;
          height: 40px;
          background-color: #f1f1f1;
          font-size: 1rem;
          padding: 0 10px;
          border: 0;
          border-radius: 3px; }
      .text-page .wrap .content > div .forms .formsholder form > button {
        display: block;
        width: 100%;
        height: 40px;
        font-size: 0.875rem;
        color: white;
        font-weight: 500;
        border-radius: 3px;
        margin: 20px 0 0 0;
        font-weight: 500;
        background-color: #00a597; }
      .text-page .wrap .content > div .forms .formsholder form.current {
        display: block; }
  .text-page .wrap .content > div.bg-grey {
    margin: 0 -10px;
    padding: 0 10px 30px 10px; }
    .text-page .wrap .content > div.bg-grey p:first-child {
      padding: 20px 0 0 0; }
    .text-page .wrap .content > div.bg-grey .donationOptions a {
      width: 100%;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 2.89;
      background-color: #00a597;
      margin-bottom: 10px;
      color: white;
      display: inline-block;
      text-align: center;
      text-decoration: none;
      border-radius: 3px; }
    .text-page .wrap .content > div.bg-grey .small {
      clear: both;
      color: #1f3446;
      font-size: 0.875rem;
      line-height: 1.6;
      margin-top: 80px; }
.text-page .wrap .content h3.border {
  border-bottom: 2px solid #00a597;
  font-weight: 500;
  color: #00a597;
  padding: 20px 0 5px 0; }
  .text-page .wrap .content h3.border.blue {
    color: #09a1c1;
    border-color: #09a1c1; }
  .text-page .wrap .content h3.border.red {
    color: #ec1d24;
    border-color: #ec1d24; }
  .text-page .wrap .content h3.border.yellow {
    color: #ffd84c;
    border-color: #ffd84c; }
  .text-page .wrap .content h3.border.green {
    color: #00a550;
    border-color: #00a550; }
.text-page .wrap .content ul {
  padding: 10px 0; }
  .text-page .wrap .content ul.people {
    list-style: none; }
    .text-page .wrap .content ul.people li {
      background-color: white;
      padding: 20px 10px 10px 10px;
      font-size: 1rem;
      line-height: 1.4375; }
      .text-page .wrap .content ul.people li figure {
        border-radius: 40px;
        overflow: hidden;
        width: 80px;
        height: 80px;
        float: left;
        margin: 0 20px 20px 0; }
      .text-page .wrap .content ul.people li h2 {
        color: #00a597;
        margin: 0 0 5px 0;
        line-height: 1; }
      .text-page .wrap .content ul.people li h3 {
        font-size: 0.875rem;
        margin: 0;
        color: #1f3446;
        line-height: 1; }
      .text-page .wrap .content ul.people li p {
        width: 100%; }
      .text-page .wrap .content ul.people li a {
        font-size: 0.875rem;
        text-decoration: none;
        display: block; }
        .text-page .wrap .content ul.people li a.email {
          clear: both;
          margin: 0 0 20px 0; }
        .text-page .wrap .content ul.people li a.twitter {
          margin: 0 0 20px 0; }
          .text-page .wrap .content ul.people li a.twitter:before {
            content: '';
            display: block;
            width: 30px;
            height: 30px;
            margin: -6px 10px 0 0;
            float: left;
            background-position: -4em -22em; }
      .text-page .wrap .content ul.people li + li {
        margin: 10px 0 0 0; }
.text-page .wrap .content.bg-grey {
  margin: 0 -10px;
  padding: 0 10px; }
.text-page.teal .wrap .sidebar nav a.current {
  color: #00a597; }
.text-page.teal .wrap .content > div h3, .text-page.teal .wrap .content > div > h4 {
  color: #00a597;
  border-color: #00a597; }
.text-page.teal .wrap .content ul.people li h2 {
  color: #00a597; }
.text-page.blue .wrap .sidebar nav a.current, .text-page.blue .wrap .sidebar nav a:hover {
  color: #09a1c1; }
.text-page.blue .wrap .content > div h3, .text-page.blue .wrap .content > div > h4 {
  color: #09a1c1;
  border-color: #09a1c1; }
.text-page.blue .wrap .content ul.people li h2 {
  color: #09a1c1; }
.text-page.blue .wrap .content ul.people li a.email:before {
  background-position: -27em -29em; }
.text-page.blue .wrap .content ul.people li a.twitter:before {
  background-position: -25em -29em; }
.text-page.yellow .wrap .sidebar nav a.current, .text-page.yellow .wrap .sidebar nav a:hover {
  color: #ffd84c; }
.text-page.yellow .wrap .content > div h3, .text-page.yellow .wrap .content > div > h4 {
  color: #ffd84c;
  border-color: #ffd84c; }
.text-page.yellow .wrap .content ul.people li h2 {
  color: #ffd84c; }
.text-page.green .wrap .sidebar nav a.current, .text-page.green .wrap .sidebar nav a:hover {
  color: #00a550; }
.text-page.green .wrap .content > div h3, .text-page.green .wrap .content > div > h4 {
  color: #00a550;
  border-color: #00a550; }
.text-page.green .wrap .content ul.people li h2 {
  color: #00a550; }
.text-page.red .wrap .sidebar nav a.current, .text-page.red .wrap .sidebar nav a:hover {
  color: #ec1d24; }
.text-page.red .wrap .content > div h3, .text-page.red .wrap .content > div > h4 {
  color: #ec1d24;
  border-color: #ec1d24; }
.text-page.red .wrap .content ul.people li h2 {
  color: #ec1d24; }

.newsletter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  height: 50px;
  background-color: #ffd84c;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease; }
  .newsletter.headroom--unpinned {
    bottom: -50px; }
    .newsletter.headroom--unpinned.headroom--bottom {
      bottom: 0; }
  .newsletter .wrap .g-recaptcha {
    margin-left: 200px; }
  .newsletter .wrap .social {
    padding: 10px;
    float: left; }
    .newsletter .wrap .social a {
      display: block;
      text-indent: -10000px;
      overflow: hidden;
      width: 30px;
      height: 30px;
      float: left;
      background-position: -14em -19em; }
      .newsletter .wrap .social a.twitter {
        background-position: -17em -19em; }
      .newsletter .wrap .social a + a {
        margin: 0 0 0 10px; }
  .newsletter .wrap > button {
    display: inline-block;
    float: right;
    height: 30px;
    margin: 10px;
    padding: 0 10px;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 3px;
    background-color: #fffdf1; }
  .newsletter.success .wrap .message {
    display: none; }
  .newsletter.hide {
    display: none !important; }

footer[role="contentinfo"] {
  background-color: #fffdf1;
  padding: 30px 0 25px 0;
  margin-bottom: 50px;
  font-size: 1rem;
  line-height: 1.625;
  color: rgba(0, 0, 0, 0.8); }
  footer[role="contentinfo"] .wrap .col h2 {
    width: 129px;
    height: 30px;
    background-position: -1em -1em;
    margin: 0 0 20px 0;
    text-indent: -10000px;
    overflow: hidden; }
  footer[role="contentinfo"] .wrap .cols {
    margin: 30px 0 0 0;
    font-size: 0.8125rem;
    line-height: 1.5; }
    footer[role="contentinfo"] .wrap .cols div i {
      display: block;
      width: 50px;
      height: 50px;
      background-position: -1em -3em; }
      footer[role="contentinfo"] .wrap .cols div i + p {
        border-top: 2px solid #1f3446;
        margin: 15px 0 0 0;
        padding: 10px 0 0 0; }
    footer[role="contentinfo"] .wrap .cols div p {
      margin: 0; }
    footer[role="contentinfo"] .wrap .cols div > a {
      display: block;
      margin: 15px 0 0 0; }
      footer[role="contentinfo"] .wrap .cols div > a + a {
        margin: 0; }
    footer[role="contentinfo"] .wrap .cols nav {
      margin: 15px 0 0 0;
      font-size: 0.875rem; }
      footer[role="contentinfo"] .wrap .cols nav p {
        font-weight: 500; }
        footer[role="contentinfo"] .wrap .cols nav p a {
          font-weight: inherit; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  overflow: auto; }
  .modal .wrap {
    width: 290px;
    margin: 35px auto 0px auto;
    background-color: #fffad4; }
    .modal .wrap .modal-window {
      padding: 60px 0;
      position: relative; }
      .modal .wrap .modal-window .close {
        width: 18px;
        height: 18px;
        background-position: -21em -20em;
        text-indent: -1000px;
        overflow: hidden;
        position: absolute;
        top: 20px;
        right: 20px; }
      .modal .wrap .modal-window .overview, .modal .wrap .modal-window .quantity {
        padding: 20px;
        font-size: 0.875rem;
        line-height: 1.57; }
        .modal .wrap .modal-window .overview h2, .modal .wrap .modal-window .quantity h2 {
          margin: 0;
          font-size: 1rem;
          font-weight: 500;
          border-bottom: 2px solid #1f3446; }
        .modal .wrap .modal-window .overview h3, .modal .wrap .modal-window .quantity h3 {
          margin: 20px 0 0 0;
          font-size: 1rem;
          color: #ec1d24;
          font-weight: 500; }
        .modal .wrap .modal-window .overview p, .modal .wrap .modal-window .quantity p {
          margin: 0; }
        .modal .wrap .modal-window .overview .value, .modal .wrap .modal-window .quantity .value {
          text-align: right;
          border-bottom: 2px solid #1f3446;
          padding: 30px 0 10px 0; }
          .modal .wrap .modal-window .overview .value > div input, .modal .wrap .modal-window .quantity .value > div input {
            width: 40px;
            background-color: white;
            border: 0;
            border-radius: 3px;
            height: 35px;
            margin: 0 15px 0 0;
            display: inline-block; }
          .modal .wrap .modal-window .overview .value > div .actions, .modal .wrap .modal-window .quantity .value > div .actions {
            display: inline-block;
            padding: 5px 0 0 0; }
            .modal .wrap .modal-window .overview .value > div .actions button, .modal .wrap .modal-window .quantity .value > div .actions button {
              display: inline-block;
              vertical-align: top;
              width: 24px;
              height: 24px;
              background-position: -21em -1em;
              text-indent: -1000px;
              overflow: hidden; }
              .modal .wrap .modal-window .overview .value > div .actions button + button, .modal .wrap .modal-window .quantity .value > div .actions button + button {
                background-position: -21em -3em;
                margin: 0 0 0 5px; }
          .modal .wrap .modal-window .overview .value > button, .modal .wrap .modal-window .quantity .value > button {
            display: inline-block;
            width: 80px;
            height: 25px;
            margin: 45px 0 0 0;
            background-color: white;
            border-radius: 3px;
            color: #1f3446;
            font-weight: 500;
            font-size: 0.8125rem; }
          .modal .wrap .modal-window .overview .value + p, .modal .wrap .modal-window .quantity .value + p {
            text-align: right;
            padding: 10px 0 0 0; }
      .modal .wrap .modal-window .cart {
        width: 250px;
        height: 40px;
        margin: 0 auto;
        font-weight: 500;
        font-size: 0.875rem;
        color: white;
        background-color: #1f3446;
        border-radius: 3px; }
        .modal .wrap .modal-window .cart + .cart {
          background-color: #ff8e27;
          clear: none;
          margin-top: 10px; }

.search-bar {
  background-color: #f1f1f1;
  padding: 20px 0;
  display: none; }
  .search-bar .wrap form {
    background-color: white; }
    .search-bar .wrap form button {
      width: 21px;
      height: 21px;
      background-position: -23em -3em;
      text-indent: -10000px;
      overflow: hidden;
      float: left;
      margin: 9px 0 9px 9px; }
    .search-bar .wrap form p {
      width: -webkit-calc(100% - 45px);
      width: calc(100% - 45px);
      float: right;
      margin: 0 0 0 15px;
      padding: 10px 0;
      position: relative; }
      .search-bar .wrap form p label {
        font-size: 1rem;
        padding: 0 15px;
        position: absolute;
        top: 13px;
        left: 0; }
      .search-bar .wrap form p input {
        border: 0;
        border-left: 1px solid #f1f1f1;
        width: 100%;
        font-size: 1rem;
        padding: 0 15px;
        color: #1f3446;
        height: 20px;
        background-color: white; }
  .search-bar.open {
    display: block; }
    .search-bar.open + .blog-post {
      margin-top: 40px; }

.search-results {
  padding: 0 0 30px 0; }
  .search-results .wrap header {
    margin: 20px 0; }
    .search-results .wrap header h2 {
      font-size: 1.5rem; }
      .search-results .wrap header h2 em {
        font-weight: 500; }
    .search-results .wrap header p {
      font-weight: 500; }
  .search-results .wrap ul {
    list-style: none; }
    .search-results .wrap ul li {
      border-top: 1px solid #f1f1f1;
      line-height: 1.5; }
      .search-results .wrap ul li a {
        display: block;
        text-decoration: none;
        padding: 15px 20px;
        -webkit-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        transition: all 400ms ease; }
        .search-results .wrap ul li a h4 {
          font-size: 0.875rem;
          line-height: 1.875rem;
          font-weight: 500;
          margin: 0 0 20px 0; }
          .search-results .wrap ul li a h4 i {
            display: block;
            float: left;
            width: 30px;
            height: 30px;
            margin: 0 10px 0 0; }
          .search-results .wrap ul li a h4 span {
            display: inline-block;
            padding: 1px 0 0 0; }
        .search-results .wrap ul li a h3 {
          font-weight: 500;
          font-size: 0.875rem; }
        .search-results .wrap ul li a h2 {
          font-weight: 500; }
        .search-results .wrap ul li a p {
          font-size: 0.875rem; }
        .search-results .wrap ul li a:hover {
          background-color: #f1f1f1; }
      .search-results .wrap ul li.teal a h4 i {
        background-position: -10em -11em; }
      .search-results .wrap ul li.red a h4 i {
        background-position: -10em -5em; }
      .search-results .wrap ul li.blue a h4 i {
        background-position: -10em -9em; }
      .search-results .wrap ul li.yellow a h4 i {
        background-position: -10em -3em; }
      .search-results .wrap ul li.green a h4 i {
        background-position: -10em -7em; }
  .search-results .wrap .pagination {
    padding: 0 20px;
    margin: 30px 0; }
    .search-results .wrap .pagination p {
      font-weight: 500;
      font-size: 0.875rem; }
      .search-results .wrap .pagination p a {
        display: inline-block;
        margin: 0 10px;
        font-weight: inherit; }

.g-recaptcha iframe {
  margin-top: 10px; }

.rc-anchor-normal {
  width: 248px !important; }

.rc-anchor-normal .rc-anchor-content {
  width: 153px !important; }

.rc-anchor-normal .rc-anchor-checkbox-label {
  width: 92px !important; }

.rc-anchor-normal-footer {
  width: 48px !important; }

.newsletter-modal {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none; }
  .newsletter-modal .panel {
    width: 340px;
    background-color: #ffd84c;
    padding: 30px 20px;
    position: absolute;
    top: 50%;
    left: 43%;
    margin: 0 0 0 -145px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .newsletter-modal .panel > button {
      position: absolute;
      width: 18px;
      height: 18px;
      text-indent: -1000px;
      overflow: hidden;
      top: 10px;
      right: 10px;
      background-position: -21em -20em; }
    .newsletter-modal .panel > p {
      font-size: 0.9375rem;
      line-height: 1.5; }
      .newsletter-modal .panel > p.message {
        display: none; }
    .newsletter-modal .panel form {
      margin: 20px 0 0 0; }
      .newsletter-modal .panel form p {
        display: block;
        float: left;
        margin: 0;
        position: relative;
        width: 100%; }
        .newsletter-modal .panel form p label {
          position: absolute;
          top: 50%;
          line-height: 1;
          margin: -5px 0 0 16px;
          font-size: 0.875rem;
          left: 0; }
        .newsletter-modal .panel form p input {
          width: 100%;
          border-radius: 3px;
          height: 44px;
          font-size: 0.875rem;
          padding: 0 16px;
          border: 0;
          background-color: white; }
        .newsletter-modal .panel form p + p {
          margin: 10px 0 0 0; }
        .newsletter-modal .panel form p [data-errorlist] + input {
          background-color: #ec1d24;
          color: white; }
      .newsletter-modal .panel form button {
        width: 100%;
        height: 40px;
        float: left;
        font-size: 0.875rem;
        color: rgba(0, 0, 0, 0.8);
        font-weight: 500;
        border-radius: 3px;
        color: white;
        background: #1f3446;
        margin: 20px 0 0 0; }
  .newsletter-modal.success .panel p,
  .newsletter-modal.success .panel form {
    display: none; }
  .newsletter-modal.success .panel .message {
    display: block; }

.showNewsletter .newsletter-modal {
  display: block; }

.showModal .modal {
  display: block; }

form p ul {
  display: none; }

#desktop-captcha iframe {
  width: 304px !important; }

.mobileCaptcha {
  clear: both; }

.cookie-bar {
  height: 170px; }
  .cookie-bar .wrap > div {
    margin-left: 25px; }
    .cookie-bar .wrap > div p {
      margin: 14px 14px 0 60px;
      width: auto;
      font-family: 'Proza Libre', sans-serif;
      color: rgba(0, 0, 0, 0.6);
      font-size: 1.1rem;
      line-height: 1.4; }
      .cookie-bar .wrap > div p a {
        font-weight: 500; }
    .cookie-bar .wrap > div i {
      display: block;
      width: 46px;
      height: 67px;
      margin: 0 10px 0 0;
      float: left;
      background-position: -20em -6em; }
  .cookie-bar .wrap form button {
    width: 100px;
    height: 40px;
    float: left;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    border-radius: 3px;
    background: #fffdf1;
    margin: 5px 15px 0 17px;
    float: right; }

.home.landingPage {
  background-color: #1f3446;
  margin: -8px 0 0 0;
  padding: 10px 0; }
  .home.landingPage .wrap header {
    border-top: 2px solid #ffd84c;
    margin: 0 0 10px 0;
    padding: 10px 0; }
    .home.landingPage .wrap header h2 {
      color: white;
      padding: 0;
      margin: 0;
      font-weight: 500;
      font-size: 0.875rem;
      line-height: 1; }
      .home.landingPage .wrap header h2 span {
        color: #ffd84c; }
  .home.landingPage .wrap .grid .col article figure {
    background-position: 50%;
    background-size: cover;
    position: relative;
    width: 100%; }
    .home.landingPage .wrap .grid .col article figure figcaption {
      background-color: rgba(255, 255, 255, 0.7);
      bottom: 0;
      font-size: 0.75rem;
      font-weight: 500;
      left: 0;
      line-height: 1.2;
      padding: 17px 10px 17px 60px;
      position: absolute;
      width: -webkit-calc(100% - 70px);
      width: calc(100% - 70px); }
      .home.landingPage .wrap .grid .col article figure figcaption:before {
        content: ' ';
        height: 41px;
        left: 10px;
        position: absolute;
        top: 3px;
        width: 41px; }
      .home.landingPage .wrap .grid .col article figure figcaption.projectInfo:before {
        background-position: -29.2em -26em; }
      .home.landingPage .wrap .grid .col article figure figcaption.icon:before {
        width: 40px;
        height: 40px;
        background-position: -8em -19em; }
      .home.landingPage .wrap .grid .col article figure figcaption.icon.icon-in-depth:before {
        background-position: -1em -29em; }
      .home.landingPage .wrap .grid .col article figure figcaption.icon.icon-audio:before {
        background-position: -15em -26em; }
      .home.landingPage .wrap .grid .col article figure figcaption.icon.icon-event-recording:before {
        background-position: -15em -32em; }
      .home.landingPage .wrap .grid .col article figure figcaption.icon.icon-event:before {
        background-position: -4em -26em; }
      .home.landingPage .wrap .grid .col article figure figcaption.icon.icon-report:before {
        background-position: -1em -7em; }
  .home.landingPage .wrap .grid .col:first-of-type article figure {
    height: 328px; }
  .home.landingPage .wrap .grid .col + .col {
    margin-top: 15px; }
    .home.landingPage .wrap .grid .col + .col article {
      width: -webkit-calc(50% - 10px);
      width: calc(50% - 10px);
      display: inline-block;
      margin: 0 0 15px 0; }
      .home.landingPage .wrap .grid .col + .col article figure {
        height: 164px; }
      .home.landingPage .wrap .grid .col + .col article:nth-child(even) {
        margin-left: 15px; }

/*# sourceMappingURL=mobile.css.map */