/*
 * Why the Nativity - standalone stylesheet
 *
 * Converted from _assets/wtn/stylesheet.php. PHP-generated color values are
 * static because they were constants; language-specific overrides use :is().
 */
:root {
  --wtn-primary: #2c6165;
  --wtn-primary-bg: #e6ecec;
  --wtn-primary-border: #8dd6db;
  --wtn-red: #c00;
}
/*** Normalize Grid CSS ***/

#container {
  background: none;
}

#main_body {
  max-width: none;
}

.grid {
  max-width: none;
  width: 100%;
}

.grid > .col {
  width: 100%;
}

.grid > .col > .row > .col {
  margin: 0 auto;
}

.grid > .col > .row:not(.exempt) > .col {
  max-width: 1200px;
  width: 90%!important;
}

.grid > .col > .row:not(.padding-exempt) > .col {
  padding: 80px 0;
}
@media (max-width:800px) {
	.grid > .col > .row:not(.padding-exempt) > .col {
		padding: 50px 0;
	}
}

/*** End Normalize Grid CSS ***/

/*** Global ***/
html, body {
  background-attachment: fixed;
  background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1022/wtn/bkg.jpg');
  background-position: center;
  background-size: cover;
}

html, body, a, input, select, textarea, label {
  font-family: proxima-nova, sans-serif;
}

body.no-scroll {
  overflow: hidden;
}

iframe[name="digi-download"] {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  color: inherit;
  font-family: trajan-pro-3, serif;
  text-transform: none;
}

a, a:visited {
  color: var(--wtn-primary);
  font-size: inherit;
  font-weight: 300;
}

.nowrap {
	white-space: nowrap;
}

#wtn {
  width: 100%;
}

#wtn * {
  box-sizing: border-box;
}

#wtn p:not(.wtn-ci-body p),
#wtn li:not(.wtn-ci-body p) {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

#wtn li:not(:last-child),
#wtn p:not(:last-child) {
  margin-bottom: 12px;
}

#wtn li > ul {
  margin-top: 12px;
}

.inner {
  margin: 0 auto;
  width: 90%;
}

.img, .svg {
  display: block;
}

.img img,
.svg svg {
  display: block;
  width: 100%;
}

.source-svg {
	height: 0px;
	position: absolute;
	width: 0px;
}
.title,
.section-title {
  color: #2c6165;
  font-size: 29px;
  font-weight: 700;
  line-height: 28px;
}

.section-kicker {
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.subtitle,
.section-subtitle {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.section-title {
  margin-bottom: 20px;
  position: relative;
}

.section-title:not(.exempt)::after {
  background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1022/wtn/line2.svg');
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  content: "";
  display: block;
  height: 3px;
  margin-top: 12px;
  position: relative;
  width: 100%;
}

.section-subtitle {
  margin-bottom: 20px;
}

.section-title + .section-subtitle {
  margin-top: -10px;
}
@media (max-width:800px) {
	.section-title,
	.section-subtitle,
  .section-kicker {
		text-align: center;
	}
}

ul.dashed-list {
  list-style-type: none;
  margin-left: 0;
  padding-left: 17px;
}

ul.dashed-list > li::before {
  display: inline-block;
  content: "\2013";
  width: 1em;
  margin-left: -1em;
}

.bg-gray {
  background-color: #f5f5f5;
}

.bottom-divider::after {
  background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1022/wtn/Divider.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 12px;
  left: calc(50% - 273px);
  position: absolute;
  top: calc(100% - 6px);
  width: 558px;
}

@media(max-width: 620px) {
  .bottom-divider::after {
    left: 5%;
    width: 90%;
  }
}

[data-href], [data-scroll-to] {
  cursor: pointer;
}

/*** End Global ***/

/*** Social Links ***/

.social-links {
  align-items: center;
  display: flex;
}

.social-links a {
  align-items: center;
  color: var(--wtn-primary);
  display: flex;
  height: 32px;
  justify-content: center;
  margin-right: 6px;
  width: 32px;
}

.social-links a:hover svg:first-child,
.social-links a svg:last-child {
  display: none;
}

.social-links a:hover svg:last-child {
  display: block
}

/*** End Social Links ***/

/*** Header ***/

.wtn-main {
  padding-top: 90px;
}

.wtn-header {
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0,0,0,.1);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.wtn-header > .inner {
  display: flex;
  /*max-width: 1450px;*/
  padding: 12px 0;
  height: 90px;
}

.wtn-header .logo {
  align-items: center;
  color: var(--wtn-primary);
  display: flex;
  margin-right: 24px;
  width: 165px;
  font-size: large;
}

.wtn-header .wtn-nav {
  display: flex;
}

.wtn-header .wtn-nav-item.has-subnav {
  position: relative;
}

.wtn-header .wtn-subnav {
  display: none;
  left: 0;
  padding-top: 12px;
  position: absolute;
  top: 100%;
  z-index: 999;
}

.wtn-nav-item.has-subnav:hover .wtn-subnav {
  display: block;
}
.wtn-nav-item {
  margin-right: 24px;
  padding: 2px;
}

.wtn-nav-item.red .txt {
  color: var(--wtn-red);
}

.wtn-nav-item.has-subnav .wtn-nav-item {
  background-color: #fff;
  margin-right: 0;
  padding: 0px 24px;
}

.wtn-nav-item.has-subnav .wtn-nav-item:hover {
  background-color: var(--wtn-primary-bg);
}

.wtn-nav-item .txt {
  align-items: center;
  color: var(--wtn-primary);
  display: flex;
  font-size: 16px;
  min-height: 44px;
  text-decoration: none;
  white-space: nowrap;
}

.wtn-nav-item.has-subnav .wtn-nav-item .txt {
  min-height: 36px;
}

.wtn-nav-item .txt:hover:not(.active > .txt) {
  text-shadow: 0px 0px 1px var(--wtn-primary);
}

.wtn-nav-item.active > .txt {
  font-weight: 800;
}

.wtn-nav-item.has-subnav .wtn-nav-item.active > .txt {
  font-weight: 700;
}

.wtn-header .social-links {
  margin-left: auto;
  /*margin-right: 250px;*/
}

.wtn-header .mobile-nav-btn {
  display: none;
  left: 5%;
  position: absolute;
  top: 16px;
  width: 30px;
}

.wtn-mobile-nav {
  background-color: #fff;
  height: 100vh;
  left: -100vw;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: left .25s ease-out;
  width: 100vw;
  z-index: 10000;
}

.wtn-mobile-nav.active {
  left: 0;
  pointer-events: auto;
}

.wtn-mobile-nav > .inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 0;
  text-align: center;
}

.wtn-mobile-nav .mobile-nav-btn {
  color: var(--wtn-primary);
  height: 42px;
  padding: 12px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 42px;
}

.wtn-mobile-nav .logo {
  margin: 0 auto 60px;
  max-width: 165px;
}

.wtn-mobile-nav .social-links {
  margin-bottom: 50px;
  margin-top: auto;
}

.wtn-mobile-nav .wtn-nav-item {
  justify-content: center;
  margin-right: 0;
  padding: 10px 2px;
}

.wtn-mobile-nav .wtn-subnav {
  display: none;
}

.wtn-mobile-nav .wtn-nav-item .txt {
  font-size: 22px;
  justify-content: center;
}

@media(max-width: 850px){

  .wtn-header .social-links {
    display: none;
  }

}

@media(max-width: 620px){

  .wtn-main {
    padding-top: 66px;
  }

  .wtn-header .mobile-nav-btn {
    display: block;
  }

  .wtn-header .logo {
    margin-left: auto;
    margin-right: auto;
  }

  .wtn-header .wtn-nav {
    display: none;
  }
  
}

/*** End Header ***/

/*** Banner ***/

.row-banner {
  color: #fff;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  text-align: center;
}

.row-banner > .col {
  padding: 150px 0;
}

.row-banner > .col::before {
  background: radial-gradient(50% 35% at 50% 50%, rgba(0,0,0,.65), rgba(0,0,0,0));
  content: "";
  height: 100%;
  left: calc(50% - 300px);
  position: absolute;
  top: 0;
  width: 600px;
}

.row-banner .content-block {
  position: relative;
}

.row-banner .kicker {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.25em;
  margin-bottom: 8px;
}

.row-banner .wtn-logo {
  margin: 0 auto 24px;
  max-width: 520px;
}

.row-banner .description {
  font-size: 21px!important;
  font-weight: 500!important;
  margin-bottom: 24px!important;
}

.row-banner .cta-btn.primary,
.row-banner-alt .cta-btn.primary,
.row-standard-content-banner .cta-btn.primary {
  background-color: var(--wtn-primary)cc;
  border-color: var(--wtn-primary-border)cc;
  color: #fff!important;
}

.row-banner .cta-btn.primary:hover,
.row-banner-alt .cta-btn.primary:hover,
.row-standard-content-banner .cta-btn.primary:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--wtn-primary)!important;
}

