/* Font families */ /* Font Awesome */ @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 100; font-display: block; src: url('/bundles/standardshop/fonts/fontawesome/fa-thin-100.woff2') format('woff2'), url('/bundles/standardshop/fonts/fontawesome/fa-thin-100.ttf') format('truetype'); } /* Colors */ :root { --bs-primary: #0f6b57; --bs-primary-rgb: 15,107,87; --color-primary: #0f6b57; --color-primary-rgb: 15,107,87; --color-primary-light: #18ae8e; --color-primary-light-rgb: 24,174,142; --color-primary-dark: #062820; --color-primary-dark-rgb: 6,40,32; --color-secondary: #0f403d; --color-secondary-rgb: 15,64,61; --color-secondary-light: #1e7e78; --color-secondary-light-rgb: 30,126,120; --color-secondary-dark: #000202; --color-secondary-dark-rgb: 0,2,2; --color-tertiary: #fff7ee; --color-tertiary-rgb: 255,247,238; --color-tertiary-light: #ffffff; --color-tertiary-light-rgb: 255,255,255; --color-tertiary-dark: #ffa2a2; --color-tertiary-dark-rgb: 255,162,162; } /* Typography */ .typography-Overskrift1STOREBOGSTAVER { font-size: 42px; font-weight: bold; text-transform: uppercase; line-height: 44px; } .typography-KategorioverskriftSTOREBOGSTAVER { font-size: 14px; font-weight: bold; line-height: 21px; } .typography-Brdtekst1tynd { font-size: 14px; line-height: 18px; } .typography-Brdtekst2fed { font-size: 14px; font-weight: bold; line-height: 18px; } .typography-Produktlistenavn { font-size: 18px; font-weight: bold; line-height: 20px; } .typography-Overskrift2Smbogstaver { font-size: 42px; line-height: 44px; } .typography-Prisstor { font-size: 38px; font-weight: bold; line-height: 40px; } .typography-Kurv-Totalpris { font-size: 20px; font-weight: bold; line-height: 24px; } .typography-Kurv-Moms { font-size: 14px; font-style: italic; line-height: 16px; } .typography-SuboverskriftfedogSTORE { font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 30px; } .typography-Paneltitel { font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 22px; } .typography-Produktlistepris { font-size: 18px; line-height: 20px; } .typography-produktlistefrpris { font-size: 18px; text-decoration: line-through; line-height: 20px; } /* Alerts */ .alert-danger { --bs-alert-color: #ad4c4c; --bs-alert-bg: #f4d4c6; } .alert-success { --bs-alert-color: var(--color-secondary); --bs-alert-bg: #c8dcc8; } .alert-info { --bs-alert-color: var(--color-primary); } /* Buttons */ .btn-shop-primary { --bs-btn-color: #ffffff; --bs-btn-bg: var(--color-primary); --bs-btn-border-color: var(--color-primary); --bs-btn-hover-color: var(--color-tertiary); --bs-btn-hover-bg: var(--color-primary-dark); --bs-btn-hover-border-color: var(--color-primary-dark); --bs-btn-active-color: var(--color-tertiary); --bs-btn-active-bg: var(--color-primary-dark); --bs-btn-active-border-color: var(--color-primary-dark); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: var(--color-primary); --bs-btn-disabled-border-color: var(--color-primary); --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-secondary { --bs-btn-color: #ffffff; --bs-btn-bg: var(--color-primary-dark); --bs-btn-border-color: var(--color-primary-dark); --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: var(--color-secondary-dark); --bs-btn-hover-border-color: var(--color-secondary-dark); --bs-btn-active-color: #ffffff; --bs-btn-active-bg: var(--color-secondary-dark); --bs-btn-active-border-color: var(--color-secondary-dark); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: var(--color-primary-dark); --bs-btn-disabled-border-color: var(--color-primary-dark); --bs-btn-border-width: 1px; --bs-btn-border-radius: 5px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-tertiary { --bs-btn-color: var(--color-primary); --bs-btn-bg: #ffffff; --bs-btn-border-color: var(--color-primary); --bs-btn-hover-color: var(--color-primary); --bs-btn-hover-bg: #cce5e0; --bs-btn-hover-border-color: var(--color-primary); --bs-btn-active-color: var(--color-primary); --bs-btn-active-bg: #cce5e0; --bs-btn-active-border-color: var(--color-primary); --bs-btn-disabled-color: var(--color-primary); --bs-btn-disabled-bg: #ffffff; --bs-btn-disabled-border-color: var(--color-primary); --bs-btn-border-width: 1px; --bs-btn-border-radius: 30px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-cancel { --bs-btn-color: var(--color-tertiary-light); --bs-btn-bg: var(--color-light-gray); --bs-btn-border-color: var(--color-light-gray); --bs-btn-hover-color: var(--color-dark-gray); --bs-btn-hover-bg: var(--color-light-gray); --bs-btn-hover-border-color: var(--color-light-gray); --bs-btn-active-color: var(--color-dark-gray); --bs-btn-active-bg: var(--color-light-gray); --bs-btn-active-border-color: var(--color-light-gray); --bs-btn-disabled-color: var(--color-tertiary-light); --bs-btn-disabled-bg: var(--color-light-gray); --bs-btn-disabled-border-color: var(--color-light-gray); --bs-btn-border-width: 1px; --bs-btn-border-radius: 20px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-flow { --bs-btn-color: #ffffff; --bs-btn-bg: #eb602b; --bs-btn-border-color: #eb602b; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: var(--color-primary); --bs-btn-hover-border-color: var(--color-primary); --bs-btn-active-color: #ffffff; --bs-btn-active-bg: var(--color-primary); --bs-btn-active-border-color: var(--color-primary); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #eb602b; --bs-btn-disabled-border-color: #eb602b; --bs-btn-border-width: 1px; --bs-btn-border-radius: 30px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-default { --bs-btn-color: #617252; --bs-btn-bg: #ffffff; --bs-btn-border-color: #617252; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #617252; --bs-btn-hover-border-color: #617252; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #617252; --bs-btn-active-border-color: #617252; --bs-btn-disabled-color: #617252; --bs-btn-disabled-bg: #ffffff; --bs-btn-disabled-border-color: #617252; --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: #ffffff; --bs-btn-bg: #ff7a7a; --bs-btn-border-color: #ff7a7a; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #c36565; --bs-btn-hover-border-color: #c36565; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #c36565; --bs-btn-active-border-color: #c36565; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #ff7a7a; --bs-btn-disabled-border-color: #ff7a7a; --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: #FFFFFF; --bs-btn-bg: var(--color-primary-light); --bs-btn-hover-bg: var(--color-secondary-light); --bs-btn-active-bg: var(--color-secondary-light); --bs-btn-disabled-color: #FFFFFF; --bs-btn-disabled-bg: var(--color-primary-light); --bs-btn-border-radius: 10px; --bs-btn-padding-x: 6px; --bs-btn-padding-y: 4px; } .btn-shop-plusminus { --bs-btn-color: var(--color-primary-dark); --bs-btn-bg: var(--color-tertiary-light); --bs-btn-border-color: var(--color-primary-dark); --bs-btn-hover-color: var(--color-primary); --bs-btn-hover-bg: var(--color-tertiary-light); --bs-btn-hover-border-color: var(--color-primary-dark); --bs-btn-active-color: var(--color-primary); --bs-btn-active-bg: var(--color-tertiary-light); --bs-btn-active-border-color: var(--color-primary-dark); --bs-btn-disabled-color: var(--color-primary-dark); --bs-btn-disabled-bg: var(--color-tertiary-light); --bs-btn-disabled-border-color: var(--color-primary-dark); --bs-btn-border-width: 1px; --bs-btn-border-radius: 30px; --bs-btn-padding-x: 15px; --bs-btn-padding-y: 10px; } /* Root */ :root { --bs-body-bg: #fff7ee; --bs-heading-color: #0f6b57; --bs-link-color: var(--color-tertiary-light); --bs-link-color-rgb: var(--color-tertiary-light-rgb); --bs-link-hover-color: #ddd5c0; --bs-link-hover-color-rgb: 221,213,192; --bs-secondary-color: var(--color-light-gray); --input-bg: var(--color-white); --input-border-color: #a0a56e; --input-focus-bg: var(--color-white); --input-focus-box-shadow: 2px 2px 10px 2px #617252; --price-before-discount-color: var(--color-dark-gray); } /* Content */ body { --body-padding-bottom: 5rem; } article { --article-padding-bottom: 5rem; } /* Header */ header { --menu-bottom-height: 8px; --menu-bottom-bg: var(--color-tertiary-light); --menu-bottom-nav-link-padding-y: 0px; --menu-logo-height: 55px; --bs-nav-link-color: #ffffff; --bs-nav-link-hover-color: var(--color-tertiary-dark); --menu-toggler-icon-color: var(--color-primary); --menu-collapse-full-bg: var(--color-primary); --menu-burger-top-menu-bg: var(--color-secondary); --menu-bottom-nav-link-color: #0f6b57; --menu-bottom-nav-link-bg: transparent; --menu-bottom-nav-link-hover-color: #18ae8e; --menu-bottom-nav-link-active-color: var(--color-primary-dark); --menu-top-nav-link-color: var(--color-white); --menu-top-nav-link-bg: var(--color-tertiary-light); --menu-top-nav-link-active-color: var(--color-primary-dark); --menu-burger-nav-link-text-align: center; } /* Footer */ footer { --footer-color: #FFFFFF; --footer-top-color: #FFFFFF; --footer-top-bg: #0f6b57; } /* Styleheet Bank */ /* 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-border-width: 0px; } .modal-header { color: var(--color-secondary); background-color: var(--color-primary); } .modal-footer { justify-content: center; } .notification-bar { text-align: center; color: var(--color-primary); 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-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); } .component-PeriodShopCategoryPeriodCardAddressModal.card { --bs-card-color: var(--color-white); --bs-card-bg: var(--color-primary-light); --bs-card-cap-color: var(--color-white); --bs-card-cap-bg: var(--color-primary-light); --bs-card-border-color: var(--color-primary-light); --bs-card-border-width: 0px; } .component-PeriodShopFinalizePeriodCardSearchResult.card { --bs-card-bg: var(--color-white); } .component-PeriodShopFinalizePeriodCardSearchResult.card.finalized { --bs-card-bg: var(--color-white); } .component-ProductAddToCart { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-LayoutContainer { margin-top: 1rem; margin-bottom: 1rem; } /* Page elements - specific */ .component-ContentHeadline-2863 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-2865 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-LayoutGroup-2870 { 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-ContentText-2871 { color: var(--color-secondary); } .component-SecurityLogin-2873 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-2874 { 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-2877 { 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-2880 { margin-top: 30px; } .component-LayoutGroup-2883 { 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-ContentText-2884 { padding-bottom: 20px; } .component-LayoutGroup-2886 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .component-LayoutGroup-2895 { color: #ababab; } .component-LayoutGroup-2897 { margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .component-LayoutGroup-2905 { 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-2909 { background-color: #ffffff; 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-LayoutGroup-2913 { background-color: #ffffff; 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-ContentHeadline-2921 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-2922 { 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-LayoutTabs-2924 { --bs-nav-link-color: var(--color-primary); --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-primary); --bs-nav-tabs-link-active-bg: var(--color-white); --bs-nav-tabs-link-active-border-color: transparent; } .component-LayoutTabPane-2925 { background-color: var(--color-white); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ModuleGiftCertificateAccountList-2926 { background-color: var(--color-white); } .component-LayoutTabPane-2927 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-2931 { padding-top: 20px; padding-bottom: 20px; } .component-ContentText-2932 { margin-bottom: 20px; } .component-AccountMenu-2933 { 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-2933 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-AccountMenu-2933 a { --account-menu-item-color: var(--color-primary); --account-menu-item-bg: var(--color-white); --account-menu-item-hover-color: var(--color-white); --account-menu-item-hover-bg: var(--color-primary); } .component-LayoutGroup-2936 { 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-2940 { background-color: #ffffff; 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-LayoutGroup-2945 { background-color: #ffffff; 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-ContentHeadline-2948 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-2949 { 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-2951 { 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-2954 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-2955 { 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-2959 { 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-2962 { margin-top: 30px; } .component-ContentHeadline-2964 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-2965 { 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-2967 { 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-2971 { margin-top: 57px; } .component-ContentHeadline-2972 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutRow-2973 { margin-top: 20px; } .component-LayoutColumn-2974 { margin-bottom: 10px; } .component-CategoryDescription-2975 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-2977 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-2978 { margin-top: 20px; } .component-EventShopCategoryTicketProductList-2978 .card { --bs-card-bg: #FFFFFF; } .component-EventShopCategoryTicketTotal-2980 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-ContentHeadline-2986 { margin-top: 20px; margin-bottom: 35px; } .component-ProductGroupDescription-2987 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-2988 { margin-top: 40px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-2988 { background-color: #FFFFFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; 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 2px #ededed; } .component-ProductList_-product-image-2988 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-2988 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-2988 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutColumn-2989 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; } .component-ContentText-2990 { color: var(--color-black); background-color: #FFFFFF; margin-bottom: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutColumn-2991 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; } .component-ContentText-2992 { color: var(--color-black); background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutRow-2995 { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .component-LayoutColumn-2996 { color: #353723; margin-bottom: 30px; } .component-LayoutGroup-2997 { background-color: #FFFFFF; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-2998 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-2999 { padding-bottom: 40px; } .component-CartItems-3001 { background-color: var(--color-white); } .component-LayoutGroup-3002 { margin-top: 30px; } .component-LayoutFlex-3003 { margin-top: 20px; } .component-CartEmptyCart-3004 { margin-bottom: 10px; } .component-CartUpdateCart-3005 { color: #ffffff; background-color: #617252; } .component-LayoutGroup-3010 { background-color: #f0eee9; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-3011 { margin-bottom: 30px; } .component-LayoutGroup-3012 { background-color: #f0eee9; } .component-LayoutGroup-3015 { margin-top: 10px; } .component-LayoutGroup-3025 { color: #c2c2c2; } .component-ModulePromotionCart-3027 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CartError-3028 { margin-top: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-LayoutGroup-3029 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-color: var(--color-primary); border-right-color: var(--color-primary); border-bottom-color: var(--color-primary); border-left-color: var(--color-primary); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } .component-ContentText-3030 { margin-bottom: 10px; } .component-LayoutGroup-3032 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } .component-CartPaymentMethods-3034 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; } .component-CheckoutGoTo_-3035 { margin-top: 30px; padding-top: 5px; } .component-LayoutGroup-3040 { margin-top: 40px; } .component-ContentText-3041 { color: #9fa579; } .component-LayoutContainer-3042 { margin-top: 57px; } .component-ContentHeadline-3043 { margin-top: 20px; margin-bottom: 20px; } .component-EventShopCategoryEventList-event-3047 { background-color: var(--color-white); box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryEventList-event-3047 .event-info { padding: 20px; padding: 20px; padding: 20px; padding: 20px; } .component-ContentHeadline-3050 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3053 { 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-3054 .day-available { --day-text-color: #ffffff; --day-bg-color: var(--color-primary-light); } .component-EventShopCategoryTicketCalendarCalendar-3054 .day-available.selected { --day-text-color: #ffffff; --day-bg-color: var(--color-primary); } .component-EventShopCategoryTicketCalendarCalendar-3054 .day-sold-out { --day-text-color: #ababab; --day-bg-color: #ededed; } .component-LayoutGroup-3056 { 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-3058 { margin-bottom: 20px; } .component-EventShopCategoryTicketCalendarProductList-3060 { background-color: var(--color-white); } .component-EventShopCategoryTicketCalendarProductList-3060 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-EventShopCategoryTicketCalendarTotal-3062 { 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-3063 { margin-bottom: 10px; } .component-ContentHeadline-3068 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutRow-3069 { padding-top: 20px; } .component-LayoutGroup-3071 { 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-3074 { 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-EventShopCategoryTicketProductList-3076 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-EventShopCategoryTicketTotal-3078 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-LayoutGroup-3079 { background-color: var(--color-white); } .component-LayoutContainer-3083 { margin-top: 57px; } .component-ContentHeadline-3084 { margin-top: 20px; margin-bottom: 20px; } .component-ProductList_-product-3086 { 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-3086 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-3086 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-3086 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-CheckoutProgress-3090 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-3094 { background-color: #f0eee9; 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-ConfirmAddress-3096 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ConfirmAddress-3098 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-3100 { 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-LayoutGroup-3106 { 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-LayoutGroup-3109 { margin-top: 20px; } .component-ContentHeadline-3112 { padding-top: 20px; padding-bottom: 20px; } .component-ContentHeadline-3115 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3117 { 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-3121 { 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-3125 { 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-3126 .card { --bs-card-bg: #FFFFFF; } .component-CheckoutProgress-3131 { --bs-nav-link-color: #a0a56e; --nav-link-bg: #f0eee9; --bs-nav-pills-link-active-color: #ffffff; --bs-nav-pills-link-active-bg: #617232; --bs-nav-link-disabled-color: #617232; --nav-link-disabled-bg: #f0eee9; } .component-LayoutGroup-3134 { 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-3135 { margin-top: 10px; } .component-ContentText-3137 { margin-top: 40px; margin-bottom: 10px; } .component-LayoutGroup-3139 { 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-3140 { color: #617252; margin-top: 10px; } .component-ContentText-3141 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-SecurityLogin-3143 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-3144 { 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-3145 { margin-top: 10px; } .component-CheckoutGoTo_-3149 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CheckoutGoTo_-3150 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ContentHeadline-3152 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3153 { 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-EventShopAccountEventList-inner-3155 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopAccountEventList-3155 .card { --bs-card-bg: var(--color-white); --bs-card-border-width: 0px; --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentHeadline-3157 { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-3160 { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-3163 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3164 { 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-3166 { margin-top: 57px; } .component-LayoutRow-3167 { margin-top: 20px; } .component-ContentText-3169 { 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-ContentText-3170 { margin-bottom: 30px; } .component-LayoutGroup-3171 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-3172 { margin-top: 20px; } .component-EventShopCategoryTicketProductList-3172 .card { --bs-card-bg: #FFFFFF; } .component-EventShopCategoryTicketTotal-3174 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-LayoutGroup-3175 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-EventShopCategoryTicketAddToCart-3176 { margin-top: 10px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-LayoutGroup-3177 { margin-right: 20px; margin-left: 20px; } .component-ContentLine-3178 { margin-top: 60px; } .component-LayoutColumn-3179 { margin-bottom: 40px; } .component-ContentText-3181 { margin-bottom: 30px; } .component-LayoutGroup-3182 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopCategoryPeriodCardProductList-3184 { margin-top: 20px; } .component-PeriodShopCategoryPeriodCardProductList-3184 .card { --bs-card-color: var(--color-black); --bs-card-bg: #FFFFFF; } .component-PeriodShopCategoryPeriodCardTotal-3186 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-3188 { margin-top: 10px; } .component-LayoutGroup-3190 { margin-right: 20px; margin-left: 20px; } .component-ContentLine-3191 { margin-top: 60px; } .component-LayoutRow-3202 { margin-top: 20px; } .component-LayoutColumn-3203 { margin-bottom: 40px; } .component-ContentText-3205 { margin-bottom: 30px; } .component-LayoutGroup-3206 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopCategoryPeriodCardProductList-3208 { margin-top: 20px; } .component-PeriodShopCategoryPeriodCardProductList-3208 .card { --bs-card-color: var(--color-black); --bs-card-bg: #FFFFFF; } .component-PeriodShopCategoryPeriodCardTotal-3210 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-3212 { margin-top: 10px; } .component-LayoutGroup-3214 { margin-right: 20px; margin-left: 20px; } .component-ContentLine-3215 { margin-top: 60px; } .component-ContentText-3217 { 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-ContentText-3218 { margin-bottom: 30px; } .component-LayoutGroup-3219 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-3220 { margin-top: 20px; } .component-EventShopCategoryTicketProductList-3220 .card { --bs-card-bg: #FFFFFF; } .component-EventShopCategoryTicketTotal-3222 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-EventShopCategoryTicketAddToCart-3224 { margin-top: 10px; } .component-LayoutGroup-3227 { 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-3231 { 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-3235 { 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-3239 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-LayoutFlex-3241 { margin-top: 3em; margin-bottom: 1em; } .component-ContentHeadline-3245 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3246 { 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-3251 { margin-top: 57px; } .component-ContentHeadline-3252 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-3256 { 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-PeriodShopCategoryPeriodCardProductList-3257 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-PeriodShopCategoryPeriodCardTotal-3259 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-3261 { margin-top: 10px; } .component-LayoutGroup-3265 { 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-LayoutContainer-3269 { margin-top: 57px; } .component-ContentHeadline-3270 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3271 { 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-3273 { 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-PeriodShopCategoryPeriodCardRenewalCardList-3274 .card { --bs-card-bg: #FFFFFF; } .component-LayoutContainer-3276 { margin-top: 57px; } .component-ContentHeadline-3277 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3278 { 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-3280 { 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-PeriodShopFinalizePeriodCardSearchResultLocation-3283 { margin-top: 20px; } .component-ContentHeadline-3285 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3287 { 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-LayoutFlex-3289 { 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-LayoutFlex-3293 { 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_-3294 { margin-right: 20px; } .component-LayoutTabs-3298 { --bs-nav-link-color: var(--color-primary); --bs-nav-link-hover-color: var(--color-primary); --bs-nav-tabs-link-hover-border-color: var(--color-primary); --bs-nav-tabs-link-active-color: var(--color-primary); --bs-nav-tabs-link-active-bg: #FFFFFF; } .component-LayoutTabPane-3299 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopAccountPeriodCardList-3300 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutTabPane-3301 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopAccountPeriodCardList-3302 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutContainer-3303 { margin-top: 57px; } .component-ContentHeadline-3304 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-3305 { 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-3307 { 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-PeriodShopUpgradeToPeriodCardCustomerTickets-3309 .card { --bs-card-bg: #FFFFFF; } .component-LayoutGroup-3310 { 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-PeriodShopUpgradeToPeriodCardOrderTickets-3313 .card { --bs-card-bg: #FFFFFF; } .component-PeriodShopUpgradeToPeriodCardAddToCart-3315 { background-color: #eb602b; } .component-ContentHeadline-3317 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-3320 { 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-3323 { 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-3326 { margin-right: 40px; margin-left: 40px; } .component-LayoutGroup-3327 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } .component-ContentBreadcrumb-3331 { --bs-link-color-rgb: 160,165,110; --bs-link-hover-color-rgb: 97,114,82; } .component-ContentBreadcrumb-3331 .breadcrumb { --bs-breadcrumb-item-active-color: #353723; --bs-breadcrumb-divider-color: #617252; } .component-LayoutColumn-3333 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ProductImageList-3334 { 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-3334 { 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-3334.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-3335 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ContentHeadline-3336 { color: #353723; } .component-LayoutCard-3338 { 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-3340 { 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-3346 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3349 { 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-3352 { 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-3353 { 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-3354 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-3357 { margin-bottom: 0px; } .component-LayoutGroup-3362 { margin-top: 20px; } .component-LayoutGroup-3366 { 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-3368 { margin-top: 20px; } .component-ContentText-3370 { margin-top: 20px; } .component-LayoutColumn-3508 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-3509 { font-weight: 900; } .component-EventShopCategoryTicketCalendarCalendar-3511 .day-available { --day-text-color: var(--color-tertiary); --day-bg-color: var(--color-secondary-light); } .component-EventShopCategoryTicketCalendarCalendar-3511 .day-low-quantity { --day-text-color: var(--color-tertiary); --day-bg-color: #2bb6ac; } .component-EventShopCategoryTicketCalendarCalendar-3511 .day-available.selected { --day-text-color: var(--color-tertiary); --day-bg-color: var(--color-primary-light); } .component-EventShopCategoryTicketCalendarCalendar-3511 .day-sold-out { --day-text-color: var(--color-tertiary); --day-bg-color: var(--color-tertiary-dark); } .component-EventShopCategoryTicketCalendarProductList-3512 { margin-top: 40px; margin-right: 40px; margin-bottom: 40px; margin-left: 40px; } .component-LayoutRow-3404 { padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 40px; } .component-LayoutColumn-3405 { margin-top: 0px; } .component-ContentText-3416 { margin-right: 50px; } .component-ContentText-3417 { margin-right: 50px; } .component-LayoutColumn-3497 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-3498 { font-weight: 900; } .component-EventShopCategoryTicketCalendarCalendar-3500 .day-available { --day-text-color: var(--color-tertiary); --day-bg-color: var(--color-secondary-light); } .component-EventShopCategoryTicketCalendarCalendar-3500 .day-low-quantity { --day-text-color: var(--color-tertiary); --day-bg-color: #2bb6ac; } .component-EventShopCategoryTicketCalendarCalendar-3500 .day-available.selected { --day-text-color: var(--color-tertiary); --day-bg-color: var(--color-primary-light); } .component-EventShopCategoryTicketCalendarCalendar-3500 .day-sold-out { --day-text-color: var(--color-tertiary); --day-bg-color: var(--color-tertiary-dark); } .component-EventShopCategoryTicketCalendarProductList-3501 { margin-top: 40px; margin-right: 40px; margin-bottom: 40px; margin-left: 40px; } .component-LayoutGroup-_594 { 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-ContentText-_595 { color: var(--color-secondary); } .component-SecurityLogin-_597 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-_598 { 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-_601 { 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-_604 { margin-top: 30px; } .component-LayoutGroup-_607 { 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-ContentText-_608 { padding-bottom: 20px; } .component-LayoutGroup-_610 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .component-LayoutGroup-_619 { color: #ababab; } .component-LayoutGroup-_621 { margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .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-_893b { margin-top: 20px; margin-bottom: 20px; } .component-EventShopCategorySeatmap-category_eventWithHall_seatmap { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .component-EventShopCategorySeatmap-legends-category_eventWithHall_seatmap { 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-category_eventWithHall_seatmap .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-_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; }