/*
 at: came from webflow html
 */
body {
    -webkit-font-smoothing: antialiased;
    /* Chrome, Safari */
    -moz-osx-font-smoothing: grayscale;
    /* Firefox */
}

/* rf: added masonry via css */
.zg-masonry-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.zg-masonry-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(50% - 10px);
}

.zg-masonry-column.column-md {
    display:none
}

@media (max-width: 991px) {
    .zg-masonry-column {
        width: 100%;
        display:none
    }
    .zg-masonry-column.column-md {
        display:flex
    }
}

/* rf: extracted from inline styling */
.video-item {
    padding-top: 56.17021276595745%;
    iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: auto;
        border: none;
    }
}

.hidden {
    display: none;
}

a {
    color: inherit;
}

/* rf: swiper extra styling */

.in-slider .label.small {
    margin-left: 0 !important;
}

.swiper-button-disabled {
    opacity: .2;
    cursor: default;
    pointer-events: none;
} 

.swiper-slide {
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.team-info__wrapper,
.buttwon-wrapper {
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    contain: layout paint style;
    opacity: 1 !important;
    visibility: visible !important;
}

.team-info__wrapper {
    z-index: 20;
}

.buttwon-wrapper {
    z-index: 10;
    position: relative;
}

.gradient-overlay.small {
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;

    background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));

    will-change: opacity, transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

/* rf: swiper pagination styling */
.swiper-pagination-bullet-active-main {
    background-color: var(--black) !important;
}

.swiper-pagination-bullet {
    /*transform: scale(1) !important;*/
}

/* rf: show filter overlay via css */
.overlay-filter {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.35s ease;
}

.overlay-filter .modal-overlay-wrapper {
    transform: translate3d(0px, 43rem, 0px);
    transition: transform 0.35s ease;
}

.overlay-filter.showing {
    display: flex;
}

.overlay-filter.shown {
    background-color: rgba(0, 0, 0, 0.6);
}

.overlay-filter.shown .modal-overlay-wrapper {
    transform: translate3d(0px, 0%, 0px);
}

.filter-pill.active {
    background-color: var(--black) !important;
    color: var(--white) !important;
}

.filter-pill.inactive {
    cursor: default;
    pointer-events: none;
}

.filter-group-modal {
    padding-bottom: 8rem;
    @media screen and (max-width: 767px) {
        padding-bottom: 5rem;
    }
}

/* rf: helper class */
.body-stopscrolling {
    height: 100%;
    overflow: hidden;
}

/* rf: show ticket overlay via css */
.overlay {
    transition: background-color 0.35s ease;
}

.overlay .modal-overlay-wrapper {
    transition: transform 0.35s ease;
}

.overlay.out {
    background-color: rgba(0, 0, 0, 0);
    display: none;
}

.overlay.out .modal-overlay-wrapper {
    transform: translate3d(100%, 0px, 0px);
}

.overlay.out .modal-overlay-wrapper {
    transform: translate3d(100%, 0px, 0px);
}

@media screen and (max-width: 991px) {
    .overlay.out .modal-overlay-wrapper {
        transform: translate3d(0px, 43rem, 0px);
    } 
}

.overlay.out.transition {
    display: flex;
}

.overlay.in {
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
}

.overlay.in .modal-overlay-wrapper {
    transform: translate3d(0%, 0px, 0px);
}

/* rf: show navigation via css */
.nav-overlay {
    opacity: 0;
    transition: opacity 0.1s ease;
}

.nav-overlay.showing {
    display: flex;
}

.nav-overlay.shown {
    display: flex;
    opacity: 1;
}

.mobile-menu-trigger .nav-icon-close,
.mobile-menu-trigger.in .nav-icon-open {
    display: none;
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu-trigger.in .nav-icon-close {
    display: inline;
}

.mobile-menu-trigger.rotate .nav-icon-close {
    transform: rotate(90deg);
}

/* rf: some rich text wrappers */
.cast-footer-wrapper p {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: clamp(1rem, .8244rem + .5854vw, 1.3rem);
    font-weight: 500;
    white-space: nowrap;
    line-height: 130%;
}

.cast-footer-wrapper a {
    text-underline-offset: .2rem;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.fliesstext ul li::marker {
    font-size: clamp(1rem, .8244rem + .5854vw, 1.3rem);
}

.fliesstext h5 {
    font-family: franklin-gothic-urw, sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    letter-spacing: .005rem;
    word-spacing: .04em;
    font-size: clamp(1.125rem, .9699rem + .7755vw, 1.6rem);
}

.fliesstext h5 + p,
.fliesstext h5 + ul,
.fliesstext h5 + ol {
    margin-top: -5px;
}

@media (max-width: 768px) {
    .fliesstext h5 + p,
    .fliesstext h5 + ul,
    .fliesstext h5 + ol {
        margin-top: -7px;
    }
}

@media (max-width: 479px) {
    .fliesstext h5 + p,
    .fliesstext h5 + ul,
    .fliesstext h5 + ol {
        margin-top: -10px;
    }
}

/* rf: some form tweaks */
.w-checkbox.checkbox-field:first-child {
    margin-bottom: 1rem;
}

/* rf: medias anchor */
.row {
    z-index: 20;
}

#medias {
    height: 63px;
    position: absolute;
    top: -63px;
}

@media (max-width: 991px) {
    #medias {
        height: 57px;
        top: -57px;
    }
}

@media (max-width: 768px) {
    #medias {
        height: 54px;
        top: -54px;
    }
}

.section-medias {
    position: relative;
}

/* at's additions */

/* added .cast * to target paragraphs */
.cast, .cast * {
    font-family: franklin-gothic-urw, sans-serif;
    font-size: clamp(1rem, .8244rem + .5854vw, 1.3rem);
    font-weight: 500;
    line-height: 120%;
}

/* added `.text-wrapper li` to target list items */

p, .text-wrapper li {
    letter-spacing: .005rem;
    word-spacing: .04em;
    margin-bottom: 0;
    font-family: Jjannon, Times New Roman, sans-serif;
    font-size: clamp(1.125rem, .9699rem + .7755vw, 1.6rem);
    font-weight: 400;
    line-height: 130%;
}

/* added `.text-wrapper p a` */
.textlink, .text-wrapper p a, .table-small p a {
    text-underline-offset: .2rem;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
}