.row-banner .cta-btn.secondary,
.row-banner-alt .cta-btn.secondary,
.row-standard-content-banner .cta-btn.secondary {
  background-color: #ffffffcc;
  border-color: #ffffffcc;
  color: var(--wtn-primary)!important;
}

.row-banner .cta-btn.secondary:hover,
.row-banner-alt .cta-btn.secondary:hover,
.row-standard-content-banner .cta-btn.secondary:hover {
  background-color: var(--wtn-primary);
  border-color: var(--wtn-primary);
  color: #fff!important;
}

@media(max-width: 600px){
  
  .row-banner .cta-btns,
  .row-standard-content-banner .cta-btns,
  .content-block .cta-btns {
    align-items: center !important;
    flex-direction: column !important;
  }

  .row-banner .cta-btn,
  .row-standard-content-banner .cta-btn,
  .content-block .cta-btn {
    display: inline-flex;
    margin-right: 0!important;
  }

  .row-banner .cta-btn:not(:last-child),
  .row-standard-content-banner .cta-btn:not(:last-child),
  .content-block .cta-btn:not(:last-child)
   {
    margin-bottom: 20px;
  }

}

/*** End Banner ***/

/*** Alt Banner ***/

.row-banner-alt {
  color: #fff;
  background-position: center;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}

.row-banner-alt > .col {
  padding: 150px 0;
}

.row-banner-alt > .col::before {
  background: radial-gradient(50% 60% at 50% 50%, rgba(0,0,0,.65), rgba(0,0,0,0));
  content: "";
  height: 100%;
  left: calc(50% - 300px);
  position: absolute;
  top: 0;
  width: 600px;
}

.row-banner-alt .wtn-logo {
  margin: 0 auto 24px;
  max-width: 450px;
}

.row-banner-alt .subtitle {
  font-family: trajan-pro-3;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 auto 24px;
  max-width: 630px;
}

/*** End Alt Banner ***/

/*** Where to Watch Items ***/

.where-to-watch-items {
  display: flex;
  margin: 30px auto 0;
  max-width: 1000px
}

.where-to-watch-item {
  text-align: center;
}

.where-to-watch-item .img {
  margin: 0 auto 15px!important;
}

.where-to-watch-item .img img {
  height: 60px;
  margin: 0 auto;
  width: auto;
}

.where-to-watch-item .title {
  color: #000;
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1em;
  margin-bottom: 5px;
}

.where-to-watch-item p {
  font-size: 16px!important;
  line-height: 1.2em!important;
  text-decoration: underline;
}

.where-to-watch-item .available-now {
  text-decoration: none;
}

.where-to-watch-item p:not(:last-child) {
  margin-bottom: 16px!important;
}
/***Journalism Articles on Media Page ***/

.article-boxes {
    text-align: left;
}

.article-box-container {
    display: flex;
    width: calc(33% - 20px);
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
}

.article-box {
    width: 100%!important;
    margin-bottom: 10px!important;
}

.article-box h2 {
  margin-bottom: 0!important;
  margin-left: 0!important;
  margin-right: 0!important;
  max-width: none!important;
}

@media(min-width: 731px) {

  .where-to-watch-item {
    flex: 1;
    padding: 10px 20px;
  }

  .where-to-watch-item:not(:last-child) {
    border-right: 1px solid #dfdfdf;
  }

}

@media(min-width: 671px) and (max-width: 730px) {

  .where-to-watch-items {
    flex-wrap: wrap;
    justify-content: center;
  }

  .where-to-watch-item {
    padding: 20px 20px;
    width: 33%;
  }

  .where-to-watch-item:not(:nth-child(3n)):not(:last-child) {
    border-right: 1px solid #dfdfdf;
  }

}

@media(min-width: 471px) and (max-width: 670px) {

  .where-to-watch-items {
    flex-wrap: wrap;
    justify-content: center;
  }

  .where-to-watch-item {
    padding: 20px 20px;
    width: 50%;
  }

  .where-to-watch-item:not(:nth-child(even)):not(:last-child) {
    border-right: 1px solid #dfdfdf;
  }

}

@media(max-width: 470px) {

  .where-to-watch-items {
    flex-direction: column;
  }

  .where-to-watch-item {
    padding: 20px 0px;
  }

  .where-to-watch-item:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
  }

}

/*** End Where to Watch Items ***/

/*** Quote ***/

.row-quote {
  color: var(--wtn-primary);
  font-family: trajan-pro-3;
  text-align: center;
}

.row-quote > .col {
  max-width: 800px;
  width: 90%!important;
}

#wtn .row-quote .txt {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 18px;
}

.row-quote .author {
  margin-bottom: 0!important;
}

/*** End Quote ***/

/*** Boxes ***/

.boxes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

.box {
  box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
  cursor: pointer;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  width: calc(50% - 15px);
}

.box:not(.tri-boxes .box):not(.quad-boxes .box):not(.article-boxes .box):nth-child(odd) {
  margin-right: 30px;
}

.tri-boxes .box {
  width: calc(33% - 20px);
}

.tri-boxes.article-boxes .article-box-container:not(:nth-child(3n)),
.tri-boxes .box:not(.article-box):not(:nth-child(3n)) {
  margin-right: 30px;
}

