@charset "UTF-8";
/* Colors */
.gray {
  background-color: #D9D9D9;
}

.darkgray {
  background-color: #333;
}

.lightgray {
  background-color: #EDEDED;
}

.black {
  background-color: #000;
}

.white {
  background-color: #fff;
}

.green {
  background-color: #1C955F;
}

.darkblue {
  background-color: #00B1F0;
}

.blue {
  background-color: #0091C3;
}

.gold {
  background-color: #DDA31D;
}

.yellow {
  background-color: #EEAF1F;
}

.purple {
  background-color: #7E104E;
}

.red {
  background-color: #EB2C3B;
}

.orange {
  background-color: #EB5524;
}

.news-article, .page-content {
  padding: 2rem 2rem;
}

@media (min-width: 48em) {
  .news-article, .page-content {
    padding: 3rem 2rem;
  }
}

@media (min-width: 64em) {
  .news-article, .page-content {
    padding: 4rem 2rem;
  }
}

@media (min-width: 112.5em) {
  .news-article, .page-content {
    padding: 5rem 2rem;
  }
}

.secid {
  padding: 1.5rem;
}

@media (min-width: 64em) {
  .secid {
    padding: 2rem 1rem;
  }
}

.page-content > p,
.page-content > ul,
.page-content > ol {
  line-height: 1.8;
  font-size: 1.125rem;
  text-align: left;
  line-height: 1.4;
  font-weight: 300;
}

.page-content > p p, .page-content > ul p, .page-content > ol p {
  margin-bottom: 1rem;
}

.page-content > p p:last-of-type, .page-content > ul p:last-of-type, .page-content > ol p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .page-content > p p, .page-content > ul p, .page-content > ol p {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 64em) {
  .page-content > p,
  .page-content > ul,
  .page-content > ol {
    font-size: 1.125rem;
  }
  .page-content > p p, .page-content > ul p, .page-content > ol p {
    margin-bottom: 1.4rem;
  }
}

@media (min-width: 100em) {
  .page-content > p p, .page-content > ul p, .page-content > ol p {
    margin-bottom: 1.6rem;
  }
}

@media (min-width: 112.5em) {
  .page-content > p p, .page-content > ul p, .page-content > ol p {
    margin-bottom: 1.8rem;
  }
}

.hero-headline, .page-content > h2, .page-content h1.page-content-title,
.page-content h2.page-content-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
}

@media (min-width: 48em) {
  .hero-headline, .page-content > h2, .page-content h1.page-content-title,
  .page-content h2.page-content-title {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .hero-headline, .page-content > h2, .page-content h1.page-content-title,
  .page-content h2.page-content-title {
    font-size: 2.5rem;
  }
}

@media (min-width: 100em) {
  .hero-headline, .page-content > h2, .page-content h1.page-content-title,
  .page-content h2.page-content-title {
    font-size: 2.75rem;
  }
}

.secid-title, .episode-cards-text, .news-meta-title, .video-teaser, .page-content > h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.65rem;
  font-weight: 400;
}

@media (min-width: 48em) {
  .secid-title, .episode-cards-text, .news-meta-title, .video-teaser, .page-content > h3 {
    font-size: 1.8rem;
  }
}

@media (min-width: 64em) {
  .secid-title, .episode-cards-text, .news-meta-title, .video-teaser, .page-content > h3 {
    font-size: 2rem;
  }
}

@media (min-width: 100em) {
  .secid-title, .episode-cards-text, .news-meta-title, .video-teaser, .page-content > h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 112.5em) {
  .secid-title, .episode-cards-text, .news-meta-title, .video-teaser, .page-content > h3 {
    font-size: 3rem;
  }
}

