/*Typography Assets Import*/ /*1. Helvetica LT Std - Roman (Regular / Book)*/ @font-face { font-family: 'Helvetica LT Std'; src: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/complexcon/assets/fonts/HelveticaLTStd-Roman.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } /*2. Helvetica LT Std - Bold*/ @font-face { font-family: 'Helvetica LT Std'; src: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/complexcon/assets/fonts/HelveticaLTStd-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } /*3. Helvetica LT Std - Condensed*/ @font-face { font-family: 'Helvetica LT Std Condensed'; src: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/complexcon/assets/fonts/HelveticaLTStd-Condensed.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } /*4. Helvetica LT Std - Black Condensed*/ @font-face { font-family: 'Helvetica LT Std Condensed'; src: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/complexcon/assets/fonts/HelveticaLTStd-BlackCondensed.woff2') format('woff2'); font-weight: 900; /*Black / Heavy weight*/ font-style: normal; font-display: swap; } /*5. Helvetica Neue - Medium Condensed*/ @font-face { font-family: 'Helvetica Neue Condensed'; src: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/complexcon/assets/fonts/HelveticaNeue-MediumCond.woff2') format('woff2'); font-weight: 500; /*Medium weight*/ font-style: normal; font-display: swap; } :root { --theme-font-family: 'Helvetica LT Std', sans-serif; /*Top bar: internal section*/ --ob-custom-nav-text-color: #e2e0d3; --ob-custom-nav-bg-color: #000000; /*Sidenav*/ --ob-nav-text-color: #000000; --ob-nav-bg-color: #e2e0d3; /*Active button in sidenav*/ --ob-nav-list-active-text-color: #FFF; --ob-nav-list-active-bg-color: #e33221; /*Button: border shape*/ --mat-button-filled-container-shape: 0px; /*Primary colors*/ --theme-primary-50: #fbe6e4; --theme-primary-100: #f5c1bc; --theme-primary-200: #ee9990; --theme-primary-300: #e76f63; --theme-primary-400: #e25142; --theme-primary-500: #1a1a1a; --theme-primary-600: #ce2b1d; --theme-primary-700: #b52217; --theme-primary-800: #9d1a12; --theme-primary-900: #e33221; --theme-primary-A100: #ffb4b0; --theme-primary-A200: #ff827a; --theme-primary-A400: #ff5047; --theme-primary-A700: #ff372e; --theme-primary-contrast-50: #000000; --theme-primary-contrast-100: #000000; --theme-primary-contrast-200: #000000; --theme-primary-contrast-300: #000000; --theme-primary-contrast-400: #ffffff; --theme-primary-contrast-500: #ffffff; --theme-primary-contrast-600: #ffffff; --theme-primary-contrast-700: #ffffff; --theme-primary-contrast-800: #ffffff; --theme-primary-contrast-900: #ffffff; --theme-primary-contrast-A100: #000000; --theme-primary-contrast-A200: #000000; --theme-primary-contrast-A400: #ffffff; --theme-primary-contrast-A700: #ffffff; /*Obfooter: logo filter*/ --ob-custom-logo-filter: brightness(20); /*Dark version*/ --theme-dark-complexcon: #000; } /*========================================== INDEX 1) Top bar 2) Hidden elements 3) OB Footer 4) Billboard - Events page 5) Event page 6) OB page select locations 7) OB view description features item 8) OB graphic selection - gallery 9) Phone prefix - USA first 10) Packs page 11) Page select locations 12) Page Suggestions 13) Page select pack 14) Special Requests ==========================================*/ /*------------------------------------------ 1) Top bar ------------------------------------------*/ /*Adds a bottom border to the toolbar*/ mat-toolbar.mat-toolbar { border-bottom: 1px solid #1f2937; } /*Button shooping car disabled*/ mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base { color: #b1b1b161; } /*------------------------------------------ 2) Hidden elements ------------------------------------------*/ /*hides from*/ .min-price-label { display: none !important; } /*Hides the filter container in page events*/ ob-page-events .filter-container { display: none; } /*Hides Buy Now bottom*/ aside.flex.flex-col.min-price-card { display: none; } /*Hides the minimum price card container in event page*/ ob-page-event .min-price-card { display: none; } /*Hides only the "Convention: VIP Entry (10am - 7pm)" card in ob-page-event only for Event 56006*/ ob-page-event div#eventId-56006 ob-catalog-item-card#sessionId-2872585 { display: none !important; } /*Hides only the "Season tickets" tab in ob-page-event only for Event 56006*/ ob-page-event div#eventId-56006 .mat-mdc-tab-link-container { display: none !important; } /*Hides the highlighted events header title container in OB page events*/ ob-page-events ob-highlighted-events header .titles-container { display: none; } /*Hides From and price*/ .flex.sm\:flex-col.items-center.sm\:items-start.min-price { display: none; } p.ob-from-label { display: none; } /*Hides the item subtitle labels in both checkout and cart summary components*/ ob-checkout-summary .ob-item-subtitle-label, ob-cart-summary-pack-info .ob-item-subtitle-label { display: none; } /*Mobile-only layout adjustment Hides the catalog item card image on screens with a width of 768px or less*/ @media screen and (max-width: 768px) { .ob-catalog-item-card__image { display: none !important; } } /*Hides the specific page header element within the event ID 56006 container*/ div#eventId-56006 section.page-header-item { display: none; } /*Hides the location element across specific catalog cards (Pack IDs: 603, 596, 595 on ob page event*/ .events div#catalog-card-location-603, .events div#catalog-card-location-596, .events div#catalog-card-location-595 { display: none !important; } /*Hides the specific subtitle heading inside the location selection page for event ID 56006*/ ob-page-select-locations.eventId-56006 h3.subtitle { display: none; } /*Hides the "more info" action link on suggestion cards in checkout page*/ .checkout .ob-suggestion-card .more-info { display: none; } /*Hides the confirmation image within the success view container on thank you page*/ .checkout .main-content section.success-container img { display: none; } /*Hides the confirmation image within the success view container on thank you page*/ .checkout ob-page-payment-success .catalog-item-details .venue-container { display: none; } /*Hides date and venue containers on catalog item cards on thank you page*/ .checkout .catalog-item-details.info-container .date-container, .checkout .catalog-item-details.info-container .venue-container { display: none; } /*Hides the tab navigation link container within the events section on page pack*/ .events ob-page-pack .mat-mdc-tab-link-container { display: none; } /*Hide only the span containing the date details on suggestion page*/ ob-page-suggestions .ob-suggestion-card .dates .flex.flex-col>span { display: none !important; } /*Hides the location venue details specifically for the Saturday Pack (#607) on billboard*/ ob-page-events ob-catalog-card#packId-607 div#catalog-card-location-607 { display: none; } /*Hides the location venue details specifically for the Sunday Pack (#610) on billboard*/ ob-page-events ob-catalog-card#packId-610 div#catalog-card-location-610 { display: none; } /*Hides desktop date and time badges for Saturday (#607) and Sunday (#610) pack views*/ ob-page-pack div#packId-607 span.date-time.location.desktop-date-time, ob-page-pack div#packId-610 span.date-time.location.desktop-date-time { display: none; } /*Hides tag on billboard*/ ob-page-events span.ob-tag.primary-dark.bold.season-tag { display: none; } /*Hides the horizontal cover image specifically for Pack 610 (Sunday: Convention + Concert (Single Day Ticket))*/ div#packId-610 .ob-catalog-item-card__image.catalog-card-image-horizontal { display: none; } /*Hides the horizontal cover image specifically for Pack 607 (Saturday: Convention + Concert (Single Day Ticket))*/ div#packId-607 .ob-catalog-item-card__image.catalog-card-image-horizontal { display: none; } /*------------------------------------------ 3) OB Footer ------------------------------------------*/ /*Subfooter background*/ ob-footer.main-footer { background-color: var(--theme-dark-complexcon) !important; } /*Text and links color (including copyright)*/ ob-footer.main-footer, ob-footer.main-footer a, ob-footer.main-footer span.footer-copyright, ob-footer.main-footer span.justify-end, ob-footer.main-footer button.ob-link { color: #ffffffbf !important; } /*Language selector button (text and icon)*/ ob-footer.main-footer span.mdc-button__label, ob-footer.main-footer mat-icon.mat-icon { color: #ffffffbf !important; } /*Border for outlined buttons in the subfooter*/ ob-footer.main-footer ob-button>.mat-mdc-outlined-button { border: 1px solid #ffffffbf !important; } /*Powered by text color*/ ob-footer.main-footer section.items-center { color: #ffffffbf; } /*Force powered by fever*/ .fever-logo { display: block !important; } .onebox-logo { display: none } /*------------------------------------------ 4) Billboard - Events page ------------------------------------------*/ /*Disables the background blur effect on highlighted event image*/ ob-page-events .highlighted-events .img-blur { background: none !important; } /*Forces a black backgroun on the vip gift and family style*/ mat-card.mat-mdc-card.mdc-card.ob-product-item-card.stroked { background-color: var(--theme-dark-complexcon) !important; } /*Background for standard monitors and Chrome*/ ob-page-events { display: block !important; background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/complexcon/assets/hero/clouds-bg.png') center / cover no-repeat fixed !important; } /*Background universal Mobile & Touch Fix (Chrome Mobile & Safari iOS)*/ @media (max-width: 1024px), screen and (pointer: coarse) { ob-page-events { /*Switches to 'scroll' to keep iOS happy and fluid*/ background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/complexcon/assets/hero/clouds-bg.png') center center / cover no-repeat scroll !important; } } /*Changes Read more to white*/ button.flex.view-more-info.ob-link.ng-star-inserted { color: #FFF; } /*Ensures the main content container matches the page background on the events page*/ ob-page-events section.main-container { background-color: #00000000 !important; } /*Sets primary text color inside catalog cards to white*/ ob-page-events ob-catalog-card .content { color: #FFF; } /*Styles secondary date text with a muted gray tone*/ ob-page-events ob-catalog-card .dates { color: #FFF !important; } /*Set highlighted events background image*/ ob-page-events ob-highlighted-events { --background: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/complexcon/assets/hero/text-overlay.png") center 65% !important; --next-background: var(--background) !important; } /*Groups multiple catalog card date IDs to hide their original text strings and dynamically injects a single, unified date instance via pseudo-elements*/ /*Step 1: Hide all original text strings and nested elements by zeroing font size*/ ob-page-events .dates #catalog-card-date-56006 span, ob-page-events .dates #catalog-card-date-603 span, ob-page-events .dates #catalog-card-date-607 span, ob-page-events .dates #catalog-card-date-610 span { font-size: 0 !important; } /*Step 2: Inject the overridden date text strictly on the top-level span child "2-Day VIP: ComplexCon + Concert & 1-Day: ComplexCon (No Concert)"*/ ob-page-events .dates #catalog-card-date-56006>span::after, ob-page-events .dates #catalog-card-date-603>span::after { content: "October 3 & 4, 2026"; font-size: 14px !important; font-weight: normal; color: #FFF; } /*Step 2: Inject the overridden date text strictly on the top-level span child "Saturday: ComplexCon + Concert"*/ ob-page-events .dates #catalog-card-date-607>span::after { content: "October 3, 2026"; font-size: 14px !important; font-weight: normal; color: #FFF; } /*Step 2: Inject the overridden date text strictly on the top-level span child "Sunday: ComplexCon + Concert"*/ ob-page-events .dates #catalog-card-date-610>span::after { content: "October 4, 2026"; font-size: 14px !important; font-weight: normal; color: #FFF; } /*Injects fixed single ticket price below dates for event 56006 "1-Day: ComplexCon (No Concert)"*/ ob-page-events ob-catalog-card#eventId-56006 .content-container .dates:after { content: "$89.77 & $158.42"; font-size: 18px; display: block; margin-top: 16px; } /*Injects starting package price below dates for packs 595 and 596 "Saturday: ComplexCon + Concert & Sunday: ComplexCon + Concert"*/ ob-page-events ob-catalog-card#packId-607 .content-container .dates:after, ob-page-events ob-catalog-card#packId-610 .content-container .dates:after { content: "From $132.01"; font-size: 18px; display: block; margin-top: 16px; } /*Injects full bundle price below dates for pack 603 "2-Day VIP: ComplexCon + Concert"*/ ob-page-events ob-catalog-card#packId-603 .content-container .dates:after { content: "$ 792.07"; font-size: 18px; display: block; margin-top: 16px; } /*Catalog Grid Fix: Converts container to Grid layout*/ .catalog-container { display: grid !important; } /*Position 1: 2-Day VIP: ComplexCon + Concert*/ .catalog-container #packId-603 { order: 1 !important; } /*Position 2: Saturday: ComplexCon + Concert*/ .catalog-container #packId-607 { order: 2 !important; } /*Position 3: Sunday: ComplexCon + Concert*/ .catalog-container #packId-610 { order: 3 !important; } /*Position 4: 1-Day: ComplexCon (No Concert)*/ .catalog-container #eventId-56006 { order: 4 !important; } /*------------------------------------------ 5) Event page ------------------------------------------*/ /*Forces a black background on the event page*/ ob-page-event { background-color: var(--theme-dark-complexcon) !important; } /*Ensures the main content container matches the page background on the event page*/ ob-page-event .main-container { background-color: var(--theme-dark-complexcon) !important; } /*Forces a red background on the event header*/ header.one-step-event-header { background-color: var(--theme-dark-complexcon) !important; } /*Force all text inside the event page container to be white*/ ob-page-event { color: #e2e0d3 !important; } /*Overrides the tab navigation container inside event pages applies a custom dark background*/ ob-page-event .mat-mdc-tab-link-container { background-color: var(--theme-dark-complexcon) !important; border-bottom: none; } /*Forces white text color on Tab labels*/ ob-page-event .mat-mdc-tab-link-container .mdc-tab__text-label { color: #e2e0d3 !important; } /*Overrides the blurred header background when an image is present replaces it with a solid dark color*/ ob-page-event .page-header-blur.with-image { background-color: var(--theme-dark-complexcon) !important; } /*Sets a dark background for header item sections*/ ob-page-event ob-page-event-header section.page-header-item { background-color: var(--theme-dark-complexcon) !important; } /*Applies the same dark background to the full header content container and forces white text color*/ ob-page-event ob-page-event-header section div.page-header-content-full { background-color: var(--theme-dark-complexcon) !important; color: #e2e0d3 !important; border-bottom: 1px solid #1f2937; border-top: 1px solid #1f2937; } /*Updates the right arrow indicator color to match the header background*/ ob-page-event .page-header-item:not(.vertical) .ob-arrow.ob-arrow-right { border-inline-start: 32px solid var(--theme-dark-complexcon) !important; } /*Updates the left arrow indicator color to match the header background*/ ob-page-event .page-header-item:not(.vertical) .ob-arrow.ob-arrow-left { border-inline-end: 32px solid var(--theme-dark-complexcon) !important; } /*Applies a dark background color to the session card container*/ ob-page-event .ob-catalog-item-card.card-content { background-color: var(--theme-dark-complexcon); } /*Changes the main session information text color to white to improve contrast over the dark background*/ ob-page-event .ob-catalog-item-card.card-content .text-contents-container { color: #e2e0d3; } /*Changes the actions area text color to white to maintain readability over the dark background*/ ob-page-event .ob-catalog-item-card.card-content .actions-container { color: #e2e0d3; } /*Changes the date container text color*/ .events .item-date-container, .events ob-catalog-item-date { color: var(--theme-dark-complexcon) !important; } /*Sets the product item card background to black to ensure visual contrast*/ ob-page-event ob-product-item-card mat-card { background-color: #000 !important; } /*Step 1: Hide the original text of the main span while preserving the subtitle span "2-Day VIP: ComplexCon + Concert"*/ div#packId-603 .ob-catalog-item-card.card-content .date-container { font-size: 0 !important; } /*Step 2: Inject the custom overridden date string and restore its visual typography "2-Day VIP: ComplexCon + Concert"*/ div#packId-603 .ob-catalog-item-card.card-content .date-container:after { content: "October 3 & 4, 2026"; font-size: 14px !important; font-weight: normal; } /*Replaces the default session date text with a custom content (sessionId-2872585 - Single Day Ticket: Convention Only (No Concert)) and (Season ticket) Saturday+Sunday: Convention Only (11am-7pm)*/ ob-catalog-item-card#sessionId-2872585 .ob-catalog-item-card.card-content .date-container, ob-catalog-item-card#sessionId-2897944 .date-container { font-size: 0 !important; } ob-catalog-item-card#sessionId-2872585 .ob-catalog-item-card.card-content .date-container::after, ob-catalog-item-card#sessionId-2897944 .date-container:after { content: "October 3 & 4, 2026"; font-size: 14px !important; font-weight: normal; color: #ffffffbf; } /*Forces inline anchor links within description paragraphs to render in pure white*/ p.description p a { color: #FFF; } /*----------------------------------------------- 6) OB page select locations ------------------------------------------------*/ /*Adds black background behind the SVG venue container*/ ob-page-select-locations .ob-svg-container { background-color: #000; } /*Forces SVG image scaling inside the SVG container only for Event 56006*/ .eventId-56006 .ob-svg-container svg, .eventId-56006 .ob-svg-container image { width: 100% !important; height: auto !important; } /*Forces text color to white on info alert boxes*/ .ob-message-box.info { color: #e2e0d3; } /*----------------------------------------------- 7) OB view description features item ------------------------------------------------ /*Styles feature icons with brand color on dark background ob-view-description-features-item mat-icon.mat-icon.notranslate.ob-icon.xsmall.material-symbols-outlined.mat-icon-no-color { color: var(--theme-primary-500) !important; background-color: var(--theme-dark-complexcon); font-weight: 900 !important; } /*Applies dark theme to the features container ob-view-description-features-item { background-color: var(--theme-dark-complexcon) !important; color: #FFF; } /*Adds spacing between feature list items ob-view-description-features-item li.item-feature { padding-bottom: 10px; } /*Ensures icon container matches dark background ob-view-description-features-item .ob-icon-on-panel { background-color: var(--theme-dark-complexcon) !important; } /*----------------------------------------------- 8) OB graphic selection - gallery -----------------------------------------------*/ /*Applies a dark background to the thumbnails gallery*/ .gallery-thumbnails { background-color: var(--theme-dark-complexcon) !important; border-bottom: 1px solid #1f2937; } /*Styles navigation icons within the thumbnails gallery*/ .gallery-thumbnails mat-icon.mat-icon.notranslate.mat-icon-rtl-mirror.material-symbols-outlined.mat-icon-no-color { color: var(--theme-primary-500); } /*------------------------------------------ 9) Phone prefix - USA first ------------------------------------------*/ #phone_prefix-panel { display: flex; flex-direction: column; } #phone_prefix-panel mat-option[data-testid="1-option"] { order: -1; } /*------------------------------------------ 10) Packs page ------------------------------------------*/ /*Forces a black background on the event page*/ ob-page-pack { background-color: var(--theme-dark-complexcon) !important; } /*Ensures the main content container matches the page background on the event page*/ ob-page-pack .main-container { background-color: var(--theme-dark-complexcon) !important; } /*Force all text inside the event page container to be white*/ ob-page-pack { color: #e2e0d3 !important; } /*Overrides the tab navigation container inside event pages applies a custom dark background*/ ob-page-pack .mat-mdc-tab-link-container { background-color: var(--theme-dark-complexcon) !important; border-bottom: none; } /*Forces white text color on Tab labels*/ ob-page-pack .mat-mdc-tab-link-container .mdc-tab__text-label { color: #e2e0d3 !important; } /*Overrides the blurred header background when an image is present replaces it with a solid dark color*/ ob-page-pack .page-header-blur.with-image { background-color: var(--theme-dark-complexcon) !important; } /*Sets a dark background for header item sections*/ ob-page-pack ob-page-pack-header section.page-header-item { background-color: var(--theme-dark-complexcon) !important; } /*------------------------------------------ 10) Packs page ------------------------------------------*/ /*Forces a black background on the event page*/ ob-page-pack { background-color: var(--theme-dark-complexcon) !important; } /*Ensures the main content container matches the page background on the event page*/ ob-page-pack .main-container { background-color: var(--theme-dark-complexcon) !important; } /*Force all text inside the event page container to be white*/ ob-page-pack { color: #e2e0d3 !important; } /*Overrides the tab navigation container inside event pages applies a custom dark background*/ ob-page-pack .mat-mdc-tab-link-container { background-color: var(--theme-dark-complexcon) !important; border-bottom: none; } /*Forces white text color on Tab labels*/ ob-page-pack .mat-mdc-tab-link-container .mdc-tab__text-label { color: #e2e0d3 !important; } /*Overrides the blurred header background when an image is present replaces it with a solid dark color*/ ob-page-pack .page-header-blur.with-image { background-color: var(--theme-dark-complexcon) !important; } /*Sets a dark background for header item sections*/ ob-page-pack ob-page-pack-header section.page-header-item { background-color: var(--theme-dark-complexcon) !important; } /*------------------------------------------ 11) Page select locations ------------------------------------------*/ /*Forces a black background on the event page*/ ob-page-select-locations { background-color: var(--theme-dark-complexcon) !important; } /*Ensures the main content container matches the page background on the event page*/ ob-page-select-locations .main-container { background-color: var(--theme-dark-complexcon) !important; } /*------------------------------------------ 12) Page Suggestions ------------------------------------------*/ /*Forces a black background on the suggesion page*/ ob-page-suggestions { background-color: var(--theme-dark-complexcon) !important; } /*Ensures the main content container matches the page background on the suggesion page*/ ob-page-suggestions .main-container { background-color: var(--theme-dark-complexcon) !important; } /*Forces the suggesion page title color to white*/ ob-page-suggestions h2.title.flex.items-center.gap-2 { color: #e2e0d3; } /*Forces the suggestion card body content color to white*/ ob-page-suggestions ob-suggestion-card .content { color: #e2e0d3; } /*Forces the suggestion card date color to white*/ ob-page-suggestions ob-suggestion-card .dates { color: #ffffffbf !important; } /*Customizes the outlined button tokens within suggestion cards*/ ob-page-suggestions ob-suggestion-card button.mdc-button.mat-mdc-button-base.mdc-button--outlined.mat-mdc-outlined-button.mat-unthemed.ng-star-inserted { --mat-button-text-label-text-color: #e2e0d3; --mat-button-outlined-label-text-color: #e2e0d3; --mat-button-outlined-state-layer-color: #e2e0d3; --mat-button-outlined-outline-color: #e2e0d3; } /*------------------------------------------ 13) Page select pack ------------------------------------------*/ /*Forces a black background on the select pack page*/ ob-page-select-pack ob-not-graphic-selection { background-color: var(--theme-dark-complexcon) !important; min-height: 100vh !important; } /*Ensures the main content container matches the page background on the select pack page*/ ob-page-select-pack ob-not-graphic-selection .main-container { background-color: var(--theme-dark-complexcon) !important; } /*ob-card*/ /*Applies a dark background variable and white text color to the price zones card content on the pack selection page*/ ob-page-select-pack ob-not-graphic-selection:not(.ob-venue-viewer) ob-price-zones-selection .mat-mdc-card-content { background-color: var(--theme-dark-complexcon) !important; color: #e2e0d3; } /*Sets disabled text/icon fill color to white*/ ob-page-select-pack .mat-mdc-icon-button[disabled], .mat-mdc-icon-button.mat-mdc-button-disabled { color: #e2e0d3; } /*Sets disabled border outline color to white for stroked button variants*/ ob-page-select-pack ob-button>.mat-mdc-icon-button.stroked:disabled { border-color: #e2e0d3; } /*Targets the event info description within the session header container, suppresses the native dynamic date string and injects a single*/ /*Step 1: Visually wipe out the original dynamic text content*/ header.session-header-container .event-info .date .event-info-description { font-size: 0 !important; } /*Step 2: Inject the custom overridden date string and define its precise typography*/ header.session-header-container .event-info .date .event-info-description::after { content: "October 3 & 4, 2026"; font-size: 14px !important; font-weight: normal; } /*------------------------------------------ 14) Special Requests ------------------------------------------*/ /*Replaces ">" vector gradients inside the inline SVG with a flat solid brand background color (#e2e0d3)*/ .section-header { mat-icon { /*Note: Hex code #e2e0d3 is URL-encoded as %23e2e0d3 for cross-browser SVG compatibility*/ background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>'); svg { display: none; } } } /*Centered Bottom Cookie Banner Positioning*/ .cdk-overlay-pane:has(ob-cookies-notification) { position: fixed !important; bottom: 24px !important; left: 0 !important; right: 0 !important; top: auto !important; width: 30% !important; max-width: 600px !important; margin: 0 auto !important; transform: none !important; } /*========================================================================== Session Pricing Injections (Desktop / Global) ==========================================================================*/ /*Appends the custom starting price to Session #2897944*/ ob-catalog-item-card#sessionId-2897944 .catalog-item-title:after { content: "$158.42"; font-size: 16px; margin-left: 16px; } /*Appends the custom starting price to Session #2872583*/ ob-catalog-item-card#sessionId-2872583 .title.catalog-item-title:after { content: "$89.77"; font-size: 16px; margin-left: 16px; } /*Appends the custom starting price to Session #2872584*/ ob-catalog-item-card#sessionId-2872584 .title.catalog-item-title:after { content: "$89.77"; font-size: 16px; margin-left: 16px; } /*========================================================================== Global Layout Simplification ==========================================================================*/ /*Hides all session date and time badges across catalog item cards*/ .date-time, .date-container { display: none !important; } /*========================================================================== Mobile Responsive Overrides (max-width: 768px) ==========================================================================*/ @media screen and (max-width: 768px) { /*Reduces the left margin space on mobile viewports for Session #2897944 price badge*/ #sessionId-2897944 .catalog-item-title:after { margin-left: 10px !important; } /*Reduces the left margin space on mobile viewports for Session #2872583 price badge*/ ob-catalog-item-card#sessionId-2872583 .title.catalog-item-title:after { margin-left: 24px; } /*Reduces the left margin space on mobile viewports for Session #2872584 price badge*/ ob-catalog-item-card#sessionId-2872584 .title.catalog-item-title:after { margin-left: 24px; } }