/*
Theme Name: Little Island 2025 DEV
Version: 1.0.29
*/

/* FONTS */


/* VARIABLES */
:root {
    --light:  #FFFFFF;
    --dark:   #10161B;
    --color1: #F7F7FA;
    --color2: #306484;
    --color3: var(--dark);
    --color-fade: rgba(0, 0, 0, 0.30);
    --x-screen-12-24: 12px;
    --x-screen-16-36: 16px;
    --x-screen-16-48: 16px;
    --y-screen-16-24: 16px;
    --y-screen-24-36: 24px;
    --y-screen-24-48: 24px;
    --y-screen-36-48: 36px;
    --y-screen-36-64: 36px;
    --space: 16px;
    --w-3xl: max(70vw, 768px);
    @media all and ( min-width: 768px ) {
        --x-screen-12-24: 24px;
        --x-screen-16-36: 36px;
        --x-screen-16-48: 48px;
        --y-screen-16-24: 24px;
        --y-screen-24-36: 36px;
        --y-screen-24-48: 48px;
        --y-screen-36-48: 48px;
        --y-screen-36-64: 64px;
    }
}
.f-light {color: var(--light)}
.f-dark {color: var(--dark)}
.b-dark {background-color: var(--dark)}
.b-light {background-color: var(--light)}
.f-color1 {color: var(--color1);}
.f-color2 {color: var(--color2);}
.f-color3 {color: var(--color3);}
.b-color1 {background-color: var(--color1);}
.b-color2 {background-color: var(--color2);}

/* THEME GLOBAL */
html, body {
    background: var(--color1);
    font-family: "tt-commons-pro", sans-serif;
    font-weight: 500;
    line-height: 1.25;
    color: var(--dark);
}