.quad-boxes .box {
  width: calc(25% - 15px);
}

.quad-boxes .box:not(:nth-child(4n)) {
  margin-right: 15px;
}

.box-bg {
  background-position: center;
  background-size: cover;
  height: 0;
  padding-bottom: 54.43%;
  transition: transform .25s ease-out;
}

.box-bg::after {
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
  background-image: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
  bottom: 0;
  content: "";
  max-height: 9rem;
  height: 100%;
  left: 0;
  right: 0;
  top: auto;
  pointer-events: none;
  position: absolute;
}

.box:hover .box-bg {
  transform: scale(1.05);
}

.box .icon {
  color: #fff;
  height: 16.8px;
  position: absolute;
  right: 16px;
  top: 4px;
  width: 24px;
}

.box .icon svg {
  -webkit-filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));
}

.box-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  padding: 16px;
  position: absolute;
  top: 0;
  width: 100%;
}

.box a {
  color: #fff;
  text-decoration: none;
}

.box-title a {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.box-description a {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25em;
}

@media(max-width: 1040px){

  .quad-boxes .box {
    width: calc(50% - 30px);
  }
  
  .quad-boxes .box:not(:nth-child(4n)) {
    margin-right: 30px;
  }

}

@media(max-width: 980px){

  .tri-boxes {
    flex-direction: column;
  }

  .article-boxes .article-box-container,
  .tri-boxes .box {
    width: 100%;
  }
  
  .tri-boxes.article-boxes .article-box-container:not(:nth-child(3n)),
  .tri-boxes .box:not(:nth-child(3n)) {
    margin-right: 0;
  }

}

@media(max-width: 800px){

  .boxes {
    flex-direction: column;
  }

  .box {
    margin-right: 0!important;
    width: 100%!important;
  }
  .desktop-row-mobile-col {
    align-items: center !important;
    flex-direction: column !important;
    gap: 1em;
  }

}

@media(max-width: 650px) {
  .box-description {
    display: none;
  }
}

/*** End Boxes ***/

/*** CTA Buttons ***/

.cta-btns {
  display: flex;
  justify-content: center;
}

.form-submit,
.cta-btn {
  align-items: center;
  border: 2px solid;
  border-radius: 50px;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
  display: flex;
  font-size: 18px;
  font-weight: 800;
  padding: 12px 30px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .25s ease-out,
              background-color .25s ease-out,
              border-color .25s ease-out;
}

.cta-btn:not(:last-child) {
  margin-right: 16px;
}

.form-submit,
.cta-btn.primary {
  background-color: var(--wtn-primary);
  border-color: var(--wtn-primary-border);
  color: #fff!important;
}

.form-submit:hover,
.cta-btn.primary:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--wtn-primary)!important;
}

.cta-btn.secondary {
  background-color: #fff;
  border-color: #fff;
  color: var(--wtn-primary)!important;
}

.cta-btn.secondary:hover {
  background-color: var(--wtn-primary);
  border-color: var(--wtn-primary);
  color: #fff!important;
}

.cta-btn .icon {
  width: 14px;
}

.cta-btn .icon:first-child {
  margin-right: 7.5px;
}

.cta-btn .icon:last-child {
  margin-left: 7.5px;
}

.cta-btn .tag {
  background-color: #eeb54f;
  border-radius: 50px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.2);
  color: #000;
  font-size: 11px;
  left: calc(50% - 58px);
  padding: 2px 12px;
  position: absolute;
  top: -12px;
}

/*** End CTA Buttons ***/

/*** Movie Info ***/

.row-movie-info .col-img {
  margin-right: 40px;
  width: calc(40% - 40px);
}

.row-movie-info .col-txt {
  margin-right: 40px;
  width: calc(35% - 20px);
}

.row-movie-info .col-info {
  width: calc(25% - 20px);
}

.row-movie-info .cta-btns {
  justify-content: flex-start;
  margin-bottom: 30px;
}

.movie-details {
  margin-bottom: 18px;  
}

#wtn .movie-details p {
  font-size: 19px;
}

.movie-info {
  list-style: none;
  margin: 30px 0 0 0;
  padding-left: 0;
}

.movie-info h2 {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px;
  padding-bottom: 8px;
  text-transform: uppercase;
}

.movie-info p {
  font-size: 18px;
  padding-bottom: 24px;
}

@media(max-width: 800px) {

  .row-movie-info > .col > .row {
    align-items: center;
    flex-direction: column;
  }

  .row-movie-info > .col > .row > .col {
    margin-right: 0;
    width: 100%!important;
  }

  .row-movie-info > .col > .row > .col:not(:last-child) {
    margin-bottom: 30px;
  }

  .row-movie-info > .col > .row > .col-img {
    max-width: 300px;
  }

  .row-movie-info > .col > .row > .col-txt {
    margin-bottom: 60px!important;
    max-width: 600px;
    text-align: center;
  }

  .row-movie-info > .col > .row > .col-txt .cta-btns {
    justify-content: center;
  }

  .row-movie-info > .col > .row > .col-txt p:not(.movie-details p) {
    text-align: left;
  }

  .row-movie-info > .col > .row > .col-info {
    max-width: 240px;
    text-align: center;
  }

}

/*** End Movie Info ***/

/*** Cast Boxes ***/

.cast-boxes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

.cast-box {
  background-color: #fff;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
  margin-bottom: 30px;
  width: calc(16.66% - 12.5px);
}

@media(min-width: 1000px){

  .cast-box {
    width: calc(16.66% - 12.5px);
  }

  .cast-box:not(:nth-child(6n)) {
    margin-right: 15px;
  }

}

@media(min-width: 500px) and (max-width: 999px){

  .cast-box {
    width: calc(33.33% - 10px);
  }

  .cast-box:not(:nth-child(3n)) {
    margin-right: 15px;
  }

}

@media(max-width: 499px){

  .cast-box {
    width: calc(50% - 7.5px);
  }

  .cast-box:not(:nth-child(even)) {
    margin-right: 15px;
  }

}

.cast-box > .inner {
  width: 100%;
}

.cast-box .txt {
  padding: 16px;
}

.cast-box h2,
.cast-box h3 {
  font-family: proxima-nova;
  line-height: 1.1em;
}

.cast-box h2 {
  font-size: 18px;
  font-weight: 700;
}

.cast-box h3 {
  font-size: 14px;
  font-weight: 400;
}

/*** End Cast Boxes ***/

/*** Standard Content ***/

.row-standard-content {
  background-position: center;
  background-size: cover;
}

.row-standard-content > .col > .row > .col:first-child {
  margin-right: 60px;
}

.row-standard-content .col-txt {
  width: calc(55% - 30px)!important;
}


.row-standard-content .col-img {
  width: calc(45% - 30px)!important;
}

.row-standard-content:not(.row-standard-content-banner) .cta-btns {
  justify-content: flex-start;
  margin-top: 30px;
}

.row-standard-content .col-txt h3 {
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  margin-top: 20px;
}

.row-standard-content .col-txt .img.mobile-only {
  display: none;
  margin-bottom: 30px;
}

