/* Font families */ @font-face { font-family: 'ChakraPetch'; font-style: normal; font-weight: normal; src: url('/upload/fonts/ChakraPetch.otf') format('opentype'); } @font-face { font-family: 'inter'; font-style: normal; font-weight: normal; src: url('/upload/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype'); } :root { --bs-body-font-family: ChakraPetch; } /* Font Awesome */ @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-display: block; src: url('/bundles/standardshop/fonts/fontawesome/fa-sharp-solid-900.woff2') format('woff2'), url('/bundles/standardshop/fonts/fontawesome/fa-sharp-solid-900.ttf') format('truetype'); } /* Colors */ :root { --bs-primary: #1c2e44; --bs-primary-rgb: 28,46,68; --color-primary: #1c2e44; --color-primary-rgb: 28,46,68; --color-primary-light: #32537a; --color-primary-light-rgb: 50,83,122; --color-primary-dark: #06090e; --color-primary-dark-rgb: 6,9,14; --color-secondary: #f99f36; --color-secondary-rgb: 249,159,54; --color-secondary-light: #fbc280; --color-secondary-light-rgb: 251,194,128; --color-secondary-dark: #dc7907; --color-secondary-dark-rgb: 220,121,7; --color-tertiary: #ffcc4f; --color-tertiary-rgb: 255,204,79; --color-tertiary-light: #ff9c9c; --color-tertiary-light-rgb: 255,156,156; --color-tertiary-dark: #ff0202; --color-tertiary-dark-rgb: 255,2,2; } /* Typography */ .typography-Overskrift1STOREBOGSTAVER { font-family: ChakraPetch; font-size: 42px; font-weight: bold; text-transform: uppercase; line-height: 44px; } .typography-KategorioverskriftSTOREBOGSTAVER { font-family: ChakraPetch; font-size: 14px; font-weight: bold; line-height: 21px; } .typography-Brdtekst1tynd { font-family: inter; font-size: 20px; line-height: 22px; } .typography-Brdtekst2fed { font-family: inter; font-size: 14px; font-weight: bold; line-height: 18px; } .typography-Produktlistenavn { font-family: inter; font-size: 18px; font-weight: bold; line-height: 20px; } .typography-Overskrift2Smbogstaver { font-family: inter; font-size: 42px; font-weight: bold; line-height: 44px; } .typography-Prisstor { font-family: inter; font-size: 38px; font-weight: bold; line-height: 40px; } .typography-Kurv-Totalpris { font-family: inter; font-size: 20px; font-weight: bold; line-height: 24px; } .typography-Kurv-Moms { font-family: inter; font-size: 14px; font-style: italic; line-height: 16px; } .typography-SuboverskriftfedogSTORE { font-family: ChakraPetch; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 30px; } .typography-Paneltitel { font-family: inter; font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 22px; } .typography-Produktlistepris { font-family: inter; font-size: 18px; line-height: 20px; } .typography-TESTAFFONT { font-family: inter; font-size: 50px; text-transform: uppercase; } /* Alerts */ .alert-danger { --bs-alert-color: #ad4c4c; --bs-alert-bg: #f4d4c6; } .alert-success { --bs-alert-color: var(--color-secondary); --bs-alert-bg: var(--color-primary); } /* Buttons */ .btn-shop-primary { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-border-color: #FFFFFF; --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-hover-border-color: #FFFFFF; --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-active-border-color: #FFFFFF; --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: #FFFFFF; --bs-btn-border-width: 0px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-secondary { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-border-width: 0px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-tertiary { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-border-color: #FFFFFF; --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-hover-border-color: var(--color-white); --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-active-border-color: var(--color-white); --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: #FFFFFF; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-cancel { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-border-color: var(--color-white); --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-hover-border-color: #FFFFFF; --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-active-border-color: #FFFFFF; --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: var(--color-white); --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-flow { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-border-color: #FFFFFF; --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-hover-border-color: #FFFFFF; --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-active-border-color: #FFFFFF; --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: #FFFFFF; --bs-btn-border-width: 0px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-default { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-border-color: #FFFFFF; --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-hover-border-color: var(--color-white); --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-active-border-color: var(--color-white); --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: #FFFFFF; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-danger { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-border-color: var(--color-white); --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-hover-border-color: var(--color-white); --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-active-border-color: var(--color-white); --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: var(--color-white); --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-smallaction { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-border-color: #FFFFFF; --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-hover-border-color: #FFFFFF; --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-active-border-color: #FFFFFF; --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: #FFFFFF; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 6px; --bs-btn-padding-y: 4px; } .btn-shop-plusminus { --bs-btn-color: var(--color-white); --bs-btn-bg: var(--color-primary); --bs-btn-border-color: #FFFFFF; --bs-btn-hover-color: var(--color-white); --bs-btn-hover-bg: #875319; --bs-btn-hover-border-color: #FFFFFF; --bs-btn-active-color: var(--color-white); --bs-btn-active-bg: #875319; --bs-btn-active-border-color: #FFFFFF; --bs-btn-disabled-color: var(--color-white); --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: #FFFFFF; --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 10px; --bs-btn-padding-y: 10px; } /* Root */ :root { --bs-body-bg: #f7f7f7; --bs-link-color: var(--color-secondary); --bs-link-color-rgb: var(--color-secondary-rgb); --bs-link-hover-color: #6f4f4c; --bs-link-hover-color-rgb: 111,79,76; --bs-secondary-color: var(--color-light-gray); --input-bg: var(--color-white); --input-focus-bg: var(--color-white); --input-focus-box-shadow: 2px 2px 10px 2px ; --input-mandatory-marker-color: var(--color-secondary-dark); } /* Content */ body { --body-padding-bottom: 0rem; } article { --article-padding-bottom: 0rem; } /* Header */ header { --menu-bg: var(--color-light-gray); --menu-bottom-bg: var(--color-primary); --menu-bottom-nav-link-padding-y: 40px; --menu-logo-height: 100px; --menu-logo-margin-top: 0px; --menu-border-size: 0px; --menu-border-color: #FFFFFF; --bs-nav-link-color: var(--color-primary); --bs-nav-link-hover-color: var(--color-secondary); --menu-toggler-icon-color: #f89e36; --menu-collapse-full-bg: var(--color-white); --menu-collapse-full-color: var(--color-white); --menu-burger-top-menu-bg: #f7f7f7; --menu-burger-middle-menu-bg: var(--color-white); --menu-bottom-nav-link-color: var(--color-light-gray); --menu-bottom-nav-link-hover-color: var(--color-tertiary); --menu-bottom-nav-link-active-color: var(--color-secondary); --menu-bottom-nav-link-active-bg: var(--color-primary); --menu-top-nav-link-color: var(--color-primary); --menu-top-nav-link-bg: var(--color-primary); --menu-top-nav-link-hover-color: var(--color-secondary); --menu-top-nav-link-active-color: var(--color-white); --menu-top-nav-link-active-bg: var(--color-white); --menu-burger-nav-link-text-align: center; } /* Footer */ footer { --footer-color: var(--color-light-gray); --footer-bg: var(--color-primary); --footer-border-size: 30px; --footer-top-color: var(--color-light-gray); --footer-top-bg: var(--color-primary); } /* Styleheet Bank */ /* Skub\20 indhold */ article { padding-top: 9rem; } /* Test */ /* * Roskilde Airshow – VenueManager shop stylesheet * Fonts: * Headings: Chakra Petch * Body/UI: Inter * * Brand palette: * Primary: Midnight Blue #1C2E44 * Secondary: Jet Amber #F99F36 * Tertiary: Sky Gold #FFCC4F * Steel Gray #808284 * Petrol Light #00A3A1 * Coral Sunset #E9686F */ @import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap"); :root { --airshow-primary: #1c2e44; --airshow-primary-hover: #263d59; --airshow-primary-dark: #132235; --airshow-secondary: #f99f36; --airshow-secondary-hover: #e98b20; --airshow-tertiary: #ffcc4f; --airshow-tertiary-hover: #f3b92d; --airshow-steel: #808284; --airshow-petrol: #00a3a1; --airshow-coral: #e9686f; --airshow-background: #f6f3ed; --airshow-surface: #ffffff; --airshow-text: #1c2e44; --airshow-muted: #66717e; --airshow-border: #d8dde2; --airshow-focus: rgba(249, 159, 54, 0.35); --airshow-radius-sm: 6px; --airshow-radius: 10px; --airshow-radius-lg: 16px; --airshow-shadow: 0 8px 24px rgba(28, 46, 68, 0.10); } /* ---------------------------------------------------------- Global typography and background ---------------------------------------------------------- */ html { background: var(--airshow-background); color: var(--airshow-text); font-family: "Inter"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body, input, select, textarea, button, label, table, th, td, p, li, span, small, strong, a { font-family: "Inter"; } body { margin: 0; background: linear-gradient( 180deg, rgba(28, 46, 68, 0.035) 0, rgba(28, 46, 68, 0) 260px ), var(--airshow-background); color: var(--airshow-text); line-height: 1.6; } h1, h2, h3, h4, h5, h6, .heading, .title, .page-title, .section-title, .card-title, .modal-title { margin-top: 0; color: var(--airshow-primary); font-family: "ChakraPetch"; font-weight: 600; letter-spacing: -0.015em; line-height: 1.15; } h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; text-transform: uppercase; } h2 { font-size: clamp(1.65rem, 3vw, 2.4rem); } h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); } a { color: var(--airshow-primary); font-weight: 600; text-decoration-color: #ced4da; text-decoration-thickness: 2px; text-underline-offset: 3px; transition: color 0.2s ease, text-decoration-color 0.2s ease; } a:hover, a:focus { color: var(--airshow-secondary-hover); text-decoration-color: currentColor; } /* ---------------------------------------------------------- Header and navigation ---------------------------------------------------------- */ header, .header, .navbar, .site-header, .shop-header { background-color: var(--airshow-primary); color: #ffffff; } header a, .header a, .navbar a, .site-header a, .shop-header a { color: #ffffff; text-decoration: none; } header a:hover, .header a:hover, .navbar a:hover, .site-header a:hover, .shop-header a:hover { color: var(--airshow-tertiary); } nav, .nav, .navigation, .navbar-nav { font-family: "Inter", Arial, sans-serif; font-weight: 600; } /* ---------------------------------------------------------- Main content, panels and cards ---------------------------------------------------------- */ main, .main, .main-content, .content, .container, .container-fluid { color: var(--airshow-text); } .card, .panel, .box, .product, .product-card, .ticket, .ticket-card, .checkout-box, .order-summary, .summary, .modal-content { background: var(--airshow-surface); border: 1px solid var(--airshow-border); border-radius: var(--airshow-radius-lg); box-shadow: var(--airshow-shadow); } .card-header, .panel-heading, .modal-header { background: var(--airshow-primary); border: 0; color: #ffffff; } .card-header h1, .card-header h2, .card-header h3, .card-header h4, .panel-heading h1, .panel-heading h2, .panel-heading h3, .modal-header h1, .modal-header h2, .modal-header h3, .modal-title { color: #ffffff; } /* Product and ticket highlights */ .product-price, .price, .amount, .total, .order-total { color: var(--airshow-primary); font-family: "ChakraPetch"; font-weight: 700; } .badge, .label, .tag, .pill { display: inline-flex; align-items: center; border-radius: 999px; background: var(--airshow-tertiary); color: var(--airshow-primary-dark); font-size: 0.8rem; font-weight: 700; line-height: 1; padding: 0.45rem 0.7rem; text-transform: uppercase; } /* ---------------------------------------------------------- Buttons ---------------------------------------------------------- */ button, .button, .btn, input[type="button"], input[type="submit"], input[type="reset"], a.button, a.btn { min-height: 44px; border: 2px solid var(--airshow-secondary); border-radius: var(--airshow-radius-sm); background: var(--airshow-secondary); color: var(--airshow-primary-dark); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; padding: 0.7rem 1.15rem; font-family: "Inter"; font-size: 0.95rem; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease; } button:hover, .button:hover, .btn:hover, input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, a.btn:hover { border-color: var(--airshow-secondary-hover); background: var(--airshow-secondary-hover); color: var(--airshow-primary-dark); box-shadow: 0 6px 16px rgba(28, 46, 68, 0.16); transform: translateY(-1px); } button:active, .button:active, .btn:active { transform: translateY(0); } .btn-primary, .button-primary, .primary-button, .checkout-button, .add-to-cart, .add-to-basket, input[type="submit"] { border-color: var(--airshow-secondary); background: var(--airshow-secondary); color: var(--airshow-primary-dark); } .btn-secondary, .button-secondary, .secondary-button { border-color: var(--airshow-primary); background: var(--airshow-primary); color: #ffffff; } .btn-secondary:hover, .button-secondary:hover, .secondary-button:hover { border-color: var(--airshow-primary-hover); background: var(--airshow-primary-hover); color: #ffffff; } .btn-outline-primary, .button-outline, .secondary-action { border-color: var(--airshow-primary); background: transparent; color: var(--airshow-primary); } .btn-outline-primary:hover, .button-outline:hover, .secondary-action:hover { background: var(--airshow-primary); color: #ffffff; } button:disabled, .btn:disabled, .button:disabled, input:disabled { cursor: not-allowed; opacity: 0.55; transform: none; } /* ---------------------------------------------------------- Forms ---------------------------------------------------------- */ label, .form-label, .control-label { color: var(--airshow-primary); font-weight: 600; } input, select, textarea, .form-control, .form-select { box-sizing: border-box; width: 100%; min-height: 44px; border: 1px solid var(--airshow-border); border-radius: var(--airshow-radius-sm); background: #ffffff; color: var(--airshow-text); font-size: 1rem; padding: 0.7rem 0.8rem; transition: border-color 0.2s ease, box-shadow 0.2s ease; } textarea { min-height: 120px; resize: vertical; } input:focus, select:focus, textarea:focus, .form-control:focus, .form-select:focus { border-color: var(--airshow-secondary); box-shadow: 0 0 0 4px var(--airshow-focus); outline: none; } input::placeholder, textarea::placeholder { color: var(--airshow-steel); opacity: 1; } input[type="checkbox"], input[type="radio"] { width: 1.1rem; min-height: auto; height: 1.1rem; accent-color: var(--airshow-secondary); } /* ---------------------------------------------------------- Basket, checkout and tables ---------------------------------------------------------- */ table { width: 100%; border-collapse: collapse; background: #ffffff; } th { background: var(--airshow-primary); color: #ffffff; font-family: "ChakraPetch"; font-weight: 600; text-align: left; } th, td { border-bottom: 1px solid var(--airshow-border); padding: 0.85rem 1rem; } tbody tr:hover { background: rgba(255, 204, 79, 0.13); } .cart, .basket, .checkout, .checkout-container, .order-summary { color: var(--airshow-text); } .cart-total, .basket-total, .grand-total { color: var(--airshow-primary); font-family: "ChakraPetch"; font-size: 1.25rem; font-weight: 700; } /* Step indicators */ .steps, .checkout-steps, .progress-steps { color: var(--airshow-muted); } .step.active, .steps .active, .checkout-steps .active, .step.completed, .steps .completed { color: var(--airshow-primary); font-weight: 700; } .progress, .progress-bar-container { overflow: hidden; border-radius: 999px; background: #e6e9ec; } .progress-bar { background: var(--airshow-secondary); } /* ---------------------------------------------------------- Messages ---------------------------------------------------------- */ .alert, .message, .notification { border: 0; border-left: 5px solid var(--airshow-primary); border-radius: var(--airshow-radius-sm); background: #ffffff; color: var(--airshow-text); box-shadow: 0 4px 14px rgba(28, 46, 68, 0.08); padding: 1rem; } .alert-success, .message-success, .notification-success { border-left-color: var(--airshow-petrol); } .alert-warning, .message-warning, .notification-warning { border-left-color: var(--airshow-tertiary); } .alert-danger, .alert-error, .message-error, .notification-error, .validation-summary-errors { border-left-color: var(--airshow-coral); } .text-danger, .error, .field-validation-error { color: #b83c46; font-weight: 600; } /* ---------------------------------------------------------- Footer ---------------------------------------------------------- */ footer, .footer, .site-footer, .shop-footer { background: var(--airshow-primary); color: rgba(255, 255, 255, 0.82); } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, .footer h1, .footer h2, .footer h3, .footer h4 { color: #ffffff; } footer a, .footer a { color: #ced4da; } footer a:hover, .footer a:hover { color: var(--airshow-secondary); } .menu-footer, .menu-footer * { color: #ced4da; } .menu-footer a, .menu-footer a:visited, .menu-footer a:hover, .menu-footer a:focus, .menu-footer a:active { color: #ced4da !important; text-decoration:; } /* ---------------------------------------------------------- Accessibility and responsive behaviour ---------------------------------------------------------- */ :focus-visible { outline: 3px solid var(--airshow-tertiary); outline-offset: 3px; } ::selection { background: var(--airshow-tertiary); color: var(--airshow-primary-dark); } img { max-width: 100%; height: auto; } @media (max-width: 767px) { body { font-size: 15px; } .card, .panel, .product-card, .ticket-card, .checkout-box, .order-summary { border-radius: var(--airshow-radius); } button, .button, .btn, input[type="submit"] { width: 100%; } table { font-size: 0.9rem; } th, td { padding: 0.7rem 0.6rem; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } /* Shop elements */ .mini-cart-dropdown { --bs-popover-bg: var(--color-white); --popover-min-width: 300px; --bs-popover-max-width: 500px; } .modal { --bs-modal-color: var(--color-black); --bs-modal-bg: var(--color-white); --bs-modal-border-width: 0px; --bs-modal-header-border-width: 0px; --bs-modal-footer-bg: #f7f7f7; --bs-modal-footer-border-width: 0px; } .modal-header { color: var(--color-tertiary); background-color: var(--color-white); } .modal-footer { justify-content: center; } .notification-bar { text-align: center; color: var(--color-white); background-color: #ff0000; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } /* Page elements - base */ .component-CheckoutProgress { --bs-nav-link-color: #a0a56e; --nav-link-bg: #f0eee9; --bs-nav-pills-link-active-bg: #617232; --bs-nav-link-disabled-color: #617232; --nav-link-disabled-bg: #f0eee9; } .component-ContentBreadcrumb { --bs-link-color-rgb: 160,165,110; --bs-link-hover-color-rgb: 97,114,82; } .component-ContentBreadcrumb .breadcrumb { --bs-breadcrumb-item-active-color: #353723; --bs-breadcrumb-divider-color: #617252; } .component-LayoutContainer { margin-top: 1rem; margin-bottom: 1rem; } .component-EventShopAccountChangeDateCalendar .day-available { --day-text-color: var(--color-white); --day-bg-color: var(--color-primary-light); } .component-EventShopAccountChangeDateCalendar .day-available.selected { --day-text-color: #FFFFFF; --day-bg-color: var(--color-primary); } /* Page elements - specific */ .component-ContentHeadline-2 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-4 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-ContentHeadline-7 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-8 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentGoTo_-9 { color: var(--color-secondary); } .component-LayoutTabs-10 { --bs-nav-link-color: var(--color-secondary); --bs-nav-link-bg: var(--color-white); --bs-nav-link-hover-color: var(--color-primary); --bs-nav-tabs-link-hover-border-color: var(--color-secondary-light); --bs-nav-tabs-link-active-color: var(--color-secondary); --bs-nav-tabs-link-active-bg: var(--color-white); --bs-nav-tabs-link-active-border-color: transparent; } .component-LayoutTabPane-11 { background-color: var(--color-white); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ModuleGiftCertificateAccountList-12 { background-color: var(--color-white); } .component-LayoutTabPane-13 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutContainer-15 { margin-top: 80px; margin-bottom: 350px; } .component-ContentHeadline-17 { padding-top: 20px; padding-bottom: 20px; } .component-ContentText-18 { margin-bottom: 20px; } .component-AccountMenu-19 { color: #1b2e43; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-AccountMenu-link-19 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0 0 10px 0 ; } .component-AccountMenu-19 a { --account-menu-item-color: var(--color-white); --account-menu-item-bg: var(--color-primary); --account-menu-item-hover-color: var(--color-white); --account-menu-item-hover-bg: #875319; } .component-LayoutGroup-22 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ContentGoTo_-23 { color: var(--color-secondary); } .component-LayoutGroup-26 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-LayoutGroup-30 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-LayoutGroup-33 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 2px #FFFFFF; } .component-LayoutContainer-36 { margin-bottom: 300px; } .component-ContentHeadline-37 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-38 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentGoTo_-39 { color: var(--color-secondary); } .component-LayoutGroup-40 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-43 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-44 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentGoTo_-45 { color: var(--color-secondary); } .component-LayoutGroup-48 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-AccountAddPaymentCard-51 { margin-top: 30px; } .component-LayoutContainer-52 { margin-top: 100px; } .component-ContentHeadline-53 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ContentHeadline-55 { color: #71524f; margin-top: 20px; margin-bottom: 20px; } .component-ProductList_-56 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-56 { background-color: #FFFFFF; border-top-width: 0px; border-top-color: #FFFFFF; border-right-width: 0px; border-right-color: #FFFFFF; border-bottom-width: 0px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-left-color: #FFFFFF; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-56 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-56 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-56 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentHeadline-59 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ProductList_-60 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-60 { background-color: #FFFFFF; border-top-width: 0px; border-top-color: #FFFFFF; border-right-width: 0px; border-right-color: #FFFFFF; border-bottom-width: 0px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-left-color: #FFFFFF; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-60 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-60 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-60 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentHeadline-63 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ProductList_-64 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-64 { background-color: #FFFFFF; border-top-width: 0px; border-top-color: #FFFFFF; border-right-width: 0px; border-right-color: #FFFFFF; border-bottom-width: 0px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-left-color: #FFFFFF; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-64 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-64 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-64 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutContainer-68 { margin-top: 100px; } .component-ContentHeadline-70 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ContentText-71 { color: #71524f; margin-top: 50px; } .component-ProductList_-73 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-73 { background-color: #FFFFFF; border-top-width: 0px; border-top-color: #FFFFFF; border-right-width: 0px; border-right-color: #FFFFFF; border-bottom-width: 0px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-left-color: #FFFFFF; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-73 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-73 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-73 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutRow-77 { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .component-LayoutColumn-78 { color: #353723; margin-bottom: 30px; } .component-LayoutGroup-79 { background-color: #FFFFFF; margin-top: 50px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-80 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-81 { padding-bottom: 40px; } .component-CartItems-83 { background-color: var(--color-white); @media (min-width: 1200px) { .cart-item .col-info { flex-basis: 50%; } } .cart-item .col-price-and-quantity { flex-basis: 50%; } }; } .component-LayoutGroup-84 { margin-top: 30px; } .component-LayoutFlex-85 { margin-top: 20px; } .component-CartEmptyCart-86 { color: var(--color-primary-light); background-color: var(--color-primary-light); margin-bottom: 10px; } .component-LayoutColumn-91 { background-color: #FFFFFF; } .component-LayoutGroup-92 { background-color: var(--color-white); margin-top: 70px; margin-bottom: 100px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-93 { margin-bottom: 40px; } .component-LayoutGroup-94 { background-color: var(--color-white); } .component-LayoutGroup-97 { background-color: #FFFFFF; margin-top: 10px; } .component-LayoutGroup-108 { color: #c2c2c2; } .component-ModulePromotionCart-110 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CartError-111 { margin-top: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-LayoutGroup-112 { padding-top: 20px; } .component-LayoutGroup-114 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } .component-CartPaymentMethods-116 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; } .component-CheckoutGoTo_-117 { margin-top: 30px; padding-top: 5px; } .component-LayoutGroup-122 { margin-top: 150px; margin-bottom: 350px; } .component-ContentText-123 { color: #71514e; } .component-LayoutContainer-124 { margin-top: 100px; } .component-ContentHeadline-126 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ProductList_-128 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-128 { background-color: #FFFFFF; border-top-width: 0px; border-top-color: #FFFFFF; border-right-width: 0px; border-right-color: #FFFFFF; border-bottom-width: 0px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-left-color: #FFFFFF; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-128 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-128 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-128 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentText-129 { color: #71524f; margin-top: 50px; } .component-ContentHeadline-133 { margin-top: 20px; margin-bottom: 20px; } .component-ProductList_-product-136 { background-color: #FFFFFF; border-top-color: #ffffff; border-right-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 2px 2px 10px 0 #cfcfcf; } .component-ProductList_-product-image-136 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-136 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-136 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutContainer-138 { margin-bottom: 100px; } .component-ContentHeadline-139 { margin-top: 70px; padding-top: 20px; padding-bottom: 20px; } .component-CheckoutProgress-142 { --bs-nav-link-color: var(--color-light-gray); --bs-nav-pills-link-active-color: #ffffff; --bs-nav-pills-link-active-bg: var(--color-primary); --bs-nav-link-disabled-color: var(--color-primary); --nav-link-disabled-bg: #f0eee9; } .component-LayoutGroup-145 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-ContentText-146 { margin-top: 10px; } .component-ContentText-148 { margin-top: 40px; margin-bottom: 10px; } .component-LayoutGroup-150 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-ContentText-151 { color: #617252; margin-top: 10px; } .component-ContentText-152 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-SecurityLogin-154 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-155 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-ContentText-156 { margin-top: 10px; } .component-CheckoutGoTo_-160 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CheckoutGoTo_-161 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-165 { background-color: var(--color-white); margin-top: 50px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-166 { color: var(--color-secondary); } .component-SecurityLogin-168 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-169 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-170 { color: var(--color-secondary); } .component-LayoutGroup-173 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-176 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-179 { margin-top: 30px; } .component-LayoutGroup-182 { background-color: var(--color-white); margin-top: 100px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-183 { padding-bottom: 20px; } .component-LayoutGroup-185 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-LayoutGroup-188 { margin-top: 5px; } .component-LayoutGroup-197 { color: #ababab; } .component-LayoutGroup-199 { margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-ConfirmPaymentForm-202 { margin-bottom: 50px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-LayoutContainer-205 { margin-top: 100px; } .component-ContentHeadline-206 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ContentHeadline-208 { color: #71524f; margin-top: 20px; margin-bottom: 20px; } .component-ProductList_-209 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-209 { background-color: #FFFFFF; border-top-width: 0px; border-top-color: #FFFFFF; border-right-width: 0px; border-right-color: #FFFFFF; border-bottom-width: 0px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-left-color: #FFFFFF; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-209 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-209 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-209 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentHeadline-211 { color: #71524f; padding-top: 20px; padding-bottom: 20px; } .component-ProductList_-212 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ProductList_-product-212 { background-color: #FFFFFF; border-top-width: 0px; border-top-color: #FFFFFF; border-right-width: 0px; border-right-color: #FFFFFF; border-bottom-width: 0px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-left-color: #FFFFFF; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 2px 2px 10px 0 var(--color-light-gray); } .component-ProductList_-product-image-212 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-212 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-212 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutContainer-215 { margin-top: 100px; margin-bottom: 300px; } .component-ContentHeadline-216 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-217 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentGoTo_-218 { color: var(--color-secondary); } .component-EventShopAccountEventList-inner-219 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopAccountEventList-219 .card { --bs-card-bg: var(--color-white); --bs-card-border-width: 0px; --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutContainer-220 { margin-top: 100px; margin-bottom: 300px; } .component-ContentHeadline-221 { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-223 { margin-bottom: 200px; } .component-LayoutContainer-225 { background-color: var(--color-primary); margin-top: 0px; } .component-LayoutContainer-226 { margin-top: 0px; } .component-ContentText-229 { color: var(--color-secondary); } .component-ContentGoTo_-233 { color: var(--color-secondary); margin-right: 5px; } .component-ContentGoTo_-235 { color: var(--color-secondary); margin-right: 5px; } .component-ContentGoTo_-237 { color: var(--color-secondary); } .component-ContentImage-238 { max-width: 220px; } .component-EventShopCategoryEventCards-event-299 { background-color: var(--color-white); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-EventShopCategoryEventCards-event-name-299 { color: var(--color-primary-dark); padding-top: 25px; padding-left: 20px; } .component-EventShopCategoryEventCards-event-time-299 { padding-top: 10px; padding-left: 20px; } .component-EventShopCategoryEventCards-event-venue-299 { padding-top: 20px; padding-left: 20px; } .component-EventShopCategoryEventCards-event-short-description-299 { color: var(--color-black); padding-bottom: 40px; } .component-EventShopCategoryEventCards-299 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutContainer-257 { padding-top: 150px; padding-bottom: 200px; } .component-ContentHeadline-258 { color: #71524f; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-ContentText-259 { color: #71524f; } .component-LayoutFlex-260 { margin-top: 3em; margin-bottom: 1em; } .component-LayoutContainer-263 { margin-top: 100px; margin-bottom: 200px; } .component-ContentHeadline-264 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-265 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutContainer-271 { margin-top: 100px; margin-bottom: 200px; } .component-LayoutColumn-273 { margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .component-LayoutColumn-275 { margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .component-ProductPrice-278 { margin-bottom: 20px; } .component-ProductAddToCart-280 { margin-top: 20px; } .component-LayoutGroup-286 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopReceiptTicketList-288 { margin-top: 20px; } .component-ContentText-290 { margin-top: 20px; } .component-ContentHeadline-302 { margin-bottom: 30px; } .component-CategoryImage-328 { margin-top: 15px; margin-bottom: 15px; } .component-EventShopCategorySeatmap-303 { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .component-EventShopCategorySeatmap-legends-303 { margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; } .component-EventShopCategorySeatmap-303 .seatmap { --seat-border-top-width: 5px; --seat-border-right-width: 2px; --seat-border-bottom-width: 1px; --seat-border-left-width: 2px; --seat-border-top-style: solid; --seat-border-right-style: solid; --seat-border-bottom-style: solid; --seat-border-left-style: solid; --seat-border-top-left-radius: 2%; --seat-border-top-right-radius: 2%; --seat-border-bottom-left-radius: 2%; --seat-border-bottom-right-radius: 2%; --seat-width: 20px; --seat-height: 20px; --seat-available-border-top-color: #00940a; --seat-available-border-right-color: #00cc0e; --seat-available-border-bottom-color: #04ff00; --seat-available-border-left-color: #00bd03; --seat-available-bg-color: #b5ff14; --seat-sold-border-top-color: #e100ff; --seat-sold-border-right-color: #e100ff; --seat-sold-border-bottom-color: #e100ff; --seat-sold-border-left-color: #e100ff; --seat-sold-bg-color: #ff00f7; --stage-bg-color: #7abb72; --stage-text-color: #ffffff; --stage-padding-top: 1em; --stage-padding-bottom: 1em; --stage-border-bottom-width: 1px; --stage-border-top-style: solid; --stage-border-right-style: solid; --stage-border-bottom-style: solid; --stage-border-left-style: solid; --stage-border-top-color: #6b6b6b; --stage-border-right-color: #6b6b6b; --stage-border-bottom-color: #6b6b6b; --stage-border-left-color: #6b6b6b; } .component-ContentHeadline-311 { margin-top: 20px; margin-bottom: 20px; } .component-EventShopCategoryEventList-event-315 { background-color: var(--color-white); box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryEventList-event-315 .event-info { padding: 20px; padding: 20px; padding: 20px; padding: 20px; } .component-ContentHeadline-347 { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-_913 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_915 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentBreadcrumb-_517 { --bs-link-color-rgb: 160,165,110; --bs-link-hover-color-rgb: 97,114,82; } .component-ContentBreadcrumb-_517 .breadcrumb { --bs-breadcrumb-item-active-color: #353723; --bs-breadcrumb-divider-color: #617252; } .component-LayoutColumn-_519 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ProductImageList-_520 { background-color: #ffffff; padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border-top-width: 1px; border-top-color: #000000; border-top-style: solid; border-right-width: 1px; border-right-color: #000000; border-right-style: solid; border-bottom-width: 1px; border-bottom-color: #000000; border-bottom-style: solid; border-left-width: 1px; border-left-color: #000000; border-left-style: solid; border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ProductImageList-thumb-_520 { border-top-width: 1px; border-top-color: #000000; border-top-style: solid; border-right-width: 1px; border-right-color: #000000; border-right-style: solid; border-bottom-width: 1px; border-bottom-color: #000000; border-bottom-style: solid; border-left-width: 1px; border-left-color: #000000; border-left-style: solid; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .component-ProductImageList-thumb-_520.active { border-top-width: 2px; border-top-color: #004cff; border-top-style: solid; border-right-width: 2px; border-right-color: #004cff; border-right-style: solid; border-bottom-width: 2px; border-bottom-color: #002aff; border-bottom-style: solid; border-left-width: 2px; border-left-color: #0008ff; border-left-style: solid; } .component-LayoutColumn-_521 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ContentHeadline-_522 { color: #353723; } .component-LayoutCard-_524 { background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 1px 1px 5px 0 #ababab; } .component-ProductQuantitySelector-_526 { padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ebebeb; border-right-color: #ebebeb; border-bottom-color: #ebebeb; border-left-color: #ebebeb; } .component-ContentHeadline-_746 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-_749 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_752 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ModuleGiftCertificateProductPriceInput-_755 { margin-right: 40px; margin-left: 40px; } .component-LayoutGroup-_756 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } .component-ContentHeadline-_867 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_870 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_873 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_874 { background-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: var(--color-light-gray); border-right-color: var(--color-light-gray); border-bottom-color: var(--color-light-gray); border-left-color: var(--color-light-gray); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-left-radius: 0.38rem; border-top-right-radius: 0.38rem; border-bottom-left-radius: 0.38rem; border-bottom-right-radius: 0.38rem; } .component-LayoutRow-_875 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-_878 { margin-bottom: 0px; } .component-LayoutGroup-_883 { margin-top: 20px; } .component-CheckoutProgress-_872 { --bs-nav-link-color: #a0a56e; --nav-link-bg: #f0eee9; --bs-nav-pills-link-active-bg: #617232; --bs-nav-link-disabled-color: #617232; --nav-link-disabled-bg: #f0eee9; } .component-LayoutCard-_874 { margin-bottom: 0.5em; } .component-LayoutCard-_875 { margin-bottom: 0.5em; } .component-LayoutGroup-_773 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_777 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_781 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-_813 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_814 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_816 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-_697 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_700 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryTicketCalendarCalendar-_701 .day-available { --day-text-color: #ffffff; --day-bg-color: var(--color-primary-light); } .component-EventShopCategoryTicketCalendarCalendar-_701 .day-available.selected { --day-text-color: #ffffff; --day-bg-color: var(--color-primary); } .component-EventShopCategoryTicketCalendarCalendar-_701 .day-sold-out { --day-text-color: #ababab; --day-bg-color: #ededed; } .component-LayoutGroup-_703 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-color: #808080; border-right-color: #808080; border-bottom-color: #808080; border-left-color: #808080; box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryTicketCalendarSelectedDate-_705 { margin-bottom: 20px; } .component-EventShopCategoryTicketCalendarProductList-_707 { background-color: var(--color-white); } .component-EventShopCategoryTicketCalendarProductList-_707 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-EventShopCategoryTicketCalendarTotal-_709 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: #ffffff; border-right-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; } .component-LayoutGroup-_710 { margin-bottom: 10px; } .component-ContentHeadline-_893 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_894 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_898 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_924 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-_923 .card { --bs-card-bg: #FFFFFF; }