.nimbus, .eyelash, .text-large {
    font-family: "nimbus-sans-extended", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

b, strong, .bold { font-weight: 700; }

p a, span a {
    color: var(--color2);
}

a, button, .button {
    text-underline-offset: 5px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .display {
    font-weight: 900;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0;
}
h5, .h5, h6, .h6 {
    font-weight: 500;
    line-height: 1.25;
    margin: 0;
}

body { font-size: 16px; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 32px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 18px; }
small, .text-small { font-size: 14px; }
.text-large { font-size: 18px; }
.display { font-size: 40px; }
.eyelash { font-size: 15px; }

button, .button {
    display: inline-block;
    /* min-width: 150px; */
    font-family: "nimbus-sans-extended", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 36px;
    border-radius: 50px;
    font-size: 15px;
    -webkit-transition: background-color .35s;
    transition: background-color .35s;
}
button.light, .button.light { background-color: var(--light); color: var(--dark); }
button.light.secondary, .button.light.secondary {background: none; border: 1px solid var(--light); color: var(--light); }
button.light:hover, .button.light:hover { background-color: #EAEAF1; color: var(--dark); }
button.light:active, .button.light:active { background-color: #C5C5D1; color: var(--dark); }

button.dark, .button.dark { background-color: var(--dark); color: var(--light); }
button.dark.secondary, .button.dark.secondary {background: none; border: 1px solid var(--dark); color: var(--dark); }
button.dark:hover, .button.dark:hover { background-color: var(--color2); color: var(--light); }
button.dark:active, .button.dark:active { background-color: #1C3C56; color: var(--light); }

button.disabled, .button.disabled { opacity: 0.5; cursor: not-allowed; }

.icon {
    height: 1em;
    width: 1em;
    display: inline-block;
    flex-shrink: 0;
    background-color: var(--light);
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon.b-dark {background-color: var(--dark)}
.logo {
    height: 1em;
    width: auto;
    flex-shrink: 0;
    background-color: var(--light);
    -webkit-mask-size: cover;
    mask-size: cover;
    display: inline-block;
    vertical-align: middle;
}

hr {
    border-bottom: 1px solid var(--color-fade);
    margin: 1em 0;
}

.icon-location {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/location.svg") no-repeat center;
    mask: url("/wp-content/themes/_li/images/_icons/location.svg") no-repeat center;
    font-size: 16px;
}

.arrow-angle {
    position: relative;
}
.arrow-angle::after {
    content: url('/wp-content/themes/_li/images/_icons/arrow-angle.svg');
    position: absolute;
    margin-left: 4px;
    top: 2px;
    width: 16px;
}

@media all and ( min-width: 768px ) {
    .text-small { font-size: 16px; }
    body { font-size: 16px; }
    .text-large { font-size: 18px; }
    .eyelash { font-size: 15px; }
    .display { font-size: 48px; }
    h1, .h1 { font-size: 40px; }
    h2, .h2 { font-size: 36px; }
    h3, .h3 { font-size: 32px; }
    h4, .h4 { font-size: 24px; }
    h5, .h5 { font-size: 20px; }
    .icon-location { font-size: 24px; }
}
@media all and ( max-width: 1000px ) {
    html, body {
        overflow-x: hidden;
        width: 100dvw;
    }
}

/*----------------------------
BEGIN GENERAL SITE STYLES
-----------------------------*/

/* NAV BAR */
nav {
    position: relative;
    inset: auto 0;
    color: var(--dark);
    background-color: var(--light);
    z-index: 100;
}
.navbar {
    font-family: "nimbus-sans-extended", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    padding: 16px;
    z-index: 110;
}
.navbar, .navbar > div, .navbar ul {
    align-items: center;
    gap: 36px;
}
.navbar ul {
    display: flex;
}
.navbar > div:not(.menu-button-container) {
    display: none;
}

.navbar > div:last-child {
    margin-left: auto;
}

.logo-li {
    display: block !important;
    -webkit-mask: url("/wp-content/themes/_li/images/_logos/LI25_Logo_Stack.svg") no-repeat center;
    mask: url("/wp-content/themes/_li/images/_logos/LI25_Logo_Stack.svg") no-repeat center;
    width: 54px;
    height: 36px;
    background-color: var(--color3);
}

.navbar button:not(#primary-mobile-menu) {
	/* min-width: 150px; */
}
.menu-button-wrap {
    display: block;
}
.menu-close {
    display: inline-block;
    min-width: auto;
    padding: 0;
    border-radius: 0;
    font-size: 24px;
    background-color: transparent !important;
    color: var(--dark) !important;
}
.menu-close::before {
    display: inline-block;
    content: '';
    background-color: var(--dark);
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/close.svg") no-repeat center;
    mask: url("/wp-content/themes/_li/images/_icons/close.svg") no-repeat center;
    width: 16px;
    height: 16px;
    margin-right: 12px;
}
.icon-search {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/search.svg") no-repeat center;
    mask: url("/wp-content/themes/_li/images/_icons/search.svg") no-repeat center;
    font-size: 1em;
    background-color: var(--dark);
    min-width: auto !important;
    padding: 6px;
    border-radius: 0;
}
.search-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4em;
}
.search-field {
    width: 100%;
}
.navbar .search-field {
    display: none;
}
/* Chrome, Safari, Edge */
.navbar input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.menu-bg {
    width: 100%;
    /* overflow: hidden; */
    z-index: 200;
}
.menu-wrap, .menu-button-wrap {
    max-width: 1212px;
    width: 100%;
    margin: auto;
    display: none;
    opacity: 0;
}
.menu-wrap {
    grid-template-columns: 1fr;
    grid-template-rows: max(75px, 9vh) 1fr 1fr 1fr;
    grid-gap: 1px;
    grid-auto-flow: dense;
    text-align: left;
    padding: 12px 16px 0 16px;
    background-color: var(--light);
    transform: translateX(120px);
    transition: transform 600ms ease-in-out 0s, opacity 600ms ease-in-out 0s;
}
.menu-wrap.active {
    display: grid;
    opacity: 1;
    transform: translateX(0px);
}
.menu-wrap .display {
    margin: 0;
    text-align: left;
    font-size: min(40px, 8vw);
    font-weight: 900;
    text-transform: uppercase;
}
.menu-wrap ul {
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: start;
}
.menu-wrap a:hover {
    font-weight: 700;
}
.menu-wrap img {
    border-radius: 10px;
    margin-bottom: 44px;
    height: auto !important;
    aspect-ratio: 1.54 / 1;
}
.menu-wrap .image-wrap {
    max-width: 500px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0s;
}
.menu-wrap .image-wrap span {
    display: none;
}
/* Start with first image showing */
/* .menu-wrap .image-wrap:not(:nth-child(2)) {
    opacity: 0;
} */
.menu-wrap .image-wrap.show {
    opacity: 1;
}
.primary-navigation a:hover {
    text-decoration: none;
    text-decoration-style: none;
}

.icon-left::before {
    display: inline-block;
    content: '';
    background-color: var(--dark);
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/arrow-left.svg") no-repeat center;
    mask: url("/wp-content/themes/_li/images/_icons/arrow-left.svg") no-repeat center;
    width: max(25px, 4vw);
    height: max(25px, 4vw);
    margin-right: 16px;
}
.mobile-menu-item {
    display: none !important;
}

/* Menu Open */
/* .primary-navigation-open .navbar > div:not(.menu-button-container) {
    display: block;
} */

.primary-navigation-open .menu-bg .menu-wrap {
    height: auto;
}
.primary-navigation-open .menu-bg nav {
    color: var(--dark);
}
.primary-navigation-open .menu-bg .logo-li {
    background-color: var(--color3);
}
.primary-navigation-open .calendar-button button { background-color: var(--dark); color: var(--light); }
/* .primary-navigation-open .menu-bg button:hover { background-color: #335480; color: var(--light); } */
/* .primary-navigation-open .menu-bg button:active { background-color: #1C3C56; color: var(--light); } */

/* Mobile Only Sticky Nav Breakpoint: 767px */
@media screen and ( max-width: 767px ) {
    body:not(.home) {
        margin-top: 68px;
    }
    .menu-bg {
        position: fixed;
        top: 0;
    }
    .menu-wrap .image-wrap:not(:nth-child(2)) {
        display: none;
    }
}

/* NEW NAV */
.menu-item-has-children {
    display: grid;
    grid-template: 1fr auto / 1fr auto;
}
.menu-item-has-children.active .sub-menu {
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
    margin-top: 16px;
}
.menu-item-has-children.active .sub-menu a:hover {
    font-weight: 700;
}
.navbar button.sub-menu-toggle {
    display: block;
    min-width: 20px;
    background: transparent;
    color: var(--dark);
}
.primary-navigation .primary-menu-container > ul > .menu-item {
    position: relative;
    padding: 8px min(18px, 1vw);
    border: 1px solid transparent; 
    border-radius: 50px;
}


/* Mobile Only Nav Breakpoint: 999px */
@media screen and ( max-width: 999px ) {
    .primary-navigation-open {
    /* overflow: hidden; */
    /* position: fixed; */
}

    .primary-navigation-open .menu-bg {
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 1;
        background-color: var(--light) !important;
        color: var(--dark) !important;
    }
    .primary-navigation-open .navbar {
        flex-wrap: wrap;
        overflow: scroll;
        height: 100dvh;
    }
    .primary-navigation-open .primary-menu-container, .primary-navigation-open #primary-menu-list, .primary-navigation-open .secondary {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        font-size: 24px;
        gap: 30px;
        width: 100%;
        margin-bottom: 4px;
    }
    .primary-menu-container {
        order: 1;
    }
    .primary-navigation-open .mobile-menu-item {
        width: 100%;
        display: block !important;
    }
    .primary-navigation-open .secondary .calendar-button {
        display: none;
    }
    .primary-navigation-open .secondary {
        order: 2;
    }
    .mobile-menu-item .calendar-button {
        width: 100%;
        max-width: 350px;
        display: block !important;
        /* margin-top: 24px; */
    }
    .menu-wrap {
        position: absolute;
        top: 75px;
        left: 0;
        height: calc(100vh - 75px) !important;
        z-index: 200;
    }
    .navbar .search-form {
        padding-bottom: 16px;
        border-bottom: 1px solid var(--dark);
    }
    .navbar .search-field {
        display: inline;
    }
}

/* Tablet Nav Breakpoint: 768px */
@media screen and ( min-width: 768px ) {
    .menu-wrap {
        grid-template-columns: 1.5fr 1fr;
        grid-template-rows: 100px;
        grid-gap: 1px;
        grid-auto-flow: dense;
        padding: 0;
    }
    .menu-wrap ul {
        font-size: min(32px, 3.2vw);
        gap: 24px;
    }
    .menu-wrap .image-wrap span {
        display: block;
    }
    nav .image-wrap {
        grid-area: 1 / 2 / 3;
    }
    .menu-wrap, .menu-button-wrap {
        padding: 0 3.3vw;
    }
    .menu-wrap img {
        margin-bottom: 24px;
        /* aspect-ratio: 1.54 / 1; */
        max-height: min(350px, 52vh);
    }
}

/* Desktop Nav Breakpoint: 1000px */
@media screen and ( min-width: 1000px ) {
    .navbar, .navbar > div, .navbar ul {
        gap: 0.5vw;
    }
    .navbar .secondary {
        gap: 1.5vw;
    }
    .navbar > div:not(.menu-button-container) {
        display: flex;
    }
    .menu-wrap {
        grid-template-columns: 1fr 1fr;
    }
    .primary-navigation-open .menu-bg .menu-button-wrap {
        display: block;
        opacity: 1;
        margin-top: 0;
    }
    /* .menu-wrap ul {
        font-size: 32px;
        gap: 24px;
    } */
    /* .menu-wrap .image-wrap span {
        display: block;
    } */
    .icon-left::before {
        display: none;
    }
    /* nav .image-wrap {
        grid-area: 1 / 2 / 3;
    } */
    .menu-wrap {
        margin-top: min(4vh, 48px);
    }
    /* .menu-wrap img {
        margin-bottom: 24px;
        aspect-ratio: 1.54 / 1;
    } */

    /* Button outline style */
    .primary-navigation .primary-menu-container > ul > .menu-item.active {
        text-decoration: none;
        background: none; 
        border: 1px solid var(--dark); 
        border-radius: 50px;
    }
    .primary-navigation a {
        font-size: min(16px,1.4vw);
    }
    .primary-navigation .sub-menu .menu-item > a:hover {
        text-decoration: underline;
    }
}  
@media screen and ( min-height: 600px ) {
    .primary-navigation-open .menu-bg .menu-button-wrap {
        margin-top: min(48px, calc(100vh - 600px));
    }
}
@media screen and ( min-width: 1200px ) {
    
    .navbar {
        padding: 18px min(3.3vw, 48px);
    }
    .logo-li {
        width: 7vw;
        height: 72px;
    }
}
@media screen and ( min-width: 1440px ) {
    /* .navbar {
        gap: 3.4vw;
    }
    .navbar ul {
        gap: 2.5vw;
    } */
    .navbar .search-field {
        width: 85px;
        display: inline;
    }
    /* .search-button::after {
        content: ' Search';
    } */
}

/* HEADER */
.ann-bar {
    display: flex;
    padding: 8px var(--x-screen-16-36);
    background-color: var(--color1);
    justify-content: center;
    align-items: center;
    align-self: stretch;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

.alert-bar {
    background-color: var(--dark);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: var(--x-screen-12-24);
    gap: 16px;
}
.alert-bar, .alert-bar a {
    color: var(--light);
}
.icon-alert {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/alert.svg") no-repeat center;
    mask: url("/wp-content/themes/_li/images/_icons/alert.svg") no-repeat center;
    font-size: 16px;
}

@media screen and ( min-width: 768px ) {
    .ann-bar {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 15px;
    }

    .alert-bar {
        justify-content: center;
        padding: 16px var(--x-screen-12-24);
    }
    .icon-alert {
        font-size: 24px;
    }
}


/* PAGE HEADERS */

.page-header {
    background-color: var(--color2);
    color: var(--light);
    width: 100%;
}
.page-header img {
    width: 100%;
    min-height: 200px;
    max-height: 500px;
    max-width: 100% !important;
}
.page-header .entry-header-container {
    max-width: 888px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: left;
    text-align: left;
    padding: var(--y-screen-36-64) var(--x-screen-16-36);
    color: var(--light);
    z-index: 1;
}
.page-header p:not(:last-child) {
    margin-bottom: 24px;
}
.page-header .edit-post-link {
    position: absolute;
    margin: 24px 0 0 24px;
}

.page-header .entry-header-container a {
    text-decoration: underline;
    color: var(--light);
}

.page-header .entry-header-container h4 {
    font-size: 18px;
    font-family: "nimbus-sans-extended", sans-serif;
}

/* Header With Overlay */
.page-header.with-overlay {
    background-color: var(--dark);
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 10px;
    align-items: start;
    justify-content: end;
}
.page-header.with-overlay, .page-header.with-overlay img {
    width: 100%;
    height: 34.7vw;
    min-height: 300px;
    max-height: 500px;
}
.page-header.with-overlay img {
    position: absolute;
    top: 0;
    opacity: .75;
}
.page-header.with-overlay .entry-header-container {
    background-color: transparent;
}

@media screen and ( min-width: 768px ) {
    .page-header .entry-header-container h4 {
        font-size: 20px;
    }
    .page-header .entry-header-container .date-range {
        font-size: 18px;
    }
}


/*  MAIN & SIDEBAR  */
main {
    display: flex;
    flex-direction: column;
    min-height: 200px;
}
body:not(.home) main {
    gap: 48px;
    margin: var(--y-screen-36-64) var(--x-screen-16-48);
}
body main.full-width {
    margin-left: 0;
    margin-right: 0;
}
body main.no-top {
    margin-top: 0;
}
body main.no-bottom {
    margin-bottom: 0;
}
body main.max-w-3xl section:not(.callout) {
    margin: auto;
    width: 100%;
    max-width: var(--w-3xl);
}
.sidebar {
    display: flex;
    flex-direction: column;
    gap: 48px;
    /* min-width: 288px; */
    width: 100%;
    flex: 0 0;
    align-self: start;
    z-index: 100;
}
.sidebar-sticky-mobile .sidebar {
    --offset: var(--space);
    position: sticky;
    top: var(--offset);
}
.bg-wrap {
    background-color: var(--light);
    border-radius: 10px;
    padding: var(--y-screen-24-36) 16px;
}
.main-content {
    display: flex;
    flex-direction: column;
    gap: 48px;
    order: 2;
    /* flex-basis: 0;
    flex-grow: 999;
    min-width: 536px;
    max-width: 100%; */
}

@media screen and ( min-width: 1000px ) {
    main.has-sidebar {
        flex-direction: row;
        align-items: start;
    }
    .sidebar {
        min-width: 320px;
        --offset: var(--space);
        /* position: sticky; */
        top: var(--offset);
    }
    .has-sidebar .main-content {
        width: calc(100vw - 464px);
    }
}
/*  */


/* SECTION STYLES */
.section-img img {
    width: 100%;
    min-height: 260px;
}
section.max-w-3xl {
    max-width: var(--w-3xl);
}
@media ( min-width: 768px ) {
    .section-img img {
        max-height: 530px;
    }
}


/* UPCOMING PERFORMANCES */
.section-performances {
    margin: 36px var(--x-screen-16-36);
    text-align: center;
}
.performance-grid {
    margin-top: var(--y-screen-36-48);
    display: grid;
    grid-auto-flow: row;
    align-items: start;
    gap: 24px;
}
.performance-grid img {
    border-radius: 10px;
    margin-bottom: 16px;
    aspect-ratio: 1.54 / 1;
}
.performance-grid h5, .performance-grid h3 {
    margin-bottom: 4px;
}
.performance {
    display: flex;
    flex-direction: column;
}

@media screen and ( min-width: 768px ) {
    .section-performances {
        margin: 64px var(--x-screen-16-36);
    }
    .performance-grid {
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 36px;
    }
    .performance-grid img {
        margin-bottom: 24px;
    }
    .performance-grid h3 {
        margin-bottom: 8px;
    }
}


/* HIGHLIGHTS & CARDS */

/* Slick Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.home .slick-track {
    margin-left: 16px;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide:not(.card-highlight)
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slick Slider Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    min-width: 0;
    width: 44px;
    height: 44px;
    padding: 10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev
{
    left: 5vw;
}
.slick-prev:before
{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30" fill="none"><path d="M39.2109 17C40.3155 17 41.2109 16.1046 41.2109 15C41.2109 13.8954 40.3155 13 39.2109 13L39.2109 17ZM0.586586 13.5858C-0.194462 14.3668 -0.194462 15.6332 0.586586 16.4142L13.3145 29.1421C14.0956 29.9232 15.3619 29.9232 16.1429 29.1421C16.924 28.3611 16.924 27.0948 16.1429 26.3137L4.82923 15L16.1429 3.6863C16.924 2.90525 16.924 1.63892 16.1429 0.857869C15.3619 0.0768206 14.0956 0.0768206 13.3145 0.857869L0.586586 13.5858ZM39.2109 13L2.0008 13L2.0008 17L39.2109 17L39.2109 13Z" fill="white"/></svg>');
}
.slick-next
{
    right: 5vw;
}
.slick-next:before
{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30" fill="none"><path d="M2.53125 13C1.42668 13 0.53125 13.8954 0.53125 15C0.53125 16.1046 1.42668 17 2.53125 17V13ZM41.1556 16.4142C41.9366 15.6332 41.9366 14.3668 41.1556 13.5858L28.4277 0.857868C27.6466 0.0768194 26.3803 0.0768194 25.5993 0.857868C24.8182 1.63892 24.8182 2.90525 25.5993 3.6863L36.913 15L25.5993 26.3137C24.8182 27.0948 24.8182 28.3611 25.5993 29.1421C26.3803 29.9232 27.6466 29.9232 28.4277 29.1421L41.1556 16.4142ZM2.53125 17H39.7414V13L2.53125 13V17Z" fill="white"/></svg>');
}

@media all and ( min-width: 1000px ) {
    .slick-prev,
    .slick-next
    {
        width: 62px;
        height: 62px;
    }
}
/* Dots */
.slick-dots
{
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li, .slick-dots li button {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    line-height: 0;
    outline: none;
}
.slick-dots li {
    margin: 0 10px;
}
.slick-dots li button
{
    background: white;
    border-radius: 50% !important;
    opacity: 0.7;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li.slick-active button
{
    opacity: 1;
}
.slick-dots li button[aria-label="1 of 1"] {
    display: none;
}

/* Gallery */
.single-gallery, .single-gallery img {
    max-width: 1000px;
}
.single-gallery img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 500px;
    border-radius: 10px;
}

.event-gallery, .event-gallery img {
    border-radius: 10px;
    max-height: 500px;
    overflow: hidden;
    background: #000000;
}

.with-captions p {
    margin-top: var(--y-screen-16-24);
    text-wrap: pretty;
}
.with-captions .slick-dots {
    top: min(400px, calc((100vw - 45px) / 1.9));
    margin-top: var(--y-screen-16-24);
    position: absolute;
}
/* .with-captions .slick-dots li button {
    background: var(--dark);
} */
.with-captions .slick-prev, .with-captions .slick-next {
    top: min(250px, calc(98vw / 1.5 / 2));
}

.portrait {
    object-fit: contain;
    aspect-ratio: 100 / 1;
}
.landscape {
    object-fit: contain;
}

/* Accordion */
.accordion-wrap {
    padding: var(--y-screen-24-48) 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.accordion {
    position: relative;
    padding: 0 40px 16px 0;
    width: 100%;
    border: none;
    text-align: left;
}
.accordion:not(.no-expand) {
    cursor: pointer;
}
.accordion:not(.no-expand):after {
    content: '\002B';
    color: var(--dark);
    font-size: 32px;
    position: absolute;
    right: 0;
    top: calc(50% - 25px);
}
.accordion.active:after {
    content: "\2212";
}
.accordion-content {
    display: block; /* Dynamic max-height works best with block */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-out, padding-bottom 0.35s;
    border-bottom: 1px solid var(--color-fade);
}
.accordion-content p {
    margin-bottom: 1em;
}
/* Custom row layout for elements such as creative team */
.accordion-content.row {
    display: flex; /* added extra px in JS to account for flex bugginess, but still only to a point */
    flex-direction: column;
    gap: 24px;
}
.accordion-content.row img {
    border-radius: 10px;
    width: 117px;
    height: 160px;
}

.accordion-content table {
width: 100%;
border-collapse: collapse;
font-size: 16px;
}

.accordion-content table td {
width: 50%;
line-height: 20px;
padding: 8px 0;
}

.accordion-content table tr {
border-bottom: 1px solid rgba(16, 22, 27, 0.1);
}

.accordion-content table tr.text-center td {
padding-bottom: 30px;
}

.accordion-content table tr:last-of-type {
    border-bottom: 0;
}
  
@media screen and ( min-width: 1000px ) {
    .accordion-content.row {
        flex-direction: row;
        align-items: center;
    }
}

.section-list h2, .section-list h4 {
    padding-bottom: var(--y-screen-24-36);
}
.section-list .list-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 8px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--color-fade);
}
.section-list .list-row a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

/* TABS */
.tab-container {
    position: relative;
    width: 100%;
}
.tabcontent {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 0;
    width: 100%;
}
.tablink-container {
    padding: var(--y-screen-24-36) var(--x-screen-12-24);
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: var(--y-screen-16-24);
    font-size: var(--y-screen-16-24);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2px;
    -webkit-font-smoothing: antialiased;
}
.tablinks {
    cursor: pointer;
}
a:not(.pill).tablinks.active:not(:only-child) {
    text-decoration: underline;
}
/* .tablinks:hover {text-decoration: none;} */
.tabcontent.active {
    display: flex;
}


/* Big Section Card */
.card-section {
    border-radius: 10px;
    overflow: hidden;
    background: var(--light);
    text-align: center;
    width: 100%;
    max-width: 1440px;
    align-self: center;
}
.full-width .card-section {
    width: auto;
    margin: 0 var(--x-screen-16-48);
}
.card-section img {
    width: 100%;
    overflow: hidden;
}
.card-section .restrict { /* Restrict the height of the image */
    max-height: 220px;
}
.inset, .callout, .card-section:not(.inset) .content {
    padding: var(--y-screen-36-48) var(--x-screen-16-36);
}
.callout, .callout .content, .card-section .content, .card-section .content-inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    /* flex: .9; */
    align-items: center;
    justify-content: space-between;
    text-wrap: pretty;
}
.callout .content {
    text-align: center;
    z-index: 1;
}
.card-section .content-inner {
    gap: 1em;
    align-items: initial;
}

.grid-two {
    display: grid;
    gap: var(--y-screen-24-36);
    grid-template-columns: repeat(auto-fit, minmax(min(100%,340px), 1fr));
    align-items: center;
    text-align: left;
}
.grid-two-sm {
    display: grid;
    gap: var(--y-screen-24-36);
    grid-template-columns: repeat(auto-fit, minmax(min(100%,200px), 1fr));
    text-align: left;
}
.flex-left, .flex-right {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
}
.flex-left .content, .flex-right .content {
    align-items: flex-start;
    text-align: left;
    flex: 0 0 50%;
}
.flex-right > .content {
    order: 1;
}

body:not(.home) main section.callout {
    margin-left: -16px;
    margin-right: -16px;
}
.callout .eyelash {
    margin-bottom: 8px;
}
/* If the last section has the .callout class, hug the footer */
section:last-child.callout {
    margin-bottom: calc(0px - var(--y-screen-36-64));
}
section.with-overlay {
    background-color: var(--dark);
    position: relative;
    overflow: hidden;
}
section.with-overlay .background {
    position: absolute;
    height: 100% !important;
    width: 100%;
    top: 0;
    opacity: .6;
}

.wide-quote {
    border-radius: 10px;
    padding: var(--y-screen-36-64) var(--x-screen-16-48);
    text-align: center;
    text-wrap: pretty;
}
.wide-quote h5 {
    max-width: 888px;
    margin: 0 auto 16px;
    text-wrap: balance;
}

@media screen and ( min-width: 768px ) {
    .card-section {
        min-height: 400px;
    }
    .card-section .restrict {
        max-height: 530px;
    }
    .flex-left, .flex-right {
        flex-direction: row;
    }

    body:not(.home) main section.callout {
        margin-left: -48px;
        margin-right: -48px;
    }
    .callout, .callout .content {
        gap: 36px;
    }
    .callout .eyelash {
        margin-bottom: 16px;
    }
}

/* Highlight Slides */
.section-highlights {
    padding: var(--y-screen-24-48) 0;
}
.card-highlight, .card-overlay {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    width: 250px;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
}
.card-highlight {
    margin: 0 16px;
}
.card-background {
    width: 100%;
    -webkit-transition: transform .35s;
    transition: transform .35s;
}
.card-overlay {
    justify-content: flex-end;
    color: var(--light);
}
.with-overlay .card-background {
    height: 100%;
}
a.card-highlight.hover .card-background {
    transform: scale(1.1);
}
.card-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: var(--y-screen-24-36) var(--x-screen-12-24);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.50) 88.5%);
}
@media screen and ( min-width: 768px ) {
    .card-highlight, .card-overlay {
        width: 310px;
        height: 500px;
    }
}
@media (orientation: portrait) {
}


/* CAROUSEL */
.carousel-container {
    position: relative;
    /* margin-bottom: 2rem; */
  }
.carousel {
    width: 100%;
    max-width: 100dvw;
    position: relative;
    display: block;
    overflow-y: hidden;
    margin: auto;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-padding: var(--x-screen-16-48);
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.carousel-track {
  display: flex;
  width: fit-content;
  padding: 0 var(--x-screen-16-48);
  gap: 24px;
}

.carousel-slide {
  /* flex: 0 0 auto; */
  scroll-snap-align: start;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel-slide:last-child {
    scroll-snap-align: end;
}

.carousel-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.lazy-img {
  filter: blur(10px);
  transition: filter 0.3s ease;
}
.lazy-img.loaded {
  filter: blur(0);
}
.carousel::-webkit-scrollbar { display: none; }
.carousel ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: rgba(0, 0, 0, 0);
}

.carousel-arrow {
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: 1.5rem;
    padding: 0.5em; */
    cursor: pointer;
    transition: opacity 0.3s ease;
    opacity: 1;
    pointer-events: auto;
  }
  
  /* .carousel-arrow-left {
    left: 0;
  }
  
  .carousel-arrow-right {
    right: 0;
  } */
  
  /* Fade out */
  .carousel-arrow.is-hidden {
    opacity: 0;
    pointer-events: none;
  }
  
  /* Hide completely on touch devices */
  .hide-on-touch {
    display: none !important;
  }
  
/* SEARCH RESULTS */
.search-form.large-form {
    padding-bottom: 10px;
    margin-bottom: 16px;
    border-bottom: 2px solid var(--dark);
}
.search-form.large-form input::placeholder {
  opacity: 0.5;
}
.search-results-wrap article {
    border-bottom: 1px solid var(--color-fade);
    padding-bottom: var(--x-screen-12-24);
    margin-bottom: var(--x-screen-12-24);
}
.search-navigation {
    margin-bottom: var(--x-screen-16-36);
    display: flex;
    gap: 12px;
}
.search-navigation .prev, .search-navigation .next {
    display: inline-block;
    width: 24px;
    height: 24px;
}
.search-navigation .prev:before
{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30" fill="none"><path d="M39.2109 17C40.3155 17 41.2109 16.1046 41.2109 15C41.2109 13.8954 40.3155 13 39.2109 13L39.2109 17ZM0.586586 13.5858C-0.194462 14.3668 -0.194462 15.6332 0.586586 16.4142L13.3145 29.1421C14.0956 29.9232 15.3619 29.9232 16.1429 29.1421C16.924 28.3611 16.924 27.0948 16.1429 26.3137L4.82923 15L16.1429 3.6863C16.924 2.90525 16.924 1.63892 16.1429 0.857869C15.3619 0.0768206 14.0956 0.0768206 13.3145 0.857869L0.586586 13.5858ZM39.2109 13L2.0008 13L2.0008 17L39.2109 17L39.2109 13Z" fill="black"/></svg>');
}
.search-navigation .next:before
{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30" fill="none"><path d="M2.53125 13C1.42668 13 0.53125 13.8954 0.53125 15C0.53125 16.1046 1.42668 17 2.53125 17V13ZM41.1556 16.4142C41.9366 15.6332 41.9366 14.3668 41.1556 13.5858L28.4277 0.857868C27.6466 0.0768194 26.3803 0.0768194 25.5993 0.857868C24.8182 1.63892 24.8182 2.90525 25.5993 3.6863L36.913 15L25.5993 26.3137C24.8182 27.0948 24.8182 28.3611 25.5993 29.1421C26.3803 29.9232 27.6466 29.9232 28.4277 29.1421L41.1556 16.4142ZM2.53125 17H39.7414V13L2.53125 13V17Z" fill="black"/></svg>');
}
.search-navigation .page-numbers.current {
    font-weight: bold;
}
.search-navigation .page-numbers {
    display: inline-block;
    padding: 0 3px;
}

@media screen and ( max-width: 767px ) {
    .search-form.large-form {
        font-size: 22px;
    }
}

/* FOOTER */
footer {
    padding: var(--y-screen-36-64) var(--x-screen-16-36);
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: start;
    gap: 36px;
    background-color: var(--color2);
    color: var(--light);
    font-size: 15px;
    border-radius: 10px;
    margin-top: -10px;
}
footer, footer a {
    color: var(--light);
}
footer > div {
    width: 100%;
}
.menu-footer-menu-container {
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}
.menu-footer-menu-container ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.info h3 {
    margin-bottom: 8px;
}
.info h5 {
    margin-bottom: 16px;
}

.footer-end-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}
footer .logo-li {
    display: block !important;
    /* -webkit-mask: url("/wp-content/themes/_li/images/_logos/LI25_Logo_1Line.svg") no-repeat center;
    mask: url("/wp-content/themes/_li/images/_logos/LI25_Logo_1Line.svg") no-repeat center; */
    width: 100px;
    height: 71px; 
    background-color: var(--light);
}
.today-tix {
    margin: 24px 0;
    font-size: 18px;
}
.logo-tt {
    width: 5em;
    -webkit-mask: url("/wp-content/themes/_li/images/_logos/todaytix.svg") no-repeat 50% 50%;
    mask: url("/wp-content/themes/_li/images/_logos/todaytix.svg") no-repeat 50% 50%;
    display: inline-block;
}
.end-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    max-width: 430px;
    margin-bottom: 16px;
}
footer .last {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.last .today-tix {
    display: none;
}

footer #mc_embed_shell {
    padding-top: 24px;
    max-width: 550px;
}
footer #mc_embed_shell input[type=email] {
    width: 100%;
    padding: 8px 8px 8px 0;
}
footer .field-wrap {
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px var(--light) solid;
}


