@import "style.css?v3";
.word-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}
/* Breakpoints */
/* Colors */
/* Fonts */
html {
  box-sizing: border-box;
}
*,
*:after,
*:before {
  box-sizing: inherit;
}
.icomoon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body,
html {
  height: 100%;
}
/* Text meant only for screen readers */
.says,
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  /* many screen reader and browser combinations announce broken words as they would appear visually */
  word-wrap: normal !important;
}
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
.h1,
h1 {
  margin: 0;
  font: 700 30px/40px navigo, sans-serif;
}
@media only screen and (min-width: 375px) {
  .h1,
  h1 {
    font: 700 44px/46px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .h1,
  h1 {
    font: 700 72px/72px navigo, sans-serif;
  }
}
.h2,
h2 {
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
}
@media only screen and (min-width: 375px) {
  .h2,
  h2 {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .h2,
  h2 {
    font: 700 45px/45px navigo, sans-serif;
  }
}
.h3,
h3 {
  margin: 0;
  color: #535C63;
  font: 400 34px/36px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media only screen and (min-width: 768px) {
  .h3,
  h3 {
    font: 400 38px/46px alternate-gothic-no-2-d, sans-serif;
  }
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin: 0;
  color: #13294B;
  font: 500 20px/30px navigo, sans-serif;
  letter-spacing: 0.5px;
}
.body-text {
  font: 400 16px/26px 'Libre Franklin', sans-serif;
}
.body-text-large {
  font: 500 18px/28px navigo, sans-serif;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 768px) {
  .body-text-large {
    font: 500 24px/45px navigo, sans-serif;
  }
}
hr {
  margin: 24px 0 30px;
  border: none;
  display: block;
  border-top: 3px solid #DEE3E7;
}
.caption {
  color: #535C63;
  font: 500 13px/17px navigo, sans-serif;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 768px) {
  .caption {
    font: 500 14px/18px navigo, sans-serif;
  }
}
a {
  text-decoration: none;
}
p {
  margin: 0;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 0 0 14px;
}
.entry-content a {
  color: #0B7F99;
}
.entry-content p {
  margin: 0 0 26px;
}
.entry-content p:last-child {
  margin-bottom: 0;
}
.entry-content ul {
  margin: 0 0 26px 26px;
  padding: 0;
  max-width: 500px;
}
.entry-content ul:last-child {
  margin-bottom: 0;
}
.entry-content ul li {
  margin: 0 0 14px;
  padding: 0 0 0 8px;
}
.entry-content ul li:last-child {
  margin-bottom: 0;
}
.entry-content blockquote {
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
  margin: 48px 0;
  padding: 38px 0 0;
  position: relative;
}
@media only screen and (min-width: 375px) {
  .entry-content blockquote {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .entry-content blockquote {
    font: 700 45px/45px navigo, sans-serif;
  }
}
.entry-content blockquote:last-child {
  margin-bottom: 0;
}
.entry-content blockquote footer {
  margin: 0;
  color: #13294B;
  font: 500 20px/30px navigo, sans-serif;
  letter-spacing: 0.5px;
  text-align: right;
  margin: 20px 0 0;
  color: #0B7F99;
  text-transform: uppercase;
}
.entry-content blockquote footer small {
  margin: 0;
  color: #13294B;
  font: 500 20px/30px navigo, sans-serif;
  letter-spacing: 0.5px;
  display: block;
  text-transform: none;
  color: #535C63;
}
.entry-content blockquote:before {
  content: '';
  height: 3px;
  background: #101820;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .entry-content blockquote {
    margin: 64px 0;
  }
}
figure.video-wrapper {
  position: relative;
  padding: 56.25% 0 0;
  margin: 0 0 26px;
}
figure.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body {
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #101820;
  color: #fff;
  font: 400 16px/26px 'Libre Franklin', sans-serif;
}
body.open-menu {
  overflow: hidden;
  position: fixed;
}
@media only screen and (min-width: 1024px) {
  body.open-menu {
    position: static;
    overflow: visible;
  }
}
body.open-modal {
  overflow: hidden;
}
a.skip-link {
  color: #fff;
}
#main-content {
  background: #fff;
  color: #101820;
}
.animate {
  transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
}
.animate.delay {
  transition: opacity 500ms ease-in-out 250ms, transform 500ms ease-in-out 250ms;
}
.animate.opacity {
  opacity: 0;
}
@media only screen and (min-width: 1024px) {
  .animate.opacity {
    opacity: 0;
  }
}
body.loaded .animate.opacity.onload {
  opacity: 1;
}
.animate.opacity.onview.viewed {
  opacity: 1;
}
body.open-easter-egg .animate.opacity.onmodal,
body.open-modal .animate.opacity.onmodal {
  opacity: 1;
}
.animate.up {
  transform: translateY(20px);
}
@media only screen and (min-width: 1024px) {
  .animate.up {
    transform: translateY(40px);
  }
}
body.loaded .animate.up.onload {
  transform: translateY(0px);
}
.animate.up.onview.viewed {
  transform: translateY(0px);
}
body.open-easter-egg .animate.up.onmodal,
body.open-modal .animate.up.onmodal {
  transform: translateY(0px);
}
.archive-header {
  padding: 240px 12px 32px;
  position: relative;
  color: #fff;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .archive-header {
    padding: 292px 35px 76px;
  }
}
@media only screen and (min-width: 1360px) {
  .archive-header {
    padding: 292px 70px 76px;
  }
}
.archive-header .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
  pointer-events: none;
  transition: all 10000ms linear;
  transform: scale(1);
}
.archive-header .background:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: linear-gradient(175deg, rgba(16, 24, 32, 0.66) 0%, rgba(16, 24, 32, 0) 31%);
}
@media only screen and (min-width: 1024px) {
  .archive-header .background:before {
    background-image: linear-gradient(175deg, #000000, rgba(0, 0, 0, 0) 39%);
  }
}
.archive-header .background.background-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .archive-header .background.background-desktop {
    display: block;
  }
  .archive-header .background.background-mobile {
    display: none;
  }
}
.archive-header.viewed .background {
  transform: scale(1.1);
}
.archive-header .archive-title {
  position: relative;
}
.archive-posts {
  margin: 12px 12px 0;
}
.archive-posts .grid {
  margin: 0 0 32px;
}
.archive-posts .pager {
  margin: 0 0 72px;
}
.archive-posts .pager a {
  color: #0B7F99;
  text-align: center;
  text-transform: uppercase;
  font: 400 34px/36px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 4px;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .archive-posts {
    margin: 82px 15px 0;
  }
  .archive-posts .type-news.teaser {
    float: left;
    width: 50%;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1360px) {
  .archive-posts {
    margin: 82px 50px 0;
  }
}
.tweet {
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
  margin: 0 12px 64px;
  position: relative;
}
@media only screen and (min-width: 375px) {
  .tweet {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .tweet {
    font: 700 45px/45px navigo, sans-serif;
  }
}
.tweet .tweet-text {
  overflow-wrap: break-word;
  margin: 0 0 54px;
}
.tweet .tweet-text a {
  color: #0B7F99;
}
.tweet a.icon {
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: #0B7F99;
  color: #fff;
}
.tweet a.icon .icon-twitter {
  font-size: 42px;
  display: block;
  width: 75px;
  height: 75px;
  text-align: center;
  line-height: 75px;
}
@media only screen and (min-width: 1024px) {
  .tweet {
    margin: 0 35px 86px;
    padding: 0 160px 0 0;
  }
  .tweet a.icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 1360px) {
  .tweet {
    margin: 0 70px 86px;
  }
}
.image-grid {
  display: grid;
  grid-gap: 0;
  grid-template-columns: repeat(3, 1fr);
  background-color: #101820;
}
@media only screen and (min-width: 768px) {
  .image-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
.image-grid .box {
  overflow: hidden;
  position: relative;
  /*
        figure {
          margin: 0;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;

          img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        */
}
@media only screen and (min-width: 768px) {
  .image-grid .box.box-4 {
    grid-column: 1 / span 2;
    grid-row: 2 / span 2;
  }
  .image-grid .box.box-6 {
    grid-column: 4 / span 2;
    grid-row: 1 / span 2;
  }
}
.image-grid .box a.social {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.image-grid .box a.social:focus {
  outline-offset: -4px;
}
.image-grid .box a.social span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 75px;
  height: 75px;
  text-align: center;
  line-height: 75px;
  font-size: 36px;
  border-radius: 50%;
  background-clip: padding-box;
  background: #fff;
  transform: translate(-50%, -50%);
  transition: transform 250ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .image-grid .box a.social:hover span {
    transform: translate(-50%, -60%);
  }
}
.image-grid .box a.social.instagram {
  background: #13294B;
  color: #13294B;
}
.image-grid .box a.social.facebook {
  background: #0B7F99;
  color: #0B7F99;
}
.image-grid .box a.social.twitter {
  background: #535C63;
  color: #535C63;
}
.image-grid .box figure {
  margin: 0;
}
.image-grid .box figure img {
  display: block;
  width: 100%;
  height: auto;
}
html.no-cssgrid .image-grid {
  display: block;
  font-size: 0;
}
html.no-cssgrid .image-grid .box {
  vertical-align: top;
  display: inline-block;
  width: 33.33333333%;
  padding: 33.33333333% 0 0;
}
html.no-cssgrid .image-grid .box figure {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 1360px) {
  html.no-cssgrid .image-grid .box {
    width: 11.11111111%;
    padding: 11.11111111% 0 0;
  }
}
.type-page.view-default {
  padding: 12px 12px 0;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-default {
    padding: 38px 35px 0;
  }
}
@media only screen and (min-width: 1360px) {
  .type-page.view-default {
    padding: 38px 70px 0;
  }
}
.type-page.view-default a.back {
  margin: 0 0 32px;
  display: block;
  color: #101820;
  letter-spacing: 0.42px;
  font: 500 20px/45px navigo, sans-serif;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-default a.back {
    margin: 0 0 70px;
  }
}
.type-page.view-default .entry-header {
  margin: 0 0 32px;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-default .entry-header {
    margin: 0 0 82px;
  }
}
.type-page.view-default .entry-header .entry-title {
  margin: 0 0 32px;
}
.type-page.view-default .entry-header .date {
  text-transform: uppercase;
  font: 500 14px/18px navigo, sans-serif;
  letter-spacing: 0.5px;
  color: #535C63;
}
.type-page.view-default .entry-content {
  letter-spacing: 0.2px;
  padding: 0 0 50px;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-default .entry-content {
    padding: 0 0 250px;
  }
}
.type-page.view-default .entry-content .content-inner {
  margin: 0 0 50px;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-default .entry-content .content-inner {
    float: left;
    width: 65.57377049%;
    margin: 0;
  }
}
.type-page.view-default .entry-content .contact {
  margin: 0 0 50px;
  font: 500 20px/30px navigo, sans-serif;
  letter-spacing: 0;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-default .entry-content .contact {
    float: right;
    width: 25.81967213%;
    margin: 0;
  }
}
.type-page.view-default .entry-content .contact h2 {
  margin: 0 0 10px;
}
.type-page.view-sidebox .entry-header {
  height: 360px;
  position: relative;
  color: #fff;
  overflow: hidden;
  background: #101820;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .entry-header {
    height: 828px;
  }
}
.type-page.view-sidebox .entry-header .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
  pointer-events: none;
  transition: all 10000ms linear;
  transform: scale(1);
}
.type-page.view-sidebox .entry-header .background.background-mobile {
  background: no-repeat 50% top;
  background-size: cover;
}
.type-page.view-sidebox .entry-header .background:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: linear-gradient(175deg, rgba(16, 24, 32, 0.66) 0%, rgba(16, 24, 32, 0) 31%);
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .entry-header .background:before {
    background-image: linear-gradient(175deg, #000000, rgba(0, 0, 0, 0) 39%);
  }
}
.type-page.view-sidebox .entry-header .background.background-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .entry-header .background.background-desktop {
    display: block;
  }
  .type-page.view-sidebox .entry-header .background.background-mobile {
    display: none;
  }
}
.type-page.view-sidebox .entry-header.viewed .background {
  transform: scale(1.1);
}
.type-page.view-sidebox .entry-header .entry-title {
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
  position: relative;
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 50%;
  padding: 0 0 0 30px;
}
@media only screen and (min-width: 375px) {
  .type-page.view-sidebox .entry-header .entry-title {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .type-page.view-sidebox .entry-header .entry-title {
    font: 700 45px/45px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .type-page.view-sidebox .entry-header .entry-title {
    font: 700 72px/72px navigo, sans-serif;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .entry-header .entry-title {
    padding: 0 35px;
    bottom: 90px;
    width: 45%;
    max-width: 560px;
  }
}
@media only screen and (min-width: 1360px) {
  .type-page.view-sidebox .entry-header .entry-title {
    padding: 0 70px;
  }
}
.type-page.view-sidebox .entry-header a.play-video {
  position: absolute;
  bottom: 16px;
  right: 30px;
  width: 80px;
  display: block;
  margin: 0 auto;
  color: #fff;
  text-transform: lowercase;
  letter-spacing: 0.4px;
  font: 700 18px/22px navigo, sans-serif;
  text-align: center;
}
.type-page.view-sidebox .entry-header a.play-video span {
  margin: 0 auto 12px;
  display: block;
  width: 65px;
  height: 65px;
  background: rgba(16, 24, 32, 0.9);
  border-radius: 50%;
  background-clip: padding-box;
  color: #FD256C;
  font-size: 24px;
  line-height: 65px;
  position: relative;
  padding: 0 0 0 8px;
  transition: all 250ms ease-in-out;
}
@media only screen and (min-width: 375px) {
  .type-page.view-sidebox .entry-header a.play-video {
    width: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .entry-header a.play-video {
    left: 50%;
    right: auto;
    bottom: 90px;
    font-size: 24px;
    width: 150px;
  }
  .type-page.view-sidebox .entry-header a.play-video span {
    margin: 0 auto 18px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 36px;
  }
}
.type-page.view-sidebox .entry-header .video-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}
.type-page.view-sidebox .entry-header .video-modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.type-page.view-sidebox .entry-header .video-modal:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #101820;
  opacity: 0.9;
  content: '';
}
.type-page.view-sidebox .entry-header .video-modal .video-position {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .type-page.view-sidebox .entry-header .video-modal .video-position {
    left: 50%;
    bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .entry-header .video-modal .video-position {
    bottom: 90px;
  }
}
.type-page.view-sidebox .entry-header .video-modal .video-wrapper {
  position: relative;
  padding: 56.25%;
}
.type-page.view-sidebox .entry-header .video-modal .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.type-page.view-sidebox .sidebox {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .sidebox {
    float: right;
    width: 51.61764706%;
  }
}
.type-page.view-sidebox .sidebox .sidebox-header {
  font: 400 80px/62px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  text-align: right;
  margin: -3px -4px 0 0;
}
@media only screen and (min-width: 375px) {
  .type-page.view-sidebox .sidebox .sidebox-header {
    font: 400 80px/70px alternate-gothic-no-2-d, sans-serif;
  }
}
.type-page.view-sidebox .sidebox .sidebox-header span {
  display: inline-block;
}
.type-page.view-sidebox .sidebox .sidebox-header.resized {
  margin-left: auto;
  text-align: left;
}
.type-page.view-sidebox .sidebox .sidebox-header.resized span {
  white-space: nowrap;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .sidebox .sidebox-header {
    font-size: 150px;
    line-height: 120px;
    margin: 1px 76px 0;
  }
}
.type-page.view-sidebox .sidebox ul.sidebox-list {
  background: #0B7F99;
  color: #fff;
  margin: -32px 0 0;
  padding: 30px 20px 0 0;
  list-style: none;
  border: 25px solid #0B7F99;
  font: 700 18px/28px navigo, sans-serif;
}
@media only screen and (min-width: 375px) {
  .type-page.view-sidebox .sidebox ul.sidebox-list {
    padding: 50px 50px 0 30px;
  }
}
.type-page.view-sidebox .sidebox ul.sidebox-list li {
  margin: 0 0 50px;
  padding: 0 0 0 50px;
  position: relative;
}
.type-page.view-sidebox .sidebox ul.sidebox-list li:after {
  position: absolute;
  content: '+';
  font: 400 80px/40px alternate-gothic-no-2-d, sans-serif;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .sidebox ul.sidebox-list {
    border: 50px solid #0B7F99;
    margin: -57px 0 0;
    padding: 86px 50px 0;
    font: 700 24px/30px navigo, sans-serif;
  }
  .type-page.view-sidebox .sidebox ul.sidebox-list li {
    margin: 0 0 86px;
    padding: 0 0 0 82px;
  }
  .type-page.view-sidebox .sidebox ul.sidebox-list li:after {
    line-height: 44px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .entry-bottom.resized {
    position: relative;
  }
  .type-page.view-sidebox .entry-bottom.resized .extended {
    margin-right: -300px;
  }
  .type-page.view-sidebox .entry-bottom.resized .sidebox {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
  }
}
.type-page.view-sidebox .entry-content {
  padding: 64px 12px;
}
.type-page.view-sidebox .entry-content img {
  max-width: 100%;
  width: auto !important;
  height: auto;
  display: block;
  margin: 0 0 26px;
}
.type-page.view-sidebox .entry-content .wp-caption {
  width: auto !important;
  margin: 0 -12px 26px;
}
.type-page.view-sidebox .entry-content .wp-caption img {
  margin: 0;
}
.type-page.view-sidebox .entry-content .wp-caption .wp-caption-text {
  margin: 12px 12px 0;
}
.type-page.view-sidebox .entry-content .more-wrapper a.more {
  text-transform: uppercase;
  font: 400 34px/36px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 4px;
  display: block;
}
html.js .type-page.view-sidebox .entry-content .more-wrapper .more-inner {
  display: none;
}
html.js .type-page.view-sidebox .entry-content .more-wrapper.expanded a.more {
  display: none;
}
html.js .type-page.view-sidebox .entry-content .more-wrapper.expanded .more-inner {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .type-page.view-sidebox .entry-content {
    width: 47.05882353%;
    padding: 86px 35px;
  }
  .type-page.view-sidebox .entry-content .wp-caption {
    margin: 74px 0 90px -35px;
  }
}
@media only screen and (min-width: 1360px) {
  .type-page.view-sidebox .entry-content {
    padding: 86px 70px;
  }
  .type-page.view-sidebox .entry-content .wp-caption {
    margin: 74px 0 90px -70px;
  }
}
.type-page.full .entry-header {
  height: 360px;
  position: relative;
  color: #fff;
  overflow: hidden;
  background: #101820;
}
@media only screen and (min-width: 1024px) {
  .type-page.full .entry-header {
    height: 828px;
  }
}
.type-page.full .entry-header .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
  pointer-events: none;
  transition: all 10000ms linear;
  transform: scale(1);
}
.type-page.full .entry-header .background:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: linear-gradient(175deg, rgba(16, 24, 32, 0.66) 0%, rgba(16, 24, 32, 0) 31%);
}
@media only screen and (min-width: 1024px) {
  .type-page.full .entry-header .background:before {
    background-image: linear-gradient(175deg, #000000, rgba(0, 0, 0, 0) 39%);
  }
}
.type-page.full .entry-header .background.background-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .type-page.full .entry-header .background.background-desktop {
    display: block;
  }
  .type-page.full .entry-header .background.background-mobile {
    display: none;
  }
}
.type-page.full .entry-header.viewed .background {
  transform: scale(1.1);
}
.type-page.full .entry-header div.entry-title {
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
}
@media only screen and (min-width: 375px) {
  .type-page.full .entry-header div.entry-title {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .type-page.full .entry-header div.entry-title {
    font: 700 45px/45px navigo, sans-serif;
  }
}
.type-page.full .entry-header div.entry-title .intro {
  margin: 0 25% 6px 0;
}
.type-page.full .entry-header div.entry-title h1 {
  margin: 0;
  color: #0B7F99;
  font: 700 90px/84px navigo, sans-serif;
  letter-spacing: -4.56px;
  text-transform: uppercase;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .type-page.full .entry-header div.entry-title h1 {
    transform: translateY(112px);
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full .entry-header div.entry-title {
    left: 70px;
    right: 70px;
  }
  .type-page.full .entry-header div.entry-title .intro {
    margin: 0 0 12px;
    max-width: 500px;
  }
  .type-page.full .entry-header div.entry-title h1 {
    font: 700 280px/250px navigo, sans-serif;
    letter-spacing: -16px;
    margin: 0 0 0 -20px;
  }
}
.type-page.full .issues {
  padding: 66px 12px;
}
.type-page.full .issues h2 {
  font: 400 80px/70px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
  margin: 0 25% 0 -4px;
  position: relative;
  z-index: 5;
}
.type-page.full .issues ul.grid {
  list-style: none;
  margin: -36px 0 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .type-page.full .issues ul.grid li {
    float: left;
    width: 33.33333333%;
  }
  .type-page.full .issues ul.grid li .blank {
    position: relative;
    padding: 100% 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full .issues {
    padding: 72px 70px 220px;
  }
  .type-page.full .issues h2 {
    max-width: 500px;
    font: 400 150px/120px alternate-gothic-no-2-d, sans-serif;
    margin: 0 0 0 -4px;
  }
  body.language-es .type-page.full .issues h2 {
    max-width: 800px;
  }
  .type-page.full .issues ul.grid {
    margin: -44px 0 0 106px;
  }
}
.type-page.full.view-actions .entry-header .entry-title {
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
}
.type-page.full.view-actions .entry-header .entry-title span {
  display: block;
}
.type-page.full.view-actions .entry-header .entry-title span.small {
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
  margin: 0 0 10px;
  max-width: 240px;
}
@media only screen and (min-width: 375px) {
  .type-page.full.view-actions .entry-header .entry-title span.small {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .type-page.full.view-actions .entry-header .entry-title span.small {
    font: 700 45px/45px navigo, sans-serif;
  }
}
.type-page.full.view-actions .entry-header .entry-title span.large {
  color: #0B7F99;
  font: 700 90px/80px navigo, sans-serif;
  letter-spacing: -4.56px;
  margin: 0 0 0 -4px;
  text-transform: uppercase;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .type-page.full.view-actions .entry-header .entry-title span.large {
    transform: translateY(112px);
  }
}
@media only screen and (min-width: 768px) {
  .type-page.full.view-actions .entry-header .entry-title span.small {
    max-width: none;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-actions .entry-header .entry-title {
    bottom: 0;
    left: 70px;
    right: 70px;
  }
  .type-page.full.view-actions .entry-header .entry-title span.small {
    margin: 0 0 12px;
  }
  .type-page.full.view-actions .entry-header .entry-title span.large {
    font: 700 280px/250px navigo, sans-serif;
    letter-spacing: -14px;
    margin: 0 0 0 -18px;
  }
}
.type-page.full.view-actions .intro {
  margin: 0 12px 54px;
}
.type-page.full.view-actions .intro h2 {
  margin: -3px 0 30px;
  font: 400 80px/70px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
}
.type-page.full.view-actions .intro .intro-text {
  margin: 0 20px 0 40px;
  font: 500 18px/28px navigo, sans-serif;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-actions .intro {
    margin: 0 70px 100px;
  }
  .type-page.full.view-actions .intro h2 {
    float: left;
    font: 400 150px/120px alternate-gothic-no-2-d, sans-serif;
    margin: 0;
    width: 500px;
  }
  .type-page.full.view-actions .intro .intro-text {
    padding: 54px 0 0;
    margin: 0 0 0 500px;
    max-width: 486px;
    font: 500 24px/45px navigo, sans-serif;
  }
}
.type-page.full.view-actions .actions .action.large {
  padding: 16px;
}
.type-page.full.view-actions .actions .action.large a {
  display: block;
  color: #101820;
  font: 400 68px/60px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
  padding: 326px 52px 52px;
  position: relative;
  transition: color 250ms ease-in-out;
}
@media only screen and (min-width: 375px) {
  .type-page.full.view-actions .actions .action.large a {
    font: 400 80px/70px alternate-gothic-no-2-d, sans-serif;
  }
}
.type-page.full.view-actions .actions .action.large a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0B7F99;
  content: '';
  z-index: 1;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}
.type-page.full.view-actions .actions .action.large a:after {
  position: absolute;
  left: 52px;
  top: 128px;
  content: '+';
  font: 400 150px/75px alternate-gothic-no-2-d, sans-serif;
  z-index: 2;
}
.type-page.full.view-actions .actions .action.large a .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
  z-index: 0;
}
.type-page.full.view-actions .actions .action.large a .action-text {
  position: relative;
  z-index: 2;
}
.type-page.full.view-actions .actions .action.large a .action-text .button {
  color: #fff;
}
.type-page.full.view-actions .actions .action.large a:hover {
  color: #fff;
}
.type-page.full.view-actions .actions .action.large a:hover:before {
  opacity: 0.45;
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-actions .actions .action.large {
    padding: 50px;
  }
  .type-page.full.view-actions .actions .action.large a {
    font: 400 150px/120px alternate-gothic-no-2-d, sans-serif;
    padding: 260px 140px 240px 294px;
  }
  .type-page.full.view-actions .actions .action.large a:after {
    left: 206px;
    top: 212px;
  }
}
.type-page.full.view-actions .actions .action.medium {
  position: relative;
  overflow: hidden;
  padding: 100% 0 0;
  margin: 16px 0 52px;
}
.type-page.full.view-actions .actions .action.medium .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 100% 0 0;
  transform: translateX(-16px);
  background: no-repeat 50% 50%;
  background-size: cover;
}
.type-page.full.view-actions .actions .action.medium a {
  display: block;
  margin: -175px 28px 0 54px;
  width: 275px;
  transition: transform 250ms ease-in-out;
}
.type-page.full.view-actions .actions .action.medium a .action-text {
  position: relative;
  color: #0B7F99;
  font: 400 68px/60px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 375px) {
  .type-page.full.view-actions .actions .action.medium a .action-text {
    font: 400 80px/70px alternate-gothic-no-2-d, sans-serif;
  }
}
.type-page.full.view-actions .actions .action.medium a .button {
  margin: 16px 0 0;
  height: 40px;
  text-align: center;
  border-radius: 20px;
  background-clip: padding-box;
  display: block;
  background: none;
  padding: 10px 14px 6px;
  color: #0B7F99 !important;
  font: 400 20px/20px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  vertical-align: top;
  opacity: 1;
  transition: opacity 250ms ease-in-out !important;
  border: 2px solid #0B7F99;
}
@media only screen and (min-width: 375px) {
  .type-page.full.view-actions .actions .action.medium a .button {
    padding: 10px 20px 6px;
    letter-spacing: 2.75px;
  }
}
@media only screen and (min-width: 768px) {
  .type-page.full.view-actions .actions .action.medium a .button {
    padding: 10px 60px 6px;
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-actions .actions .action.medium a .button {
    padding: 14px 60px 10px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 4px;
    height: 60px;
    border-radius: 30px;
  }
  .type-page.full.view-actions .actions .action.medium a .button span {
    font-size: 40px;
    line-height: 16px;
  }
}
.type-page.full.view-actions .actions .action.medium a:hover {
  transform: translateY(-20px);
}
.type-page.full.view-actions .actions .action.medium a:hover .button {
  opacity: 0.65;
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-actions .actions .action.medium {
    padding: 0;
    margin: 0;
  }
  .type-page.full.view-actions .actions .action.medium .background {
    float: left;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 45.88235294%;
    padding: 0;
    transform: none;
  }
  .type-page.full.view-actions .actions .action.medium .background span {
    display: block;
    padding: 100% 0 0;
  }
  .type-page.full.view-actions .actions .action.medium a {
    float: left;
    margin: 64px 0 0;
    width: 50.73529412%;
    max-width: 690px;
  }
  .type-page.full.view-actions .actions .action.medium a .action-text {
    margin: 0 0 0 -46px;
    font: 400 120px/100px alternate-gothic-no-2-d, sans-serif;
  }
  .type-page.full.view-actions .actions .action.medium a .button {
    margin: 40px 0 0 62px;
  }
}
.type-page.full.view-actions .actions .action.small {
  background: #13294B;
  color: #fff;
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
  pointer-events: none;
  transition: background 250ms ease-in-out;
}
@media only screen and (min-width: 375px) {
  .type-page.full.view-actions .actions .action.small {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .type-page.full.view-actions .actions .action.small {
    font: 700 45px/45px navigo, sans-serif;
  }
}
.type-page.full.view-actions .actions .action.small .inner {
  padding: 100% 0 0;
  position: relative;
}
.type-page.full.view-actions .actions .action.small .action-text {
  padding: 0 40px 0 54px;
  position: absolute;
  bottom: 64px;
  left: 0;
  right: 0;
}
.type-page.full.view-actions .actions .action.small .action-text a {
  pointer-events: auto;
  color: #0B7F99;
  display: block;
}
.type-page.full.view-actions .actions .action.small:hover {
  background: #101820;
}
@media only screen and (min-width: 768px) {
  .type-page.full.view-actions .actions .action.small {
    max-width: 870px;
  }
  .type-page.full.view-actions .actions .action.small .inner {
    padding: 50% 0 0;
  }
  .type-page.full.view-actions .actions .action.small .background {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    background: no-repeat 50% 50%;
    background-size: cover;
  }
  .type-page.full.view-actions .actions .action.small .action-text {
    right: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-actions .actions .action.small .action-text {
    padding: 0 40px 0 70px;
    position: absolute;
    bottom: 74px;
  }
}
.type-page.full.view-home .entry-header {
  height: auto;
  background: #101820;
}
.type-page.full.view-home .entry-header div.entry-title {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  padding: 268px 12px 0;
}
.type-page.full.view-home .entry-header div.entry-title .intro {
  margin: 0 0 24px;
  max-width: 300px;
}
@media only screen and (min-width: 768px) {
  .type-page.full.view-home .entry-header div.entry-title .intro {
    max-width: 380px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-home .entry-header div.entry-title .intro {
    max-width: 600px;
    margin: 0 0 42px;
  }
}
.type-page.full.view-home .entry-header div.entry-title .title {
  text-transform: uppercase;
  font: 700 27.22222222vw/0.76 navigo, sans-serif;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .type-page.full.view-home .entry-header div.entry-title .title {
    transform: translateY(82px) !important;
  }
}
body.language-es .type-page.full.view-home .entry-header div.entry-title .title {
  font-size: 18vw;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.language-es .type-page.full.view-home .entry-header div.entry-title .title {
    transform: translateY(60px) !important;
  }
}
.type-page.full.view-home .entry-header div.entry-title .title.one {
  color: #0B7F99;
  letter-spacing: -2.91666667vw;
  margin-left: -1.66666667vw;
}
.type-page.full.view-home .entry-header div.entry-title .title.two {
  padding: 0 0 2.22222222vw;
  margin: 0 0 40px;
}
.type-page.full.view-home .entry-header div.entry-title a.button {
  display: block;
  margin: 0 0 36px;
  height: 40px;
  text-align: center;
  border-radius: 20px;
  background: #0B7F99;
  padding: 12px 14px 8px;
  color: #fff;
  font: 400 20px/20px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  vertical-align: top;
  transition: background 250ms ease-in-out !important;
}
@media only screen and (min-width: 375px) {
  .type-page.full.view-home .entry-header div.entry-title a.button {
    padding: 12px 20px 8px;
    letter-spacing: 2.75px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-home .entry-header div.entry-title a.button {
    padding: 16px 40px 12px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 4px;
    height: 60px;
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-home .entry-header {
    height: 828px;
  }
  .type-page.full.view-home .entry-header .background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.84;
    background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.48) 44%, rgba(0, 0, 0, 0) 66%);
  }
  .type-page.full.view-home .entry-header div.entry-title {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 70px;
    right: 70px;
  }
  .type-page.full.view-home .entry-header div.entry-title .title {
    margin: 0;
    font-size: 225px;
    letter-spacing: -16px;
    line-height: 169px;
  }
  body.language-es .type-page.full.view-home .entry-header div.entry-title .title {
    font-size: 160px;
    line-height: 120px;
  }
  .type-page.full.view-home .entry-header div.entry-title .title.one {
    letter-spacing: -16px;
    margin: 0 0 0 -14px;
  }
  .type-page.full.view-home .entry-header div.entry-title .title.two {
    letter-spacing: -16px;
    margin: 0;
    padding: 0 0 8px;
  }
  body.language-es .type-page.full.view-home .entry-header div.entry-title .title.two {
    margin-left: -4px;
  }
  .type-page.full.view-home .entry-header div.entry-title a.button {
    display: block;
    position: absolute;
    right: 0;
    bottom: 68px;
    margin: 0;
  }
}
@media only screen and (min-width: 1220px) {
  body.language-es .type-page.full.view-home .entry-header div.entry-title .title {
    font-size: 180px;
    line-height: 135px;
  }
}
.type-page.full.view-home .promos {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .type-page.full.view-home .promos {
    padding: 50% 0 0;
  }
}
.type-page.full.view-home .promos .promo {
  position: relative;
  padding: 100% 0 0;
}
.type-page.full.view-home .promos .promo a {
  background: #13294B;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #0B7F99;
}
.type-page.full.view-home .promos .promo .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
}
.type-page.full.view-home .promos .promo .background:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.84;
  background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.48) 44%, rgba(0, 0, 0, 0) 66%);
}
.type-page.full.view-home .promos .promo .promo-title {
  position: absolute;
  left: 12px;
  bottom: 50px;
  max-width: 200px;
}
.type-page.full.view-home .promos .promo .promo-cta,
.type-page.full.view-home .promos .promo .promo-text {
  display: none;
}
@media only screen and (min-width: 768px) {
  .type-page.full.view-home .promos .promo {
    position: absolute;
    top: 0;
    padding: 0;
    bottom: 0;
  }
  .type-page.full.view-home .promos .promo.odd {
    left: 0;
    right: 50%;
  }
  .type-page.full.view-home .promos .promo.even {
    right: 0;
    left: 50%;
  }
  .type-page.full.view-home .promos .promo .promo-title {
    left: 35px;
    bottom: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-page.full.view-home .promos .promo .background {
    background-size: auto 100%;
    opacity: 1;
    transition: opacity 250ms ease-in-out 250ms;
  }
  .type-page.full.view-home .promos .promo .promo-title {
    left: 70px;
    bottom: 120px;
  }
  .type-page.full.view-home .promos .promo .promo-cta {
    display: block;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #0B7F99;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font: 400 35px/35px alternate-gothic-no-2-d, sans-serif;
    width: 275px;
    height: 275px;
    opacity: 0;
    transition: opacity 250ms ease-in-out;
  }
  .type-page.full.view-home .promos .promo .promo-cta .inner {
    position: absolute;
    top: 50%;
    left: 46px;
    right: 46px;
    transform: translateY(-50%);
  }
  .type-page.full.view-home .promos .promo .promo-cta .inner:after {
    content: '+';
    position: absolute;
    bottom: 0;
    right: -6px;
  }
  .type-page.full.view-home .promos .promo .promo-text {
    color: #fff;
    margin: 0;
    font: 700 25px/25px navigo, sans-serif;
    top: 0;
    bottom: 275px;
    right: 0;
    left: 0;
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity 250ms ease-in-out;
  }
  .type-page.full.view-home .promos .promo .promo-text .inner {
    position: absolute;
    top: 50%;
    left: 70px;
    right: 70px;
    transform: translateY(-50%);
  }
  .type-page.full.view-home .promos .promo a {
    transition: all 250ms ease-in-out 250ms, z-index 500ms step-end;
    z-index: 1;
  }
  .type-page.full.view-home .promos .promo a:hover {
    z-index: 5;
    transition: all 250ms ease-in-out, z-index 500ms step-start;
  }
  .type-page.full.view-home .promos .promo a:hover .background {
    opacity: 0;
    transition: opacity 250ms ease-in-out;
  }
  .type-page.full.view-home .promos .promo a:hover .promo-cta,
  .type-page.full.view-home .promos .promo a:hover .promo-text {
    opacity: 1;
    transition: opacity 250ms ease-in-out 250ms;
  }
  .type-page.full.view-home .promos .promo.odd .background {
    background-position: left 0;
  }
  .type-page.full.view-home .promos .promo.odd a:hover {
    right: -78.52941177%;
  }
  .type-page.full.view-home .promos .promo.even .background {
    background-position: right 0;
  }
  .type-page.full.view-home .promos .promo.even a:hover {
    left: -78.52941177%;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 375px) {
  .type-page.full.view-home .promos .promo .promo-text {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 768px) {
  .type-page.full.view-home .promos .promo .promo-text {
    font: 700 45px/45px navigo, sans-serif;
  }
}
.type-news.teaser {
  margin: 0 0 40px;
}
.type-news.teaser .date {
  font: 500 14px/18px navigo, sans-serif;
  color: #535C63;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.type-news.teaser.link a {
  color: #101820;
  display: block;
  padding: 24px;
  border: 15px solid #0B7F99;
}
.type-news.teaser.link a .quote {
  font: 700 20px/32px navigo, sans-serif;
  margin: 0 0 22px;
}
.type-news.teaser.link a .outlet {
  margin: 0;
  color: #535C63;
  font: 400 34px/36px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .type-news.teaser.link a .outlet {
    font: 400 38px/46px alternate-gothic-no-2-d, sans-serif;
  }
}
@media only screen and (min-width: 1024px) {
  .type-news.teaser.link a {
    padding: 54px;
  }
  .type-news.teaser.link a .quote {
    font: 700 24px/45px navigo, sans-serif;
  }
}
.type-news.teaser.release .entry-title {
  font: 700 32px/45px navigo, sans-serif;
  margin: 0 0 24px;
  letter-spacing: 0.67px;
}
.type-news.teaser.release .entry-title a {
  text-decoration: underline;
  color: #101820;
  display: block;
}
.type-news.full {
  padding: 12px 12px 0;
}
@media only screen and (min-width: 1024px) {
  .type-news.full {
    padding: 38px 35px 0;
  }
}
@media only screen and (min-width: 1360px) {
  .type-news.full {
    padding: 38px 70px 0;
  }
}
.type-news.full a.back {
  margin: 0 0 32px;
  display: block;
  color: #101820;
  letter-spacing: 0.42px;
  font: 500 20px/45px navigo, sans-serif;
}
@media only screen and (min-width: 1024px) {
  .type-news.full a.back {
    margin: 0 0 70px;
  }
}
.type-news.full .entry-header {
  margin: 0 0 32px;
}
@media only screen and (min-width: 1024px) {
  .type-news.full .entry-header {
    margin: 0 0 82px;
  }
}
.type-news.full .entry-header .entry-title {
  margin: 0 0 32px;
}
.type-news.full .entry-header .date {
  text-transform: uppercase;
  font: 500 14px/18px navigo, sans-serif;
  letter-spacing: 0.5px;
  color: #535C63;
}
.type-news.full .entry-content {
  letter-spacing: 0.2px;
  margin: 0 0 50px;
}
@media only screen and (min-width: 1024px) {
  .type-news.full .entry-content {
    margin: 0 0 250px;
  }
}
.type-news.full .entry-content .content-inner {
  margin: 0 0 50px;
}
@media only screen and (min-width: 1024px) {
  .type-news.full .entry-content .content-inner {
    float: left;
    width: 65.57377049%;
    margin: 0;
  }
}
.type-news.full .entry-content .contact {
  margin: 0 0 50px;
  font: 500 20px/30px navigo, sans-serif;
  letter-spacing: 0;
}
@media only screen and (min-width: 1024px) {
  .type-news.full .entry-content .contact {
    float: right;
    width: 25.81967213%;
    margin: 0;
  }
}
.type-news.full .entry-content .contact h2 {
  margin: 0 0 10px;
}
.type-issue.teaser {
  position: relative;
  padding: 100% 0 0;
}
.type-issue.teaser .background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
.type-issue.teaser .background:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(360deg, rgba(16, 24, 32, 0.66) 5%, rgba(16, 24, 32, 0) 50%);
}
.type-issue.teaser .entry-title {
  position: absolute;
  text-transform: uppercase;
  font: 700 24px/24px navigo, sans-serif;
  bottom: 52px;
  left: 21.81818182%;
  right: 21.81818182%;
  transition: transform 250ms ease-in-out;
  transform: translateY(0);
}
.type-issue.teaser a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  background: #EF251B;
}
.type-issue.teaser a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 15px solid #0B7F99;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}
.type-issue.teaser a:hover:after {
  opacity: 1;
}
.type-issue.teaser a:hover .background {
  opacity: 0;
}
.type-issue.teaser a:hover .entry-title {
  transform: translateY(-30px);
}
.type-issue.full .entry-header {
  height: 360px;
  position: relative;
  color: #fff;
  background: #101820;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .entry-header {
    height: 828px;
  }
}
.type-issue.full .entry-header .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
  pointer-events: none;
  transition: all 10000ms linear;
  transform: scale(1);
}
.type-issue.full .entry-header .background:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: linear-gradient(175deg, rgba(16, 24, 32, 0.66) 0%, rgba(16, 24, 32, 0) 31%);
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .entry-header .background:before {
    background-image: linear-gradient(175deg, #000000, rgba(0, 0, 0, 0) 39%);
  }
}
.type-issue.full .entry-header .background.background-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .entry-header .background.background-desktop {
    display: block;
  }
  .type-issue.full .entry-header .background.background-mobile {
    display: none;
  }
}
.type-issue.full .entry-header.viewed .background {
  transform: scale(1.1);
}
.type-issue.full .entry-header .entry-title {
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
  position: relative;
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 50%;
  padding: 0 0 0 30px;
}
@media only screen and (min-width: 375px) {
  .type-issue.full .entry-header .entry-title {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .type-issue.full .entry-header .entry-title {
    font: 700 45px/45px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  .type-issue.full .entry-header .entry-title {
    font: 700 72px/72px navigo, sans-serif;
  }
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .entry-header .entry-title {
    padding: 0 35px;
    bottom: 90px;
    width: 45%;
  }
}
@media only screen and (min-width: 1360px) {
  .type-issue.full .entry-header .entry-title {
    padding: 0 70px;
  }
}
.type-issue.full .entry-header a.play-video {
  position: absolute;
  bottom: 16px;
  right: 30px;
  width: 80px;
  display: block;
  margin: 0 auto;
  color: #fff;
  text-transform: lowercase;
  letter-spacing: 0.4px;
  font: 700 18px/22px navigo, sans-serif;
  text-align: center;
}
.type-issue.full .entry-header a.play-video span {
  margin: 0 auto 12px;
  display: block;
  width: 65px;
  height: 65px;
  background: rgba(16, 24, 32, 0.9);
  border-radius: 50%;
  background-clip: padding-box;
  color: #FD256C;
  font-size: 24px;
  line-height: 65px;
  position: relative;
  padding: 0 0 0 8px;
  transition: all 250ms ease-in-out;
}
@media only screen and (min-width: 375px) {
  .type-issue.full .entry-header a.play-video {
    width: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .entry-header a.play-video {
    left: 50%;
    right: auto;
    bottom: 90px;
    font-size: 24px;
    width: 150px;
  }
  .type-issue.full .entry-header a.play-video span {
    margin: 0 auto 18px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 36px;
  }
}
.type-issue.full .entry-header .video-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}
.type-issue.full .entry-header .video-modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.type-issue.full .entry-header .video-modal:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #101820;
  opacity: 0.9;
  content: '';
}
.type-issue.full .entry-header .video-modal .video-position {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .type-issue.full .entry-header .video-modal .video-position {
    left: 50%;
    bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .entry-header .video-modal .video-position {
    bottom: 90px;
  }
}
.type-issue.full .entry-header .video-modal .video-wrapper {
  position: relative;
  padding: 56.25%;
}
.type-issue.full .entry-header .video-modal .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .sidebox {
    float: right;
    width: 51.61764706%;
  }
}
.type-issue.full .sidebox .sidebox-header {
  font: 400 80px/70px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  text-align: right;
  margin: -3px -4px 0 0;
}
.type-issue.full .sidebox .sidebox-header span {
  display: inline-block;
}
.type-issue.full .sidebox .sidebox-header.resized {
  margin-left: auto;
  text-align: left;
}
.type-issue.full .sidebox .sidebox-header.resized span {
  white-space: nowrap;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .sidebox .sidebox-header {
    font-size: 150px;
    line-height: 120px;
    margin: 1px 76px 0;
  }
}
.type-issue.full .sidebox ul.sidebox-list {
  background: #fff;
  margin: -32px 0 0;
  padding: 50px 50px 0 30px;
  list-style: none;
  border: 25px solid #0B7F99;
  font: 700 18px/28px navigo, sans-serif;
}
.type-issue.full .sidebox ul.sidebox-list li {
  margin: 0 0 50px;
  padding: 0 0 0 50px;
  position: relative;
}
.type-issue.full .sidebox ul.sidebox-list li:after {
  position: absolute;
  content: '+';
  font: 400 80px/40px alternate-gothic-no-2-d, sans-serif;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .sidebox ul.sidebox-list {
    border: 50px solid #0B7F99;
    margin: -57px 0 0;
    padding: 86px 50px 0;
    font: 700 24px/30px navigo, sans-serif;
  }
  .type-issue.full .sidebox ul.sidebox-list li {
    margin: 0 0 86px;
    padding: 0 0 0 82px;
  }
  .type-issue.full .sidebox ul.sidebox-list li:after {
    line-height: 44px;
  }
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .entry-bottom.resized {
    position: relative;
  }
  .type-issue.full .entry-bottom.resized .extended {
    margin-right: -300px;
  }
  .type-issue.full .entry-bottom.resized .sidebox {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
  }
}
.type-issue.full .entry-content {
  padding: 64px 12px;
}
.type-issue.full .entry-content img {
  max-width: 100%;
  width: auto !important;
  height: auto;
  display: block;
  margin: 0 0 26px;
}
.type-issue.full .entry-content .wp-caption {
  width: auto !important;
  margin: 0 -12px 26px;
}
.type-issue.full .entry-content .wp-caption img {
  margin: 0;
}
.type-issue.full .entry-content .wp-caption .wp-caption-text {
  margin: 12px 12px 0;
}
.type-issue.full .entry-content .more-wrapper a.more {
  text-transform: uppercase;
  font: 400 34px/36px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 4px;
  display: block;
}
html.js .type-issue.full .entry-content .more-wrapper .more-inner {
  display: none;
}
html.js .type-issue.full .entry-content .more-wrapper.expanded a.more {
  display: none;
}
html.js .type-issue.full .entry-content .more-wrapper.expanded .more-inner {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .type-issue.full .entry-content {
    width: 47.05882353%;
    padding: 86px 35px;
  }
  .type-issue.full .entry-content .wp-caption {
    margin: 74px 0 90px -35px;
  }
}
@media only screen and (min-width: 1360px) {
  .type-issue.full .entry-content {
    padding: 86px 70px;
  }
  .type-issue.full .entry-content .wp-caption {
    margin: 74px 0 90px -70px;
  }
}
.site-header-wrapper {
  /*
  body.page-template-default.scrolled &,
  body.single-news.scrolled & {
    @media @desktop {
      #site-header {
        &::before {
          opacity: 1;
        }
      }
    }
  }
  */
}
body.page-template-default .site-header-wrapper,
body.single-news .site-header-wrapper {
  background: #1B2435;
  min-height: 110px;
}
@media only screen and (min-width: 1024px) {
  body.page-template-default .site-header-wrapper,
  body.single-news .site-header-wrapper {
    min-height: 176px;
  }
  body.page-template-default .site-header-wrapper #site-header,
  body.single-news .site-header-wrapper #site-header {
    background: #1B2435;
  }
  body.page-template-default .site-header-wrapper #site-header::before,
  body.single-news .site-header-wrapper #site-header::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: -2px 8px 22px -1px rgba(0, 0, 0, 0.24);
    pointer-events: none;
    transition: opacity 300ms ease-out;
  }
}
#site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 16px 12px;
  z-index: 50;
}
@media only screen and (min-width: 1024px) {
  #site-header {
    padding: 36px 35px;
    background: transparent;
    transition: all 500ms ease-in-out;
    /*
    body.scrolled & {
      background: @black;
      padding: 16px 35px;
      transition: all 500ms ease-in-out 250ms;
    }
    */
  }
}
@media only screen and (min-width: 1360px) {
  #site-header {
    padding: 36px 70px;
    /*
    body.scrolled & {
      padding: 16px 70px 0;
    }
    */
  }
}
#site-header .site-title {
  font-size: 0;
  float: left;
  position: relative;
  z-index: 5;
}
#site-header .site-title a {
  color: #fff;
  display: block;
  transition: opacity 250ms ease-in-out;
  opacity: 1;
}
#site-header .site-title a:hover {
  opacity: 0.65;
}
#site-header .site-title img {
  display: block;
  width: 180px;
  height: auto;
}
@media only screen and (min-width: 1024px) {
  #site-header .site-title img {
    width: 240px;
    transition: transform 500ms ease-in-out;
    transform-origin: top left;
    transform: scale(1);
    /*
        body.scrolled & {
          transition: transform 500ms ease-in-out 250ms;
          transform: scale(0.7);
        }
        */
  }
}
#site-header a.donate-button {
  height: 40px;
  text-align: center;
  border-radius: 20px;
  background-clip: padding-box;
  display: inline-block;
  background: #fff !important;
  padding: 12px 14px 8px;
  color: #1B2435 !important;
  font: 400 20px/20px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  vertical-align: top;
  transition: background 250ms ease-in-out !important;
}
#site-header a.donate-button:hover {
  color: #323F62 !important;
  opacity: 1 !important;
}
#site-header a.donate-button span {
  display: none;
}
@media only screen and (min-width: 375px) {
  #site-header a.donate-button {
    width: 130px;
    padding: 12px 20px 8px;
    letter-spacing: 2.75px;
  }
  #site-header a.donate-button span {
    font: 400 30px/30px navigo, sans-serif;
    display: inline-block;
    vertical-align: top;
    margin: -10px 0 0;
  }
  @-moz-document url-prefix() {
    #site-header a.donate-button span {
      margin-top: -3px;
    }
  }
}
@media only screen and (min-width: 1024px) {
  #site-header a.donate-button {
    padding: 16px 20px 12px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 4px;
    width: 188px;
    height: 60px;
    border-radius: 30px;
  }
  #site-header a.donate-button span {
    font-size: 40px;
    line-height: 40px;
    margin-top: -12px;
  }
  @-moz-document url-prefix() {
    #site-header a.donate-button span {
      margin-top: -3px;
    }
  }
}
#site-header a.join-button {
  height: 40px;
  text-align: center;
  border-radius: 20px;
  background-clip: padding-box;
  display: inline-block;
  background: none;
  padding: 12px 14px 6px;
  font: 400 20px/20px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  vertical-align: top;
  transition: background 250ms ease-in-out !important;
  color: #1B2435 !important;
  background: #fff !important;
}
#site-header a.join-button:hover {
  opacity: 1 !important;
  color: #323F62 !important;
}
#site-header a.join-button span {
  font: 400 30px/30px navigo, sans-serif;
  display: inline-block;
  vertical-align: top;
  margin: -10px 0 0;
}
@-moz-document url-prefix() {
  #site-header a.join-button span {
    margin-top: -3px;
  }
}
@media only screen and (min-width: 375px) {
  #site-header a.join-button {
    width: 130px;
    padding: 10px 20px 6px;
    letter-spacing: 2.75px;
  }
}
@media only screen and (min-width: 1024px) {
  #site-header a.join-button {
    padding: 16px 20px 10px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 4px;
    width: 188px;
    height: 60px;
    border-radius: 30px;
  }
  #site-header a.join-button span {
    font-size: 40px;
    line-height: 40px;
    margin-top: -12px;
  }
  @-moz-document url-prefix() {
    #site-header a.join-button span {
      margin-top: -3px;
    }
  }
}
#site-header a.burger {
  display: inline-block;
  margin: 0 0 0 12px;
  width: 40px;
  font: 700 13px/18px navigo, sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  letter-spacing: 0.4px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  transition: opacity 250ms ease-in-out;
  opacity: 1;
  height: 40px;
  position: relative;
  display: none;
}
#site-header a.burger:hover {
  opacity: 0.65;
}
#site-header a.burger span {
  display: block;
}
#site-header a.burger span.bar {
  height: 2px;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  background: #fff;
}
#site-header a.burger span.bar.middle {
  bottom: 8px;
}
#site-header a.burger span.bar.top {
  bottom: 15px;
}
#site-header #nav-mobile {
  font-size: 0;
  text-align: right;
  margin: 19px 0;
}
@media only screen and (min-width: 1024px) {
  #site-header #nav-mobile {
    display: none;
  }
}
#site-header #nav-header {
  display: none;
  background: #101820;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.open-menu #site-header #nav-header {
  display: block;
}
#site-header #nav-header ul {
  position: relative;
  margin: 0;
  padding: 82px 42px 42px;
  list-style: none;
  font-size: 0;
}
@media only screen and (min-width: 375px) {
  #site-header #nav-header ul {
    padding: 102px 42px 42px;
  }
}
#site-header #nav-header ul a {
  display: block;
  color: #fff;
  transition: opacity 250ms ease-in-out;
  opacity: 1;
}
#site-header #nav-header ul a:hover {
  opacity: 0.65;
}
#site-header #nav-header ul li {
  margin: 0;
  padding: 0;
}
#site-header #nav-header ul li.menu-item {
  height: 54px;
  position: relative;
  border-bottom: 1px solid #535C63;
}
@media only screen and (min-width: 375px) {
  #site-header #nav-header ul li.menu-item {
    height: 84px;
  }
}
#site-header #nav-header ul li.menu-item a {
  font: 500 22px/27px navigo, sans-serif;
  letter-spacing: 0.7px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: block;
}
#site-header #nav-header ul li.brave {
  height: 96px;
  margin: 0 0 22px;
}
@media only screen and (min-width: 375px) {
  #site-header #nav-header ul li.brave {
    height: 116px;
    margin: 0 0 42px;
  }
}
#site-header #nav-header ul li.brave a {
  padding: 0 0 0 4px;
  line-height: 1;
}
#site-header #nav-header ul li.brave a span {
  display: block;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}
