/* 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: #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; } /* 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: #2f3b27; --bs-btn-border-color: #2f3b27; --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: #2f3b27; --bs-btn-disabled-border-color: #2f3b27; --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: #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: 5px; --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: 5px; --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: 5px; --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: 5px; --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-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: #a0a56e; --bs-btn-border-color: #a0a56e; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #83865b; --bs-btn-hover-border-color: #83865b; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #83865b; --bs-btn-active-border-color: #83865b; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #a0a56e; --bs-btn-disabled-border-color: #a0a56e; --bs-btn-border-width: 1px; --bs-btn-border-radius: 0px; --bs-btn-padding-x: 10px; --bs-btn-padding-y: 5px; } /* Root */ :root { --bs-body-bg: #f0eee9; --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; } /* Content */ body { --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: var(--color-primary); --menu-burger-top-menu-bg: var(--color-secondary); --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: transparent; --menu-top-nav-link-active-color: var(--color-primary-dark); --menu-burger-nav-link-text-align: center; background-image: url('/upload/images/standard_shop/originals/18/1750226769___84318.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-size: 100% auto; background-position: top left; } /* Footer */ footer { --footer-color: #ffffff; --footer-bg: var(--color-secondary); --footer-top-bg: var(--color-primary-dark); } /* 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-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-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-PeriodShopCategoryPeriodCardAddressModal.card { --bs-card-color: var(--color-primary-dark); --bs-card-bg: var(--color-tertiary); --bs-card-cap-color: var(--color-primary-dark); --bs-card-cap-bg: var(--color-tertiary); --bs-card-border-width: 0px; --bs-card-ox-shadow: 5px 5px 10px 2px var(--color-tertiary-dark); } .component-PeriodShopFinalizePeriodCardSearchResult.card { --bs-card-bg: var(--color-white); } .component-PeriodShopFinalizePeriodCardSearchResult.card.finalized { --bs-card-bg: var(--color-white); } .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-LayoutContainer { margin-top: 1rem; margin-bottom: 1rem; } /* Page elements - specific */ .component-ContentHeadline-493 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-497 { 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-498 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-PeriodShopCategoryPeriodCardTotal-500 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-502 { margin-top: 10px; } .component-LayoutGroup-1202 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-1203 { background-color: #FFFFFF; } .component-LayoutGroup-504 { 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-506 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .component-ContentHeadline-508 { margin-top: 20px; margin-bottom: 20px; } .component-ProductList_-product-509 { background-color: #FFFFFF; border-top-width: 0px; border-top-color: #ffffff; border-right-width: 0px; border-right-color: #ffffff; border-bottom-width: 0px; border-bottom-color: #ffffff; border-left-width: 0px; border-left-color: #ffffff; border-top-left-radius: 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-509 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ProductList_-product-info-509 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ProductList_-509 .card { --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-LayoutGroup-981 { color: var(--color-black); padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-ContentHeadline-511 { margin-top: 20px; margin-bottom: 20px; } .component-EventShopCategoryEventList-event-515 { background-color: var(--color-white); box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryEventList-event-515 .event-info { padding: 20px; padding: 20px; padding: 20px; padding: 20px; } .component-ContentBreadcrumb-517 { --bs-link-color-rgb: 160,165,110; --bs-link-hover-color-rgb: 97,114,82; } .component-ContentBreadcrumb-517 .breadcrumb { --bs-breadcrumb-item-active-color: #353723; --bs-breadcrumb-divider-color: #617252; } .component-LayoutColumn-519 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ProductImageList-520 { background-color: #ffffff; padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border-top-width: 1px; border-top-color: #000000; border-top-style: solid; border-right-width: 1px; border-right-color: #000000; border-right-style: solid; border-bottom-width: 1px; border-bottom-color: #000000; border-bottom-style: solid; border-left-width: 1px; border-left-color: #000000; border-left-style: solid; border-top-left-radius: 1em; border-top-right-radius: 1em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ProductImageList-thumb-520 { border-top-width: 1px; border-top-color: #000000; border-top-style: solid; border-right-width: 1px; border-right-color: #000000; border-right-style: solid; border-bottom-width: 1px; border-bottom-color: #000000; border-bottom-style: solid; border-left-width: 1px; border-left-color: #000000; border-left-style: solid; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .component-ProductImageList-thumb-520.active { border-top-width: 2px; border-top-color: #004cff; border-top-style: solid; border-right-width: 2px; border-right-color: #004cff; border-right-style: solid; border-bottom-width: 2px; border-bottom-color: #002aff; border-bottom-style: solid; border-left-width: 2px; border-left-color: #0008ff; border-left-style: solid; } .component-LayoutColumn-521 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ContentHeadline-522 { color: #353723; } .component-LayoutCard-524 { background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 1px 1px 5px 0 #ababab; } .component-ProductQuantitySelector-526 { padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ebebeb; border-right-color: #ebebeb; border-bottom-color: #ebebeb; border-left-color: #ebebeb; } .component-ContentHeadline-531 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutRow-533 { padding-top: 20px; } .component-LayoutGroup-535 { 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-538 { 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-540 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-EventShopCategoryTicketTotal-542 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-LayoutGroup-543 { margin-bottom: 10px; } .component-LayoutGroup-545 { background-color: var(--color-white); } .component-LayoutRow-549 { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .component-LayoutColumn-550 { color: #353723; margin-bottom: 30px; } .component-LayoutGroup-551 { background-color: #FFFFFF; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-552 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-553 { padding-bottom: 40px; } .component-CartItems-555 { background-color: var(--color-white); } .component-LayoutGroup-556 { margin-top: 30px; } .component-LayoutFlex-557 { margin-top: 20px; } .component-CartEmptyCart-558 { margin-bottom: 10px; } .component-CartUpdateCart-559 { color: #ffffff; background-color: #617252; } .component-LayoutGroup-564 { background-color: #f0eee9; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-565 { margin-bottom: 30px; } .component-LayoutGroup-566 { background-color: #f0eee9; } .component-LayoutGroup-569 { margin-top: 10px; } .component-LayoutGroup-578 { color: #c2c2c2; } .component-ModulePromotionCart-580 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CartError-582 { margin-top: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-CartAddCode-584 { margin-top: 30px; } .component-LayoutGroup-937 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; } .component-CartPaymentMethods-936 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; } .component-CheckoutGoTo_-585 { margin-top: 30px; padding-top: 5px; } .component-LayoutGroup-589 { margin-top: 40px; } .component-ContentText-590 { color: #9fa579; } .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-CheckoutProgress-627 { --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-630 { 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-631 { margin-top: 10px; } .component-ContentText-633 { margin-top: 40px; margin-bottom: 10px; } .component-LayoutGroup-635 { 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-636 { color: #617252; margin-top: 10px; } .component-ContentText-637 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-SecurityLogin-639 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-640 { 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-641 { margin-top: 10px; } .component-CheckoutGoTo_-645 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CheckoutGoTo_-646 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-CheckoutProgress-648 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-652 { 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-654 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-ConfirmAddress-656 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .component-LayoutGroup-658 { 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-664 { 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-667 { margin-top: 20px; } .component-LayoutGroup-670 { 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-673 { margin-top: 20px; } .component-ContentText-675 { margin-top: 20px; } .component-ContentHeadline-680 { padding-top: 20px; padding-bottom: 20px; } .component-ContentText-681 { margin-bottom: 20px; } .component-AccountMenu-682 { 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-682 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-AccountMenu-682 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-685 { 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-689 { 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-693 { 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-697 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-700 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryTicketCalendarCalendar-701 .day-available { --day-text-color: #ffffff; --day-bg-color: var(--color-primary-light); } .component-EventShopCategoryTicketCalendarCalendar-701 .day-available.selected { --day-text-color: #ffffff; --day-bg-color: var(--color-primary); } .component-EventShopCategoryTicketCalendarCalendar-701 .day-sold-out { --day-text-color: #ababab; --day-bg-color: #ededed; } .component-LayoutGroup-703 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-color: #808080; border-right-color: #808080; border-bottom-color: #808080; border-left-color: #808080; box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryTicketCalendarSelectedDate-705 { margin-bottom: 20px; } .component-EventShopCategoryTicketCalendarProductList-707 { background-color: var(--color-white); } .component-EventShopCategoryTicketCalendarProductList-707 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-EventShopCategoryTicketCalendarTotal-709 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: #ffffff; border-right-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; } .component-LayoutGroup-710 { margin-bottom: 10px; } .component-LayoutRow-963 { margin-top: 20px; } .component-LayoutColumn-964 { margin-bottom: 40px; } .component-ContentText-970 { margin-bottom: 30px; } .component-LayoutGroup-968 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopCategoryPeriodCardProductList-735 { margin-top: 20px; } .component-PeriodShopCategoryPeriodCardProductList-735 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-PeriodShopCategoryPeriodCardTotal-737 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-739 { margin-top: 10px; } .component-LayoutGroup-980 { margin-right: 20px; margin-left: 20px; } .component-ContentLine-979 { margin-top: 60px; } .component-ContentText-967 { 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-974 { margin-bottom: 30px; } .component-LayoutGroup-969 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-971 { margin-top: 20px; } .component-EventShopCategoryTicketProductList-971 .card { --bs-card-bg: #FFFFFF; } .component-EventShopCategoryTicketTotal-972 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-EventShopCategoryTicketAddToCart-973 { margin-top: 10px; } .component-ContentText-1028 { margin-bottom: 30px; } .component-LayoutGroup-1029 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-1030 .card { --bs-card-bg: #FFFFFF; } .component-LayoutGroup-1031 { background-color: #FFFFFF; } .component-EventShopCategoryTicketTotal-1033 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-EventShopCategoryTicketAddToCart-1034 { margin-top: 10px; } .component-ContentHeadline-746 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-749 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-752 { background-color: var(--color-white); margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ModuleGiftCertificateProductPriceInput-755 { margin-right: 40px; margin-left: 40px; } .component-LayoutGroup-756 { padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } .component-ProductImageList-thumb-1024 { background-color: #ff00c8; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .component-ContentHeadline-759 { padding-top: 20px; padding-bottom: 20px; } .component-ContentHeadline-762 { padding-top: 20px; padding-bottom: 20px; } .component-LayoutGroup-763 { 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-916 { 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-917 .card { --bs-card-bg: #FFFFFF; } .component-LayoutGroup-918 { 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-919 .card { --bs-card-bg: #FFFFFF; } .component-ContentHeadline-766 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-LayoutFlex-768 { margin-top: 3em; margin-bottom: 1em; } .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-788 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-789 { 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-791 { 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-794 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-795 { 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-799 { 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-802 { margin-top: 30px; } .component-ContentHeadline-804 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-805 { 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-807 { --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-808 { background-color: var(--color-white); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ModuleGiftCertificateAccountList-809 { background-color: var(--color-white); } .component-LayoutTabPane-810 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-813 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-814 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-816 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentHeadline-819 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-820 { 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-822 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopAccountEventList-822 .card { --bs-card-bg: var(--color-white); --bs-card-border-width: 0px; --bs-card-spacer-x: 0px; --bs-card-spacer-y: 0px; } .component-ContentHeadline-824 { margin-top: 20px; margin-bottom: 20px; } .component-ContentHeadline-827 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-828 { 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-830 { 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-834 { 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_-835 { margin-right: 20px; } .component-LayoutTabs-839 { --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-840 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopAccountPeriodCardList-841 { 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-842 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopAccountPeriodCardList-843 { 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-847 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-848 { 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-850 { 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-851 .card { --bs-card-bg: #FFFFFF; } .component-ContentHeadline-854 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-855 { 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-958 { 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-862 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-864 { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .component-ContentHeadline-867 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-870 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-873 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-874 { background-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: var(--color-light-gray); border-right-color: var(--color-light-gray); border-bottom-color: var(--color-light-gray); border-left-color: var(--color-light-gray); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-left-radius: 0.38rem; border-top-right-radius: 0.38rem; border-bottom-left-radius: 0.38rem; border-bottom-right-radius: 0.38rem; } .component-LayoutRow-875 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-ContentText-878 { margin-bottom: 0px; } .component-LayoutGroup-883 { margin-top: 20px; } .component-ContentHeadline-890 { margin-top: 20px; margin-bottom: 20px; } .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-906 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-908 { 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-913 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-915 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutColumn-1002 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-CategoryImage-1018 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .component-ContentHeadline-1000 { margin-top: 20px; margin-bottom: 30px; } .component-LayoutColumn-1003 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-1013 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-1009 { background-color: #FFFFFF; margin-top: 40px; } .component-LayoutGroup-1010 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-1011 { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } .component-EventShopCategoryTicketCalendarProductList-1006 .card { --bs-card-bg: #FFFFFF; } .component-LayoutGroup-1012 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-LayoutGroup-1014 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutRow-1070 { margin-top: 20px; } .component-LayoutColumn-1071 { margin-bottom: 40px; } .component-ContentText-1073 { margin-bottom: 30px; } .component-LayoutGroup-1074 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-PeriodShopCategoryPeriodCardProductList-1075 { margin-top: 20px; } .component-PeriodShopCategoryPeriodCardProductList-1075 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-PeriodShopCategoryPeriodCardTotal-1077 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-PeriodShopCategoryPeriodCardAddToCart-1079 { margin-top: 10px; } .component-LayoutGroup-1081 { margin-right: 20px; margin-left: 20px; } .component-ContentLine-1082 { margin-top: 60px; } .component-ContentText-1084 { 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-1085 { margin-bottom: 30px; } .component-LayoutGroup-1086 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-1087 { margin-top: 20px; } .component-EventShopCategoryTicketProductList-1087 .card { --bs-card-bg: #FFFFFF; } .component-EventShopCategoryTicketTotal-1089 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-EventShopCategoryTicketAddToCart-1091 { margin-top: 10px; } .component-ContentText-1094 { margin-bottom: 30px; } .component-LayoutGroup-1096 { background-color: #FFFFFF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-1097 .card { --bs-card-bg: #FFFFFF; } .component-LayoutGroup-1098 { background-color: #FFFFFF; } .component-EventShopCategoryTicketTotal-1099 { padding-top: 14px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .component-EventShopCategoryTicketAddToCart-1101 { margin-top: 10px; } .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-_685 { 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-_689 { 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-_693 { 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-_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; }