/* Social */
.social {
    display: flex;
    align-items: center;
    gap: 36px;
    font-size: 25px;
  }
  .social .fb {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/social-facebook-circle.svg") no-repeat 50% 50%;
    mask: url("/wp-content/themes/_li/images/_icons/social-facebook-circle.svg") no-repeat 50% 50%; }
  .social .ig {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/social-instagram.svg") no-repeat 50% 50%;
    mask: url("/wp-content/themes/_li/images/_icons/social-instagram.svg") no-repeat 50% 50%; }
  .social .tw {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/social-x.svg") no-repeat 50% 50%;
    mask: url("/wp-content/themes/_li/images/_icons/social-x.svg") no-repeat 50% 50%; }
  .social .yt {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/social-youtube.svg") no-repeat 50% 50%;
    mask: url("/wp-content/themes/_li/images/_icons/social-youtube.svg") no-repeat 50% 50%; }
  .social .tt {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/social-tiktok.svg") no-repeat 50% 50%;
    mask: url("/wp-content/themes/_li/images/_icons/social-tiktok.svg") no-repeat 50% 50%; }
    .social .threads {
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/social-threads.svg") no-repeat 50% 50%;
    mask: url("/wp-content/themes/_li/images/_icons/social-threads.svg") no-repeat 50% 50%; }
  .social a div {
    height: 1em;
    width: 1em;
    margin: 0;
    background-color: var(--light);
    -webkit-mask-size: cover;
    mask-size: cover;
  }
  .social a:hover div {
    background-color: var(--color1);
  }

  @media screen and ( min-width: 1000px ) {
    footer {
        flex-direction: unset;
        gap: 48px;
    }
    .menu-footer-menu-container {
        order: -2;
        width: auto;
        font-size: min(2vw, 24px);
    }
    .menu-footer-menu-container ul {
        width: auto;
        flex-direction: row;
        gap: min(3.8vw, 48px);
    }
    .social {
        order: -1;
        width: auto;
    }
    footer small {
        width: auto;
    }
    footer .logo-li {
        width: 130px;
        height: 89px;
    }
    .end-links {
        margin-top: 36px;
    }
    .today-tix {
        display: none;
    }
    .last .today-tix {
        display: block;
        margin: 0;
    }
  }

  @media screen and ( min-width: 1440px ) {
    .social {
        margin-left: 7vw;
    }
  }