#site-header #nav-header ul li.brave a span.top {
  color: #fff;
  z-index: 2;
}
#site-header #nav-header ul li.brave a span.bottom {
  color: #0B7F99;
  font-size: 56px;
  padding-left: 22px;
  margin-top: -16px;
}
#site-header #nav-header ul li.close {
  position: absolute;
  top: 16px;
  right: 12px;
  border: none;
}
#site-header #nav-header ul li.close a {
  display: inline-block;
  border-bottom: 2px solid #fff;
  text-transform: lowercase;
  font: 500 13px/18px navigo, sans-serif;
  letter-spacing: 0.46px;
}
#site-header #nav-header ul li.translation {
  text-align: right;
  padding: 0 0 14px;
  border-bottom: 1px solid #535C63;
}
#site-header #nav-header ul li.translation a {
  display: block;
  font: 500 14px/18px navigo, sans-serif;
  letter-spacing: 0.4px;
}
#site-header #nav-header ul li.join {
  float: left;
}
#site-header #nav-header ul li.donate {
  float: right;
}
@media only screen and (min-width: 1024px) {
  #site-header #nav-header {
    background: none;
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    text-align: right;
    padding: 23px 0 0;
  }
  #site-header #nav-header ul {
    padding: 0;
    transition: transform 500ms ease-in-out;
    transform: scale(1), translate;
    transform-origin: top right;
    /*
        body.scrolled & {
          transition: transform 500ms ease-in-out 250ms;
          transform: scale(0.7);
        }
        */
  }
  #site-header #nav-header ul li {
    text-align: left;
    height: auto;
    vertical-align: top;
    display: inline-block;
  }
  #site-header #nav-header ul li.close {
    display: none;
  }
  #site-header #nav-header ul li.menu-item {
    border: none;
    height: 60px;
    margin: 0;
    width: 100px;
    opacity: 1;
    transition: opacity 250ms ease-in-out 500ms;
    /*
            body.scrolled & {
              opacity: 0;
              transition: opacity 250ms ease-in-out;
            }
            */
  }
  #site-header #nav-header ul li.menu-item a {
    font: 500 17px/22px navigo, sans-serif;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
  }
  #site-header #nav-header ul li.brave {
    width: auto;
  }
  #site-header #nav-header ul li.brave a {
    padding: 0;
    line-height: 1;
  }
  #site-header #nav-header ul li.brave a span.bottom {
    font-size: 44px;
    padding-left: 17px;
    margin-top: -12px;
  }
  #site-header #nav-header ul li.translation {
    display: block;
    border: none;
    position: absolute;
    top: -52px;
    right: 0;
    font: 500 16px/22px navigo, sans-serif;
    letter-spacing: 0.5px;
    padding: 0;
    opacity: 1;
    transition: opacity 250ms ease-in-out 500ms;
    /*
            body.scrolled & {
              opacity: 0;
              transition: opacity 250ms ease-in-out;
            }
            */
  }
  #site-header #nav-header ul li.translation a {
    padding: 12px 16px;
  }
  #site-header #nav-header ul li.join {
    float: none;
    margin-left: 56px;
    display: none;
  }
  #site-header #nav-header ul li.donate {
    margin-left: 56px;
    float: none;
  }
}
@media only screen and (min-width: 1220px) {
  #site-header #nav-header ul li.join {
    display: inline-block;
  }
  #site-header #nav-header ul li.donate {
    margin-left: 12px;
  }
}
#site-footer {
  background: #101820;
  color: #DEE3E7;
  padding: 20px 20px 105px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #site-footer {
    padding: 20px 20px 80px;
  }
}
#site-footer a {
  color: #DEE3E7;
}
#site-footer .disclaimer {
  font: 300 14px/20px navigo, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  padding: 20px;
  border: 1px solid #535C63;
  max-width: 775px;
  margin: 0 auto 32px;
}
#site-footer #nav-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
#site-footer #nav-footer ul li {
  margin: 0 0 8px;
  padding: 0;
  font: 400 14px/20px navigo, sans-serif;
}
@media only screen and (min-width: 768px) {
  #site-footer #nav-footer ul li {
    display: inline-block;
    margin: 0 20px;
  }
}
#site-footer ul.social-footer {
  margin: 30px 0 0;
  padding: 0;
  font-size: 0;
  list-style: none;
}
#site-footer ul.social-footer li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px;
}
@media only screen and (min-width: 768px) {
  #site-footer ul.social-footer li {
    margin-bottom: 0;
  }
}
#site-footer ul.social-footer li a {
  display: block;
  background: #4A4A4A;
  font-size: 30px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
