.bs-website:not(.theme-view) {
    --font-name: puvi !important;
    --regular-font: puviregular !important;
    --medium-font: puvimedium !important;
    --light-font: puvilight !important;
    --bold-font: puvibold !important;
    --menu-item-active-color: #E42527 !important;
    --primary-button-bg-color: #E42527 !important;
}

.bs-section:not(.community-section-footer, .community-section-banner, .main-banner) article.foreground-layer {
    padding: 5em 0;
}



/* ====== DESKTOP / WEB ONLY ====== */
@media (min-width: 1024px) {

    /* Center the entire banner widget */
    .bs-section.main-banner .banner-widget {
        max-width: 1100px;
        /* keeps overall banner balanced */
        margin: 0 auto !important;
    }

    /* Set banner CONTENT width to 560px and center it */
    .bs-section.main-banner .banner-content {
        width: 560px !important;
        max-width: 560px !important;
        margin: 0 auto !important;
    }

    /* Ensure inner text wraps properly inside 560px */
    .bs-section.main-banner .banner-content .section-sub-title,
    .bs-section.main-banner .banner-content .bs-dtl,
    .bs-section.main-banner .banner-content .bs-btn-wgt {
        max-width: 560px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Remove ONLY left & right margin for Register Now button in banner */
.bs-section.main-banner .banner-content .buyTicketBtn,
.bs-section.main-banner .banner-content .buyTicketBtn button {
    margin-left: 0 !important;
    margin-right: 0 !important;
    
}


@media (min-width: 1024px) {

    /* Remove platform-added margin on image wrapper */
    .bs-section.main-banner .banner-content .secondary-media .media-image {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Make image 80% width and left aligned */
    .bs-section.main-banner .banner-content .secondary-media img {
        width: 80% !important;
        max-width: 80% !important;
        margin-left: 0 !important;
        display: block !important;
    }

}




.popup-container {
position: relative;
/* max-width: 90%;
max-height: 90vh; */
}

/* Close button */
.close-btn {
position: absolute;
top: 10px;
right: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1001;
}

/* Image styling */
.banner-img {
max-width: 100%;
max-height: 90vh;
width: 100%;
height: 100%;
display: block;
border-radius: 4px;
cursor: pointer;
/* Makes the image clickable */
}

.sale-banner>.header {
    display: none !important;
    }

    .ui.modal.sale-banner>.content {
        padding: 0px !important;
        }