@import url('/styles/templates/showroom-shared.css?v=20261101mcm8');
/* Secondary pages under Showroom (calendar, tonight, FAQ, contact, about, news, rooms, terms, series
   hubs…): values for templates/page-skin.css in the mid-century palette (white page, sky blue, navy,
   atomic orange actions, Bebas Neue titles), plus a navy title band with an orange rule. Header is
   templates/showroom/header; footer navy (showroom-shared.css). */
body.tpl-page.tpl-page-showroom {
    --pg-bg: #ffffff; --pg-surface: #ffffff; --pg-surface-2: #f1f8fd; --pg-line: #dbe4ec; --pg-chip-line: #0e1b3d;
    --pg-ink: #111111; --pg-ink-2: #34404d; --pg-ink-3: #5d6b78;
    --pg-accent: #0a86c4; --pg-accent-hover: #076a9c; --pg-accent-ink: #ffffff;
    --pg-price: #111111; --pg-star: #f26a21;
    --pg-display: 'Bebas Neue'; --pg-display-weight: 400; --pg-display-tracking: .02em; --pg-text: 'Barlow'; --pg-button-font: 'Bebas Neue'; --pg-nav-font: 'Barlow Condensed';
    --pg-radius: 6px; --pg-btn-radius: 4px;
    --pg-header-bg: #ffffff; --pg-header-ink: #111111;
}
/* Actions: atomic orange, like the homepage's Get Tickets. */
body.tpl-page.tpl-page-showroom :is(.cat-card-cta, .deals-cta, .search-form button, .faq-contact__cta, .cta-button:not(.cta-button--outline)) {
    background: var(--sr-orange); color: #ffffff; font-family: var(--sr-display); font-weight: 400; font-size: 1.15em; letter-spacing: .04em; box-shadow: 0 2px 0 var(--sr-orange-dark);
}
body.tpl-page.tpl-page-showroom :is(.cat-card-cta, .deals-cta, .search-form button, .faq-contact__cta, .cta-button:not(.cta-button--outline)):hover { background: var(--sr-orange-dark); color: #ffffff; }
/* Titles: Bebas caps; the page H1 gets an orange starburst rule under it, H2s a short sky-blue bar. */
body.tpl-page.tpl-page-showroom .layout-main h1 { font-size: clamp(40px, 5vw, 64px); line-height: 1; text-transform: uppercase; color: var(--sr-navy); }
body.tpl-page.tpl-page-showroom .layout-main h1::after { content: ''; display: block; width: 120px; height: 4px; margin: 10px 0 0; background: var(--sr-orange); }
body.tpl-page.tpl-page-showroom .layout-main :is(.faq-header, .text-center, [style*="text-align:center"], [style*="text-align: center"]) h1::after { margin-left: auto; margin-right: auto; }
body.tpl-page.tpl-page-showroom .layout-main h2 { font-size: clamp(28px, 3vw, 38px); line-height: 1.05; text-transform: uppercase; color: var(--sr-ink); }
body.tpl-page.tpl-page-showroom .layout-main h2::after { content: ''; display: block; width: 56px; height: 3px; margin-top: 6px; background: var(--sr-blue); }
body.tpl-page.tpl-page-showroom .layout-main h3 { font-family: var(--sr-cond); font-weight: 700; }
body.tpl-page.tpl-page-showroom .faq-header { border-bottom: 4px solid var(--sr-blue); }
body.tpl-page.tpl-page-showroom .faq-section__heading { color: var(--sr-ink); font-family: var(--sr-display); font-weight: 400; font-size: 30px; letter-spacing: .03em; border-bottom: 2px solid var(--sr-orange); padding-bottom: 4px; }
body.tpl-page.tpl-page-showroom .faq-item { border-left: 4px solid var(--sr-blue); }
/* The venue copy block at the foot of every page reads as part of the page. */
body.tpl-page.tpl-page-showroom .subsite-below-content :is(h2, h3) { color: var(--sr-ink) !important; }

/* ---- contact page (styles/contact.css is a self-contained dark page) ------------------------- */
body.tpl-page-showroom.contact-page, body.tpl-page-showroom .contact-wrap { background: #ffffff; color: var(--sr-ink); }
body.tpl-page-showroom .contact-header { background: var(--sr-navy); border-bottom: 4px solid var(--sr-blue); }
body.tpl-page.tpl-page-showroom .layout-main .contact-header h1.contact-header__title { color: #ffffff; }
body.tpl-page.tpl-page-showroom .layout-main .contact-header h1.contact-header__title::after { margin-left: auto; margin-right: auto; }
body.tpl-page.tpl-page-showroom .layout-main .contact-header .contact-header__subtitle { color: #dce7f3; }
body.tpl-page-showroom :is(.contact-form-card, .contact-info-card) { background: #ffffff; border: 2px solid #9fd7f3; box-shadow: 0 6px 18px rgba(14, 27, 61, .08); }
body.tpl-page-showroom :is(.contact-form__label, .contact-info-card__title) { color: var(--sr-ink); }
body.tpl-page-showroom :is(.contact-info-card__value, .contact-info-card__value a) { color: var(--sr-ink); }
body.tpl-page-showroom .contact-info-card__note { color: var(--sr-ink-3); }
body.tpl-page-showroom .contact-info-card__icon { color: #ffffff; background: var(--sr-blue); }
body.tpl-page-showroom :is(.contact-form__input, .contact-form__select, .contact-form__textarea) { background: #ffffff; border: 1px solid var(--sr-line); color: var(--sr-ink); }
body.tpl-page-showroom :is(.contact-form__input, .contact-form__select, .contact-form__textarea):focus { border-color: var(--sr-blue); box-shadow: 0 0 0 3px rgba(27, 169, 233, .2); }
body.tpl-page-showroom .contact-form__submit { background: var(--sr-orange); color: #ffffff; font-family: var(--sr-display); font-size: 22px; letter-spacing: .04em; box-shadow: 0 2px 0 var(--sr-orange-dark); }
body.tpl-page-showroom .contact-form__submit:hover { background: var(--sr-orange-dark); }

/* ---- room pages: the "shows at this venue" cards in navy ---------------------------------- */
body.tpl-page-showroom .venue-sidebar-show-card { background: var(--sr-navy); border-color: var(--sr-navy); }
body.tpl-page-showroom .venue-sidebar-show-cta { color: var(--sr-orange); }