@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');

body {
    --button-height: 48px;
    --footer-background: #ffffff;
}

.c-page-footer__title {
    color: #2C3243 !important;
    font-size: 18px !important;
    font-family: "Red Hat Display", serif !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.page-is-scrolled .c-page-header.not-scrollable {
    opacity: 0;
}

.c-page-footer__text,
.c-page-footer__content,
.c-page-footer__content .gfield input {
    color: #2C3243;
    font-size: 14px;
    font-family: "Red Hat Text", serif;
    font-weight: 400;
    line-height: 26px;
}

.c-booking-form__heading,
.c-booking-form__card-title,
.c-booking-form__card-description,
.c-booking-form__button,
.c-booking-form__navigation,
.c-booking-form__progress>*,
.c-booking-form__message,
.c-booking-form__note,
.c-booking-form__field-label,
.c-booking-form__field-input span,
.calendar>.daynames-row,
.calendar>.days-grid,
.c-booking-form__field select,
.c-booking-form__field textarea,
.c-booking-form__field input[type=tel],
.c-booking-form__field input[type=text],
.c-booking-form__field input[type=email] {
    font-family: "Red Hat Text", serif;
}


.plyr__video-embed__container iframe {}

.vimeo_top,
.c-row[data-row-label="v2"] .plyr__video-embed {}

.vimeo_wrapper iframe,
.c-row[data-row-label="v2"] .plyr__video-embed__container iframe {
    border: 0px solid;
    width: 100%;
    height: auto;
    height: calc(100% + 1px);
    width: auto;
    aspect-ratio: 16 / 9;
}

.vimeo_wrapper,
.c-row[data-row-label="v2"] .plyr__video-embed__container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
}

.c-row[data-row-label="v2"] [data-plyr=play] {
    color: #000;
}


.c-row[data-row-label="v2"] .c-hero--video {
    min-height: 100vh;
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 100%;
}


