/* 
    clamp(60px, calc(60px + (170 - 60) * ((100vw - 375px) / (1920 - 375))), 170px)
    This reads as: "at 375px viewport = 60px, at 1920px viewport = 170px, scale linearly between."
    min + (max - min) * ((100vw - minViewport) / (maxViewport - minViewport))

    You just plug in your numbers:

    60 → min value
    170 → max value
    375px → viewport where it should be at minimum
    1920px → viewport where it should be at maximum
 */

body {
    font-family: "acumin-pro-extra-condensed",sans-serif;
    /* font-family: "acumin-pro",sans-serif; */
    font-size: 1.125rem;
    font-weight: 300;
    font-style: normal;
}

:root {
    --color--primary: #DF5F5B;
    --color--secondary: #272247;
    --color--tertiary: #F6C109;
    --color--fourth: #95D152;
}


/* Header */
.site-header.with-background,
.site-header.dark-blue-bg {
    height: auto;
    background-color: var(--color--secondary);
    .header-logo .logo-img {
        height: 60px;
    }
    .navbar-right {
        .header-shop {
            color: #FFF;
            line-height: 100%;
            display: flex;
            align-items: center;
            gap: 30px;
            span {
                display: none;
                font-size: 22px;
            }
            a {
                font-weight: 700;
                font-size: 22px;
                line-height: 22px;
                display: inline-block;
                background: #DF5F5B;
                padding: 5px 25px;
                border-radius: 20px;
                color:var(--color--secondary);
                
            }
            a:hover {
                color: #FFF;
            }
        }
        a {
            label {
                font-size: 40px;
                line-height: 38px;
                font-weight: 600;
                font-family: inherit;
                display: block;
            }
            i {
                display: block;
            }
            label {
                display: none;
                font-family: "acumin-pro-extra-condensed",sans-serif;
            }
        }
    }
}

.main-navigation-wrapper .main-nav-body .left .first_level_menu {
    border-color: var(--color--primary);
}

@media screen and (min-width:640px) {
    .site-header.with-background,
    .site-header.dark-blue-bg {
        .navbar-right {
            a {
                label {
                    display: block;
                }
                i {
                    display: none;
                }
            }
        }
    }
}
@media screen and (min-width:768px) {
    .site-header.with-background,
    .site-header.dark-blue-bg {
        .navbar-right {
            a {
                label {
                    font-size: 56px;
                    line-height: 54px;
                }
            }
        }
    }
}
@media screen and (min-width:992px) {
    .site-header.with-background,
    .site-header.dark-blue-bg {
        .navbar-right {
            .header-shop {
                span {
                    display: block;
                    font-family: 'acumin-pro-extra-condensed';
                    line-height: 110%;
                }
                a {
                    padding: 10px 45px;
                }
            }
        }
    }
}


.site-header .navbar-right #vxm-navigation-toggle i:before {
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #FFF;
}
.main-navigation-wrapper.active .main-nav-header,
.main-navigation-wrapper.dark-blue-bg, 
.main-navigation-wrapper {
    background-color: var(--color--secondary);
}

.main-navigation-wrapper a, 
.main-navigation-wrapper .menu-item a {
    color:var(--color--primary);
    font-family: "acumin-pro-extra-condensed",sans-serif;
    font-weight: 700;
}
.main-navigation-wrapper a:hover {
    /* background: #FFF; */
}

.main-navigation-wrapper a:hover, 
.main-navigation-wrapper ul.sub-menu .menu-item a:hover,
.main-navigation-wrapper .menu-item a:hover {
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #FFF;
}
.newsletter-inside-nav a:first-of-type  {
    color:var(--color--primary);
    font-family: "acumin-pro-extra-condensed",sans-serif;
    font-weight: 700;
}
.newsletter-inside-nav .vxm-sm-buttons {
    display: flex;
    gap: 8px;
    a {
        display: inline-block;
        margin: 0;
    }
    a:hover svg {
        fill: var(--color--primary);
    }
    svg {
        fill:#FFF;
    }
}

/* End Header */