#site-footer ul.social-footer li a.medium {
  font-size: 24px;
}
#site-footer ul.social-footer li a span {
  display: block;
  line-height: 50px;
  height: 50px;
  width: 50px;
}
#support {
  position: relative;
  padding: 60px 0 0;
  color: #fff;
  background: #101820;
}
@media only screen and (min-width: 768px) {
  #support {
    padding: 90px 0 60px;
  }
}
#support .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat left top;
  background-size: 100%;
  pointer-events: none;
}
#support .background.background-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  #support .background.background-desktop {
    display: block;
  }
  #support .background.background-mobile {
    display: none;
  }
}
#support h2 {
  margin: 0;
  font: 700 30px/40px navigo, sans-serif;
  padding: 0;
  margin: 0 24px 34px;
  position: relative;
  color: #0B7F99;
  max-width: 360px;
}
@media only screen and (min-width: 375px) {
  #support h2 {
    font: 700 44px/46px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  #support h2 {
    font: 700 72px/72px navigo, sans-serif;
  }
}
@media only screen and (min-width: 1024px) {
  #support h2 {
    margin: 0 24px 46px;
  }
}
@media only screen and (min-width: 1220px) {
  #support h2 {
    margin: 0 70px 46px;
  }
}
#support .support-donate {
  position: relative;
  border: 15px solid #0B7F99;
  border-left: 0;
  padding: 50px 40px 40px;
  margin: 0 0 36px;
}
#support .support-donate h3 {
  margin: 0;
  font: 700 25px/25px navigo, sans-serif;
  text-transform: none;
  color: #fff;
  letter-spacing: 0;
  margin: 0 0 90px;
}
@media only screen and (min-width: 375px) {
  #support .support-donate h3 {
    font: 700 35px/35px navigo, sans-serif;
  }
}
@media only screen and (min-width: 768px) {
  #support .support-donate h3 {
    font: 700 45px/45px navigo, sans-serif;
  }
}
#support .support-donate .text {
  display: none;
}
#support .support-donate ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: 0;
  max-width: 360px;
}
#support .support-donate ul li {
  display: inline-block;
  width: 50%;
  margin: 0 0 30px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  #support .support-donate ul li {
    margin: 0 0 40px;
  }
}
#support .support-donate ul li:nth-child(2n+1) {
  text-align: left;
}
#support .support-donate ul li:nth-child(2n) {
  text-align: right;
}
#support .support-donate ul li a {
  text-transform: lowercase;
  display: inline-block;
  width: 105px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #0B7F99;
  padding: 7px 0 11px;
  text-align: center;
  color: #0B7F99;
  font: 700 22px/28px navigo, sans-serif;
  letter-spacing: 3.5px;
  background: none;
  transition: all 250ms ease-in-out;
}
#support .support-donate ul li a.active,
#support .support-donate ul li a:hover {
  background: #0B7F99;
  color: #fff;
}
@media only screen and (min-width: 375px) {
  #support .support-donate ul li a {
    font: 700 28px/28px navigo, sans-serif;
    width: 130px;
  }
}
@media only screen and (min-width: 1024px) {
  #support .support-donate ul li a {
    height: 60px;
    width: 150px;
    border-radius: 30px;
    padding: 12px 20px 16px;
  }
}
@media only screen and (min-width: 768px) {
  #support .support-donate {
    width: 60%;
    border: 15px solid #0B7F99;
    margin: 0 0 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  #support .support-donate {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
  }
  #support .support-donate h3 {
    margin: 0 auto 16px;
    max-width: 480px;
  }
  #support .support-donate .text {
    display: block;
    font: 700 24px/30px navigo, sans-serif;
    margin: 0 auto 40px;
    max-width: 480px;
  }
}
@media only screen and (min-width: 1220px) {
  #support .support-donate {
    padding: 62px 70px 70px;
  }
}
#support .support-shop {
  display: block;
  position: relative;
  padding: 0 0 36px;
}
#support .support-shop img {
  display: block;
  max-width: 320px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#support .support-shop .button {
  height: 40px;
  text-align: center;
  border-radius: 20px;
  background-clip: padding-box;
  display: inline-block;
  background: #fff;
  padding: 10px 14px 6px;
  color: #0B7F99 !important;
  font: 400 20px/20px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  vertical-align: top;
  border: 2px solid #0B7F99;
  position: absolute;
  left: 48px;
  bottom: 76px;
  white-space: nowrap;
}
@media only screen and (min-width: 375px) {
  #support .support-shop .button {
    padding: 10px 20px 6px;
    letter-spacing: 2.75px;
  }
}
@media only screen and (min-width: 768px) {
  #support .support-shop .button {
    padding: 14px 20px 10px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 4px;
    height: 60px;
    border-radius: 30px;
    left: 0;
  }
}
@media only screen and (min-width: 1220px) {
  #support .support-shop .button {
    width: 360px;
    bottom: 140px;
  }
}
@media only screen and (min-width: 768px) {
  #support .support-shop {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 40%;
    transform: translateX(36px);
  }
  #support .support-shop img {
    max-width: 540px;
  }
}
@media only screen and (min-width: 1024px) {
  #support .support-shop {
    position: relative;
    bottom: auto;
    left: auto;
    width: 50%;
  }
}
@media only screen and (min-width: 1220px) {
  #support .support-shop {
    width: 55%;
    transform: translateX(70px);
  }
}
.modal-wrapper {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.modal-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: #0B7F99;
  opacity: 0.9;
}
.modal-wrapper .modal-top {
  padding: 46px 20px;
}
@media only screen and (min-width: 768px) {
  .modal-wrapper .modal-top {
    padding: 64px 70px;
  }
}
@media only screen and (min-width: 1360px) {
  .modal-wrapper .modal-top {
    padding: 114px 140px;
  }
}
.modal-wrapper .modal-form {
  margin: 0 0 24px;
}
@media only screen and (min-width: 768px) {
  .modal-wrapper .modal-form {
    margin: 0;
    float: right;
    width: 40%;
  }
}
.modal-wrapper .modal-form .fieldset {
  margin: 0 0 24px;
}
.modal-wrapper .modal-form .label {
  font: 500 14px/18px navigo, sans-serif;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
}
.modal-wrapper .modal-form input.text {
  width: 100%;
  height: 54px;
  border: 1px solid #fff;
  background: none;
  color: #fff;
  font: 500 24px navigo, sans-serif;
  padding: 10px 12px 14px;
}
.modal-wrapper .modal-form .input.checkbox {
  position: relative;
  padding: 0 0 0 56px;
  font: 500 14px/18px navigo, sans-serif;
}
.modal-wrapper .modal-form .input.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  width: 36px;
  background: #101820;
  border: 1px solid #fff;
}
.modal-wrapper .modal-form.donate ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.modal-wrapper .modal-form.donate ul li {
  display: inline-block;
  width: 50%;
  margin: 0 0 30px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper .modal-form.donate ul li {
    margin: 0 0 40px;
  }
}
.modal-wrapper .modal-form.donate ul li:nth-child(2n+1) {
  text-align: left;
}
.modal-wrapper .modal-form.donate ul li:nth-child(2n) {
  text-align: right;
}
.modal-wrapper .modal-form.donate ul li a {
  text-transform: lowercase;
  display: inline-block;
  width: 120px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid #0B7F99;
  padding: 6px 10px 14px;
  text-align: center;
  color: #0B7F99;
  font: 700 20px/20px navigo, sans-serif;
  letter-spacing: 3px;
  background: #101820;
  transition: all 250ms ease-in-out;
}
.modal-wrapper .modal-form.donate ul li a.active,
.modal-wrapper .modal-form.donate ul li a:hover {
  background: #0B7F99;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper .modal-form.donate ul li a {
    width: 150px;
    font: 700 28px/28px navigo, sans-serif;
    letter-spacing: 3.5px;
    height: 60px;
    border-radius: 30px;
    padding: 12px 20px 28px;
  }
}
.modal-wrapper .button {
  height: 40px;
  text-align: center;
  border-radius: 20px;
  background-clip: padding-box;
  display: block;
  background: #0B7F99;
  padding: 12px 14px 8px;
  color: #fff;
  font: 400 20px/20px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  vertical-align: top;
  transition: background 250ms ease-in-out !important;
  border: none;
  -webkit-appearance: none;
}
.modal-wrapper .button:hover {
  background: #B61154;
  opacity: 1 !important;
}
@media only screen and (min-width: 375px) {
  .modal-wrapper .button {
    padding: 12px 20px 8px;
    letter-spacing: 2.75px;
  }
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper .button {
    padding: 16px 20px 12px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 4px;
    height: 60px;
    border-radius: 30px;
  }
}
.modal-wrapper .modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 65px;
  bottom: 0;
  background: #101820;
  color: #fff;
  overflow: auto;
}
@media only screen and (min-width: 375px) {
  .modal-wrapper .modal {
    bottom: 65px;
  }
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper .modal {
    left: 35px;
    right: 35px;
    top: 120px;
    bottom: 60px;
  }
}
@media only screen and (min-width: 1220px) {
  .modal-wrapper .modal {
    left: 150px;
    right: 150px;
  }
}
.modal-wrapper .modal a {
  color: #fff;
}
.modal-wrapper .modal a.close {
  text-transform: lowercase;
  position: fixed;
  top: 0;
  right: 0;
  padding: 12px;
  width: 64px;
  text-align: center;
  font: 500 13px/18px navigo, sans-serif;
  text-decoration: underline;
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper .modal a.close {
    right: 35px;
    top: 78px;
  }
}
@media only screen and (min-width: 1220px) {
  .modal-wrapper .modal a.close {
    right: 150px;
  }
}
body.open-modal .modal-wrapper#modal {
  display: block;
}
.modal-wrapper#modal a.continue {
  font: 500 20px/45px navigo, sans-serif;
  letter-spacing: 0.42px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .modal-wrapper#modal a.continue {
    clear: both;
  }
}
.modal-wrapper#modal h2 {
  margin: 0 0 46px;
}
@media only screen and (min-width: 768px) {
  .modal-wrapper#modal h2 {
    margin: 0 0 42px;
    float: left;
    width: 55%;
  }
}
.modal-wrapper#modal .modal-top img {
  display: block;
  width: 100%;
  height: auto;
  margin: 30px 0 46px;
}
@media only screen and (min-width: 768px) {
  .modal-wrapper#modal .modal-top img {
    margin: 0 0 24px;
    float: left;
    width: 55%;
  }
}
.modal-wrapper#modal .modal-cta a.button {
  margin: 0 0 46px;
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper#modal .modal-cta h2 {
    font-size: 52px;
    line-height: 52px;
    float: none;
    width: auto;
    margin: 0 0 62px;
  }
  .modal-wrapper#modal .modal-cta img {
    float: none;
    width: auto;
    max-width: 100%;
    margin: 0 0 62px;
  }
  .modal-wrapper#modal .modal-cta a.button {
    padding: 16px 64px 12px;
    display: inline-block;
    margin: 0 0 200px;
  }
}
.modal-wrapper#modal .modal-bottom img {
  display: block;
  width: 100%;
  height: auto;
}
.modal-wrapper#modal .modal-bottom .video-wrapper {
  position: relative;
  padding: 56.25% 0 0;
}
.modal-wrapper#modal .modal-bottom .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body.open-easter-egg .modal-wrapper#easter-egg {
  display: block;
}
.modal-wrapper#easter-egg h2.modal-title {
  margin: 0 0 28px;
  font: 400 80px/70px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 14px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper#easter-egg h2.modal-title {
    font: 400 120px/100px alternate-gothic-no-2-d, sans-serif;
    margin: 0 0 48px;
  }
}
.modal-wrapper#easter-egg .modal-text {
  margin: 0 0 64px;
  font: 500 18px/28px navigo, sans-serif;
  letter-spacing: 0.38px;
}
.modal-wrapper#easter-egg .modal-text img {
  display: block;
  max-width: 500px;
  width: 100%;
  height: auto;
  margin: 32px auto 0;
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper#easter-egg .modal-text img {
    margin: 42px auto 0;
  }
}
@media only screen and (min-width: 768px) {
  .modal-wrapper#easter-egg .modal-text {
    margin: 0 0 24px;
    float: left;
    width: 55%;
  }
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper#easter-egg .modal-text {
    margin: 0 0 48px;
    font: 500 24px/45px navigo, sans-serif;
    letter-spacing: 0.5px;
  }
}
.modal-wrapper#easter-egg .modal-form {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .modal-wrapper#easter-egg .modal-form {
    margin: 0 0 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper#easter-egg .modal-form {
    margin: 0 0 48px;
  }
}
.modal-wrapper#easter-egg .button {
  clear: both;
  width: 100%;
  max-width: 412px;
  margin: 0 auto;
  display: block;
}
body.language-es .modal-wrapper#easter-egg .button {
  max-width: 500px;
}
.modal-wrapper#easter-egg .modal-bottom {
  position: relative;
  padding: 460px 0 0;
  background: #090D12;
}
.modal-wrapper#easter-egg .modal-bottom .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 570px;
  background: no-repeat 50% top;
  background-size: cover;
}
.modal-wrapper#easter-egg .modal-bottom .background:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 250px;
  background-image: linear-gradient(0deg, #090D12 0%, rgba(0, 0, 0, 0) 100%);
}
.modal-wrapper#easter-egg .modal-bottom .background.background-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .modal-wrapper#easter-egg .modal-bottom .background.background-mobile {
    display: none;
  }
  .modal-wrapper#easter-egg .modal-bottom .background.background-desktop {
    display: block;
  }
}
.modal-wrapper#easter-egg .modal-bottom figure.quote {
  padding: 124px 25px 50px;
  margin: 0;
  position: relative;
  font: 700 35px/60px navigo, sans-serif;
}
.modal-wrapper#easter-egg .modal-bottom figure.quote:before {
  position: absolute;
  top: 0;
  left: 10px;
  content: '“';
  display: block;
  font: 400 300px/242px alternate-gothic-no-2-d, sans-serif;
}
.modal-wrapper#easter-egg .modal-bottom figure.quote blockquote {
  margin: 0;
}
.modal-wrapper#easter-egg .modal-bottom figure.quote figcaption {
  font: 400 34px/36px alternate-gothic-no-2-d, sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #0B7F99;
  margin: 50px 0 0;
}
.modal-wrapper#easter-egg .modal-bottom figure.quote figcaption:before {
  content: '- ';
}
@media only screen and (min-width: 768px) {
  .modal-wrapper#easter-egg .modal-bottom figure.quote {
    padding: 124px 70px 140px;
  }
  .modal-wrapper#easter-egg .modal-bottom figure.quote:before {
    left: 55px;
  }
  .modal-wrapper#easter-egg .modal-bottom figure.quote figcaption {
    margin: 64px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .modal-wrapper#easter-egg .modal-bottom figure.quote {
    font: 700 45px/80px navigo, sans-serif;
  }
}
.easter-egg-button {
  margin: 0 12px;
  padding: 0 0 54px;
}
.easter-egg-button a {
  display: block;
  height: 75px;
  width: 75px;
  background: #0B7F99;
  color: #fff;
  font: 700 32px/70px navigo, sans-serif;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .easter-egg-button {
    margin: 0 35px;
    padding: 0 0 78px;
  }
  .easter-egg-button a {
    margin: 0 0 0 auto;
  }
  body.page-template-page-home .easter-egg-button a,
  body.page-template-page-sidebox .easter-egg-button a {
    margin: 0;
  }
}
@media only screen and (min-width: 1360px) {
  .easter-egg-button {
    margin: 0 70px;
    padding: 0 0 78px;
  }
}
body.page-template-page-thank-you #nav-mobile,
body.page-template-page-thank-you #nav-header {
  display: none !important;
}
body.page-template-page-thank-you #site-header {
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  body.page-template-page-thank-you #site-header {
    padding: 36px 70px;
  }
  body.page-template-page-thank-you #site-header .site-title img {
    max-width: 240px;
  }
}
#section-thank-you {
  background: #101820;
  color: #fff;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-height: 650px) {
  #section-thank-you {
    height: 660px;
  }
}
#section-thank-you a.join-button {
  height: 40px;
  text-align: center;
  border-radius: 20px;
  background-clip: padding-box;
  display: inline-block;
  background: none;
  padding: 10px 14px 6px;
  color: #fff !important;
  font: 400 20px/20px alternate-gothic-no-2-d, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  vertical-align: top;
  transition: background 250ms ease-in-out !important;
  border: 2px solid #fff;
  background: #1B2435;
  padding: 14px 20px 10px;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: 4px;
  height: 60px;
  border-radius: 30px;
}
#section-thank-you a.join-button:hover {
  background: #323F62;
  opacity: 1 !important;
}
#section-thank-you a.join-button span {
  font: 400 40px/40px navigo, sans-serif;
  display: inline-block;
  vertical-align: top;
  margin: -12px 0 0;
}
@-moz-document url-prefix() {
  #section-thank-you a.join-button span {
    margin-top: -3px;
  }
}
@media only screen and (min-width: 1024px) {
  #section-thank-you a.join-button {
    max-width: 320px;
  }
}
#section-thank-you .disclaimer {
  position: absolute;
  z-index: 10;
  bottom: 28px;
  font: 300 14px/20px navigo, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 20px 10px;
  border: 1px solid #535C63;
  text-align: center;
  left: 20px;
  right: 20px;
}
@media only screen and (min-width: 768px) {
  #section-thank-you .disclaimer {
    letter-spacing: 1.6px;
    width: 585px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
#section-thank-you .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50% top;
  background-size: cover;
  pointer-events: none;
  transition: transform 10000ms linear;
  transform: scale(1);
}
#section-thank-you .background:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.58;
  background: linear-gradient(0deg, #000000 2%, rgba(0, 0, 0, 0) 61%);
}
#section-thank-you .background.background-desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  #section-thank-you .background.background-mobile {
    display: none;
  }
  #section-thank-you .background.background-desktop {
    display: block;
  }
}
#section-thank-you .section-inner {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-height: 650px) {
  #section-thank-you .section-inner {
    position: relative;
    min-height: 660px;
  }
}
html.no-csspositionsticky #section-thank-you .section-inner {
  position: relative;
}
#section-thank-you .section-inner .section-text {
  max-width: 770px;
  position: absolute;
  bottom: 146px;
  left: 20px;
  right: 20px;
}
@media only screen and (min-width: 1024px) {
  #section-thank-you .section-inner .section-text {
    left: 70px;
    bottom: 192px;
  }
}
#section-thank-you .section-inner .section-text a {
  display: block;
  color: #0B7F99;
}
#section-404 {
  background: #101820;
  color: #fff;
  height: 100vh;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-height: 650px) {
  #section-404 {
    height: 660px;
  }
}
#section-404 .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat 50% 50%;
  background-size: cover;
  pointer-events: none;
  transition: transform 10000ms linear;
  transform: scale(1);
}
#section-404 .background:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(167deg, rgba(16, 24, 32, 0.66) 0%, rgba(16, 24, 32, 0) 31%);
}
@media only screen and (min-width: 1024px) {
  #section-404 .background:after {
    background: linear-gradient(to right, rgba(16, 24, 32, 0.66) 0%, rgba(16, 24, 32, 0) 31%, rgba(16, 24, 32, 0) 69%, rgba(16, 24, 32, 0.66) 100%);
  }
}
#section-404 .background.background-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  #section-404 .background.background-mobile {
    display: none;
  }
  #section-404 .background.background-desktop {
    display: block;
  }
}
#section-404.top .background {
  transform: scale(1.1);
}
#section-404 .section-inner {
  min-height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-height: 650px) {
  #section-404 .section-inner {
    position: relative;
    min-height: 660px;
  }
}
html.no-csspositionsticky #section-404 .section-inner {
  position: relative;
}
#section-404 .section-inner .section-text {
  position: absolute;
  bottom: 146px;
  left: 12px;
  right: 12px;
}
@media only screen and (min-width: 1024px) {
  #section-404 .section-inner .section-text {
    left: 70px;
    bottom: 80px;
  }
}
#section-404 .section-inner .section-text a {
  color: #0B7F99;
}
#section-404 .section-inner .section-text .heading a {
  display: inline-block;
  position: relative;
}
#section-404 .section-inner .section-text .heading a:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: -2px;
  background: #0B7F99;
  transform: scale(0, 1);
  transform-origin: 0;
  transition: transform 250ms ease-in-out;
}
#section-404 .section-inner .section-text .heading a:hover:after {
  transform: scale(1, 1);
  transform-origin: 0;
}
#section-404 .section-inner .section-text .heading p {
  margin: 0;
}
#section-404 .section-inner .section-text .body {
  font: 500 18px/28px navigo, sans-serif;
  letter-spacing: 0.5px;
  margin: 10px 0 0;
}
@media only screen and (min-width: 768px) {
  #section-404 .section-inner .section-text .body {
    font: 500 24px/45px navigo, sans-serif;
  }
}
#section-404 .section-inner .section-text .body a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 1024px) {
  #section-404 .section-inner .section-text .body {
    margin: 32px 0 0;
  }
}
#section-404 .background {
  opacity: 0;
  transition: opacity 500ms ease-in-out 250ms, transform 10000ms linear;
}
#section-404 .background:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: linear-gradient(175deg, rgba(16, 24, 32, 0.66) 0%, rgba(16, 24, 32, 0) 31%);
}
@media only screen and (min-width: 1024px) {
  #section-404 .background:before {
    background-image: linear-gradient(175deg, #000000, rgba(0, 0, 0, 0) 39%);
  }
}
#section-404.onview.viewed .background {
  opacity: 1;
}
#section-404 .section-inner:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(16, 24, 32, 0.14) 10%, #101820 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#section-404 .section-inner .section-text {
  z-index: 2;
  max-width: 520px;
}
#donate-bar {
  display: none;
}
@media only screen and (max-width: 767px) {
  #donate-bar {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    transform: translateY(100%);
    transition: transform 500ms ease-in-out;
  }
  body.mobile-scrolled #donate-bar {
    transform: translateY(0);
  }
  #donate-bar a {
    padding: 18px 0 12px;
    background: #13294B;
    display: block;
    height: 65px;
    text-align: center;
    color: #fff;
    font: 400 35px/35px alternate-gothic-no-2-d, sans-serif;
    text-transform: uppercase;
  }
  #donate-bar a span {
    vertical-align: top;
    text-align: left;
    display: inline-block;
    color: #0B7F99;
    height: 28px;
    line-height: 28px;
    width: 34px;
    font-size: 22px;
    margin-top: 0;
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes fadein {
  16.666666667% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  100% {
    opacity: 0;
  }
}
@keyframes fadeinout {
  16.666666667% {
    opacity: 1;
  }
  83.333333333% {
    opacity: 1;
  }
}