/* Show the whole image instead of cropping it */
.main-banner>.background-layer {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Match the box to the image's 1440x680 ratio — no crop, no letterboxing */
.main-banner,
.main-banner>.foreground-layer,
.carousel-stretch .owl-stage-outer,
.carousel-stretch .owl-stage,
.carousel-stretch .owl-item {
    height: auto !important;
    min-height: 0 !important;
}

.main-banner {
    aspect-ratio: 1440 / 680;
}

.main-banner>.foreground-layer {
    position: absolute !important;
    inset: 0 !important;
}


/* "What It Looks Like:" — white diamond bullets */
.community-section-list-1 .bs-ul-list li::before,
.community-section-list-1 .bs-ul-list.diamond li::before {
    color: #ffffff !important;
}



.banner-widget .banner-content [button-group-id="40269000000403252"] {
    position: relative;
    top: 125px;
    left: 10px;
}

@media (max-width: 600px) {
    .bs-btn-wgt:has(.buyTicketBtn) {
        gap: 10px;
    }

    .bs-btn-wgt .child-btns.buyTicketBtn .bs-button,
    .bs-btn-wgt .child-btns.customButton .bs-button {
        font-size: 14px;
        padding: 10px;
    }
}


:root {
    --ua-green: #3AA879;
    --ua-sun: #F0A43A;
    --ua-line: #E3ECE7;
    --ua-tint: #F4FAF7;
    --ua-radius: 14px;
    --ua-gap: 20px;
}

/* 1. Section rhythm — alternate the two partner bands */
.bs-section.custom-section>.foreground-layer {
    padding: 72px 0;
}

.community-section-mediaWithTextList-4 .background-layer {
    background: var(--ua-tint) !important;
}

.community-section-mediaWithTextList-5 .background-layer {
    background: #fff !important;
}

.community-section-mediaWithTextList-5 {
    border-top: 1px solid var(--ua-line);
}

/* 2. Accent rule. NOTE: .section-title collapses to 0 height in this theme,
             and a fixed-width pseudo makes the wrapper shrink-to-fit and kills the
                grid — so it's a full-width block painted with a centred gradient stop. */
.community-section-mediaWithTextList-4 .media-text-layout,
.community-section-mediaWithTextList-5 .media-text-layout {
    margin-top: 26px;
}

.community-section-mediaWithTextList-4 .media-text-layout::before,
.community-section-mediaWithTextList-5 .media-text-layout::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    margin: 0 0 34px;
    background: linear-gradient(to right, transparent calc(50% - 28px),
            var(--ua-green) calc(50% - 28px), var(--ua-green) calc(50% + 28px),
            transparent calc(50% + 28px));
}

.community-section-mediaWithTextList-5 .media-text-layout::before {
    background: linear-gradient(to right, transparent calc(50% - 28px),
            var(--ua-sun) calc(50% - 28px), var(--ua-sun) calc(50% + 28px),
            transparent calc(50% + 28px));
}

/* 3. Grid — 5 across */
.community-section-mediaWithTextList-4 .bs-mtList-wgt,
.community-section-mediaWithTextList-5 .bs-mtList-wgt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: var(--ua-gap) !important;
}

.community-section-mediaWithTextList-4 .bs-mtList-wgt>.li-item,
.community-section-mediaWithTextList-5 .bs-mtList-wgt>.li-item {
    width: calc((100% - 4 * var(--ua-gap)) / 5) !important;
    flex: 0 0 auto;
    min-width: 0;
}

/* 4. Logo tiles */
.community-section-mediaWithTextList-4 .li-item .list-image,
.community-section-mediaWithTextList-5 .li-item .list-image {
    height: 100%;
    background: #fff;
    border: 1px solid var(--ua-line);
    border-radius: var(--ua-radius);
    padding: 20px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}

.community-section-mediaWithTextList-4 .li-item .list-image:hover,
.community-section-mediaWithTextList-5 .li-item .list-image:hover {
    transform: translateY(-3px);
    border-color: #C9E2D6;
    box-shadow: 0 10px 24px -12px rgba(27, 42, 35, .28);
}

/* 5. Optical sizing — one fixed height band, width free */
.community-section-mediaWithTextList-4 .media-element,
.community-section-mediaWithTextList-5 .media-element {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
}

.community-section-mediaWithTextList-4 .media-image,
.community-section-mediaWithTextList-5 .media-image {
    width: 100% !important;
    height: 76px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.community-section-mediaWithTextList-4 .media-image img,
.community-section-mediaWithTextList-5 .media-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center;
}

.community-section-mediaWithTextList-4 .li-content:empty,
.community-section-mediaWithTextList-5 .li-content:empty {
    display: none;
}

/* 6. "What It Looks Like" — four strands as a 2x2 card grid */
.community-section-list-1 .bs-ul-list ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 26px;
    padding-left: 0;
}

.community-section-list-1 .bs-ul-list ul li {
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: var(--ua-radius);
    padding: 20px 22px 20px 26px;
    margin: 0;
}

/* 7. Responsive — 5 -> 3 -> 2, never 4 */
@media (max-width:900px) {
    :root {
        --ua-gap: 14px;
    }

    .community-section-mediaWithTextList-4 .li-item .list-image,
    .community-section-mediaWithTextList-5 .li-item .list-image {
        padding: 16px 12px;
    }
}

@media (max-width:700px) {

    .community-section-mediaWithTextList-4 .bs-mtList-wgt>.li-item,
    .community-section-mediaWithTextList-5 .bs-mtList-wgt>.li-item {
        width: calc((100% - 2 * var(--ua-gap)) / 3) !important;
    }

    .community-section-list-1 .bs-ul-list ul {
        grid-template-columns: 1fr;
    }

    .bs-section.custom-section>.foreground-layer {
        padding: 48px 0;
    }
}

@media (max-width:460px) {

    .community-section-mediaWithTextList-4 .bs-mtList-wgt>.li-item,
    .community-section-mediaWithTextList-5 .bs-mtList-wgt>.li-item {
        width: calc((100% - var(--ua-gap)) / 2) !important;
    }

    .community-section-mediaWithTextList-4 .media-image,
    .community-section-mediaWithTextList-5 .media-image {
        height: 56px !important;
    }
}



/* Hide the "Favorite Sessions" tab on the agenda */
.bs-agenda-tab .bs-tab-menu:has(.btn-mysession){ display: none !important; }

/* Fallback for older engines without :has() */
.bs-agenda-tab .btn-mysession{ display: none !important; }

/* The day-tab group carries a right-hand divider that separated it from
   the favourites tab — without that tab it's left hanging. */
   .bs-agenda-tab .left-item > .agenda-days{ border-right: 0 !important; }