@media(max-width: 800px){


  .row-standard-content > .col > .row {
    align-items: center;
    flex-direction: column;
  }

  .row-standard-content > .col > .row > .col:first-child {
    margin-right: 0;
  }

  .row-standard-content .col-img {
    margin-bottom: 30px;
    order: 1;
    text-align: center;
    width: 100%!important;
  }

  .row-standard-content .col-img.desktop-only {
    display: none;
  }

  .row-standard-content .col-txt .img.mobile-only {
    display: block;
  }

  .row-standard-content .col-txt {
    order: 2;
    width: 100%!important;
  }

  .row-standard-content:not(.row-standard-content-banner) .cta-btns {
    justify-content: center;
  }
  
  .disclaimer {
	  text-align: center;
  }

}

/*** End Standard Content ***/

/*** Standard Content Banner ***/

.row-standard-content-banner > .col > .row {
  align-items: center;
  text-align: center;
}

.row-standard-content-banner .wtn-logo {
  color: #fff;
  display: none;
  margin: 0 auto 20px;
  max-width: 220px;
}

.row-standard-content-banner h1 {
  color: #fff;
  font-size: 42px;
  font-weight: 600;
}

.row-standard-content-banner h2 {
  color: #fff;
  font-family: proxima-nova;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.row-standard-content-banner .cta-btns {
  margin-top: 30px;
}

/*** End Standard Content Banner ***/

/*** Signup Form ***/

.row-signup {
  text-align: center;
}

.row-signup .subtitle {
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
}

.form {
  margin: 20px auto 0;
  max-width: 550px;
  text-align: left;
}

.form-row {
  display: flex;
}

.form-row-submit {
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.form-row:not(:last-child) {
  margin-bottom: 20px;
}

.input-container {
  border: 1px solid #dfdfdf;
  display: block;
  position: relative;
  width: 100%;
}

wtn-main:is([lang="he"], [lang="ar"], [lang="fa"]) .input-container:not(:first-child) {
  margin-left: 20px !important;
  margin-right: 0px !important;
}

wtn-main:not([lang="he"], [lang="ar"], [lang="fa"]) .input-container:not(:last-child) {
  margin-right: 20px;
}

.input-container .label {
  cursor: pointer;
  left: 12px;
  font-size: 18px;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  top: 9px;
  text-overflow: ellipsis;
  transition: all .25s ease-out;
  white-space: nowrap;
  width: calc(100% - 24px);
}

.input-container input,
.input-container textarea,
.input-container select {
  background-color: #fff;
  border: none;
  font-size: 18px;
  outline: none;
  padding: 12px 12px 4px 12px;
  width: 100%;
}

.input-container input.hidden,
.input-container textarea.hidden,
.input-container select.hidden {
  display: none;
}

.input-container.active {
  border-color: var(--wtn-primary);
}

.input-container.has-input .label,
.input-container.active .label {
  color: var(--wtn-primary);
  font-size: 10px;
  font-weight: 500;
  top: 0px;
}

.input-container.error input,
.input-container.error textarea,
.input-container.error select {
  background-color: #ffdddd;
}

.input-container.error .label {
  color: #c00;
}

.input-container .error {
  color: #c00;
  font-size: 11px;
  left: 12px;
  position: absolute;
  top: 100%;
}

.input-container .note {
  display: block;
  font-size: 11px;
  line-height: 12px;
  padding: 2px 12px;
}

.form-submit {
  position: relative;
}

.loading .form-submit {
  pointer-events: none;
}

.loading .form-submit .txt {
  opacity: 0;
}

.form-submit .loading {
  font-size: 24px;
  left: calc(50% - 12px);
  opacity: 0;
  position: absolute;
  top: calc(50% - 12px);
}

.loading .form-submit .loading {
  opacity: 1;
}

.disclaimer {
  font-size: 12px!important;
  margin-top: 8px;
}

.radio-container,
.checkbox-container {
  align-items: center;
  border: none;
  display: flex;
}

.radio-container .label,
.checkbox-container .label {
  position: static;
  white-space: normal;
  width: auto;
}

.radio-container input,
.checkbox-container input {
  height: 22px;
  margin-right: 20px;
  margin-top: 2px;
  min-width: 22px;
  width: 22px;
}

@media(max-width: 500px){

  .form-row {
    flex-direction: column;
  }

  .input-container:not(:last-child) {
    margin-bottom: 20px;
    margin-right: 0;
  }
  
  .radio-container input,
  .checkbox-container input {
	  margin-top: 0;
  }

}

.form-container.show-confirmation .form-content,
.form-container .form-confirmation {
  display: none;
}

.form-container.show-confirmation .form-confirmation {
  display: block;
}

/*** End Signup Form ***/

/*** News Boxes ***/

.news-boxes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

.news-box {
  background-color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
  margin-bottom: 30px;
  width: calc(25% - 22.5px);
}

.news-box:not(:nth-child(4n)) {
  margin-right: 30px;
}

.news-box-img {
  overflow: hidden;
  position: relative;
}

.news-box-bg {
  height: 0;
  padding-bottom: 54.4%;
  transition: transform .25s ease-out;
}

.news-box-bg::after {
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
  background-image: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
  bottom: 0;
  content: "";
  max-height: 5rem;
  height: 100%;
  left: 0;
  right: 0;
  top: auto;
  pointer-events: none;
  position: absolute;
}

.news-box-duration {
  bottom: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  right: 8px;
  z-index: 2;
}

.news-box:hover .news-box-bg {
  transform: scale(1.05);
}

.news-box-content {
  padding: 24px;
}

.news-box-kicker a {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 8px;
  text-decoration: none;
  text-transform: uppercase;
}

.news-box-title a {
  font-size: 18px;
  font-weight: 800;
  line-height: 18px;
  text-decoration: none;
  text-transform: uppercase;
}

.news-box-description a {
  color: #000;
  font-size: 16px;
  text-decoration: none;
}

@media(max-width: 950px) {

  .news-boxes {
    flex-direction: column;
  }

  .news-box {
    width: 100%;
  }

  .news-box:not(:nth-child(4n)) {
    margin-right: 0;
  }

}

/*** End News Boxes ***/

/*** Image Gallery ***/

.image-gallery-container .image-gallery {
  display: none;
}

.image-gallery-container .image-gallery.selected {
  display: block;
}

.image-gallery {
  position: relative;
  width: 100%;
}

.image-gallery .images {
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.image-gallery .images::after {
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
  background-image: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
  bottom: 0;
  content: "";
  max-height: 9rem;
  height: 100%;
  left: 0;
  right: 0;
  top: auto;
  pointer-events: none;
  position: absolute;
}

.image-gallery .image {
  background: #000;
  background-position: center;
  background-size: cover;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: .35s left ease-out;
  width: 100%;
}

.image-gallery .arrow {
  background-color: var(--wtn-primary);
  border: 2px solid var(--wtn-primary-border);
  border-radius: 100%;
  box-shadow: 0px 0px 5px rgba(0,0,0,.2);
  color: #fff;
  -webkit-filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .2));
  filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .2));
  height: 40px;
  padding: 8px;
  position: absolute;
  top: calc(50% - 20px);
  transition: background-color .25s ease-out, border-color .25s ease-out, color .25s ease-out;
  width: 40px;
}

