/* Font families */ /* 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: #617252; --bs-primary-rgb: 97,114,82; --color-primary: #617252; --color-primary-rgb: 97,114,82; --color-primary-light: #879c75; --color-primary-light-rgb: 135,156,117; --color-primary-dark: #3b4632; --color-primary-dark-rgb: 59,70,50; --color-secondary: #2f3b27; --color-secondary-rgb: 47,59,39; --color-secondary-light: #546945; --color-secondary-light-rgb: 84,105,69; --color-secondary-dark: #0a0d09; --color-secondary-dark-rgb: 10,13,9; --color-tertiary: #f0eee9; --color-tertiary-rgb: 240,238,233; --color-tertiary-light: #ffffff; --color-tertiary-light-rgb: 255,255,255; --color-tertiary-dark: #d1cbbc; --color-tertiary-dark-rgb: 209,203,188; } /* 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; } /* Buttons */ .btn-shop-primary { --bs-btn-color: #ffffff; --bs-btn-bg: #f3754d; --bs-btn-border-color: #f3754d; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #a0a56e; --bs-btn-hover-border-color: #2f3b27; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #a0a56e; --bs-btn-active-border-color: #2f3b27; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #f3754d; --bs-btn-disabled-border-color: #f3754d; --bs-btn-border-width: 1px; --bs-btn-border-radius: 35px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-secondary { --bs-btn-color: #ffffff; --bs-btn-bg: #617252; --bs-btn-border-color: #617252; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #47523d; --bs-btn-hover-border-color: #47523d; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #47523d; --bs-btn-active-border-color: #47523d; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #617252; --bs-btn-disabled-border-color: #617252; --bs-btn-border-width: 1px; --bs-btn-border-radius: 35px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-tertiary { --bs-btn-color: #617252; --bs-btn-bg: #ffffff; --bs-btn-border-color: #ffffff; --bs-btn-hover-color: #353723; --bs-btn-hover-bg: #ffffff; --bs-btn-hover-border-color: #ffffff; --bs-btn-active-color: #353723; --bs-btn-active-bg: #ffffff; --bs-btn-active-border-color: #ffffff; --bs-btn-disabled-color: #617252; --bs-btn-disabled-bg: #ffffff; --bs-btn-disabled-border-color: #ffffff; --bs-btn-border-width: 1px; --bs-btn-border-radius: 35px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-cancel { --bs-btn-color: var(--color-secondary); --bs-btn-bg: var(--color-tertiary); --bs-btn-border-color: var(--color-secondary); --bs-btn-hover-color: var(--color-secondary); --bs-btn-hover-bg: var(--color-tertiary-dark); --bs-btn-hover-border-color: var(--color-secondary); --bs-btn-active-color: var(--color-secondary); --bs-btn-active-bg: var(--color-tertiary-dark); --bs-btn-active-border-color: var(--color-secondary); --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: var(--color-tertiary); --bs-btn-disabled-border-color: var(--color-secondary); --bs-btn-border-width: 1px; --bs-btn-border-radius: 35px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-flow { --bs-btn-color: #ffffff; --bs-btn-bg: #7bb356; --bs-btn-border-color: #7bb356; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #8f9263; --bs-btn-hover-border-color: #8f9263; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #8f9263; --bs-btn-active-border-color: #8f9263; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #7bb356; --bs-btn-disabled-border-color: #7bb356; --bs-btn-border-width: 1px; --bs-btn-border-radius: 35px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-default { --bs-btn-color: #617252; --bs-btn-bg: #f5f5f5; --bs-btn-border-color: #f5f5f5; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #f5f5f5; --bs-btn-hover-border-color: #f5f5f5; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #f5f5f5; --bs-btn-active-border-color: #f5f5f5; --bs-btn-disabled-color: #617252; --bs-btn-disabled-bg: #f5f5f5; --bs-btn-disabled-border-color: #f5f5f5; --bs-btn-border-width: 1px; --bs-btn-border-radius: 35px; --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: 35px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-smallaction { --bs-btn-color: #FFFFFF; --bs-btn-bg: var(--color-secondary); --bs-btn-hover-bg: var(--color-secondary-dark); --bs-btn-active-bg: var(--color-secondary-dark); --bs-btn-disabled-color: #FFFFFF; --bs-btn-disabled-bg: var(--color-secondary); --bs-btn-padding-x: 6px; --bs-btn-padding-y: 4px; } .btn-shop-plusminus { --bs-btn-color: #ffffff; --bs-btn-bg: #121a10; --bs-btn-border-color: #121a10; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #121a10; --bs-btn-hover-border-color: #121a10; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #121a10; --bs-btn-active-border-color: #121a10; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #121a10; --bs-btn-disabled-border-color: #121a10; --bs-btn-border-width: 1px; --bs-btn-border-radius: 35px; --bs-btn-padding-x: 11px; --bs-btn-padding-y: 11px; } /* Root */ :root { --bs-link-color: var(--color-primary-light); --bs-link-color-rgb: var(--color-primary-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-bg-image: url('/upload/images/standard_shop/originals/64/1789719727___84464.png'); --body-bg-attachment: fixed; --body-bg-repeat: no-repeat; --body-bg-size: cover; --body-bg-position: top left; --body-padding-bottom: 5rem; } article { --article-padding-bottom: 5rem; } /* Header */ header { --menu-top-height: 40px; --menu-top-bg: transparent; --menu-bottom-height: 50px; --menu-bottom-bg: transparent; --menu-bottom-nav-link-padding-y: 20px; --menu-logo-height: 50px; --menu-border-size: 1px; --bs-nav-link-color: #ffffff; --bs-nav-link-hover-color: var(--color-tertiary-dark); --menu-toggler-icon-color: var(--color-tertiary); --menu-collapse-full-bg: transparent; --menu-burger-top-menu-bg: transparent; --menu-bottom-nav-link-color: #ffffff; --menu-bottom-nav-link-bg: transparent; --menu-bottom-nav-link-active-color: #f7f7f7; --menu-top-nav-link-color: var(--color-white); --menu-top-nav-link-bg: #f3754d; --menu-top-nav-link-active-color: var(--color-primary-dark); --menu-burger-nav-link-text-align: center; } /* Footer */ footer { --footer-color: #ffffff; --footer-bg: #0d2f30; --footer-top-bg: #051313; } /* 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); } .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-EventShopAccountChangeDateCalendar .day-available { --day-text-color: var(--color-white); --day-bg-color: var(--color-primary-light); } .component-EventShopAccountChangeDateCalendar .day-available.selected, .component-EventShopAccountChangeDateCalendar .day-low-quantity.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-LayoutContainer { margin-top: 1rem; margin-bottom: 1rem; } /* Page elements - specific */ .component-LayoutRow-3600 { background-color: var(--color-tertiary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; } .component-LayoutColumn-3601 { margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; } .component-ContentHeadline-3602 { margin-top: 20px; margin-left: 20px; } .component-ContentText-3603 { margin-right: 8px; margin-bottom: 5px; margin-left: 20px; } .component-LayoutGroup-3604 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopCategoryPeriodCardProductList-3606 { margin-top: 20px; } .component-PeriodShopCategoryPeriodCardProductList-3606 .card { --bs-card-color: var(--color-black); --bs-card-bg: #FFFFFF; } .component-PeriodShopCategoryPeriodCardTotal-3608 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-3610 { margin-top: 10px; } .component-LayoutGroup-3612 { margin-right: 20px; margin-left: 20px; } .component-ContentLine-3613 { margin-top: 60px; } .component-LayoutColumn-3614 { margin-bottom: 40px; border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; } .component-ContentText-3615 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ContentText-3616 { margin-right: 8px; margin-bottom: 5px; margin-left: 20px; } .component-LayoutGroup-3617 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-3618 { margin-top: 20px; } .component-EventShopCategoryTicketProductList-3618 .card { --bs-card-bg: #FFFFFF; } .component-EventShopCategoryTicketTotal-3620 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-EventShopCategoryTicketAddToCart-3622 { margin-top: 10px; } .component-LayoutGroup-3623 { margin-right: 20px; margin-left: 20px; } .component-ContentLine-3624 { margin-top: 60px; } .component-LayoutContainer-3625 { background-color: var(--color-tertiary); border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; } .component-ContentHeadline-3626 { margin-top: 20px; margin-left: 20px; padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-3630 { 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-3631 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-PeriodShopCategoryPeriodCardTotal-3633 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-3635 { margin-top: 10px; } .component-LayoutGroup-3637 { 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-CategoryExtraDescription-3639 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .component-ContentHeadline-2936 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-2938 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-LayoutGroup-2943 { 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-2944 { color: var(--color-secondary); } .component-SecurityLogin-2946 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-2947 { 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-2950 { 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-2953 { margin-top: 30px; } .component-LayoutGroup-2956 { 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-2957 { padding-bottom: 20px; } .component-LayoutGroup-2959 { 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-2968 { color: #ababab; } .component-LayoutGroup-2970 { 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-2978 { 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-2982 { 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-2986 { 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-2994 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-2995 { 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-2997 { --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-2998 { background-color: var(--color-white); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ModuleGiftCertificateAccountList-2999 { background-color: var(--color-white); } .component-LayoutTabPane-3000 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-3004 { padding-top: 20px; padding-bottom: 20px; } .component-ContentText-3005 { margin-bottom: 20px; } .component-AccountMenu-3006 { 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-3006 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-AccountMenu-3006 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-3009 { 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-3013 { 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-3018 { 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-3021 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3022 { 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-3024 { 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-3027 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3028 { 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-3032 { 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-3035 { margin-top: 30px; } .component-ContentHeadline-3037 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3038 { 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-3040 { 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-3045 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutRow-3046 { margin-top: 20px; } .component-LayoutColumn-3047 { margin-bottom: 10px; } .component-CategoryDescription-3048 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-3050 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-3051 { margin-top: 20px; } .component-EventShopCategoryTicketProductList-3051 .card { --bs-card-bg: #FFFFFF; } .component-EventShopCategoryTicketTotal-3053 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-ContentHeadline-3059 { margin-top: 20px; margin-bottom: 35px; } .component-ProductGroupDescription-3060 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-3061 { 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-3061 { 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-3061 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-3061 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-3061 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutColumn-3062 { 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-3063 { color: var(--color-black); background-color: #FFFFFF; margin-bottom: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutColumn-3064 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; } .component-ContentText-3065 { color: var(--color-black); background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutRow-3068 { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .component-LayoutColumn-3069 { color: #353723; margin-bottom: 30px; } .component-LayoutGroup-3070 { background-color: #FFFFFF; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-3071 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-3072 { padding-bottom: 40px; } .component-CartItems-3074 { background-color: var(--color-white); } .component-LayoutGroup-3075 { margin-top: 30px; } .component-LayoutFlex-3076 { margin-top: 20px; } .component-CartEmptyCart-3077 { margin-bottom: 10px; } .component-CartUpdateCart-3078 { color: #ffffff; background-color: #617252; } .component-LayoutGroup-3083 { background-color: #f0eee9; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-3084 { margin-bottom: 30px; } .component-LayoutGroup-3085 { background-color: #f0eee9; } .component-LayoutGroup-3088 { margin-top: 10px; } .component-LayoutGroup-3098 { color: #c2c2c2; } .component-ModulePromotionCart-3100 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CartError-3101 { margin-top: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-LayoutGroup-3102 { 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-3103 { margin-bottom: 10px; } .component-LayoutGroup-3105 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } .component-CartPaymentMethods-3107 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; } .component-CheckoutGoTo_-3108 { margin-top: 30px; padding-top: 5px; } .component-LayoutGroup-3113 { margin-top: 40px; } .component-ContentText-3114 { color: #9fa579; } .component-ContentHeadline-3116 { margin-top: 20px; margin-bottom: 20px; } .component-EventShopCategoryEventList-event-3120 { background-color: var(--color-white); box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryEventList-event-3120 .event-info { padding: 20px; padding: 20px; padding: 20px; padding: 20px; } .component-ContentHeadline-3123 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3126 { 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-3127 .day-available { --day-text-color: #ffffff; --day-bg-color: var(--color-primary-light); } .component-EventShopCategoryTicketCalendarCalendar-3127 .day-available.selected, .component-EventShopCategoryTicketCalendarCalendar-3127 .day-low-quantity.selected { --day-text-color: #ffffff; --day-bg-color: var(--color-primary); } .component-EventShopCategoryTicketCalendarCalendar-3127 .day-sold-out { --day-text-color: #ababab; --day-bg-color: #ededed; } .component-LayoutGroup-3129 { 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-3131 { margin-bottom: 20px; } .component-EventShopCategoryTicketCalendarProductList-3133 { background-color: var(--color-white); } .component-EventShopCategoryTicketCalendarProductList-3133 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-EventShopCategoryTicketCalendarTotal-3135 { 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-3136 { margin-bottom: 10px; } .component-ContentHeadline-3141 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutRow-3142 { padding-top: 20px; } .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; } .component-LayoutGroup-3147 { 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-3149 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-EventShopCategoryTicketTotal-3151 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-LayoutGroup-3152 { background-color: var(--color-white); } .component-ContentHeadline-3157 { margin-top: 20px; margin-bottom: 20px; } .component-ProductList_-product-3159 { 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-3159 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-3159 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-3159 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-CheckoutProgress-3163 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-3167 { 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-3169 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ConfirmAddress-3171 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-3173 { 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-3179 { 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-3182 { margin-top: 20px; } .component-ContentHeadline-3185 { padding-top: 20px; padding-bottom: 20px; } .component-ContentHeadline-3188 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3190 { 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-3194 { 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-3198 { 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-3199 .card { --bs-card-bg: #FFFFFF; } .component-CheckoutProgress-3204 { --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-3207 { 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-3208 { margin-top: 10px; } .component-ContentText-3210 { margin-top: 40px; margin-bottom: 10px; } .component-LayoutGroup-3212 { 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-3213 { color: #617252; margin-top: 10px; } .component-ContentText-3214 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-SecurityLogin-3216 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-3217 { 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-3218 { margin-top: 10px; } .component-CheckoutGoTo_-3222 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CheckoutGoTo_-3223 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ContentHeadline-3225 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3226 { 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-3228 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopAccountEventList-3228 .card { --bs-card-bg: var(--color-white); --bs-card-border-width: 0px; --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentHeadline-3230 { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-3234 { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-3237 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3238 { 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-LayoutRow-3267 { margin-top: 20px; } .component-LayoutColumn-3268 { margin-bottom: 40px; } .component-ContentText-3270 { margin-bottom: 30px; } .component-LayoutGroup-3271 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopCategoryPeriodCardProductList-3273 { margin-top: 20px; } .component-PeriodShopCategoryPeriodCardProductList-3273 .card { --bs-card-color: var(--color-black); --bs-card-bg: #FFFFFF; } .component-PeriodShopCategoryPeriodCardTotal-3275 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-3277 { margin-top: 10px; } .component-LayoutGroup-3279 { margin-right: 20px; margin-left: 20px; } .component-ContentLine-3280 { margin-top: 60px; } .component-ContentText-3282 { 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-3283 { margin-bottom: 30px; } .component-LayoutGroup-3284 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-3285 { margin-top: 20px; } .component-EventShopCategoryTicketProductList-3285 .card { --bs-card-bg: #FFFFFF; } .component-EventShopCategoryTicketTotal-3287 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-EventShopCategoryTicketAddToCart-3289 { margin-top: 10px; } .component-LayoutGroup-3292 { 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-3296 { 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-3300 { 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-3304 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-LayoutFlex-3306 { margin-top: 3em; margin-bottom: 1em; } .component-ContentHeadline-3310 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3311 { 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-3333 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3334 { 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-3336 { 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-3337 .card { --bs-card-bg: #FFFFFF; } .component-ContentHeadline-3340 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3341 { 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-3343 { 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-3346 { margin-top: 20px; } .component-ContentHeadline-3348 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3350 { 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-3352 { 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-3356 { 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_-3357 { margin-right: 20px; } .component-LayoutTabs-3361 { --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-3362 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopAccountPeriodCardList-3363 { 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-3364 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopAccountPeriodCardList-3365 { 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-ContentHeadline-3367 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-3368 { 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-3370 { 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-3372 .card { --bs-card-bg: #FFFFFF; } .component-LayoutGroup-3373 { 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-3376 .card { --bs-card-bg: #FFFFFF; } .component-ContentHeadline-3380 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-3383 { 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-3386 { 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-3389 { margin-right: 40px; margin-left: 40px; } .component-LayoutGroup-3391 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } .component-ContentBreadcrumb-3395 { --bs-link-color-rgb: 160,165,110; --bs-link-hover-color-rgb: 97,114,82; } .component-ContentBreadcrumb-3395 .breadcrumb { --bs-breadcrumb-item-active-color: #353723; --bs-breadcrumb-divider-color: #617252; } .component-LayoutColumn-3397 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ProductImageList-3398 { 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-3398 { 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-3398.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-3399 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ContentHeadline-3400 { color: #353723; } .component-LayoutCard-3402 { 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-3404 { 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-3410 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-3413 { 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-3416 { 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-3417 { 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-3418 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-3421 { margin-bottom: 0px; } .component-LayoutGroup-3426 { margin-top: 20px; } .component-LayoutGroup-3430 { 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-3432 { margin-top: 20px; } .component-ContentText-3434 { margin-top: 20px; } .component-ContentHeadline-3443 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutRow-3444 { padding-top: 20px; } .component-LayoutGroup-3446 { 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-3449 { 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-3451 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-LayoutGroup-3452 { background-color: var(--color-white); } .component-ContentText-3459 { margin-top: 10px; } .component-ContentHeadline-3466 { margin-top: 5px; } .component-ContentLine-3469 { margin-top: 30px; } .component-ContentHeadline-3473 { margin-top: 5px; } .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; } .component-ContentHeadline-_periodCard_upgrade_2 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_periodCard_upgrade_3 { 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-_periodCard_upgrade_5 { 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-PeriodShopCategoryPeriodCardUpgradeCardList-_periodCard_upgrade_6 .card { --bs-card-bg: #FFFFFF; }