.c-nav-primary .menu>.menu__item>.menu__link,
.c-nav-primary .menu__link--title,
.c-nav-primary .menu__link {
    color: var(--Text, #2C3243);
    font-size: 26px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    line-height: 3em;
    letter-spacing: 0.40px;
    margin: auto;
}

.c-row[data-row-label="v2"] .c-hero--scroll .c-hero__buttons {
    gap: 17px;
    display: flex;
    flex-wrap: wrap;
}

header {
    /* mix-blend-mode: exclusion; */
}

header.darkmode {
    filter: invert(1);
}

header.darkmode .c-page-header__logo:before {
    filter: invert(1);
    color: black;
    width: 310px;
    height: 67px;
    background: url('../../../../uploads/2025/13/vaanaa-bangsaen-logo-white.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.padding-150 {
    padding-top: 150px;
}

.c-row[data-row-label="v2"] .c-hero__video-container {
    overflow: hidden;
}

.c-row[data-row-label="v2"] .c-button.c-button--default {
    height: 48px;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    background-color: #FFF;
    color: #1E1E1E;
    width: auto;
    min-width: auto;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0 0 0 10px;
    gap: 10px;
    text-wrap: auto;
}

.c-row[data-row-label="v2"] .c-button.c-button--default-dark {
    color: #FFF;
    background-color: #1E1E1E;
    height: 48px;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    width: auto;
    min-width: auto;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 0 0 0 10px;
    gap: 10px;
    text-wrap: auto;
}

.c-page-header__action.c-button.c-button--primary {
    background-color: #fff;
    color: #1E1E1E;
    height: 60px;
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    border: 1px solid #fff;
    font-size: 16px;
    min-height: 60px;
    min-width: auto;
    padding: 0 20px;
}

@media (max-width: 1024px) {
    .c-row.grid-image-1-1 .c-grid-filter--full-width .c-image {
        aspect-ratio: 1/1;
    }
}


.c-row[data-row-label="v2"] .c-button:after {
    font-size: 0.6rem;
    width: 40px;
}

.remodal .plyr,
.remodal .plyr__video-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.remodal-close {
    z-index: 33;
}

.no-program-btn .c-page-header__action {
    display: none;
}



.head-ctas {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-end;
    gap: 20px;
    text-transform: uppercase;
}

.c-page-header__navicon:before {
    content: "";
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8125rem;
    background: url(../../assets/img/menu.svg);
    background-position: bottom;
    width: 39px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
}

.c-page-header {
    justify-content: start;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}


@media print,
screen and (min-width: 48em) {
    .c-page-header {
        /* padding-left: 0; */
        padding: 0;
        padding-left: 125px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0px;

    }
}

header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    padding: 10px 45px 0 125px;
    height: auto;
}

.c-page-header__logo:before {
    font-size: 4.225rem;
}

.c-page-header__action.c-button.c-button--primary.c-button--transparent {
    background-color: transparent;
    color: #FFF;
    display: flex;
}

.page-is-scrolled .c-page-header {
    background: #1E1E1E3C;
}

.page-is-scrolled .c-page-header {
    --body-color: #FFF;
    --button-background: #FFF;
}

/* .c-row {
    margin-bottom: 0;
}*/

.c-row[data-row-label="v2"] .widget+.widget {
    margin-top: 0;
}

@media print,
screen and (min-width: 64em) {
    body {
        --f-s-h1: 52px;
    }

    .c-page-header__navicon {
        position: static;
        /* margin-right: auto; */
        transform: none;
        margin-left: 85px;
    }

    .c-page-header__logo {
        position: static;
        /* position: absolute; */
        /* left: 50%; */
        /* top: 20%; */
        margin-left: auto;
        width: 310px;
        height: 100px;
        background: url('../../../../uploads/2025/13/vaanaa-bangsaen-logo-white.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
}

@media print,
screen and (min-width: 64em) {
    .c-row[data-row-label="v2"] .c-hero--scroll {
        height: max(115vh, 56.25rem);
    }
}

.c-hero__inner.c-hero__inner-style__white {
    background-color: rgba(255, 255, 255, 0.4);
    --body-color: #1E1E1E;
}

.c-hero__inner.c-hero__inner-style__none {
    background-color: transparent;
    --body-color: #1E1E1E;
    color: #1E1E1E;
}

.c-hero__inner-style__none .c-hero__text,
.c-hero__inner-style__none h1,
.c-hero__inner-style__none h2,
.c-hero__inner-style__white .c-hero__text,
.c-hero__inner-style__white h1,
.c-hero__inner-style__white h2 {
    color: #1E1E1E;
}

.h_v_1 {
    color: white;
    font-size: 18px;
    font-family: "Red Hat Display";
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.80px;
    word-wrap: normal;
}

.h_v_1 h1,
.h_v_1 h2 {
    font-size: 52px;
    font-family: "Red Hat Display";
    font-weight: 400;
    text-transform: uppercase;
    line-height: 56px;
    letter-spacing: 2.60px;
    word-wrap: normal;
    width: 100%;
}

.c-row[data-row-label="v2"] .c-hero__subheading em,
.c-row[data-row-label="v2"] .c-hero__heading em {
    font-style: italic !important;
    /* padding-left: 100px; */
}

.c-row[data-row-label="v2"] .c-hero__subheading span,
.c-row[data-row-label="v2"] .c-hero__heading span {
    /* font-style: italic; */
    padding-left: 6rem;
}

.to_top_btn {
    width: 54px;
    height: 54px;
    background-color: #1E1E1E;
    border-radius: 50%;
    /* position: fixed; */
    z-index: 9999;
    bottom: 25px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.to_top_btn::before {
    content: "";
    background: url(../../assets/img/toparrow.svg);
    background-position: center center;
    width: 39px;
    height: 36px;
    display: block;
    background-repeat: no-repeat;
}


.h_v_1 .c-hero__content {
    align-items: flex-start;
    text-align: left;
    margin: 0 8rem;
    max-width: 100%;
}

.h_v_1 .c-hero__text {
    text-align: left;
    margin-left: 0;
    font-size: 17px;
    font-family: "Red Hat Text", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
    text-transform: none;
    margin-bottom: 22px;
}

.h_v_1 .c-hero__inner {
    display: flex;
    align-items: center;
    justify-content: start;
    padding-top: 0;
    height: 100%;
}

.h_v_1 .c-hero__heading {
    margin-bottom: 0.5em;
}


.h_v_2 h1,
.h_v_2 h2 {
    font-size: 62px;
    font-size: 3rem;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 56px;
    letter-spacing: 3.10px;
    word-wrap: normal;
    text-align: left;
}




.h_v_2 .c-hero__heading {
    text-align: center;
    margin-left: 0;
    font-size: 17px;
    font-family: "Red Hat Text", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
    text-transform: uppercase;
}

.h_v_2 .c-hero__content {
    align-items: center;
    text-align: center;
    margin: 0 1rem;
    width: calc(100% - 2rem);
    align-self: center;
    justify-self: center;
    padding: 0;
}

.h_v_2 .c-hero__text {
    color: rgba(255, 255, 255, 0.85);
    font-size: 17px;
    font-family: "Red Hat Text", sans-serif;
    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
}

.c-hero.h_v_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}


@media print,
screen and (max-width: 64em) {
    .c-page-header__action.c-button.c-button--primary.c-button--transparent {
        position: fixed;
        /* bottom: 70px; */
        width: calc(100% - 20px);
        left: 0;
        margin: 10px;
        top: calc(100vh - 150px);
    }

    .c-page-header__action.c-button.c-button--primary.mobile-only {
        margin: 10px;
        width: calc(100% - 20px);
    }
}

@media print,
screen and (min-width: 48em) {
    .h_v_2.c-hero--scroll .c-hero__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
}

@media print,
screen and (min-width: 48em) {
    .c-page-header {
        height: 8rem;
    }
}



@media print,
screen and (max-width: 48em) {
    .h_v_1 .c-hero__content {
        margin: 0 1rem;
    }

    .c-row[data-row-label="v2"] .c-hero__subheading span,
    .c-row[data-row-label="v2"] .c-hero__heading span {
        padding-left: 3rem;
    }
}

.c-row[data-row-label="v2"]:last-child {
    margin-bottom: 0;
}

.c-hero__inner.c-hero__inner-style__ .c-hero__heading {
    /* font-weight: 600; */
}



/* Mobile */
@media print,
screen and (max-width: 48em) {

    .c-row[data-row-label="v2"] .c-button,
    .c-row[data-row-label="v2"] .c-button.c-button--default,
    .c-row[data-row-label="v2"] .c-button.c-button--default-dark {
        width: 100%;
    }

    .c-row[data-row-label="v2"] .c-hero--scroll {
        height: max(115vh, 56.25rem);
    }

    .c-row[data-row-label="v2"] .c-hero__buttons {
        width: 100%;
    }

    .c-row[data-row-label="v2"] {
        /* padding-inline: 1.5625rem; */
    }

    .h_v_1 .c-hero__inner,
    .h_v_2 .c-hero__inner {
        padding-right: 20px;
        padding-left: 20px;
        height: 100%;
    }

    .c-page-header__logo {
        top: 45%;
    }

    .c-row[data-row-label="v2"] .c-hero__inner.c-hero__inner-style__ {
        padding-top: 300px;
        width: 100%;
    }

    

    #s-mobile-el-2 .c-hero__inner {
        padding-top: 0px;
    }

    #s-mobile-el-3 .c-hero__inner {
        padding-top: 0px;
    }


    .h_v_2 h1,
    .h_v_2 h2 {
        text-align: center;
        font-size: 2.5rem;
        line-height: 2.8rem;
    }

    .h_v_1 .c-hero__inner {
        align-items: end;
        justify-content: center;
    }

    .c-hero--scroll .c-hero__buttons {
        gap: 40px;
    }

    .h_v_2 .c-hero__heading {
        /* color: white; */
        font-size: 12px;
        font-family: "Red Hat Display", serif;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 20px;
        letter-spacing: 1.20px;
        word-wrap: normal;
    }

    .h_v_2 h1,
    .h_v_2 h2 {
        /* color: white; */
        font-size: 30px;
        font-family: "Red Hat Display", serif;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 1.50px;
        word-wrap: normal;
    }

    .h_v_2 .c-hero__text {
        /* color: rgba(255, 255, 255, 0.85); */
        font-size: 16px;
        font-family: "Red Hat Text", serif;
        ;
        font-weight: 400;
        line-height: 30px;
        word-wrap: normal;
    }

    .h_v_1 h1,
    .h_v_1 h2 {
        /* color: white; */
        font-size: 30px;
        font-family: "Red Hat Display", serif;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 1.50px;
        word-wrap: normal;
    }

    .h_v_1 .c-hero__text {
        /* color: rgba(255, 255, 255, 0.85); */
        font-size: 16px;
        font-family: "Red Hat Text", serif;
        font-weight: 400;
        line-height: 30px;
        word-wrap: normal;
    }

    .h_v_1 .c-hero__inner.c-hero__inner-style__ {
        padding-top: 100px;
    }

    .h_v_4 .c-hero__inner.c-hero__inner-style__ {
        padding-top: 0;
    }

    .c-page-header {
        height: 6rem;
    }
}


#panel-873-0-0-0 > div > section > div.c-hero__inner.c-hero__inner-style__ > div > h1.c-hero__subheading > em {
    font-style:italic!important;
}