.image-gallery .arrow:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--wtn-primary);
}

.image-gallery .arrow-next {
  right: -18px;
}

.image-gallery .arrow-prev {
  left: -18px;
}

.image-gallery .image-content {
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 16px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.image-content .image-title {
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  font-weight: 800;
  margin-top: auto;
  text-transform: uppercase;
}

.image-content .image-description {
  font-size: 16px!important;
  font-weight: 300;
  line-height: 1.25em!important;
}

.image-gallery .image-count {
  background-color: rgba(0,0,0,.5);
  border-radius: 50px;
  bottom: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  padding: 2px 8px;
  position: absolute;
  right: 10px;
}

.image-gallery[data-dir="next"] .slide-out {
  animation: slide-out-left .35s ease-out 1 normal forwards;
}

.image-gallery[data-dir="prev"] .slide-out {
  animation: slide-out-right .35s ease-out 1 normal forwards;
}

.image-gallery[data-dir="next"] .slide-in {
  animation: slide-in-left .35s ease-out 1 normal forwards;
}

.image-gallery[data-dir="prev"] .slide-in {
  animation: slide-in-right .35s ease-out 1 normal forwards;
}

@keyframes slide-in-left {
  from {
    left: 100%;
  }

  to {
    left: 0;
  }
}

@keyframes slide-in-right {
  from {
    left: -100%;
  }

  to {
    left: 0;
  }
}

@keyframes slide-out-left {
  from {
    left: 0;
  }

  to {
    left: -100%;
  }
}

@keyframes slide-out-right {
  from {
    left: 0;
  }

  to {
    left: 100%;
  }
}

/*** End Image Gallery ***/

/*** Church Kit Banner ***/

.church-kit-banner {
  background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1024/wtn-updates/RTWD-Header-Bkgd.jpg');
  background-position: right;
}

.church-kit-banner > .col {
  padding: 150px 0!important;
}

.church-kit-banner > .col > .row > .col:first-child {
  margin-right: 0;
}

.row-outreach-banner .cta-btns,
.church-kit-banner .cta-btns {
  justify-content: flex-start;
}

.row-outreach-banner h1,
.church-kit-banner h1 {
  line-height: 52px;
}

.church-kit-banner h2 {
  font-size: 17px;
  font-weight: 300;
  letter-spacing: .02em;
}

.church-kit-banner h2 strong {
  font-weight: 600;
}

@media(min-width: 801px){

  .church-kit-banner .col-txt {
    max-width: 560px;
    width: 100%!important;
  }

}

@media(max-width: 675px){
  .church-kit-banner {
    background-position: center;
  }
  .church-kit-banner > .col {
	  padding: 80px 0 !important;
  }  
}

@media(min-width: 601px) {
  .row-outreach-banner .col-txt,
  .church-kit-banner .col-txt {
    text-align: left;
  }
}

/*** End Church Kit Banner ***/

/*** Where to Watch ***/

.where-to-watch .col-txt {
  margin: 0 auto;
  max-width: 650px;
}

.where-to-watch .img {
  margin-top: 30px;
}

.where-to-watch .mobile {
  display: none;
}

@media(max-width: 850px) {

  .where-to-watch .desktop {
    display: none;
  }

  .where-to-watch .mobile {
    display: block;
  }

}

/*** End Where to Watch ***/

/*** Info Txt ***/

.row-info-txt {
  text-align: center;
}

/*** End Info Txt ***/

/*** Center Txt ***/

.row-center-txt {
  text-align: center;
}

.row-center-txt h2 {
  color: #2c6165;
  font-size: 29px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}

.row-center-txt .cta-btns {
  margin-top: 30px;
}

.row-center-txt .cta-btns + .cta-btns {
  margin-top: 20px;
}

.row-center-txt .cta-btns + a {
  display: block;
  margin-top: 20px;
}

/*** End Center Txt ***/

/*** Image ***/

.row-img {
  background-position: center;
  background-size: cover;
}

/*** End Image ***/

/*** Banner Txt ***/

.row-banner-txt {
  text-align: center;
}

.row-banner-txt h2 {
  color: var(--wtn-primary);
  font-size: 29px;
  margin: 0 auto;
}

/*** End Banner Txt ***/

/*** Compare ***/

.row-compare > .col > .row {
  align-items: stretch;
}

.row-compare > .col > .row > .col:first-child {
  padding-right: 40px;
}

.row-compare > .col > .row > .col:first-child::after {
  background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1022/wtn/line-vertical.svg');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  right: -1.5px;
  position: absolute;
  top: 0;
  width: 3px;
}

.row-compare > .col > .row > .col:last-child {
  padding-left: 40px;
}

.row-compare h2 {
  font-family: 'proxima-nova';
  font-size: 14px;
  font-weight: 100;
  letter-spacing: .1em;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}

.row-compare h2 span {
  color: var(--wtn-primary);
  font-size: 34px;
  font-family: 'trajan-pro-3';
  font-weight: 700;
}

@media(max-width: 800px) {

  .row-compare > .col > .row {
    flex-direction: column;
  }

  .row-compare > .col > .row > .col {
    padding: 0!important;
    width: 100%!important;
  }

  .row-compare > .col > .row > .col:not(:last-child) {
    margin-bottom: 60px;
  }

  .row-compare > .col > .row > .col:first-child::after {
    display: none;
  }



}

/*** End Compare ***/

/*** Gleam.io ***/

.row-gleamio {
  text-align: center;
}

/*** End Gleam.io ***/

/*** FAQ ***/

.faq-title {
  font-family: 'proxima-nova', sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.faq-section .faqs {
  list-style: none;
  margin-bottom: -30px;
  padding: 0;
}

.faq-section .faq {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  cursor: pointer;
  margin-bottom: 20px!important;
  padding: 16px;
}

.faq-section .question {
  color: var(--wtn-primary);
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
}

.faq-section .answer {
  display: none;
}

@media(max-width: 800px) {

  .row-faq > .col > .row {
    flex-direction: column;
  }

  .row-faq > .col > .row > .col {
    width: 100%!important;
  }

  .row-faq > .col > .row > .col:not(:last-child) {
    margin-bottom: 60px;
  }

}

/*** End FAQ ***/

/*** Bg Video ***/

.row-bg-video {
  position: relative;
}

.row-bg-video > .col {
  position: relative;
  z-index: 2;
}

.bg-video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.bg-video video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/*** End Bg Video ***/

/*** Trailers ***/

.row-trailers {
  color: #fff;
}

.video-player {
  padding-bottom: 56.25%;
  position: relative;
}

.video-player .video-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  left: 0;
  padding: 16px;
  position: absolute;
  top: 0;
  transition: opacity .25s ease-out;
  width: 100%;
  z-index: 2;
}

.video-player.playing .video-content {
  opacity: 0;
  pointer-events: none;
}

.video-player .video-content::after {
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
  background-image: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
  bottom: 0;
  content: "";
  max-height: 9rem;
  height: 100%;
  left: 0;
  right: 0;
  top: auto;
  pointer-events: none;
  position: absolute;
}

.video-content * {
  z-index: 1;
}

.video-content .video-title {
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  font-weight: 800;
  margin-top: auto;
  text-transform: uppercase;
}

.video-content .video-description {
  font-size: 16px!important;
  font-weight: 300;
  line-height: 1.25em!important;
}

.video-player .video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.video-player .video video {
  height: 100%;
  width: 100%;
}

.video-player .video-icon {
  color: #fff;
  height: 80px;
  left: calc(50% - 30px);
  position: absolute;
  top: calc(50% - 40px);
  width: 60px;
}

.video-player .video-icon svg {
  -webkit-filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));
}