.vxm-sf  {
    .container {
        max-width: 1240px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.clip-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vxm-sf__title {
    margin-bottom: clamp(15px, calc(15px + (30 - 15) * ((100vw - 375px) / (1920 - 375))), 30px);
    h2{
        /* font-size: 106px; */
        /* font-size: clamp(80px, calc(80px + (106 - 80) * ((100vw - 375px) / (1920 - 375))), 106px); */
        /* Font de test */
        font-size: clamp(50px, calc(50px + (106 - 50) * ((100vw - 375px) / (1920 - 375))), 106px);
        font-weight: 700;
        color: var(--color--primary);
        line-height: 100%;
        font-family: inherit;
    }
}

@media screen and (min-width:768px) {
    .vxm-sf__title {
        h2{
            line-height: 120%;
        }
    }
}

.vxm-sf__subtitle {
    /* font-size: 76px; */
    /* line-height: 72px; */
    font-size: clamp(30px, calc(30px + (76 - 30) * ((100vw - 375px) / (1920 - 375))), 76px);
    line-height: clamp(28px, calc(28px + (72 - 28) * ((100vw - 375px) / (1920 - 375))), 72px);
    font-weight: 700;
    color:var(--color--secondary);
}



/* Hero */

.vxm-sf-hero {
    height: 100vh;
    background-color: var(--color--primary);
    background-size: cover;
    background-position: 81% center;
    display: flex;
    h1 {

    }
}
.vxm-sf-hero__content {
    background-color: var(--color--primary);
    max-width: 60%;
    height: 100%;
    padding: 50px;
    display: none;
    color:var(--color--secondary);
    h1 {
        font-size: clamp(80px, calc(80px + (120 - 80) * ((100vw - 375px) / (1920 - 375))), 120px);
        line-height: 100%;
        font-weight: 700;
        font-family: inherit;
        color: var(--color--secondary);
    }
    span {
        /* font-size: 60px; */
        font-size: clamp(30px, calc(30px + (60 - 30) * ((100vw - 375px) / (1920 - 375))), 60px);
        font-weight: 700;

    }
}

@media screen and (min-width: 768px) {
    .vxm-sf-hero {
        height: 100vh;
    }
    .vxm-sf-hero__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
/* End Hero */


/* Highlights */
.vxm-sf-highlights {
    margin-top: -105px;
    /* padding-bottom: 110px; */
    padding-bottom: clamp(60px, calc(60px + (110 - 60) * ((100vw - 375px) / (1920 - 375))), 110px);
    .slick-list {
        margin: 0 -16px;
    }
}

.vxm-sf-highlights__item {
    padding: 0 16px;
}
.vxm-sf-highlights__item__content {
    background-image: url(assets/img/highlight.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 28px 28px 35px; 
}

.vxm-sf-highlights__item__meta {
    font-size: 28px;
    line-height: 28px;
    color: var(--color--secondary);
    padding-bottom: 5px;
    border-bottom: 1px solid var(--color--secondary);
}

.vxm-sf-highlights__item__title {
    /* font-size: 58px; */
    /* line-height: 52px; */
    font-size: clamp(30px, calc(30px + (58 - 30) * ((100vw - 375px) / (1920 - 375))), 58px);
    line-height:  clamp(40px, calc(40px + (40 - 52) * ((100vw - 375px) / (1920 - 375))), 52px);
    font-weight: 700;
    margin-top: 10px;
    a {
        line-height: 80%;
        text-decoration: none;
        color: var(--color--secondary);
    }
}

.vxm-sf-highlights__item__image {
    img {
        max-width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }
}

/* End Highlights */


/* News */
.vxm-sf-news {
    background-color: var(--color--secondary);
    color:#FFF;
    padding: clamp(20px, calc(20px + (140 - 20) * ((100vw - 375px) / (1920 - 375))), 140px) 0 80px;
}

.vxm-sf-news .vxm-sf__title {
    h2 {
        /* font-size: clamp(70px, calc(70px + (106 - 70) * ((100vw - 375px) / (1920 - 375))), 106px); */
    }
}

.vxm-sf-news {
    .slick-dots {
        button {
            background-color: var(--color--secondary);
            border: 1px solid var(--color--primary);
        }
        .slick-active {
            button {
                background-color: var(--color--primary);
                border-color:var(--color--primary);
            }
        }
    }
}

@media screen and (min-width:992px) {
    .vxm-sf-news-list {
        display: grid;
        column-gap: 36px;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, auto); 
    }

}

.vxm-sf-news-item {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    align-content: start;
    gap: 0;
    margin:0 1rem;
}

@media screen and (min-width:992px) {
    .vxm-sf-news-item {
        margin:0;
    }
}

.vxm-sf-news-item__date {
    font-size: 30px;
    font-weight: 300;
    color:#FFF;
    text-transform: uppercase;
    letter-spacing: 0.3;
}

.vxm-sf-news-item__title {
    margin-bottom: 15px;
    text-wrap: balance;
    a {
        text-wrap: balance;
        text-transform: uppercase;
        text-decoration: none;
        color: var(--color--primary);
        font-weight: 700;
        font-size: 50px;
        line-height: 46px;

        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: all 0.3s ease;
        &:hover {
            transition: all 0.3s ease;
            color:#FFF;
        }
    }
}

.vxm-sf-news-item__text {
    font-size: 24px;
    font-weight: 300;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vxm-sf-news-button {
    text-align: center;
    margin-top: 50px;
    a {
        display: inline-block;
        color:var(--color--primary);
        border:1px solid;
        border-color:inherit;
        padding: 10px 25px;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 23px;
        font-weight: 700;
        text-decoration: none;
        border-radius: 50px;
        transition: all 0.3s ease;
        &:hover {
            transition: all 0.3s ease;
            color:#FFF;
        }
    }
}

@media screen and (min-width:768px) {
    .vxm-sf-news-button {
        margin-top: 80px;
        a {
            font-size: 40px;
            line-height: 38px;
        }
    }
}

@media screen and (max-width: 1240px) {
    .vxm-sf-news-scroll {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: var(--color--primary) rgba(255,255,255,0.1);
        padding-bottom: 16px;
    }
    .vxm-sf-news-scroll::-webkit-scrollbar {
        height: 4px;
    }
    .vxm-sf-news-scroll::-webkit-scrollbar-track {
        background: rgba(255,255,255,0.1);
        border-radius: 2px;
    }
    .vxm-sf-news-scroll::-webkit-scrollbar-thumb {
        background-color: var(--color--primary);
        border-radius: 2px;
    }
    .vxm-sf-news-list {
        /* grid-template-columns: repeat(4, 280px); */
    }
    .vxm-sf-news-item {
        scroll-snap-align: start;
    }
}

/* End News */

/* Activitati */
.vxm-sf-activitati {
    /* padding: 80px 0 170px; */
    padding:
        clamp(20px, calc(20px + (40 - 20) * ((100vw - 375px) / (1920 - 375))), 40px)
        0 
        clamp(60px, calc(60px + (170 - 60) * ((100vw - 375px) / (1920 - 375))), 170px);
}

.vxm-sf-activitati .vxm-sf__title {
    margin-bottom: 20px;
}

.vxm-sf-activitati-list {
    .slick-list {
        margin: 0 -1rem;        
    }
}

@media screen and (min-width:768px) {
    .vxm-sf-activitati-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr); 
        column-gap: 36px;
        margin-top: 60px;
    }
}

.vxm-sf-activitati-item {
    background-color: #6EC3FD;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin: 0 1rem;
}

@media screen and (min-width:768px) {
    .vxm-sf-activitati-item {
        margin: 0;
    }
}

.vxm-sf-activitati-list .slick-track {
    display: flex;
}
.vxm-sf-activitati-list .slick-slide {
    display: flex !important;
    height: auto;
}
.vxm-sf-activitati-list .slick-slide > div {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

.vxm-sf-activitati-item__img img {
    max-width: 100%;
    height: auto;
}

.vxm-sf-activitati-item:nth-of-type(1) {
    background-color: #6EC3FD;
}

.vxm-sf-activitati-item:nth-of-type(2) {
    background-color: var(--color--tertiary);
}

.vxm-sf-activitati-item:nth-of-type(3) {
    background-color: #95D152;
}

.vxm-sf-activitati-item__content {
    padding: 15px 20px;
}

.vxm-sf-activitati-item__title {
    text-transform: uppercase;
    font-size: clamp(50px, calc(50px + (106 - 50) * ((100vw - 375px) / (1920 - 375))), 106px);
    /* font-size: 106px; */
    line-height: 120%;
    font-weight: 700;
    color:var(--color--secondary);
}

.vxm-sf-activitati-item__text {
    font-size: 20px;
    line-height: 26px;
}

/* End Activitati */


/* Countdown */
.vxm-sf-countdown {
    background-color: #6EC3FD;
    /* padding: 145px 0; */
    padding: 
    clamp(20px, calc(20px + (145 - 20) * ((100vw - 375px) / (1920 - 375))), 145px) 
    0 
    clamp(60px, calc(60px + (145 - 60) * ((100vw - 375px) / (1920 - 375))), 145px);
    .vxm-sf__title h2 {
        color:var(--color--secondary);
    }
    .vxm-sf__title {
        margin-bottom: 0;
    }
}

.vxm-sf-countdown__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(30px, calc(30px + (100 - 30) * ((100vw - 375px) / (1920 - 375))), 100px);
}

@media screen and (min-width:992px) {
    .vxm-sf-countdown__wrapper {
        flex-wrap: nowrap;
    }
}

.vxm-sf-countdown__clock {
    display: flex;
    gap: 8px;
    margin-top: 30px;
}

@media screen and (min-width:640px) {
    .vxm-sf-countdown__clock {
        gap: 16px;
    }
}
.vxm-sf-countdown__unit {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vxm-sf-countdown__value {
    font-size: clamp(80px, calc(80px + (213 - 80) * ((100vw - 375px) / (1920 - 375))), 213px);
    line-height: clamp(70px, calc(70px + (190 - 70) * ((100vw - 375px) / (1920 - 375))), 190px);
    color:var(--color--tertiary);
    font-weight: 700;
}
.vxm-sf-countdown__unit:has(.vxm-sf-countdown__label) .vxm-sf-countdown__value {
    width: 2ch;
}
.vxm-sf-countdown__label {
    font-size: clamp(20px, calc(20px + (52 - 20) * ((100vw - 375px) / (1920 - 375))), 52px);
    line-height: clamp(20px, calc(20px + (52 - 20) * ((100vw - 375px) / (1920 - 375))), 52px);
    font-weight: 200;
    color:var(--color--secondary);
}

.vxm-sf-countdown__text {
    h3 {
        font-size: clamp(32px, calc(32px + (85 - 32) * ((100vw - 375px) / (1920 - 375))), 85px);
        line-height: clamp(28px, calc(28px + (75 - 28) * ((100vw - 375px) / (1920 - 375))), 75px);
        color:var(--color--tertiary);
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    p {
        font-size: clamp(20px, calc(20px + (28 - 20) * ((100vw - 375px) / (1920 - 375))), 28px);
        line-height: clamp(20px, calc(20px + (28 - 20) * ((100vw - 375px) / (1920 - 375))), 28px);
        color:var(--color--secondary);
    }
}
/* End Countdown */

/* Aftermovies */
.vxm-sf-aftermovies {
    /* padding: 150px 0; */
    padding: 
    clamp(20px, calc(20px + (130 - 20) * ((100vw - 375px) / (1920 - 375))), 130px) 
    0 
    clamp(20px, calc(20px + (50 - 20) * ((100vw - 375px) / (1920 - 375))), 50px);
}

.vxm-sf-aftermovies__list {
    padding: 0 1rem;
    
    .slick-list {
        margin: 0 -2rem;        
    }

}

@media screen and (min-width:1240px) {
    .vxm-sf-aftermovies__list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: 36px;
        padding: 0;
        margin: 0;
    }
    
}

.vxm-sf-aftermovies__item {
    margin: 0 8px;
    &:first-of-type {
        background-color: #6EC3FD;
    }
    &:nth-of-type(2) {
        background-color: var(--color--primary);
    }
    &:nth-of-type(3) {
        background-color: var(--color--tertiary);
    }
    &:nth-of-type(4) {
        background-color: var(--color--fourth);
    }
    &:hover {
        cursor: pointer;
    }
    img {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width:768px) {
    .vxm-sf-aftermovies__item {
        margin: 0 1rem;
    }
}
@media screen and (min-width:1240px) {
    .vxm-sf-aftermovies__item {
        margin: 0;
        display: grid;
        grid-row: span 3;
        grid-template-rows: subgrid;
    }

    .vxm-sf-aftermovies__item-content {
        display: grid;
        grid-row: span 2;
        grid-template-rows: subgrid;
    }
}

.vxm-sf-aftermovies__item-content {
    padding: 12px 12px 28px;
    position: relative;
}

@media screen and (min-width:768px) {
    .vxm-sf-aftermovies__item-content {
        padding: 12px 25px 28px;
    }
}

.vxm-sf-aftermovies__item-title {
    margin-bottom: 20px;
    font-size: clamp(32px, calc(32px + (56 - 32) * ((100vw - 375px) / (1920 - 375))), 56px);
    line-height: 100%;
    /* line-height: clamp(24px, calc(24px + (50 - 24) * ((100vw - 375px) / (1920 - 375))), 50px); */
    font-weight: 700;
    color: var(--color--secondary);
    
}

.vxm-sf-aftermovies__item-meta {
    font-size: clamp(18px, calc(18px + (28 - 18) * ((100vw - 375px) / (1920 - 375))), 28px);
    line-height: clamp(14px, calc(14px + (27 - 14) * ((100vw - 375px) / (1920 - 375))), 27px);
    font-weight: 300;
    color:var(--color--secondary);
    max-width: 60%;
    
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vxm-sf-aftermovies__item-play {
    position: absolute;
    right: 25px;
    bottom: 28px;
    img {
        width: 26px;
    }
}

/* End Aftermovies */

/* Partners */
.vxm-sf__partners {
    padding-bottom: clamp(50px, calc(50px + (100 - 50) * ((100vw - 375px) / (1920 - 375))), 100px);
}

.vxm-sf__partners .vxm-sf-news-button a:hover{
    color:var(--color--secondary);
    border-color: inherit;
}

.partner-section-outer-wrapper .partners-row-wrapper {
    margin-top: 0;
}

/* End Partners */


/* SF Video Hero Fancy */

.vxm-sf-video-hero {
    position: relative;
    width: 100%;
    height: 100vh;
    /* overflow: hidden; */
    margin-bottom: 35px;
}

.vxm-sf-video-hero__bg {
    position: absolute;
    inset: 0;
    
}

.vxm-sf-video-hero__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vxm-sf-video-hero__yt-wrapper {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.vxm-sf-video-hero__video--yt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Cover the container regardless of viewport aspect ratio */
    width: 100%;
    height: 100%;
    min-width: 177.78vh; /* 16/9 × 100vh */
    min-height: 56.25vw; /* 9/16 × 100vw */
    pointer-events: none;
    border: 0;
}

.vxm-sf-video-hero__overlay,
.vxm-sf-video-hero__fallback {
    position: absolute;
    inset: 0;
    background-size:cover;
    background-position: center top;
}

.vxm-sf-video-hero__content {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    max-width:80%;
    padding: 40px 45px 55px;
    background-color: var(--color--tertiary);
}

@media screen and (min-width: 768px) {
    .vxm-sf-video-hero__content {
        max-width: fit-content;
    }
}

.vxm-sf-video-hero__title {
    /* font-size: clamp(30px, calc(30px + (80 - 30) * ((100vw - 375px) / (1920 - 375))), 80px); */
    font-size: clamp(50px, calc(50px + (106 - 50) * ((100vw - 375px) / (1920 - 375))), 106px);
    line-height: 100%;
    font-weight: 700;
    font-family: inherit;
    color: var(--color--secondary);
}
.vxm-sf-video-hero__subtitle {
    /* font-size: clamp(30px, calc(30px + (80 - 30) * ((100vw - 375px) / (1920 - 375))), 80px); */
    font-size: clamp(50px, calc(50px + (106 - 50) * ((100vw - 375px) / (1920 - 375))), 106px);
    line-height: 100%;
    font-weight: 300;
    text-transform: uppercase;
    font-family: inherit;
    color: var(--color--secondary);
    border-bottom:1px solid #F3F2DD;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.vxm-sf-video-hero__sub-subtitle {
    font-size: clamp(18px, calc(18px + (34 - 18) * ((100vw - 375px) / (1920 - 375))), 34px);
    line-height: 100%;
    font-weight: 300;
    font-family: inherit;
    color: var(--color--secondary);
}
.vxm-sf-hero__btn {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    display: inline-block;
    background-color:#FFF;
    color: var(--color--secondary);
    border: 1px solid var(--color--primary);
    padding: 10px 25px;
    font-size: 25px;
    line-height: 23px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    &:hover {
        background-color: var(--color--primary);
        color: var(--color--secondary);
    }
}
/* End SF Video Hero Fancy */

/* SF Subhero Description */

.vxm-sf-content-media {
    padding-top: clamp(50px, calc(50px + (100 - 50) * ((100vw - 375px) / (1920 - 375))), 100px);
    padding-bottom: clamp(50px, calc(50px + (100 - 50) * ((100vw - 375px) / (1920 - 375))), 100px);
    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }
    &.vxm-sf-content-media--top {
        .container {
            align-items: flex-start;
        }
    }
    &.vxm-sf-content-media--bottom {
        .container {
            align-items: flex-end;
        }
    }
    &.vxm-sf-content-media--reversed {
        .container {
            flex-direction: column;
        }
    }
    &.vxm-sf-content-media--colored {
        background: linear-gradient(to bottom, #ffffff 20%, #272247 20%);
        color:#FFF;
        a.vxm-sf-content-media__button {
            color: var(--color--primary);
        }
        p {
            color:#FFF;
        }

        @media screen and (min-width: 768px) {
            background: var(--color--secondary);
        }
    }
    h2 {
        text-wrap: balance;
        text-transform: uppercase;
        text-decoration: none;
        color: var(--color--primary);
        font-weight: 700;
        font-size: 50px;
        line-height: 46px;
        margin-bottom: 10px;
    }
    p {
        font-size: clamp(18px, calc(18px + (28 - 18) * ((100vw - 375px) / (1920 - 375))), 38px);
        line-height: 120%;
        margin-bottom: 20px;
        /* color:#FFF; */
    }
    &:has(.vxm-sf-content-media__img-content) {
        
        img {
            margin-bottom: 20px;
        }
        .container {
            flex-direction: column-reverse;
        }
        &.vxm-sf-content-media--colored {
            background: linear-gradient(to bottom, #272247 70%, #FFF 70%);
            @media screen and (min-width:768px) {
                background: var(--color--secondary);
            }
            p {
                color:#FFF;
            }
        }
        .vxm-sf-content-media__media {
            background: linear-gradient(to bottom, #DF5F5B 70%, #FFF 70%);
            padding: 60px 40px;
            @media screen and (min-width:768px) {
                background: var(--color--primary);
            }
        }
    }
    .vxm-sf-content-media__img-content {
        h2 {
            font-size: 40px;
            line-height: 40px;
                color:#FFF;
        }
        p {
            color:var(--color--secondary);
            font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 375px) / (1920 - 375))), 24px);
        }
    }
    .vxm-sf-content-media__media {
        display: flex;
        flex-direction: column;
        align-items: center;
        img {
            max-width:100%;
            height: auto;
        }
    }
    .vxm-sf-content-media__content--text-center {
        text-align: center;
    }
    .vxm-sf-content-media__content--text-right {
        text-align: right;
    }
    a.vxm-sf-content-media__button {
        display: inline-block;
        color: var(--color--secondary);
        border: 1px solid var(--color--primary);
        padding: 10px 25px;
        text-transform: lowercase;
        font-size: 25px;
        line-height: 23px;
        font-weight: 700;
        text-decoration: none;
        border-radius: 50px;
        transition: all 0.3s ease;
        &:hover {
            background-color: var(--color--primary);
            color: var(--color--secondary);
        }
    }
    a.vxm-sf-content-media__img-btn {
        text-transform: uppercase;
        display: inline-block;
        background-color: #FFF;
        color: var(--color--secondary);
        border: 1px solid var(--color--primary);
        padding: 10px 25px;
        font-size: 25px;
        line-height: 23px;
        font-weight: 700;
        text-decoration: none;
        border-radius: 50px;
        transition: all 0.3s ease;
        &:hover {
            background-color: var(--color--secondary);
            color:#FFF;
        }
    }
    @media screen and (min-width:768px) {
        gap: 4rem;
        .container {
            flex-direction: row;
        }
        &.vxm-sf-content-media--reversed {
            .container {
                flex-direction: row-reverse;
            }
        }
    }
}

/* End SF Subhero Description */


/* Title Underline */
.vxm-title-underlined-wrapper {
    padding:
        clamp(40px, calc(40px + (80 - 40) * ((100vw - 375px) / (1920 - 375))), 80px)
        0
        clamp(40px, calc(40px + (80 - 40) * ((100vw - 375px) / (1920 - 375))), 80px);
    .title {
        font-family: "acumin-pro-extra-condensed",sans-serif;
        color:var(--color--primary);
        margin-bottom: 0;
        &::after {
            display: none;
        }
        
    }
    a:hover {
        color: var(--color--secondary);
        .title {
            color: var(--color--secondary);
        }
    }
    p {
        font-size: 25px;
        line-height: 33px;
    }
}
/* End Title Underline */

/* Headings */
.main-event-page-hero .bigger-content p,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
}
/* End Headings */

/* Button */ 
.button-wrapper .vxm-btn, .vxm-btn {
    font-family: inherit;
    color: var(--color--primary)!important;
    border: 1px solid var(--color--primary);
    padding: 10px 25px;
    font-size: 25px;
    line-height: 23px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    background: transparent;
    &:hover {
        background-color: var(--color--primary);
        color: var(--color--secondary)!important;
    }
}
/* End Button */

/* SF Schedule */
.vxm-sf-schedule {
    padding:
        clamp(40px, calc(40px + (80 - 40) * ((100vw - 375px) / (1920 - 375))), 80px)
        0
        clamp(40px, calc(40px + (80 - 40) * ((100vw - 375px) / (1920 - 375))), 80px);
}

.vxm-sf-schedule-days {
    display: flex;
    gap: 16px;
    margin-bottom: clamp(24px, calc(24px + (48 - 24) * ((100vw - 375px) / (1920 - 375))), 48px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.vxm-sf-schedule-days::-webkit-scrollbar {
    display: none;
}

.vxm-sf-schedule-day {
    background: transparent;
    cursor: pointer;
    font-family: "acumin-pro-extra-condensed", sans-serif;
    font-size: clamp(50px, calc(50px + (64 - 50) * ((100vw - 375px) / (1920 - 375))), 64px);
    line-height: 100%;
    font-weight: 700;
    color: var(--color--secondary);
    text-transform: uppercase;
    border:none;
    padding: 0;
}

.vxm-sf-schedule-day.is-active,
.vxm-sf-schedule-day:hover {
    color: var(--color--primary);
    text-decoration: underline;
}

.vxm-sf-schedule-panel {
    display: none;
}

.vxm-sf-schedule-panel.is-active {
    display: block;
}

.vxm-sf-schedule-items {
    padding-bottom: 30px;
}

.vxm-sf-schedule-items .slick-list {
    margin: 0 -10px;
}


@media screen and (min-width: 992px) {
    .vxm-sf-schedule-items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        padding-bottom: 0;
        align-items: stretch;
    }

    .vxm-sf-schedule-card {
        display: flex;
        flex-direction: column;
    }

    .vxm-sf-schedule-card__body {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .vxm-sf-schedule-card__title {
        flex: 1;
    }
}

@media screen and (min-width:1240px) {
    .vxm-sf-schedule-items {
        gap: 36px;
    }
}

.vxm-sf-schedule-card {
    background: #FFF;
    margin: 0 10px;
}

@media screen and (min-width: 992px) {
    .vxm-sf-schedule-card {
        margin: 0;
    }
}

.vxm-sf-schedule-card__image img {
    width: 100%;
    height: auto;
    /* aspect-ratio: 16 / 9; */
    object-fit: cover;
    display: block;
}

.vxm-sf-schedule-card__body {
    padding: 14px 16px 18px;
    background: var(--color--tertiary);
}

.vxm-sf-schedule-card__meta {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 0;
    margin-bottom: 10px;
}

.vxm-sf-schedule-card__title {
    font-size: clamp(60px, calc(60px + (80 - 60) * ((100vw - 375px) / (1920 - 375))), 80px);
    line-height: 90%;
    font-weight: 700;
    color: var(--color--secondary);
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vxm-sf-schedule-card__date {
    font-size: clamp(40px, calc(40px + (60 - 40) * ((100vw - 375px) / (1920 - 375))), 60px);
    font-weight: 700;
    color: var(--color--secondary);
    text-transform: uppercase;
    line-height: 100%;
}

.vxm-sf-schedule-card__hour {
    font-size: clamp(30px, calc(30px + (45 - 30) * ((100vw - 375px) / (1920 - 375))), 45px);
    font-weight: 700;
    line-height: 100%;
    color: var(--color--secondary);
    text-transform: uppercase;

}

.vxm-sf-schedule-card__access {
    display: inline-block;
    font-size: clamp(20px, calc(20px + (38 - 20) * ((100vw - 375px) / (1920 - 375))), 38px);
    font-weight: 700;
    color: var(--color--secondary);
    line-height: 100%;
    text-transform: lowercase;
}
/* End SF Schedule */


/* SF Concerts */
.vxm-sf-concerts {
    padding:
        clamp(20px, calc(20px + (130 - 20) * ((100vw - 375px) / (1920 - 375))), 130px)
        0
        clamp(20px, calc(20px + (50 - 20) * ((100vw - 375px) / (1920 - 375))), 50px);
}

.vxm-sf-concerts__list {
    padding: 0 1rem;

    .slick-list {
        margin: 0 -2rem;
    }
}

@media screen and (min-width: 1240px) {
    .vxm-sf-concerts__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 36px;
        row-gap: 36px;
        padding: 0;
    }
}

.vxm-sf-concerts__item {
    margin: 0 8px;
    &:nth-of-type(1) { background-color: #6EC3FD; }
    &:nth-of-type(2) { background-color: var(--color--primary); }
    &:nth-of-type(3) { background-color: var(--color--tertiary); }
    &:nth-of-type(4) { background-color: var(--color--fourth); }
    &:nth-of-type(5) { background-color: #E8C4FF; }
    &:nth-of-type(6) { background-color: #FF8C42; }
    &:hover { cursor: pointer; }
}

@media screen and (min-width: 768px) {
    .vxm-sf-concerts__item {
        margin: 0 1rem;
    }
}

@media screen and (min-width: 1240px) {
    .vxm-sf-concerts__item {
        margin: 0;
    }
}

.vxm-sf-concerts__item-visual {
    width: 100%;
    aspect-ratio: 4 / 3;
    background-color: inherit;
    filter: brightness(0.88);
}

.vxm-sf-concerts__item-content {
    padding: 16px 20px 28px;
}

@media screen and (min-width: 768px) {
    .vxm-sf-concerts__item-content {
        padding: 16px 28px 32px;
    }
}

.vxm-sf-concerts__item-title {
    font-size: clamp(28px, calc(28px + (48 - 28) * ((100vw - 375px) / (1920 - 375))), 48px);
    font-weight: 700;
    line-height: 100%;
    color: var(--color--secondary);
    margin-bottom: 16px;
}

.vxm-sf-concerts__item-date,
.vxm-sf-concerts__item-hour {
    font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 375px) / (1920 - 375))), 20px);
    font-weight: 600;
    line-height: 1.4;
    color: var(--color--secondary);
    letter-spacing: 0.02em;
}

.vxm-sf-concerts__item-access {
    margin-top: 14px;
    font-size: clamp(11px, calc(11px + (14 - 11) * ((100vw - 375px) / (1920 - 375))), 14px);
    font-weight: 400;
    color: var(--color--secondary);
    opacity: 0.65;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
/* End SF Concerts */


/* SF Competitions */
.vxm-sf-competitions {
    padding:
        clamp(40px, calc(40px + (80 - 40) * ((100vw - 375px) / (1920 - 375))), 80px)
        0
        clamp(40px, calc(40px + (80 - 40) * ((100vw - 375px) / (1920 - 375))), 80px);
}

.vxm-sf-competitions__tabs {
    display: flex;
    gap: 16px;
    margin-bottom: clamp(24px, calc(24px + (48 - 24) * ((100vw - 375px) / (1920 - 375))), 48px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.vxm-sf-competitions__tabs::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1024px) {
    .vxm-sf-competitions__tabs {
        scrollbar-width: thin;
        scrollbar-color: var(--color--primary) rgba(255, 255, 255, 0.1);
        -ms-overflow-style: auto;
        padding-bottom: 16px;
    }

    .vxm-sf-competitions__tabs::-webkit-scrollbar {
        display: block;
        height: 4px;
    }

    .vxm-sf-competitions__tabs::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 2px;
    }

    .vxm-sf-competitions__tabs::-webkit-scrollbar-thumb {
        background-color: var(--color--primary);
        border-radius: 2px;
    }
}

.vxm-sf-competitions__tab {
    background: transparent;
    cursor: pointer;
    font-family: "acumin-pro-extra-condensed", sans-serif;
    font-size: clamp(50px, calc(50px + (64 - 50) * ((100vw - 375px) / (1920 - 375))), 64px);
    line-height: 100%;
    font-weight: 700;
    color: var(--color--secondary);
    text-transform: uppercase;
    border: none;
    padding: 0;
    white-space: nowrap;
    flex-shrink: 0;
}

.vxm-sf-competitions__tab.is-active,
.vxm-sf-competitions__tab:hover {
    color: var(--color--primary);
    /* text-decoration: underline; */
}

.vxm-sf-competitions__panel {
    display: none;
}

.vxm-sf-competitions__panel.is-active {
    display: block;
}

.vxm-sf-competitions__panel-desc {
    font-size: clamp(18px, calc(18px + (28 - 18) * ((100vw - 375px) / (1920 - 375))), 28px);
    line-height: 120%;
    color: var(--color--secondary);
    margin-bottom: clamp(16px, calc(16px + (24 - 16) * ((100vw - 375px) / (1920 - 375))), 24px);
    max-width: 860px;
}

.vxm-sf-competitions__panel-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

a.vxm-sf-competitions__button {
    display: inline-block;
    color: var(--color--secondary);
    border: 1px solid var(--color--primary);
    padding: 10px 25px;
    text-transform: lowercase;
    font-size: 25px;
    line-height: 23px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    &:nth-of-type(2) {
        background-color: var(--color--primary);
        color: var(--color--secondary);
    }
}

a.vxm-sf-competitions__button:hover {
    background-color: var(--color--primary);
    color: var(--color--secondary);
    &:nth-of-type(2) {
        background-color: var(--color-white);
        color: var(--color--secondary);
    }
}

/* End SF Competitions */

/* SF Playlist */

/* End SF Playlist */



/* SF FAQ */
.faq-accordions-wrapper {

}
.accordion-wrapper {
    border-top:0 none;
    border-bottom:2px solid var(--color--primary);
    @media screen and (min-width:768px) {
        padding: 30px 0;
    }
}
.accordion-wrapper:last-of-type {
    border-bottom:2px solid var(--color--primary);
}
.accordion-wrapper .vox-accordion-toggler .title {
    color:var(--color-secondary);
    font-family: 'acumin-pro-extra-condensed';
}

.accordion-wrapper .accordion-collapse-wrapper .content-wrapper, 
.accordion-wrapper .accordion-collapse-wrapper .content-wrapper p {
    color: var(--color--secondary);
}

/* End SF FAQ */

/* Bottom Bar */
.vxm-sticky-bottom-bar-outer-wrapper .wrap {
    justify-content: center;
}


.vxm-sticky-bottom-bar-outer-wrapper {
    background: var(--color--primary);
    padding: 13px 0;
}
.vxm-sticky-bottom-bar-outer-wrapper .titles-wrapper h2.yellow,
.vxm-sticky-bottom-bar-outer-wrapper .titles-wrapper h2.white {
    font-size: 40px;
    color: var(--color--secondary);
    font-family: "acumin-pro-extra-condensed",sans-serif;
    font-weight: bold;
}
.vxm-sticky-bottom-bar-outer-wrapper .titles-wrapper h2.white {
    font-weight: 300;
}
.vxm-sticky-bottom-bar-outer-wrapper .wrap a.vxm-btn {
        font-family: 'acumin-pro-extra-condensed';
        font-weight: 500;
        background: #FFF;
        display: inline-block;
        color: var(--color--primary)!important;
        border: 1px solid #FFF;
        padding: 10px 25px;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 23px;
        font-weight: 700;
        text-decoration: none;
        border-radius: 50px;
        transition: all 0.3s ease;
        margin-top: 0;
        margin-bottom: 0;
        &:hover {
            background: var(--color--secondary);
            border-color: var(--color--secondary);
        }
}

.vxm-sticky-bottom-bar-outer-wrapper .wrap .titles-wrapper {
    display: flex;
    gap: 16px;
}

@media screen and (max-width:768px) {
    .vxm-sticky-bottom-bar-outer-wrapper .wrap .titles-wrapper {
        display: none;
    }
}
/* End Bottom Bar */




/* Footer */
.site-footer {
    background-color: #FFF;
    box-shadow: none;
    a.site-branding svg {
        max-width: 100%;
        height: auto;
    }
    .wrap {
        z-index: unset;
    }
}

.site-footer .footer-logo .logo-img {
    max-width: 100%;
    width: auto;
}

.site-footer .row {
    align-items: flex-end;
}

.site-footer .footer-col .widget h3 {
    font-weight: normal;
    text-transform: none;
    margin-bottom: 10px;
    
}
.site-footer .footer-col .sm-icons-wrapper.widget h3 {
    color: var(--color--primary);
    font-size: 47px;
    margin-bottom: 20px;
}

.site-footer .footer-col .widget.footer-links-widget a,
.site-footer .footer-col .widget h3,
.site-footer .footer-col .widget a,
.site-footer .footer-col .widget p {
    font-family: inherit;
    color: var(--color--secondary);
    font-size: 25px;
    line-height: 33px;
}

.site-footer .footer-col .widget.sm-icons-wrapper {
    .vxm-sm-buttons {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        margin-bottom: 10px;
        svg {
            fill:var(--color--secondary);
        }
        a:hover svg {
            fill:var(--color--primary);
        }
        .linkedin {
            path:not(:first-of-type) {
                fill: #FFF;
            }
        }
    }
}

.site-footer .footer-col .widget a:hover {
    color:var(--color--primary);
}

.site-footer {
    
    .site-footer-legal {
        .widget p,
        .widget.footer-links-widget a {
            font-size: 1rem;
            line-height: 1.5rem;
            &:hover {
                color:var(--color--primary);
            }
        }
    }
}

/* End Footer */