/**************************\
  Global  Micromodal Styles
\**************************/

.micromodal-slide {
display: none;
}

.micromodal-slide.is-open {
display: block;
position: relative;
z-index: 200;
}
/* Remove scrollbar in modal */
.modal__overlay, .modal__container {
   /* -ms-overflow-style: none !important;  /* IE and Edge */
   /* scrollbar-width: none !important;  /* Firefox */
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
}

.modal__container {
background-color: var(--light);
padding: 24px 16px;
width: 100%;
max-height: calc(100dvh - 12px - env(safe-area-inset-bottom)) !important;
border-radius: 20px;
overflow-y: auto;
box-sizing: border-box;
}

.modal__header {
display: flex;
justify-content: space-between;
align-items: center;
}

.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
color: #00449e;
box-sizing: border-box;
}

.modal__close {

    display: inline-block;
    min-width: auto;
    padding: 0;
    border-radius: 0;
    font-size: 24px;
    background-color: transparent !important;
    color: var(--dark) !important;
}
.modal__close::before {
    display: inline-block;
    content: '';
    background-color: var(--dark);
    -webkit-mask: url("/wp-content/themes/_li/images/_icons/close.svg") no-repeat center;
    mask: url("/wp-content/themes/_li/images/_icons/close.svg") no-repeat center;
    width: 16px;
    height: 16px;
    margin-right: 12px;
}