.image-gallery-selector-container,
.video-selector-container {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.image-gallery-selector,
.video-selector {
  border: 2px solid var(--wtn-primary);
  border-radius: 50px;
  display: inline-flex;
  overflow: hidden;
  position: relative;
}

.image-gallery-option,
.video-option {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1em;
  padding: 12px 24px;
  border-radius: 60px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: .25s ease-out color;
  transition: all 0.25s ease;
  z-index: 1;
}

.image-gallery-option:first-child,
.video-option:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.image-gallery-option:last-child,
.video-option:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 00px;
}

.video-option .hidden {
  display: none;
}

.image-gallery-option.selected,
.video-option.selected {
  color: #fff;
  background: var(--wtn-primary);
  transition: all 0.25s ease;
}


.image-gallery-selector .selected-bg,
.video-selector .selected-bg {
  background-color: var(--wtn-primary);
  border-radius: 50px;
  height: 100%;
  left: 0;
  max-width: 0px;
  position: absolute;
  top: 0;
  transition: .25s ease-out left, .25s ease-out max-width;
  width: 100%;
  display: none !important;
}

/*** End Trailers ***/

/*** Outreach Banner ***/

.row-outreach-banner {
  background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1022/wtn/outreach-team/Outreach-Team-Topper.jpg');
  background-position: top center;
}
.row-outreach-banner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1e0904;
	opacity: 0.3;
	z-index: 1;
}
.row-outreach-banner > * {
	position: relative;
	z-index: 2;
}

.row-outreach-banner .col-img {
  margin-top: -80px;
}

.volunteer-badge {
  margin: 0 auto;
  max-width: 218.5px;
  position: relative;
  width: 100%;
}

.volunteer-badge img {
  display: block;
  margin-left: 4.36%;
  width: 100%;
}

.volunteer-badge .name {
  font-family: 'proxima-nova';
  font-size: 20px;
  font-weight: 800;
  left: 0;
  letter-spacing: 0.01em;
  position: absolute;
  top: 55.25%;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

/*** End Outreach Banner ***/

/*** Footer ***/

.wtn-footer {
  background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1022/wtn/WTN-Footer%20-%20v3.png');
  background-position: top center;
  background-size: cover;
  color: #fff;
  text-align: center;
}

.wtn-footer > .inner {
  padding: 200px 0 80px;
}

.wtn-footer-header {
  font-size: 18px;
  text-transform: uppercase;
}

.wtn-footer-txt,
.wtn-footer-txt a {
  color: #fff;
  font-size: 18px;
}

.wtn-footer .copyright {
  font-size: 12px!important;
  margin-top: 16px;
}

.wtn-footer .social-links {
  display: inline-flex;
  margin: 10px auto 30px;
}

.wtn-footer .social-links a {
  height: 45px;
  margin-right: 0;
  width: 45px;
}

.wtn-footer .press-room-link {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 30px;
  text-decoration: none;
}

.wtn-footer .cta-links {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.wtn-footer .cta-link:not(:last-child) {
  margin-right: 30px;
}

/*** End Footer ***/

/*** Video Overlay ***/

#video_overlay {
  background-color: rgba(0,0,0,.9);
  color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow-y: scroll;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .25s ease-out;
  width: 100%;
  z-index: 10000;
}

#video_overlay.active {
  opacity: 1;
  pointer-events: auto;
}

#video_overlay .inner {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  max-width: 1200px;
  min-height: 100%;
  padding: 42px 0;
  width: 90%;
}

#video_overlay .close-video-overlay {
  color: #fff;
  height: 42px;
  padding: 12px;
  position: fixed;
  right: 5px;
  top: 0px;
  width: 42px;
  z-index: 100;
}

#video_overlay .video {
  position: relative;
  width: 100%;
}

#video_overlay.is-portrait .video {
  max-width: 350px;
  margin: 0 auto;
}

#video_overlay .play {
  color: #fff;
  display: none;
  height: 80px;
  left: calc(50% - 30px);
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: calc(50% - 40px);
  width: 60px;
  z-index: 1;
}

#video_overlay.playing .play {
  opacity: 0;
  pointer-events: none;
}

#video_overlay .close-video-overlay svg,
#video_overlay .play svg {
  -webkit-filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));
}

/* #video_overlay .video video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
} */

#video_overlay .video-details {
  padding: 30px;
  text-align: center;
}

#video_overlay .video-title {
  font-size: 34px;
  font-weight: 400;
  line-height: 34px;
}

#video_overlay .video-subtitle {
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-top: 4px;
  text-transform: uppercase;
}

#video_overlay .video-description {
  margin-top: 12px;
}

#video_overlay .flowplayer .fp-controls {
  background: none;
}

#video_overlay .flowplayer.is-playing .controls .btn-play {
  display: none;
}
#video_overlay .flowplayer.is-paused .controls .btn-play {
  display: block;
}
#video_overlay .flowplayer.is-paused .controls .btn-pause {
  display: none;
}
#video_overlay .flowplayer.is-playing .controls .btn-pause {
  display: block;
}

#video_overlay .flowplayer {
	border-radius: 0;
}
#video_overlay .flowplayer * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#video_overlay .fp-playlist,
#video_overlay .fp-share {
	display: none;
}
#video_overlay .fp-logo {
    top: 1em;
    left: 1em;
	width: 40%;
	max-width: 150px;
}
#video_overlay .flowplayer.is-ready:not(.is-poster) {
	background: none;
}

#video_overlay .flowplayer.is-fullscreen .fp-player {
  background: #000;
}

/*** End Video Overlay ***/

/*** Content Item ***/

.wtn-content-item > .inner {
  max-width: 850px;
  padding: 80px 0;
  width: 100%;
  align-items: flex-start;
}

.wtn-ci-image {
  margin-bottom: 24px;
}

.wtn-ci-header > .inner,
.wtn-ci-body > .inner {
  max-width: 650px;
}

.wtn-ci-header {
  margin-bottom: 60px;
}

