/* UWS-4196 (hide venue) */
.uws-events-controls .uws-dropdown li button[data-venuecode='VEN1121563'],
.uws-events-controls .uws-dropdown li button[data-venues='VEN1121563'],
.uv-carousel-lat.uws-venuekey-strawberry-moon.uws-event-agenda-box {
    display: none !important;
}

/* using !i to replace inline styling */
.uws-dropdown li button.uwsjs-events-selectvenue[data-venue="swan-lounge"] {
    display: none !important;
}

@font-face {
    font-display: swap;
    font-family: 'Gotham Medium';
    src: url(/wp-content/themes/groot/assets/fonts/Gotham/GothamMedium.woff2) format("woff2"),
         url(/wp-content/themes/groot/assets/fonts/Gotham/GothamMedium.woff) format("woff"),
         url(/wp-content/themes/groot/assets/fonts/Gotham/GothamMedium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Gotham Bold';
    src: url(/wp-content/themes/groot/assets/fonts/Gotham/GothamBold.woff) format("woff"),
        url(/wp-content/themes/groot/assets/fonts/Gotham/GothamBold.woff2) format("woff2"),
        url(/wp-content/themes/groot/assets/fonts/Gotham/GothamBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* ---------------------- DESTOP CHANGES FOR UWS-2026 ---------------------- */
body .uws-agenda-default .uwsflyercont::before {
    padding-top: 100%;
}

/* hiding the side flyer */
/* (UWS-3237)*/
body .uws-event-info .uws-event-flyer {
    overflow: hidden;
    /* display: none; */
    border-radius: 5px;
}

/* size of the banner content */
/* (UWS-3237)*/
body .uv-section-inner.uvan-fadein.animate {
    padding: 5em 20px !important;
}

/* bg size USING IMPORTANT SINCE THERE IS INLINE STYLING */
/* (UWS-3237)*/
body .uv-section-bg.uv-lazyimage.uv-desktop-banner {
    background-size: cover !important;
    max-width: calc(88.75em - 3.75em);
    transform: translateX(-50%);
    left: 50%;
}

/* (UWS-3237)*/
body .uws-event-columns .uws-event-info {
    margin-top: 0;
}

/* (UWS-3237)*/
/* html body .uws-event-info .uwsinfobox {
    margin-top: 0;
} */

/* back button container */
body .uv-desktop-back-btn-container1 {
    padding: 12px 0;
}

/* (UWS-3237) */
body a.uv-back-btn.uv-desktop-back-btn {
    /* font-family: Montserrat; */
    font-size: 15px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.4516128897666931px;
    text-align: left;
    color: #ffffff;
    position: relative;
    /* padding-left: 30px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
body a.uv-back-btn.uv-desktop-back-btn::before {
    background-image: url(/wp-content/themes/groot/assets/img/arrow-btn.svg);
    content: " ";
    display: block;
    width: 17px;
    height: 17px;
    /* position: absolute;
    height: 100%;
    top: 0px;
    left: 0px; */
    filter: brightness(0) invert(1);
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-size: 100%;
    background-position: center;
    position: relative;
    bottom: 2px;
}

/* (UWS-3237) fix positioning of the back button at event */
.uv-desktop-back-btn-container2 {
    width: 100%;
    max-width: 1390px;
    margin: auto;
    padding: 0px 20px;
}

/* ---------------------- END OF DESTOP CHANGES FOR UWS-3237 ---------------------- */

/* back button styling */
body .uv-back-container-inner {
    background: transparent;
    margin: 0 auto;
    padding: 1em 20px;
    max-width: 1420px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
body .uv-back-container-custom {
    background: black;
    width: 100%;
}
body .uv-back-container-inner .uv-back-btn-icon {
    height: 20px;
    width: 20px;
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/groot/assets/img/arrow-btn.svg);
    filter: brightness(0) invert(1);
    transform: rotate(180deg);
    position: relative;
    /* bottom: 1px; */
}
body .uv-back-container-inner a.uv-back-btn-action {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: white;
}

/* flyer images new style */
body .uwsflyercont img.uwsimgloading.uwsloaded {
    width: 100%;
}

/* hiding the square flyer on desktop */
body .uv-section .uv-section-bg.uv-only-mob {
    display: none;
}

/* event header */
body .uv-eventheader {
    padding: 8em 0;
    overflow: hidden;
}

body .uv-eventheader .uv-blur-bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    filter: blur(12px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* hide square img on desktop */
img.uv-full-img-mb.uwsloaded {
    display: none;
}

/* ------------- Groot unification ------------- */
body .uws-event .uv-section-bg.uv-lazyimage.uv-desktop-banner {
    background-size: cover !important;
    max-width: calc(88.75em - 3.75em);
    left: 50%;
    transform: translateX(-50%);
}
body .uv-eventheader h1,
body .uv-page-titleinfo h2,
body .uv-mm-ev,
body .uv-ages-span {
    font-family: "Gotham", sans-serif;
    color: #fff;
}
body .uws-event .uv-eventheader h1 {
    font-size: 42px;
    font-family: 'Gotham Medium', Arial, sans-serif;
    font-weight: 500;
    margin: 0;
    /* margin-bottom: 15px; */
    line-height: 0.8;
}
body .uws-event .uv-eventheader h1, 
body .uws-event .uv-page-titleinfo h2, 
body .uws-event .uv-mm-ev {
    text-transform: uppercase;
}
body .uws-event .uv-page-titleinfo {
    display: inline-flex;
}
body .uws-event .uv-page-titleinfo,
.uws-event .uv-event-banner .uv-page-titleinfo {
    border-radius: 0;
    background: transparent;
    min-width: fit-content;
    width: max-content;
    /* height: 0; */
    gap: 0;
}
body .uws-event .uv-page-titleinfo svg {
    display: none;
}
body .uws-event .uv-page-titleinfo h2 {
    font-size: 19px;
    font-family: 'Gotham Bold', sans-serif;
    font-weight: 700;
    letter-spacing: 2.8px;
    margin-top: .3em;
}
.uws-event .uv-section.padding-sides .uv-section-inner {
    padding: 7em 20px !important;
    max-width: 86.875em !important;
}
.uws-event .uv-back-container-inner {
    width: 100%;
    max-width: 1390px;
    margin: auto;
    padding: 0px 20px;
}
body .uws-event .uv-back-container-custom {
    width: 100%;
    height: 2.5em;
    background: linear-gradient(0deg, rgba(0,0,0,1) 10%, rgba(13,13,13,1) 100%);
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    /* bottom: 2px; */
}
body .uws-event .uws-event-info .uws-event-flyer {
    display: block;
}
body .uws-event .uv-blur-bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    filter: blur(12px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
body .uws-event .uv-eventheader {
    overflow: hidden;
}
body .uws-event .uv-mm-ev {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.6px;
    line-height: 1.125;
    margin-left: 23px;
    padding-bottom: .5em;
}
.uws-event i.uwsicon-twitter {
    display: none;
}
body .uv-eventheader {
    padding: 2.0625em 0 2.1875em !important;
}
html body a.uv-hide-cal-btn {
    display: none;
}
a.uvICS {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5rem;
}

/* overwrite black color (the text is barely visible) */
.uv-event-banner[data-venue='komodo-lounge-dallas'] .uv-page-titleinfo h2 {
    color: white;
}

/* Media Queries */
/* (UWS-3237) Mobile Changes ------------------------------------------------------------------------ */
@media only screen and (max-width: 898px) {
    /* (UWS-3237)*/
    body .uws-agenda-cols-3 .uws-agenda-default>div {
        width: calc(50% - 0.5em);
        flex: unset;
    }
}

@media only screen and (max-width: 851px) {
    /* (UWS-3237)*/
    body h1.event-title-details {
        display: none;
    }

    /* custom for swan */
    body .uv-back-container a.uv-back-btn::before {
        content: "";
        height: 20px;
        width: 20px;
        display: block;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/wp-content/themes/groot/assets/img/arrow-btn.svg);
        filter: brightness(0) invert(1);
        transform: rotate(180deg);
        position: relative;
    }
    body .uv-back-container {
        padding: 10px 0;
    }
    body .uv-back-container a.uv-back-btn {
        display: flex;
        flex-direction: row;
        gap: 5px;
    }

    /* hide bubble on mobile */
    .uv-event-banner .uv-page-titleinfo {
        display: none;
    }

    /* Groot Unification */
    body .uws-event .uv-page-titleinfo, 
    .uws-event .uv-event-banner .uv-page-titleinfo,
    body .uws-event .uv-ages-span {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    body .uws-event .uws-inventory-listcont {
        display: flex;
        flex-direction: column;
    }

    body .uws-event .uws-inventory-list {
        order: 1;
    }
    body .uws-event .uws-inventory-bookbtns {
        order: 2;
    }
    body .uws-event .uws-inventory-3dmaplink {
        order: 3;
        margin-top: 1em;
    }

    /* hiding the square flyer on desktop */
    body .uv-section .uv-section-bg.uv-only-mob {
        display: block;
    }

    /* hide date bubble, blur bg, desktop bg */
    .uv-event-banner .uv-page-titleinfo,
    body .uv-eventheader .uv-blur-bg
    /* , body .uv-section-bg.uv-lazyimage.uv-desktop-banner  */
    , .uv-section.padding-sides .uv-section-inner
    , body .uws-event-info .uws-event-flyer
    {
        display: none;
    }
    /* show square img instead of div and make it full width */
    img.uv-full-img-mb.uwsloaded {
        width: 100%;
        max-width: 100%;
        z-index: 8;
        position: relative;
        display: block;
    }
    /* fix auto p tags */
    p:has(img.uv-full-img-mb.uwsloaded) {
        margin: 0;
        padding: 0;
    }
    /* remove excess padding */
    body .uv-eventheader {
        padding: 0 !important;
    }
    /* reduce darkness */
    .uv-section .uv-section-darkoverlay {
        background-color: rgba(0, 0, 0, .2) !important;
    }
    /* reduce all height */
    body .uv-section-bg.uv-lazyimage.uv-desktop-banner {
        height: 0;
    }

    /* Groot Unification */
    body .uws-event .uws-event-info .uws-event-flyer {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 795px) {
    html body .uv-back-container-custom {
        /* padding-top: 4.5em; */
    }
}

@media only screen and (max-width: 768px){
    /* - (UWS-3237) */
    body .uv-page-titleinfo.uv-align-center.uv-just-center,
    body h1.uv-title.uv-uppercase {
        display: none;
    }

    /* lowers the spacing - (UWS-3237)*/
    /* body .page-id-208 .uws-event-cont.uws-integration, 
    .uv-event-details .uws-event-cont.uws-integration {
        padding: 30px;
    } */

    /* sets extra space at the bottom of the tickets button prev: 0 - (UWS-3237)*/
    body .uws-btn.uws-extticketsbtn {
        margin-bottom: 1em;
    }

    /* header title resized - (UWS-3237)*/
    body .uv-eventheader h1 {
        font-size: 2.5rem;
    }

    /* header bg overlay using !important because of fulltheme.css - (UWS-3237)*/
    body .uv-section .uv-section-darkoverlay {
        background-color: rgb(0 0 0 / 26%) !important;
    }

    /* - (UWS-3237) */
    body .uws-event-columns .uws-event-info .uws-event-flyer {
        display: none;
    }
    
    /* - (UWS-3237) */
    body .uws-event-columns .uws-event-info {
        margin-top: 0em;
    }

    /* - (UWS-3237) */
    body .uws-event-columns .uws-event-info .uwsinfobox {
        max-width: none;
    }

    /* header.style.backgroundPosition = "center center !important"; - (UWS-3237)*/
    body .uv-eventheader .uv-section-bg{
        background-position: center center !important;
    }

    /* - (UWS-3237) */
    body .uws-event-columns-inventory-flyer .uws-event-columns .uws-event-maincol { 
        margin-bottom: 1em;
    }

    /*  event header image square p470 */
    body .uv-eventheader {
        /* padding: 10em 0px; */
    }

    /* Groot Unification */
    body .uv-eventheader {
        padding: 0 !important;
        height: 100vw;
    }
}

@media only screen and (max-width: 767px) {
    /* (UWS-3237) back button position */
    body .uv-back-container .uv-back-btn {
        width: calc(100% - 40px);
        margin: 0 20px;
        padding: 7px 0;
        font-size: 18px;
    }
}

/* ---------- back button container positioning ---------- */
@media only screen and (max-width: 1250px) { 
    body .uv-back-container-custom {
        /* padding-top: 3.6em; */
        /* bottom: 4px; */
    }
}
@media only screen and (max-width: 1079px) { 
    body .uv-back-container-custom {
        /* padding-top: 5.5em; */
    }
}
@media only screen and (max-width: 992px) { 
    body .uv-back-container-custom {
        /* padding-top: 1.5em; */
    }
}
@media only screen and (max-width: 768px) {
    body .uv-back-container-custom {
        /* padding-top: 4em; */
        padding-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    body .uv-back-container-custom {
        padding-top: 0;
    }
}
@media only screen and (max-width: 650px) {
    body .uv-back-container-custom {
        /* padding-top: 1em; */
        /* padding-top: calc(20px); */
    }
}
@media only screen and (max-width: 480px) {
    body .uws-event .uv-back-container-custom {
        /* bottom: 1.3em; */
    }
}
@media only screen and (max-width: 400px) {
    body .uv-back-container-custom {
        /* padding-top: 2em; */
        /* padding-top: calc(1em + 20px); */
    }
}