@media screen and ( min-width: 768px ) {
    .modal__container {
        padding: 24px;
        margin: 0 40px;
    }
}
  
/**************************\
Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes mmslideIn {
from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}


/* LANGUAGE SELECTOR */
.gtranslate_wrapper #gt_float_wrapper {
    position: relative;
}
.gtranslate_wrapper .gt_float_switcher, .gtranslate_wrapper .gt_float_switcher .gt-selected {
    font-family: inherit;
    font-size: inherit;
    background-color: transparent;
    box-shadow: none;
    width: 100%;
}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0;
    color: var(--dark);
}
.home:not(.primary-navigation-open) nav:not(.scroll) .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
    color: var(--light);
}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang img, .gtranslate_wrapper .gt_float_switcher .gt_options a img {
    display: none;
}
.gtranslate_wrapper .gt_float_switcher .gt_options {
    position: absolute;
    color: var(--dark);
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(10px);
    font-size: .85em;
    /* font-family: "tt-commons-pro", sans-serif; */
}
.gtranslate_wrapper .gt_float_switcher .gt_options a {
    color: inherit;
    white-space: nowrap;
    transition: none;
    padding: .5em;
}
.gtranslate_wrapper .gt_float_switcher .gt_options a:hover {
    background: var(--color2);
}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9" fill="none"><path d="M1.41 0.790039L6 5.38004L10.59 0.790039L12 2.21004L6 8.21004L0 2.21004L1.41 0.790039Z" fill="currentColor"/></svg>')  no-repeat 50% 50%;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9" fill="none"><path d="M1.41 0.790039L6 5.38004L10.59 0.790039L12 2.21004L6 8.21004L0 2.21004L1.41 0.790039Z" fill="currentColor"/></svg>')  no-repeat 50% 50%;
    background-image: none;
    background-color: var(--dark);
    transform: rotate(0deg);
    height: 1em;
}
.home:not(.primary-navigation-open) nav:not(.scroll) .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    background-color: var(--light);
}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
    transform: rotate(-180deg);
}
@media screen and ( max-width: 999px ) {
    .gtranslate_wrapper .gt_float_switcher .gt_options {
        right: 0;
        max-width: 100% !important;
        width: 100%;
    }
    .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
        padding-bottom: 16px;
        border-bottom: 1px solid var(--dark);
    }
    .gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
        float: right;
    }
    .english::after {
        content: 'glish';
    }
}
@media screen and ( min-width: 1000px ) {
    .gtranslate_wrapper .gt_float_switcher .gt_options {
        right: 0;
        top: 3em;
    }
}
@media screen and ( min-width: 1440px ) {
    .english::after {
        content: 'glish';
    }
}