.wtn-ci-header .kicker {
  color: var(--wtn-primary);
  font-family: 'proxima-nova', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .03em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.wtn-ci-header .title {
  color: var(--wtn-primary);
  font-size: 36px;
  line-height: 47px;
}

.wtn-ci-header .subtitle {
  display: none;
  font-family: 'trajan-pro-3', serif;
  font-size: 22px;
  font-weight: 600;
}

.wtn-ci-header .author {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
  margin-top: 10px;
}

.wtn-ci-header .date-share {
  align-items: flex-end;
  display: flex;
  margin-top: 10px;
}

.wtn-ci-header  .date {
  font-size: 18px;
}

.wtn-ci-header .social-links {
  margin-left: auto;
}

.wtn-ci-body p,
.wtn-ci-body li {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6em;
}

.wtn-ci-body p:not(:last-child),
.wtn-ci-body li:not(:last-child) {
  margin-bottom: 20px;
}

.wtn-ci-body .heading {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: .02em;
	margin-bottom: 20px;
}

.wtn-ci-body .big-text {
	font-size: 24px;
	line-height: 1.45;
}

.wtn-ci-body .opening-line {
	font-size: 24px;
}

.wtn-ci-body .indent-all {
	margin-left: 30px;
	margin-right: 30px;
}

.wtn-ci-body .callout {
  color: var(--wtn-primary);
  font-family: trajan-pro-3, serif;
	font-size: 28px;
  font-weight: 600;
	margin: 120px 0!important;
	text-align: center;
}

.wtn-ci-body .footnote {
	font-size: 12px;
	margin-bottom: 10px;
	word-break: break-word;
}

@media(max-width: 620px) {

  .wtn-content-item {
    overflow: hidden;
  }

  .wtn-ci-image img {
    margin-left: -10vw;
    width: calc(100% + 20vw);

  }

}

/*** End Content Item ***/


/* ADDRESS CONFIRM */
.ov-address-confirm {
  background-color: rgba(0,0,0,.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ov-address-confirm:before {
  content: \'\';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}
.ov-address-confirm > .inner {
  position: relative;
  width: calc(90% - 10px);
  max-width: 275px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  text-align: center;
  border-radius: 4px;
  z-index: 2;
  
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.6);
  box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.6);		
}
.ov-address-confirm > .inner p {
  margin: 0 0 20px 0;
}
.ov-address-confirm .btn-address {
  display: flex;
  flex-direction: column;
  background: #2f5286;
  color: #fff !important;
  text-decoration: none;
  padding: 15px;
  border-radius: 4px;
  line-height: 1.45em;
}
.ov-address-confirm .btn-address span {
  display: block;
}

/*** End Address Confirm ***/

/*** Loading Overlay ***/

#loading_overlay {
  background-color: rgba(0,0,0,.9);
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: .25s opacity ease-out;
  width: 100%;
  z-index: 100000;
}

#loading_overlay.active {
  opacity: 1;
  pointer-events: auto;
}

#loading_overlay > .inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.lo-content {
  background-color: #fff;
  border-radius: 10px;
  margin: 0 auto;
  max-width: 550px;
  padding: 40px;
  text-align: center;
  transform: scale(0);
  transition: .25s transform ease-out;
}

#loading_overlay .lo-content {
  transform: scale(1);
}

.lo-checkboxes {

}

.lo-checkbox {
  align-items: center;
  display: flex;
}

.lo-checkbox {
  margin-bottom: 20px;
  opacity: 0.25;
}

.lo-checkbox.active:not(.final) {
  opacity: 1;
}

.lo-checkbox.final {
  opacity: 0;
}

.complete .lo-checkbox.final {
  opacity: 1;
}

.lo-checkbox .icon {
  color: var(--wtn-primary);
  height: 24px;
  margin-right: 10px;
  width: 24px;
}

.lo-checkbox .icon svg {
  display: none;
}

.lo-checkbox .icon svg:last-child {
  color: #4ebf25;
}

.lo-checkbox.loading .icon svg:first-child,
.lo-checkbox.idle .icon svg:nth-child(2n),
.lo-checkbox.active:not(.loading) .icon svg:last-child {
  display: block;
}

.lo-checkbox .txt {
  font-size: 18px;
}

.lo-content .cta-btn {
  opacity: .25;
  pointer-events: none;
}

.complete .lo-content .cta-btn {
  opacity: 1;
  pointer-events: auto;
}

/*** End Loading Overlay ***/

/*** Soundtrack List ***/

.row-soundtrack {

}

.soundtrack-list {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a0a43+0,884c8d+35,93518d+65,4f3a86+100 */
  background: #1a0a43; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #1a0a43 0%, #884c8d 35%, #93518d 65%, #4f3a86 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #1a0a43 0%,#884c8d 35%,#93518d 65%,#4f3a86 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #1a0a43 0%,#884c8d 35%,#93518d 65%,#4f3a86 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0a43', endColorstr='#4f3a86',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border: 2px solid #ac7b58;
  border-radius: 10px;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.soundtrack {
  align-items: center;
  color: #fff;
  display: flex;
  padding: 14px 30px;
  width: 100%;
}

.soundtrack:not(:last-child) {
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.soundtrack:hover {
  background-color: rgba(255,255,255,.1);
}

.soundtrack .icon {
  height: 18px;
  margin-right: 30px;
  width: 18px;
}

.soundtrack .txt {
  font-size: 18px;
  font-weight: 600;
}

.soundtrack .duration {
  font-size: 16px;
  font-weight: 300;
  margin-left: auto;
}

/*** End Soundtrack List ***/

/* RTWD Banner */
.rtwd-banner-bottom {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: #177868;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	padding: 25px 0;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);	
}
.rtwd-banner-bottom > .inner {
	display: flex;
	align-items: center;
	justify-content: center;
}
.rtwd-banner-bottom,
.rtwd-banner-bottom p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.25em !important;
	margin: 0 !important;
	text-align: left;
}
.rtwd-banner-bottom .btn-cta {
	background: #fff;
	border: 2px solid #fff;
	border-radius: 60px;
	padding: 10px 30px;
	color: #177868 !important;
	font-weight: 600;
	margin: 0 0 0 15px;
	transition: all 0.25s ease;
}
.rtwd-banner-bottom .btn-cta:hover {
	background: none;
	color: #fff !important;
	transition: all 0.25s ease;
}
@media (max-width:550px) {
	.rtwd-banner-bottom {
		padding: 15px 0;
	}
	.rtwd-banner-bottom > .inner {
		flex-direction: column;
		display: block;
	}
	.rtwd-banner-bottom,
	.rtwd-banner-bottom p {
		font-size: 16px !important;
		text-align: center;
	}
	.rtwd-banner-bottom p {
		display: inline;
		margin-bottom: 7px !important;
	}
	.rtwd-banner-bottom .btn-cta {
		padding: 7px 30px;
		
        display: inline;
        background: none;
        color: #fff !important;
        border: none;
        margin: 0;
        white-space: normal;
        padding: 0;		
	}
	.rtwd-banner-bottom .btn-cta span {
		display: none;
	}
	.rtwd-banner-bottom .btn-cta:before {
		content: '»';
		
	}
}

/*
#content-block-63266 {
  width: 50%;  
}
@media (max-width:600px) {
  #content-block-63266 {
    width: 100%;  
  }
}
*/

/* International movie page overrides. */
/* Grid CSS - 102425 Why the Nativity  */
#alert {
    z-index: 10029999 !important;
}
.dropdown-section {
  max-width: 275px;
}
.svg .logo {
    min-width: 125px;
}
.cta-btn,.wtn-header  {
  cursor:pointer;
  user-select: none;         /* Standard syntax */
}

