@import url("https://static.zohocdn.com/backstage/v1.0/javascript/ticket-widget/v1.3/register-widget.min.js");

/* Hide Agenda Sessions */
/* [session-id="76662000000031013"] .timeline-content-group .timeline {
    display: none;
} */

[page-id="76662000000006052"] .timeline-item:has([session-id="76662000000031013"]),
[page-id="76662000000006052"] .timeline-item:has([session-id="76662000000031023"]),
[page-id="76662000000006052"] .timeline-item:has([session-id="76662000000031030"]),
[page-id="76662000000006052"] .timeline-item:has([session-id="76662000000038652"]),
[page-id="76662000000006052"] .timeline-item:has([session-id="76662000000038657"]),
[page-id="76662000000006052"] .timeline-item:has([session-id="76662000000038662"]){ 
    display: none !important; 
}


/* ==========================================================================
   Hotel Booking sessions — carousel  ➜  agenda list
      Scope : main[page-id="76662000000068090"] .community-section-featuredSession-1
         Uses  : page ID + class names
            ========================================================================== */

/* --- 1. Disable the Owl carousel mechanics -------------------------------- */
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .owl-stage-outer {
    height: auto !important;
    /* .owl-height locks a fixed height */
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .owl-stage {
    width: 100% !important;
    transform: none !important;
    /* stop the horizontal slide offset */
    transition: none !important;
    display: block !important;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .owl-item {
    width: 100% !important;
    /* one slide per row */
    float: none !important;
    display: block !important;
    margin: 0 !important;
    opacity: 1 !important;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .owl-nav,
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .owl-dots {
    display: none !important;
    /* arrows + dots no longer needed */
}

/* --- 2. List shell --------------------------------------------------------- */
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .owl-carousel {
    max-width: 1100px;
    margin: 0 auto;
    background: #ffffff;
    border-top: 6px solid #2b4a8b;
    /* blue header bar */
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
    overflow: hidden;
    text-align: left;
}

/* --- 3. Every slide becomes one list row ----------------------------------- */
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session {
    display: flex !important;
    align-items: center;
    gap: 18px;
    width: 100% !important;
    min-height: 78px;
    padding: 18px 28px;
    margin: 0 !important;
    background: #ffffff;
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #e6e8ec !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background .18s ease;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .owl-item:last-child .featured-session {
    border-bottom: 0 !important;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session:hover {
    background: #f7f9fc;
}

/* --- 4. Column order + widths : time | title | track | actions -------------- */
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .uls-grid {
    order: 1;
    flex: 0 0 272px;
    max-width: 272px;
    display: block !important;
    /* overrides the 2-col grid */
    margin: 0 !important;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session h4 {
    order: 2;
    flex: 1 1 auto;
    min-width: 240px;
    margin: 0 !important;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .track {
    order: 3;
    flex: 0 0 120px;
    margin: 0 !important;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .session-actions {
    order: 4;
    flex: 0 0 160px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Card-only blocks that do not belong in a list row */
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .description,
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .speaker-list {
    display: none !important;
}

/* --- 5. Typography --------------------------------------------------------- */
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .uls-grid .h5-size {
    display: block !important;
    font-size: 14px;
    line-height: 1.45;
    color: #5a6472;
    white-space: normal;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .uls-grid .h5-size+.h5-size {
    font-size: 13px;
    /* venue line under the time */
    color: #7a828f;
    margin-top: 2px;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .uls-grid .clock-icon {
    display: none !important;
    /* plain-text time */
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session h4 .bs-button {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    color: #1f2733;
    padding: 0 !important;
    text-align: left;
    white-space: normal;
}

/* --- 6. Icon-only calendar / favourite buttons (keeps the row compact) ------ */
/*        Delete this block if you want the text labels back.                  */
main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .session-actions .wt-icon {
    font-size: 0 !important;
}

main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .session-actions .wt-icon .theme-icon {
    font-size: 17px !important;
}

/* --- 7. Mobile : stack time above the title -------------------------------- */
@media (max-width: 767px) {
    main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session {
        flex-wrap: wrap;
        gap: 6px;
        padding: 16px 18px;
    }

    main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .uls-grid,
    main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session h4 {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 0;
    }

    main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .track {
        flex: 0 0 auto;
    }

    main[page-id="76662000000068090"] .community-section-featuredSession-1 .featured-session-card .featured-session .session-actions {
        flex: 1 1 auto;
    }
}






/* ============================================================
   Sponsor Categories - per-category card colours + grouping
      Site : worldvegandaycelebration.com
         Scope: main.community-page-sponsors  (the Sponsors page)
                   [data-section-id="76662000000100851"]  (the "Sponsor
                             Categories" section only)
                                Nothing outside that one section on that one page is touched.
                                   ============================================================ */

/* ---------- 1. Card header colour, per category ---------- */

/* EVENT & TITLE  (cards 1-5) */
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(-n+5) .ticket-card-header {
    background-color: #B4651A !important;
    /* burnt orange */
}

/* PAVILION  (cards 6-14) */
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+6):nth-child(-n+14) .ticket-card-header {
    background-color: #3E8E41 !important;
    /* green */
}

/* PROGRAMME & EXPERIENCE  (cards 15, 21-26, 34) */
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(15) .ticket-card-header,
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+21):nth-child(-n+26) .ticket-card-header,
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(34) .ticket-card-header {
    background-color: #6B4E9B !important;
    /* purple */
}

/* OFFICIAL PARTNERSHIPS  (cards 16-20, 27-29, 31) */
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+16):nth-child(-n+20) .ticket-card-header,
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+27):nth-child(-n+29) .ticket-card-header,
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(31) .ticket-card-header {
    background-color: #1F7A8C !important;
    /* teal */
}

/* BRANDING & VISIBILITY  (cards 30, 32-33, 35-36) */
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(30) .ticket-card-header,
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+32):nth-child(-n+33) .ticket-card-header,
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+35) .ticket-card-header {
    background-color: #A8324A !important;
    /* crimson */
}

/* Keep the title legible on every colour */
.community-page-sponsors [data-section-id="76662000000100851"] .ticket-card-header .ticket-name {
    color: #fff !important;
}


/* ---------- 2. Group the cards by colour ---------- */
/* The carousel stage is float-based; switching it to flex lets
                                                  `order` regroup the slides without touching the markup.       */

.community-page-sponsors [data-section-id="76662000000100851"] .owl-stage {
    display: flex !important;
}

.community-page-sponsors [data-section-id="76662000000100851"] .owl-stage>.owl-item {
    float: none !important;
    flex: 0 0 auto !important;
}

.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(-n+5) {
    order: 1
}

/* EVENT & TITLE */
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+6):nth-child(-n+14) {
    order: 2
}

/* PAVILION */

.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(15),
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+21):nth-child(-n+26),
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(34) {
    order: 3
}

/* PROGRAMME */

.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+16):nth-child(-n+20),
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+27):nth-child(-n+29),
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(31) {
    order: 4
}

/* OFFICIAL */

.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(30),
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+32):nth-child(-n+33),
.community-page-sponsors [data-section-id="76662000000100851"] .owl-item:nth-child(n+35) {
    order: 5
}

/* BRANDING */


/* ---------- Notes ----------
* Do NOT use the #ember... ids you see in DevTools. Ember
regenerates them on every render; they are not stable.
data-section-id is the Backstage record id and is stable.
* The nth-child numbers are POSITIONS. If you add, remove or
reorder a sponsor tier, renumber the ranges to match.
* Shorter equivalent scope, if you prefer classes over the
numeric id - the section also carries a unique class:
.community-page-sponsors .community-section-sponsorCategoryList-1
--------------------------- */