/* Consent Manager */
.target-container {
    color: rgba(0, 0, 0, 0);
    display: none;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.consent-container-modal {
  z-index: 999;
  background-color: rgba(0, 0, 0, .5);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}
.consent-form {
  gap: 20px;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: calc(100% - 64px);
  max-width: 600px;
  height: 600px;
  max-height: 380px;
  padding: 20px;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  color: #000000;
}
.consent-form .flex {
  gap: 20px;
}
.consent-form .heading {
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
}
.consent-form a {
  color: #000000;
}
.consent-form a:hover {
  text-decoration: underline;
  color: #000000;
}
a.consent-button {
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 208px;
  height: 56px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  color: #000;
  background-color: #fff;
  border: 2px solid rgba(30, 29, 64, .1);
  text-transform: uppercase;
}

a.consent-button-primary {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}
a.consent-button-primary:hover {
    color: #fff;
}
.crpb {
  display: none !important;
}


/* Popup Video Modal */
#popup-video .modal__container {
    max-width: 999px;
}
#popup-video .modal__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#popup-video iframe {
    width: 100%;
    height: 100%;
    min-height: calc(100vw * 9 / 16);
}
@media screen and ( min-width: 768px ) {
    #popup-video .modal__container {
        max-width: 999px;
        min-width: 600px;
    }
    #popup-video iframe {
        min-height: calc(800px * 9 / 16);
    }
}