/** RTWD EMBLEM **/
.wtn-church-signup .box-bg {
    background-size: contain, cover;
    background-repeat: no-repeat, no-repeat;
}

/* MISC RTL */

.wtn-main:is([lang="he"], [lang="ar"], [lang="fa"]) :is(h2, p)
{
  text-align: right;
}

/* END MISC RTL */

/* FORM */
h2.section-title.wtn-translation {
    text-align: left;
}

.form-row input
{
    border: 1px solid grey;
}
.form-row-submit {
  user-select: none;         /* Standard syntax */
}
.form-row textarea {
    border: 1px solid grey;
    height: 10em;
}
.field-error {
   background: rgba(200,0,0,0.4) !important;
}
.wtn-main:is([lang="he"], [lang="ar"], [lang="fa"]) .input-container#first_name {
  margin-left: 20px !important;
  margin-right: 0px !important;
}

/* END FORM */
/* YGTP */
.ygtp-booklet-img {
    min-width: 400px;
}
/* END YGTP */

.wtn-main[lang="ta"] .tmw_theaters-container {
    width: 415px !important;
}

.wtn-main[lang="ta"] .tmw_searchbar {
    max-width: 415px !important;
}

.wtn-main[lang="ta"] .tmw_searchbar-input {
    max-width: 355px !important;
}

.wtn-main[lang="ta"] .tmw_searchbar-input::placeholder {
    font-size: 10.5px;
}

p {
    word-break: keep-all;
    font-weight: 400 !important;
}

.wtn-main:is([lang="te"], [lang="ba"], [lang="ru"], [lang="uk"]) .tmw_theaters-container {
    width: 380px !important;
}

.wtn-main:is([lang="te"], [lang="ba"], [lang="ru"], [lang="uk"]) .tmw_searchbar {
    max-width: 380px !important;
}

.wtn-main:is([lang="te"], [lang="ba"], [lang="ru"], [lang="uk"]) .tmw_searchbar-input {
    max-width: 320px !important;
}

.wtn-main:is([lang="te"]) .tmw_searchbar-input::placeholder {
    font-size: 10.5px;
}

.wtn-logo-text-only {
    font-size: large;
}

.wtn-main:is([lang="ig"]) .header-logo.wtn-logo-text-only {
    max-width: 375px !important;
}
/* RTL 2025 */
.wtn-main:is([lang="he"], [lang="ar"], [lang="fa"]) span.label {
    text-align: end;
}
.wtn-main:is([lang="he"], [lang="ar"], [lang="fa"]) .form-row {
    flex-direction: row-reverse;
}
.wtn-main:is([lang="he"], [lang="ar"], [lang="fa"]) input {
    direction: rtl;
}

span[data-label="share"]:empty {
display:none;
}

/* END RTL */


.row-banner {
    align-items: stretch !important;
    background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1122/wtn/home/Desktop-min.jpg');
    min-height: 80vh;
}

.row-banner>.col {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.row-banner .wtn-logo {
    margin-bottom: 30px;
    max-width: 700px;
}

#wtn:is([lang="fr"],[lang="ur"], [lang="od"]) .wtn-logo,.header-wtn-logo {
    font-size: x-large;
    font-size: 5em;
    font-family: "WTNTitleFont1";
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

@media(max-width: 850px) {
    .row-banner {
        background-image: url('https://d2urhn0mmik6is.cloudfront.net/site/_images/monthly/1122/wtn/home/Desktop-min.jpg');
    }
}

.row-banner .share-links {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 30px;
}

.row-banner .share-links>span {
    font-size: 18px;
    margin-right: 10px;
    text-transform: uppercase;
}

.row-banner .cta-link {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

@media(min-width: 431px) {
    .row-banner .cta-link:not(:last-child) {
        margin-right: 10px;
    }

}

@media(min-width: 851px) {
    .row-banner .wtn-logo {
        margin-bottom: 30px;
    }

    .row-banner .share-links {
        display: none;
    }

    .row-banner .cta-links {
        margin-top: 60px;
    }
}

@media(min-width: 621px) {
    .row-banner .cta-btn.primary {
        margin-right: 0 !important;
    }

    .row-banner .cta-btn.secondary {
        display: none;
    }
}

@media(max-width: 620px) {
    .row-banner .bg-video {
        display: none;
    }

    .row-banner .cta-links .play-video {
        display: none;
    }

}

@media(max-width: 430px) {
    .row-banner .cta-links {
        align-items: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    

    .row-banner .cta-link:not(:last-child) {
        margin-bottom: 15px;
    }

    .wtn-header>.inner {
        /* flex-flow: column; */
        gap: 5px;
        padding: 12px;
    }
    #wtn:is([lang="ba"], [lang="ru"], [lang="uk"], [lang="ta"]) .wtn-header>.inner{
        flex-flow: column;
        height: 120px;

        margin-left: auto !important;
    }
#wtn:is([lang="ba"], [lang="ru"], [lang="uk"], [lang="ta"]) .dropdown-section {
        margin-top:0px;
        
        align-items: center;
    }

}

@media(min-width: 850px) {
    .hfcc .mobile-only {
        display: none;
    }
}

@media(max-width: 850px) {
    .hfcc .desktop-only {
        display: none;
    }
}

@media (width <= 850px) {

    .wtn-header>.inner {
        padding-left: 3px !important;
        height: 90px;

        justify-content: space-between;
        display: flex;
    }

  .banner-logo.line2 {
    font-size: 4em !important;
    letter-spacing: 4px;
  }
}
/* Start 2025 language styling */
.wtn-main:is([lang="ig"]) .box-title a{
    font-weight: 600;
}
/* End 2025 language styling */

/* emily */
.box-content {
    box-sizing: border-box !important;
}
.welcome_bar_banner_text>.text--zh-hant {
    font-family: "Noto Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 500 !important;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

.welcome_bar_banner_text>.text--ba {
    font-family: "Afacad Flux", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300 !important;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

[lang="ru"] {
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;

    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

[lang="uk"] {
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;

    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

[lang="fa"] {
    font-family: "Amiri", serif;
    font-weight: 400;
    font-style: normal;
}

[lang="ar"] {
    font-family: "Amiri", serif;
    font-weight: 400;
    font-style: normal;
}

span.txt[lang="ig"]{
  font-weight: 700;
}

[lang="hi"] {
    font-family: "Yatra One", system-ui;
    font-family: 'Alkatra', serif !important;
    font-weight: 300 !important;
}

.form-submit--hi,
.cta-btn--hi {
    font-size: 25px;
    padding: 3px 30px;
}

.section-title--hi {
    font-size: 45px;
}

.box-title--hi a {
    font-size: 27px;
    font-weight: 200;
}

.text--hi {
    font-size: 26px !important;
    text-decoration: none !important;
}

a.text--hi {
    color: #9be7ff !important;
}

.wtn-footer .copyright.text--hi {
    font-size: 16px !important;
}

a.svg.mobile {
    padding: 4px;
}