.secid-subheadline, .episode-cards-item-headline {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

@media (min-width: 48em) {
  .secid-subheadline, .episode-cards-item-headline {
    font-size: 1.35rem;
  }
}

@media (min-width: 64em) {
  .secid-subheadline, .episode-cards-item-headline {
    font-size: 1.45rem;
  }
}

@media (min-width: 100em) {
  .secid-subheadline, .episode-cards-item-headline {
    font-size: 1.55rem;
  }
}

@media (min-width: 112.5em) {
  .secid-subheadline, .episode-cards-item-headline {
    font-size: 1.9rem;
  }
}

.secid {
  background: #000;
}

.secid-title {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 900;
}

.secid-title-link {
  color: #fff;
  display: block;
  transition: 0.3s color cubic-bezier(0.57, 0.2, 0.21, 0.89);
}

.secid-title-link:hover {
  color: #1C955F;
}

.secid-subheadline {
  font-family: #000;
  color: #fff;
  max-width: 48em;
  margin: 0 auto;
}

.content {
  max-width: 64em;
  width: 100%;
  background: #fff;
}

@media (min-width: 48em) {
  .content {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
  }
}

@media (min-width: 64em) {
  .content + .content-main {
    padding-left: 1rem;
    padding-right: 2rem;
  }
}

.content-main {
  padding: 0 1rem;
  text-align: left;
}

@media (min-width: 48em) {
  .content-main {
    padding: 1rem;
    width: 70%;
  }
}

@media (min-width: 64em) {
  .content-main {
    padding-left: 2rem;
  }
}

.content-sidebar {
  padding: 0;
  text-align: left;
}

@media (min-width: 48em) {
  .content-sidebar {
    width: 30%;
    padding: 1rem;
  }
}

.episode-intro-grid {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d2d2d2+0,ffffff+100 */
  background: #d2d2d2;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #d2d2d2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, #d2d2d2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, #d2d2d2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 );
  /* IE6-9 */
}

@media (min-width: 48em) {
  .episode-intro-grid {
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
}

.episode-intro-grid-photos {
  background: #333;
  overflow: hidden;
}

.episode-intro-grid-text {
  text-align: left;
  padding: 1.5rem;
}

@media (min-width: 48em) {
  .episode-intro-grid-text {
    padding: 4rem;
    font-size: 120%;
  }
}

.episode-intro-grid-text-embed {
  margin: 2rem 0 -1rem;
}

.episode-intro-grid-text-podcasts {
  display: flex;
  align-items: center;
  justify-content: left;
}

.episode-intro-grid-text-podcasts .platform-wrap {
  margin: 0 0 0 1rem;
}

.episode-intro-podcasts {
  margin: 2rem 0 0;
}

@media (min-width: 48em) {
  .episode-intro-podcasts {
    margin: 3rem 0 0;
  }
}

@media (min-width: 64em) {
  .episode-intro-podcasts {
    margin: 4rem 0 0;
  }
}

.episode-cards {
  background-color: #EDEDED;
}

.episode-cards-wrap {
  max-width: 64em;
  margin: 0 auto;
  padding: 2rem 1rem;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;
}

@media (min-width: 64em) {
  .episode-cards-wrap {
    padding: 4rem;
  }
}

.episode-cards-text {
  display: block;
  margin-bottom: 1rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #1C955F;
}

@media (min-width: 48em) {
  .episode-cards-text {
    margin-bottom: 2rem;
  }
}

.episode-cards-list {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  grid-gap: 1.5rem;
}

.episode-cards-list.single {
  display: block;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .episode-cards-list.single {
    width: 40%;
  }
}

.episode-cards-list-wrap {
  max-width: 64em;
  margin: 0 auto;
}

.episode-cards-item {
  background: #1C955F;
  border-radius: 1rem;
  padding: 1rem;
}

.episode-cards-item-thumb {
  width: 100%;
}

.episode-cards-item-thumb-img {
  width: 100%;
  display: block;
}

.episode-cards-item-headline {
  display: block;
  margin: 1rem 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #fff;
}

.photo-gallery {
  margin: 0;
}

.photo-gallery-headline {
  margin: 0;
}

.photo-gallery-list {
  position: relative;
  max-height: 300px;
}

@media (min-width: 48em) {
  .photo-gallery-list {
    max-height: 600px;
  }
}

.photo-gallery-item.slide {
  padding: 35% 0 0 0;
}

.photo-gallery-link {
  width: 100%;
  text-decoration: none !important;
}

.photo-gallery-img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media (min-width: 48em) {
  .photo-gallery-img {
    max-height: 600px;
  }
}

/* -------- Slide Controls -------- */
.slide-controls {
  cursor: pointer;
  font-size: 1.8em;
  position: absolute;
  top: 45%;
  transform: scale(1.5);
  z-index: 101;
  color: #fff;
  opacity: 1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 48em) {
  .slide-controls {
    font-size: 1.4em;
    top: 45%;
    opacity: .8;
  }
}

.slide-controls:hover {
  opacity: 1;
}

.prev-slide {
  left: 0;
  fill: #fff;
}

.next-slide {
  right: 0;
  fill: #fff;
}

.news-article {
  max-width: 64em;
  padding-top: 0;
  margin: 0 auto;
}

.news-meta {
  padding-bottom: 1rem;
  margin: 0 auto 1rem;
  max-width: 64em;
}

@media (min-width: 64em) {
  .news-meta {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}

.news-meta-date {
  margin-top: 1rem;
  display: block;
  font-size: .95rem;
}

.news-meta-title {
  color: #EB5524;
  font-weight: 600;
}

.news-body {
  text-align: left;
  max-width: 48em;
  margin: 0 auto;
}

.hero {
  background: #000;
  position: relative;
  color: #fff;
  z-index: 101;
  margin: 0 auto;
  overflow: hidden;
}

@media (min-width: 48em) {
  .hero-grid {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
  }
}

.hero-slider {
  position: relative;
  height: 100%;
}

@media (min-width: 48em) {
  .hero-slider {
    height: 800px;
  }
}

.hero-slider-initiate {
  position: relative;
}

.hero-slide {
  height: 70vh;
  position: relative;
}

@media (min-width: 48em) {
  .hero-slide {
    height: 800px;
    min-height: 44em;
  }
}

.hero-action {
  background: #EDEDED;
  padding: 2rem;
  text-align: left;
  color: #000;
}

@media (max-width: 64em) {
  .hero-action {
    padding: 2rem 2rem 5rem;
    text-align: center;
  }
}

@media (min-width: 48em) {
  .hero-action {
    flex: 1 1 35%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.hero-action iframe {
  width: 100% !important;
}

.hero-action-message {
  line-height: 1.35em;
}

.hero-action-message-button {
  margin-top: 1.5rem;
  text-align: center;
}

.hero-text {
  text-align: center;
  position: relative;
  z-index: 150;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  order: 1;
}

@media (min-width: 48em) {
  .hero-text {
    order: 0;
    width: 100%;
    text-align: center;
  }
}

.hero-overlay {
  height: auto;
  width: 100%;
  background: transparent;
  position: absolute;
  z-index: 100;
  bottom: 5%;
}

@media (min-width: 48em) {
  .hero-overlay {
    bottom: 10%;
  }
}

.hero-headline {
  color: #fff;
  font-weight: 700;
  width: 75%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: block;
  text-shadow: 0 0 35px #000000;
}

@media (min-width: 48em) {
  .hero-headline {
    width: 80%;
  }
}

.hero-headline strong {
  font-weight: 900;
}

.hero-intro {
  color: #fff;
  position: relative;
  max-width: 90%;
  background: #1C955F;
  display: inline-block;
  padding: .5rem 1rem;
  font-weight: 700;
  font-size: 130%;
  margin: 2rem auto 0;
}

@media (min-width: 64em) {
  .hero-intro {
    max-width: 64em;
  }
}

.hero-intro p {
  margin-bottom: 2rem;
}

.hero-intro p:last-child {
  margin-bottom: 0;
}

.hero-teaser {
  line-height: 1.25;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  text-shadow: 0 0 25px #000000;
  position: relative;
  top: -25px;
  max-width: 90%;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .hero-teaser {
    font-size: 1.15rem;
    margin: 0 auto;
    top: -50px;
    text-shadow: 0 0 35px #000000;
    max-width: 80%;
  }
}

@media (min-width: 100em) {
  .hero-teaser {
    top: -50px;
    max-width: 60%;
  }
}

.hero-cta {
  margin-top: .5rem;
  display: inline-block;
  text-align: center;
  position: relative;
  font-size: 150%;
  transform: scale(0.65);
}

@media (min-width: 48em) {
  .hero-cta {
    margin-top: 1.5rem;
    transform: scale(1);
  }
}

.hero-cta a.button {
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
}

.hero-cta .button-icon {
  fill: white;
  z-index: 100;
  position: relative;
}

.hero-embed {
  margin: 1rem auto 0;
  padding: 0 1.0rem;
  width: 100%;
  max-width: 360px;
}

@media (min-width: 48em) {
  .hero-embed {
    padding: 0 1.5rem;
    max-width: 600px;
  }
}

.hero-photo {
  width: 100%;
  z-index: 1;
  position: relative;
}

.hero-photo-grad {
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 110;
}

.hero-photo-aspect {
  position: relative;
  height: 70vh;
  overflow: hidden;
  opacity: .5;
}

@media (min-width: 48em) {
  .hero-photo-aspect {
    padding-top: 58.3333333333%;
  }
}

.hero-photo-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
  transition: 0.5s all cubic-bezier(0.57, 0.2, 0.21, 0.89);
  z-index: 100;
  object-fit: cover;
}

@media (min-width: 48em) {
  .hero-photo-img {
    object-fit: cover;
  }
}

.hero-controls-btn {
  background: transparent;
  width: 1.5rem;
  height: 2rem;
  padding: .25rem;
  margin: .25rem;
  border: none;
  outline: none;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 45%;
  z-index: 120;
}

@media (min-width: 48em) {
  .hero-controls-btn {
    margin: .5rem;
    width: 1.5rem;
    height: 2.15rem;
  }
}

.hero-controls-btn-svg {
  width: 100%;
  fill: #fff;
  transition: 0.3s fill cubic-bezier(0.57, 0.2, 0.21, 0.89);
}

.hero-controls-btn:hover .hero-controls-btn-svg {
  fill: #1C955F;
}

.hero-controls-next {
  left: .5rem;
}

@media (min-width: 64em) {
  .hero-controls-next {
    left: 1.5rem;
  }
}

.hero-controls-back {
  right: .5rem;
}

@media (min-width: 64em) {
  .hero-controls-back {
    right: 1.5rem;
  }
}

.video-block {
  background: #000;
  position: relative;
  color: #000;
  z-index: 101;
  margin: 0 auto;
  padding: 0;
}

.video-block-wrap {
  padding: 0rem;
}

@media (min-width: 48em) {
  .video-block-wrap {
    padding: 4rem 6rem;
  }
}

.video-block-wrap-grid {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
  grid-gap: 1.5rem;
}

@media (min-width: 48em) {
  .video-block-wrap-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4rem;
  }
}

@media (min-width: 48em) {
  .video-grid {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
  }
}

.video-slider {
  position: relative;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  padding: 0rem 12rem 2rem;
}

.video-slider-initiate {
  position: relative;
}

.video-slide {
  height: auto;
  position: relative;
}

.video-action {
  background: #EDEDED;
  padding: 2rem;
  text-align: left;
  color: #000;
}

@media (max-width: 64em) {
  .video-action {
    padding: 2rem 2rem 5rem;
    text-align: center;
  }
}

@media (min-width: 48em) {
  .video-action {
    flex: 1 1 35%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.video-action iframe {
  width: 100% !important;
}

.video-action-message {
  line-height: 1.35em;
}

.video-action-message-button {
  margin-top: 1.5rem;
  text-align: center;
}

.video-text {
  text-align: center;
  position: relative;
  z-index: 150;
  width: 100%;
  padding: 1rem;
}

.video-teaser {
  color: #fff;
  font-weight: 900;
  margin: .5rem auto 0;
  text-align: center;
  position: relative;
  display: block;
}

.video-embed {
  margin: 0 auto 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.video-controls-btn {
  background: transparent;
  width: 1.5rem;
  height: 2rem;
  padding: .25rem;
  margin: .25rem;
  border: none;
  outline: none;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 45%;
  z-index: 120;
}

@media (min-width: 48em) {
  .video-controls-btn {
    margin: .5rem;
    width: 2.5rem;
    height: 3rem;
  }
}

.video-controls-btn-svg {
  width: 100%;
  fill: #fff;
  transition: 0.3s fill cubic-bezier(0.57, 0.2, 0.21, 0.89);
}

.video-controls-btn:hover .hero-controls-btn-svg {
  fill: #1C955F;
}

.video-controls-next {
  left: 1.5rem;
}

@media (min-width: 64em) {
  .video-controls-next {
    left: 3.5rem;
  }
}

.video-controls-back {
  right: 1.5rem;
}

@media (min-width: 64em) {
  .video-controls-back {
    right: 3.5rem;
  }
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-content {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: #fff;
}

.page-content-fixed {
  max-width: 64em;
}

.page-content > p,
.page-content > ul,
.page-content > ol {
  max-width: 64em;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 1rem;
}

.page-content > ul,
.page-content > ol {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 64em) {
  .page-content > ul,
  .page-content > ol {
    margin-left: 1.5rem;
  }
}

.page-content > ul li,
.page-content > ol li {
  margin-bottom: .35rem;
}

.page-content > h1,
.page-content > h2,
.page-content > h3,
.page-content > h4,
.page-content > h5,
.page-content > h6 {
  max-width: 64rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 64em) {
  .page-content > h1,
  .page-content > h2,
  .page-content > h3,
  .page-content > h4,
  .page-content > h5,
  .page-content > h6 {
    max-width: none;
  }
}

.page-content > h2 {
  line-height: 1.2;
  font-weight: 900;
  margin-bottom: .5em;
}

.page-content > h3 {
  color: #7E104E;
  margin-bottom: .5em;
}

.page-content a {
  color: #1C955F;
  transition: 0.3s color cubic-bezier(0.57, 0.2, 0.21, 0.89);
}

.page-content a:hover {
  color: #00B1F0;
}

.page-content h1.page-content-title,
.page-content h2.page-content-title {
  font-weight: 700;
  color: #7E104E;
  line-height: 1 !important;
  max-width: 64rem;
}