/* History */
.widget-slider--media-history {
    --black: #000;
    min-height: 100vh;
}

.widget-slider--media-history.dark {
    --black: #FFF;
}

.widget-slider--media-history .c-slider__cell {
    padding: 40px;
    padding-top: 100px;
    min-height: max(100vh, 700px);
}

.widget-slider--media-history .c-media__preheading {
    color: var(--black, #1E1E1E);
    font-size: 100px;
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    font-variant-numeric: lining-nums tabular-nums;
    text-transform: lowercase;
    font-weight: 600;
    line-height: 164.08px;
    word-wrap: normal;
    word-wrap: normal;
    margin: 0;
    text-align: right;
    width: 100%;
    border-right: 1px solid;
    padding: 0;
    line-height: 105px;
    margin: 0px 0px 10px;
    opacity: 1;
}

.widget-slider--media-history .c-media__heading {
    color: var(--black, #1E1E1E);
    font-size: 42px;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 44px;
    letter-spacing: 2.10px;
    word-wrap: normal;
    text-align: left;
}

.widget-slider--media-history .c-media__heading em {
    text-align: right;
    font-style: italic;
    display: inline-block;
    width: 100%;
}

.widget-slider--media-history .c-media__headings {
    width: 50%;
}

.widget-slider--media-history .c-media__text {
    color: var(--black, #1E1E1E);
    font-size: 17px;
    font-family: "Red Hat Text", sans-serif;
    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
    width: 50%;
    /* margin-bottom: 165px; */
    padding-bottom: 220px;
}

.widget-slider--media-history .flickity-page-dots .dot {
    color: var(--black, #1E1E1E);
    font-size: 24px;
    font-family: "Cormorant Garamond";
    font-style: italic;
    font-variant-numeric: lining-nums tabular-nums;
    font-weight: 600;
    line-height: 20px;
    word-wrap: normal;
    text-align: center;
    max-width: 150px;
    padding-top: 25px;
    cursor: pointer;
}

/*.widget-slider--media-history .flickity-page-dots:after {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    color: var(--black, #1E1E1E);
    background: var(--black, #1E1E1E);
    top: 5px;
    top: 3%;
}*/

.widget-slider--media-history .flickity-page-dots .dot-head {
    display: inline-block;
    transition: all 0.2s ease;
}

.widget-slider--media-history .flickity-page-dots .is-selected .dot-head {
    transform: rotate(-90deg);
}

.widget-slider--media-history .c-media__inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
}

.widget-slider--media-history .c-media__headings {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
}

.widget-slider--media-history .flickity-page-dots {
    grid-column: 2;
    position: absolute;
    width: calc(100% - 100px);
    bottom: 150px;
    left: 50px;
    padding: 0;
}

.widget-slider--media-history .flickity-prev-next-button.previous {
    position: absolute;
    left: 40px;
    top: -400px;
}

.widget-slider--media-history .flickity-prev-next-button.next {
    position: absolute;
    right: 40px;
    top: -400px;
}


.widget-slider--media-history .flickity-prev-next-button,
.widget-slider--media-history .flickity-prev-next-button:hover {
    background-color: transparent;
    border: 0px solid;
    backdrop-filter: none;
}

.widget-slider--media-history.dark .flickity-prev-next-button {
    /* backdrop-filter: none; */
    filter: invert(1);
}

.widget-slider--media-history .flickity-prev-next-button:after {
    content: "";
    height: 77px;
    width: 43px;
    background-image: url(../../assets/img/rightarrow.svg);
    background-repeat: no-repeat;
    background-color: transparent;
}

.widget-slider--media-history .c-slider {
    grid-template-columns: var(--flickity-dot-width) 1fr var(--flickity-dot-width);
    grid-template-columns: 0 1fr 0;
    margin-bottom: -100px;
}

.widget-slider--media-history .flickity-page-dots .dot:after {
    top: 0%;
    /* left: 0;
    width: 100%; */
    left: -150px;
    width: calc(100% + 300px);
    height: 1px;
    color: var(--black, #1E1E1E);
    background: var(--black, #1E1E1E);
    transform: translateY(0%);
}

.widget-slider--media-history .flickity-page-dots .dot:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 125px;
    transform: translateY(-100%);
    color: var(--black, #1E1E1E);
    background: var(--black, #1E1E1E);
    transition: background-color .3s linear;
}



.widget-slider--media-history .c-media__background {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}

.widget-slider--media-history .c-media__background div {
    width: 100%;
    height: 100%;
}

.widget-slider--media-history .flickity-enabled:before {
    display: none;
}

.widget-slider--media-history .c-media__content {
    padding: 0 100px;
}

.widget-slider--media-history .imgix-fluid {
    background-repeat: no-repeat;
    background-size: cover;
}

.r_more_txt {
    cursor: pointer;
    font-style: italic;
}

.h_v_3 {
    position: relative;
    height: 100vh;
}

#s-mobile-el-2, #s-mobile-el-3 {
    height: 70vh;
}

.h_v_3:after {
    content: "";
    background-image: url(../../assets/img/downarrow.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    cursor: pointer;
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 999;
}

.h_v_3 .c-hero__content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin: 200px 120px;
    margin-top: 300px;
    padding: 0;
}

.h_v_3 .c-hero__content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin: 200px 120px;
    margin-top: 300px;
    padding: 0;
}

.h_v_3 .c-hero__heading {
    color: black;
    font-size: 16px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    text-transform: uppercase;
    word-wrap: normal;
}

.h_v_3 .c-hero__subheading {
    padding: 0;
    font-size: 52px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 56px;
    letter-spacing: 2.60px;
    word-wrap: normal;
}

.h_v_3 .c-hero__text {
    padding: 0;
    margin: 0;
    text-align: left;
    color: rgba(0, 0, 0, 0.85);
    font-size: 17px;
    font-family: "Red Hat Text", serif;
    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
}



/* Mobile */
@media print,
screen and (max-width: 48em) {
    .darkmode .c-page-header__action.c-button.c-button--primary.c-button--transparent {
        display: none;
    }

    .h_v_3 .c-hero__content {
        margin: 20px;
        margin-top: 100px;
    }

    .widget-slider--media-history .c-media__inner {
        flex-wrap: wrap;
    }

    .widget-slider--media-history .c-media__content {
        padding: 0 20px;
    }

    .widget-slider--media-history .c-media__headings {
        width: 100%;
    }

    .widget-slider--media-history .c-slider__cell {
        padding: 0;
    }

    .widget-slider--media-history .c-media__preheading {
        text-align: center;
        width: 100%;
        border: 0px solid;
    }

    .widget-slider--media-history .c-media__heading {
        font-size: 30px;
    }

    .widget-slider--media-history .c-media__text {
        width: 100%;
    }

    .widget-slider--media-history .flickity-page-dots .dot:before {
        height: 20px;
    }

    .widget-slider--media-history .flickity-prev-next-button.next {
        position: absolute;
        right: 20px;
        top: -160px;
        top: -240px;
        transform: scale(0.7);
    }

    .widget-slider--media-history .flickity-prev-next-button.previous {
        position: absolute;
        left: 20px;
        top: -160px;
        top: -240px;
        transform: scale(0.7);
    }

    .widget-slider--media-history .flickity-page-dots:after {
        height: 0;
    }

    .h_v_3:after {
        bottom: 140px;
    }
}






/* Program */

.h_v_4 {
    background-color: #000;
}

.h_v_4 .c-hero__text {
    color: rgba(255, 255, 255, 0.85);
    font-size: 17px;
    font-family: "Red Hat Text", serif;
    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
}

.h_v_4 .c-hero__subheading {
    color: white;
    font-size: 72px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 72px;
    letter-spacing: 3.60px;
    word-wrap: normal;
}

.h_v_4 .c-hero__heading {
    color: white;
    font-size: 18px;
    font-family: "Red Hat Display", serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.80px;
    word-wrap: normal;
}

.c-row[data-row-label="v2"] .c-media--accordion .c-media__content {
    width: 100%;
    padding: 0 40px;
}

.c-row[data-row-label="v2"] .c-media--accordion h1,
.c-row[data-row-label="v2"] .c-media--accordion h2 {
    color: #2C3243;
    font-size: 52px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 56px;
    letter-spacing: 2.60px;
    word-wrap: normal;
}

.c-row[data-row-label="v2"] .c-media--accordion h1 em,
.c-row[data-row-label="v2"] .c-media--accordion h2 em {
    font-style: italic;
}

.c-row[data-row-label="v2"] .c-media--accordion .c-accordion__anchor {
    color: #2C3243;
    font-size: 24px;
    font-family: "Red Hat Display", serif;

    font-weight: 400;
    line-height: 29px;
    word-wrap: normal;
}

.c-row[data-row-label="v2"] .c-media--accordion .c-accordion__text {
    color: #2C3243;
    font-size: 17px;
    font-family: "Red Hat Text", serif;

    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
}

.c-row[data-row-label="v2"] .plyr input[type="range"]::-moz-range-track {
    background-color: #000;
    border-radius: 0;
    height: 1px;
}

.c-row[data-row-label="v2"] .plyr input[type="range"]::-moz-range-thumb {
    border: none;
    border-radius: 0;

    background-color: #000;
    height: 43px;
    width: 1px;
}

/* input[type="range"]:focus::-moz-range-thumb {
    border: 0px solid #000;
    outline: 1px solid #000;
    outline-offset: 0.125rem;
} */

.c-row[data-row-label="v2"] .plyr input[type="range"] {
    color: rgb(0, 0, 0);
    height: 1px;
}

.c-row[data-row-label="v2"] .plyr input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    margin-top: -22px;
    background-color: #000;
    height: 43px;
    width: 1px;
}

.c-row[data-row-label="v2"] .plyr__progress__container {
    bottom: 4rem;
}


.c-row--program-b1-dark {
    background-color: #000;
    --black: #FFF;
}

.c-row--program-b1 .c-media__inner h2,
.c-row--program-b1-dark .c-media__inner h2 {
    padding: 50px 0;
}

.c-row--program-b1 .c-media__inner h2,
.c-row--program-b1-dark .c-media__inner h2 {
    color: var(--black, #1E1E1E);
    font-size: 52px;
    font-family: "Red Hat Display", serif;
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 56px;
    letter-spacing: 2.60px;
    word-wrap: normal;
    padding-bottom: 0;
}

.c-row--program-b1 .c-media__inner .c-media__text>p,
.c-row--program-b1-dark .c-media__inner .c-media__text>p {
    color: var(--black, #1E1E1E);
    font-size: 18px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.80px;
    word-wrap: normal;
}

.c-row--program-b1 .c-media__inner .c-media__text>ul,
.c-row--program-b1-dark .c-media__inner .c-media__text>ul {
    color: var(--black, #1E1E1E);
    font-size: 17px;
    font-family: "Red Hat Text", serif;
    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
    list-style-image: url(../../assets/img/dna.svg);
}

.c-row--program-b1 .c-media__inner .c-media__text>ul li:before,
.c-row--program-b1-dark .c-media__inner .c-media__text>ul li:before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(../../assets/img/dna.svg);
    position: relative;
    top: 7px;
    left: -10px;
}

.c-row--program-b1 .c-media__inner .c-media__text>ul li:before {
    filter: invert(1);
}

.c-row--program-b1 .c-media__actions h2,
.c-row--program-b1-dark .c-media__actions h2 {
    color: var(--black, #1E1E1E);
    font-size: 32px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 56px;
    letter-spacing: 1.60px;
    word-wrap: normal;
    padding: 0;
}

.c-row--program-b1 .c-media__actions,
.c-row--program-b1-dark .c-media__actions {
    display: grid;
    grid-template-columns: calc(52vw - 250px) 50vw;
    align-items: center;
    justify-items: stretch;
}

.c-row--program-b1 .c-media__actions>li,
.c-row--program-b1-dark .c-media__actions>li {
    justify-self: end;
    justify-self: end;
    grid-column: 2;
    position: relative;
    z-index: 10;
    margin-bottom: 40px;
}

.c-row--program-b1 .imgix-fluid,
.c-row--program-b1-dark .imgix-fluid {
    background-size: 100% calc(100% - 0px);
    background-position: top center;
}

.c-row[data-row-label="v2"] .c-hero--video .c-hero__heading {
    color: var(--black, #1E1E1E);
    font-size: 52px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 56px;
    letter-spacing: 2.60px;
    word-wrap: normal;
}

.c-row[data-row-label="v2"] .c-hero--video .c-hero__subheading {
    color: var(--black, #1E1E1E);
    font-size: 18px;
    font-family: Red Hat Display;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.80px;
    word-wrap: normal;
}

.c-row[data-row-label="v2"] .c-hero--video .c-hero__content {
    flex-direction: column;
    align-items: start;
    margin: 0 60px;
    gap: 20px;
}

.c-row[data-row-label="v2"] .c-hero--video .c-hero__inner {
    background-color: rgba(255, 255, 255, 0.4);
    /* pointer-events: none; */
}

.c-hero--video.is-playing .c-hero__subheading {
    opacity: 0;
    transition: opacity .5s;
}

.c-row[data-row-label="v2"]:last-of-type {
    padding-bottom: 0px;
}

.c-row[data-row-label="v2"] .c-media {
    padding: 0 60px;
}

.c-row[data-row-label="v2"] .c-media--accordion {
    margin-top: -100px;
}

.c-row--program-b2 {
    background-color: #020202;
    margin-top: 100px;
}

.c-row--program-b2 .c-media {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row-reverse;
}

.c-row--program-b2 .c-media__heading {
    text-align: center;
    color: white;
    font-size: 62px;
    font-family: "Red Hat Display", serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 56px;
    letter-spacing: 3.10px;
    word-wrap: normal;
}

.c-row--program-b2 .c-media__text {
    color: rgba(255, 255, 255, 0.85);
    font-size: 17px;
    font-family: "Red Hat Text", serif;
    font-weight: 400;
    line-height: 30px;
    word-wrap: normal;
    text-align: center;
}

.c-row--program-b2 .c-media__actions {
    text-align: center;
}


/* Mobile */
@media print,
screen and (max-width: 48em) {
    .h_v_2 .c-hero__subheading {
        text-align: center;
    }

    .h_v_2 .c-hero__subheading span {
        padding-left: 0;
        display: none;
    }

    .h_v_4 .c-hero__subheading {
        font-size: 40px;
        line-height: 40px;
    }

    .c-row--program-b1 .c-media__actions,
    .c-row--program-b1-dark .c-media__actions {
        display: grid;
        grid-template-columns: 0 100%;
        align-items: center;
        justify-items: stretch;
        margin: 40px 0px 80px;
    }

    .c-row--program-b1 .c-media__actions h2,
    .c-row--program-b1-dark .c-media__actions h2 {
        padding: 10px;
    }

    .c-row[data-row-label="v2"] .c-media--accordion h1,
    .c-row[data-row-label="v2"] .c-media--accordion h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .c-row--program-b1 .c-media__inner h2,
    .c-row--program-b1-dark .c-media__inner h2 {
        font-size: 32px;
        line-height: 32px;
        padding-bottom: 0;
    }

    .c-row--program-b1 .c-media__actions h2,
    .c-row--program-b1-dark .c-media__actions h2 {
        padding-bottom: 20px;
        text-align: center;
    }

    .c-row--program-b1 .c-media__actions>li,
    .c-row--program-b1-dark .c-media__actions>li {
        justify-self: center;
    }

    .c-row--program-b1 .imgix-fluid,
    .c-row--program-b1-dark .imgix-fluid {
        display: none;
    }

    .c-row[data-row-label="v2"] .c-hero--video {
        width: 100%;
        min-height: 480px;
        height: calc((9 / 16) * 100vw);
        max-height: calc(100vh - 169px);
    }

    .c-row[data-row-label="v2"] .c-hero--video .c-hero__inner.c-hero__inner-style__ {
        padding-top: 20px;
    }

    .c-row[data-row-label="v2"] .c-hero--video .c-hero__heading {
        font-size: 32px;
        line-height: 32px;
    }

    .c-row[data-row-label="v2"] .c-hero--video .c-hero__content {
        justify-content: flex-start;
        margin: 0 20px;
    }

    .c-row[data-row-label="v2"] .c-media {
        padding: 0;
    }

    .c-row[data-row-label="v2"] .c-media--accordion {
        margin-top: -20px;
    }

    .c-row[data-row-label="v2"] .c-media--accordion .c-media__content {
        padding: 0px 00px;
    }

    .c-row--program-b2 .c-media__heading {
        font-size: 32px;
        line-height: 32px;
    }

    .c-row--program-b2 .c-media__text {
        color: rgba(255, 255, 255, 0.85);
        font-size: 17px;
        font-family: "Red Hat Text", serif;
        font-weight: 400;
        line-height: 30px;
        word-wrap: normal;
        text-align: center;
    }

    .c-row--program-b2 .c-media__actions {
        text-align: center;
    }

    .c-row--program-b2 .c-media__actions .c-button {
        width: auto;
    }

    .c-row[data-row-label="v2"] .c-hero--video .plyr--playing button {
        opacity: 0;
    }

}

.c-row[data-row-label="v2"] .c-hero--video .plyr--playing:hover button {
    transition: none;
    opacity: 0;
    width: 100%;
    height: 80%;
}

#panel-873-0-0-0 > div > section > div.c-hero__inner.c-hero__inner-style__ > div > h1.c-hero__subheading > span {
    padding-left: 6rem;
}


.c-row[data-row-label="v2"] .c-hero__subheading em, .c-row[data-row-label="v2"] .c-hero__heading em {
    font-style: italic !important;
}

.h_v_2 h1, .h_v_2 h2, .c-hero__subheading {
    text-align: left;
    font-size: 3rem;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3.1px;
    word-wrap: normal;
    text-align: left;
}

.c-hero__content {
    align-items: center;
    text-align: center;
    margin: 0 1rem;
    width: calc(100% - 2rem)!important;
    align-self: center;
    justify-self: center;
    max-width:unset;
    padding-top:100px;
}

@media print, screen and (max-width: 48em) {
    .c-hero__heading {
        /* color: white; */
        font-size: 12px;
        font-family: "Red Hat Display", serif;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 20px;
        letter-spacing: 1.2px;
        word-wrap: normal;
    }
}
@media print, screen and (max-width: 48em) {
    .h_v_2 h1, .h_v_2 h2, .c-hero__subheading {
        /* color: white; */
        font-size: 30px;
        font-family: "Red Hat Display", serif;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 28px;
        letter-spacing: 1.5px;
        word-wrap: normal;
        text-align: center;
    }

    .c-hero__text {
        font-size: 15px;
    }

    .c-hero__subheading > span {

        display:none;

    }

    #s-mobile-el-2, #s-mobile-el-3 {
        height: 35vh;
    }
}

@media print,
screen and (min-width: 48em) {
	.c-hero__subheading {
		font-size: 1.75rem
	}
}

@media print,
screen and (min-width: 64em) {
	.c-hero__subheading {
		font-size: 2.55rem
	}
}

@media print,
screen and (min-width: 80em) {
	.c-hero__subheading {
		font-size: 3rem
	}
}