/* Font families */ @font-face { font-family: 'campton-black'; font-style: normal; font-weight: bold; src: url('/upload/fonts/campton-black.otf') format('opentype'); } @font-face { font-family: 'campton-book'; font-style: normal; font-weight: normal; src: url('/upload/fonts/campton-book.otf') format('opentype'); } @font-face { font-family: 'campton-bolditalic'; font-style: italic; font-weight: bold; src: url('/upload/fonts/campton-bolditalic.otf') format('opentype'); } @font-face { font-family: 'campton-book'; font-style: normal; font-weight: normal; src: url('/upload/fonts/campton-book.otf') format('opentype'); } @font-face { font-family: 'campton-bookitalic'; font-style: italic; font-weight: normal; src: url('/upload/fonts/campton-bookitalic.otf') format('opentype'); } @font-face { font-family: 'campton-extralight'; font-style: normal; font-weight: lighter; src: url('/upload/fonts/campton-extralight.otf') format('opentype'); } @font-face { font-family: 'campton-extralightitalic'; font-style: italic; font-weight: lighter; src: url('/upload/fonts/campton-extralightitalic.otf') format('opentype'); } @font-face { font-family: 'campton-extrabold'; font-style: normal; font-weight: bolder; src: url('/upload/fonts/campton-extrabold.otf') format('opentype'); } @font-face { font-family: 'campton-light'; font-style: normal; font-weight: lighter; src: url('/upload/fonts/campton-light.otf') format('opentype'); } @font-face { font-family: 'campton-lightitalic'; font-style: italic; font-weight: lighter; src: url('/upload/fonts/campton-lightitalic.otf') format('opentype'); } @font-face { font-family: 'campton-medium'; font-style: normal; font-weight: normal; src: url('/upload/fonts/campton-medium.otf') format('opentype'); } @font-face { font-family: 'campton-mediumitalic'; font-style: italic; font-weight: normal; src: url('/upload/fonts/campton-mediumitalic.otf') format('opentype'); } @font-face { font-family: 'campton-semibold'; font-style: normal; font-weight: normal; src: url('/upload/fonts/campton-semibold.otf') format('opentype'); } @font-face { font-family: 'campton-extrabolditalic'; font-style: italic; font-weight: bolder; src: url('/upload/fonts/campton-extrabolditalic.otf') format('opentype'); } @font-face { font-family: 'campton-thin'; font-style: normal; font-weight: lighter; src: url('/upload/fonts/campton-thin.otf') format('opentype'); } @font-face { font-family: 'campton-thinitalic'; font-style: italic; font-weight: lighter; src: url('/upload/fonts/campton-thinitalic.otf') format('opentype'); } @font-face { font-family: 'campton-semibolditalic'; font-style: italic; font-weight: normal; src: url('/upload/fonts/campton-semibolditalic.otf') format('opentype'); } @font-face { font-family: 'campton-bold'; font-style: normal; font-weight: bold; src: url('/upload/fonts/campton-bold.otf') format('opentype'); } :root { --bs-body-font-family: campton\2D book; } /* Font Awesome */ @font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 400; font-display: block; src: url('/bundles/standardshop/fonts/fontawesome/fa-regular-400.woff2') format('woff2'), url('/bundles/standardshop/fonts/fontawesome/fa-regular-400.ttf') format('truetype'); } /* Colors */ :root { --bs-primary: #135244; --bs-primary-rgb: 19,82,68; --color-primary: #135244; --color-primary-rgb: 19,82,68; --color-primary-light: #219078; --color-primary-light-rgb: 33,144,120; --color-primary-dark: #051410; --color-primary-dark-rgb: 5,20,16; --color-secondary: #0e3a31; --color-secondary-rgb: 14,58,49; --color-secondary-light: #1d7865; --color-secondary-light-rgb: 29,120,101; --color-secondary-dark: #000000; --color-secondary-dark-rgb: 0,0,0; --color-tertiary: #ee5321; --color-tertiary-rgb: 238,83,33; --color-tertiary-light: #f38a68; --color-tertiary-light-rgb: 243,138,104; --color-tertiary-dark: #b5370e; --color-tertiary-dark-rgb: 181,55,14; } /* Typography */ .typography-ForsideKortOverskriftH5 { font-family: campton-black; font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 110%; } .typography-ForsideKortOverskriftH4 { font-family: campton-black; font-size: 32px; font-weight: bold; text-transform: uppercase; line-height: 110%; } .typography-Brdtekststrreskrme { font-family: campton-book; font-size: 16px; line-height: 140%; } .typography-Brdtekstmindreskrme { font-family: campton-book; font-size: 14px; line-height: 140%; } .typography-KategoriOverskriftH2 { font-family: campton-black; font-size: 48px; font-weight: bold; text-transform: uppercase; line-height: 100%; } .typography-KategoriTeaser { font-family: campton-semibold; font-size: 20px; line-height: 125%; } .typography-ProduktlisteNavn { font-family: campton-semibold; font-size: 16px; line-height: 140%; } .typography-ProduktlistePris { font-family: campton-book; font-size: 16px; line-height: 140%; } .typography-KategoriInfotekst { font-family: campton-book; font-size: 14px; line-height: 140%; } .typography-BilletterTabsTabtitle { font-family: campton-semibold; font-size: 15px; line-height: 100%; } /* Alerts */ .alert-danger { --bs-alert-color: #932319; --bs-alert-bg: #fde7d7; } .alert-warning { --bs-alert-color: #88500b; --bs-alert-bg: #fffcc2; } .alert-success { --bs-alert-color: #135244; --bs-alert-bg: #d7f4e7; } .alert-info { --bs-alert-color: #174b75; --bs-alert-bg: #e4effa; } /* Buttons */ .btn-shop-primary { --bs-btn-color: #ffffff; --bs-btn-bg: var(--color-tertiary); --bs-btn-border-color: var(--color-tertiary); --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #772910; --bs-btn-hover-border-color: #772910; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #772910; --bs-btn-active-border-color: #772910; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: var(--color-tertiary); --bs-btn-disabled-border-color: var(--color-tertiary); --bs-btn-border-width: 0px; --bs-btn-border-radius: 50px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-secondary { --bs-btn-color: #ffffff; --bs-btn-bg: var(--color-secondary); --bs-btn-border-color: var(--color-secondary); --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #071d18; --bs-btn-hover-border-color: #071d18; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #071d18; --bs-btn-active-border-color: #071d18; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: var(--color-secondary); --bs-btn-disabled-border-color: var(--color-secondary); --bs-btn-border-width: 0px; --bs-btn-border-radius: 50px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-tertiary { --bs-btn-color: var(--color-secondary); --bs-btn-bg: #ffffff; --bs-btn-border-color: var(--color-secondary); --bs-btn-hover-color: #353723; --bs-btn-hover-bg: #ffffff; --bs-btn-hover-border-color: #071d18; --bs-btn-active-color: #353723; --bs-btn-active-bg: #ffffff; --bs-btn-active-border-color: #071d18; --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: #ffffff; --bs-btn-disabled-border-color: var(--color-secondary); --bs-btn-border-width: 2px; --bs-btn-border-radius: 50px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-cancel { --bs-btn-color: var(--color-secondary); --bs-btn-bg: #fbf6f1; --bs-btn-border-color: var(--color-secondary); --bs-btn-hover-color: var(--color-secondary); --bs-btn-hover-bg: #f2eae3; --bs-btn-hover-border-color: var(--color-secondary); --bs-btn-active-color: var(--color-secondary); --bs-btn-active-bg: #f2eae3; --bs-btn-active-border-color: var(--color-secondary); --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: #fbf6f1; --bs-btn-disabled-border-color: var(--color-secondary); --bs-btn-border-width: 2px; --bs-btn-border-radius: 50px; --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; } .btn-shop-flow { --bs-btn-color: #ffffff; --bs-btn-bg: var(--color-tertiary); --bs-btn-border-color: var(--color-tertiary); --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #772910; --bs-btn-hover-border-color: #772910; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #772910; --bs-btn-active-border-color: #772910; --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: var(--color-tertiary); --bs-btn-disabled-border-color: var(--color-tertiary); --bs-btn-border-width: 0px; --bs-btn-border-radius: 50px; --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-border-radius: 50px; --bs-btn-padding-x: 6px; --bs-btn-padding-y: 4px; } .btn-shop-plusminus { --bs-btn-color: var(--color-secondary); --bs-btn-bg: var(--color-white); --bs-btn-border-color: var(--color-secondary); --bs-btn-hover-color: #071d18; --bs-btn-hover-bg: #fafafa; --bs-btn-hover-border-color: #071d18; --bs-btn-active-color: #071d18; --bs-btn-active-bg: #fafafa; --bs-btn-active-border-color: #071d18; --bs-btn-disabled-color: var(--color-secondary); --bs-btn-disabled-bg: var(--color-white); --bs-btn-disabled-border-color: var(--color-secondary); --bs-btn-border-width: 1px; --bs-btn-border-radius: 50px; --bs-btn-padding-x: 10px; --bs-btn-padding-y: 5px; } /* Root */ :root { --bs-body-bg: #fbf6f1; --bs-link-color: var(--color-secondary); --bs-link-color-rgb: var(--color-secondary-rgb); --bs-link-hover-color: var(--color-primary); --bs-link-hover-color-rgb: var(--color-primary-rgb); --bs-secondary-color: var(--color-light-gray); --input-focus-bg: transparent; --input-mandatory-marker-color: var(--color-tertiary); } /* Content */ body { --body-padding-bottom: 0rem; } article { --article-padding-bottom: 0rem; } /* Header */ header { --menu-bg: #FFFFFF; --menu-bottom-height: 50px; --menu-bottom-bg: #FFFFFF; --menu-bottom-nav-link-padding-y: 20px; --menu-logo-height: 50px; --menu-border-size: 0px; --bs-nav-link-color: var(--color-secondary); --bs-nav-link-hover-color: #071d18; --menu-toggler-icon-color: var(--color-secondary); --menu-collapse-full-bg: var(--color-white); --menu-burger-top-menu-bg: var(--color-white); --menu-bottom-nav-link-bg: #FFFFFF; --menu-bottom-nav-link-active-color: #156755; --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; } /* Footer */ footer { --footer-color: #ffffff; --footer-bg: #0d4337; --footer-top-bg: #0d4337; } /* Styleheet Bank */ /* Styling\20 af\20 menu */ .nav-link { font-family: campton-book; font-weight: 400; } .navbar-toggler:focus { box-shadow: none; } header .navbar-toggler .icon-bar { width: 0.7em; height: 0.07em; } /* Max\2D bredde */ header .menu-bottom .container-fluid {max-width: 1200px;} article {max-width: 1200px; margin-left: auto; margin-right: auto;} footer .footer-top {max-width: 1200px; margin-left: auto; margin-right: auto;} .footer-top .container-fluid {padding:0;} @media (max-width: 375px) {} @media (max-width: 767px) {} /* Produktlister\20 \28 periode\29 */ .component-PeriodShopCategoryPeriodCardProductList img { width: 56px; height: 56px; object-fit: cover; object-position: top; border-radius: 3.5px; } .component-PeriodShopCategoryPeriodCardProductList .card { margin: 0 !important; } .component-PeriodShopCategoryPeriodCardProductList .card-body { border-bottom: 1px solid #ededed; padding: 0 0 12px 0; margin: 16px 16px 0 16px; } .component-PeriodShopCategoryPeriodCardProductList .card:last-child .card-body { border-bottom: 0; padding: 0; margin: 16px; } .component-PeriodShopCategoryPeriodCardProductList .flex-grow-1 { display: grid; align-items: center; } .component-PeriodShopCategoryPeriodCardProductList .flex-grow-1>div:first-child { width: 56px; } .component-PeriodShopCategoryPeriodCardProductList .typography-ProduktlisteNavn { grid-column: 2; grid-row: 1; margin-top: -15px; margin-left: -115px; } .component-PeriodShopCategoryPeriodCardProductList .typography-ProduktlistePris { grid-column: 2; grid-row: 1; margin-top: 25px; margin-left: -115px; } @media (max-width: 1200px) { .component-PeriodShopCategoryPeriodCardProductList .typography-ProduktlisteNavn { margin-left: 0; } .component-PeriodShopCategoryPeriodCardProductList .typography-ProduktlistePris { margin-left: 0; } } /* Antalsv\E6 lger */ .component-PeriodShopCategoryPeriodCardProductList .card-body > .flex-grow-0 { flex: none; margin-right: 38px; } .plus-minus { display: flex !important; align-items: center; flex-wrap: nowrap !important; gap: 18px; width: auto; } .plus-minus .btn-shop-plusminus { width: 56px; height: 56px; min-width: 56px; border-radius: 50% !important; padding: 0; margin: 0 !important; display: flex; align-items: center; justify-content: center; font-size: 22px; background: transparent; border: 2px solid #0d4337 !important; color: #0d4337; } /* Minus-knap */ .plus-minus .btn-shop-plusminus[data-type="minus"] { background: #dfe4e2; border-color: #dfe4e2 !important; color: #7c8a86; } .plus-minus input.form-control { width: 20px; min-width: 20px; flex: 0 0 20px; padding: 0; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: center; font-size: 18px; font-weight: 700; color: #0d4337; } /* Bootstrap input-group reset */ .plus-minus > .btn, .plus-minus > .form-control { z-index: auto; } .plus-minus .fa { line-height: 1; } /* ===== MOBIL ===== */ @media (max-width: 575px) { .component-PeriodShopCategoryPeriodCardProductList .card-body { gap: 16px; } .component-PeriodShopCategoryPeriodCardProductList .card-body > .flex-grow-1 { grid-template-columns: 48px 1fr; column-gap: 12px; } .plus-minus { gap: 10px; } .plus-minus .btn-shop-plusminus { width: 44px; height: 44px; min-width: 44px; } .plus-minus input.form-control { font-size: 16px; } .component-PeriodShopCategoryPeriodCardProductList .card-body > .flex-grow-0 { flex: none; margin-right: 0; } } .plus-minus [data-type="minus"].is-active { background-color: transparent; border: 2px solid #0d4337 !important; color: #00483f; } .plus-minus [data-type="minus"].is-active .fa { color: #00483f; } /* Zookort\20 modal */ #period_card_add_to_cart .modal-dialog.modal-lg .modal-content { background: #fbf6f1; border: 0; border-radius: 6px; overflow: hidden; } #period_card_add_to_cart .modal-dialog.modal-lg .modal-header { background: #0e3a31; color: #fff; padding: 18px 22px; border: 0; } #period_card_add_to_cart .modal-dialog.modal-lg .modal-title { color: #fff; font-size: 16px; font-weight: 700; } #period_card_add_to_cart .modal-dialog.modal-lg .btn-close { filter: invert(1); opacity: 1; } #period_card_add_to_cart .modal-dialog.modal-lg .modal-body { padding: 20px 20px 0 20px; } #period_card_add_to_cart .component-PeriodShopCategoryPeriodCardAddressModal { background: #fff; border: 0; border-radius: 4px; padding: 20px; margin-bottom: 0 0 24px 0 !important; } #period_card_add_to_cart .card-header, #period_card_add_to_cart .card-body, #period_card_add_to_cart .card-footer { background: transparent; border: 0; padding: 0; } #period_card_add_to_cart .card-header { color: #0b463b; font-size: 18px; font-weight: 700; margin-bottom: 16px; } #period_card_add_to_cart .card-body .d-flex { gap: 28px !important; } #period_card_add_to_cart label, #period_card_add_to_cart .col-form-label, #period_card_add_to_cart p, #period_card_add_to_cart small { color: #0b463b; } #period_card_add_to_cart .col-form-label { font-size: 13px; padding-bottom: 4px; } #period_card_add_to_cart .form-control, #period_card_add_to_cart .form-select { border: 2px solid #0b463b; border-radius: 999px; min-height: 38px; color: #0b463b; box-shadow: none; margin-top: 12px; } #period_card_add_to_cart .form-control:focus, #period_card_add_to_cart .form-select:focus { border-color: #0b463b; box-shadow: none; } #period_card_add_to_cart .period-card-profile-image { background: #f8f2ed; width: 130px; height: 160px; object-fit: cover; margin-bottom: 8px; max-width: max-content; border-radius: 4px; outline: 0; } #period_card_add_to_cart .btn-shop-smallaction { background: #0b463b; border: 2px solid #0b463b; color: #fff; border-radius: 999px; font-weight: 700; padding: 8px 18px; width: stretch; } #period_card_add_to_cart .btn-shop-smallaction .fa { display: none; } #period_card_add_to_cart .text-danger.fa-trash { color: #0b463b !important; } #period_card_add_to_cart .card-footer { margin-top: 35px; } #period_card_add_to_cart .modal-footer { background: #f8f2ed; border: 0; justify-content: end; } #period_card_add_to_cart .btn-shop-cancel { background: transparent; border: 2px solid #0b463b; color: #0b463b; border-radius: 999px; font-weight: 700; padding: 10px 28px; } #period_card_add_to_cart .btn-shop-flow { background: #f86b3d; border: 2px solid #f86b3d; color: #fff; border-radius: 999px; font-weight: 700; padding: 10px 28px; } /* Labels ovenpå felterne */ #period_card_add_to_cart .form-horizontal .row { display: block; margin-bottom: -20px !important; } #period_card_add_to_cart .form-horizontal .col-sm-4, #period_card_add_to_cart .form-horizontal .col-sm-8 { width: 100%; max-width: 100%; } #period_card_add_to_cart .form-horizontal .col-form-label { margin-left: 24px; background: #fff; padding: 0 6px; position: relative; top: 23px; z-index: 1; width: fit-content; font-size: 12px; } #uploadImageModal .btn-shop-secondary { border-radius: 50px; width: 45px; height: 45px; padding: 0; margin-right. 12px; } #uploadImageModal div[data-content="image-crop-container"] { background-color: #fbf6f1; } #uploadImageModal .jcrop-image-stage { margin-left: auto; margin-right: auto; } #uploadImageModal div[data-content="image-edit-tools"] { width: auto; display: flex; justify-content: center; gap: 14px; } #uploadImageModal div[data-content="image-edit-tools"] .btn-shop-secondary { flex: 0 0 45px; } /* Generelle\20 modaler */ .modal-dialog.modal-lg .modal-content { background: #fff; border: 0; border-radius: 6px; overflow: hidden; } .modal-dialog.modal-lg .modal-header { background: #0e3a31; color: #fff; padding: 18px 22px; border: 0; } .modal-dialog.modal-lg .modal-title { color: #fff; font-size: 16px; font-weight: 700; } .modal-dialog.modal-lg .btn-close { filter: invert(1); opacity: 1; } .modal-dialog.modal-lg .modal-body { padding: 20px 20px 0 20px; } .modal-dialog.modal-lg .modal-footer { background: #fff; border: 0; justify-content: end; } .modal-dialog .btn-shop-cancel { background: transparent; border: 2px solid #0b463b; color: #0b463b; border-radius: 999px; font-weight: 700; padding: 10px 28px; } .modal-dialog .btn-shop-primary { background: #0e3a31; border: 2px solid #0e3a31; color: #fff; border-radius: 999px; font-weight: 700; padding: 10px 28px; } /* Produktlister\20 \28 billetter\29 */ .component-EventShopCategoryTicketProductList img { width: 56px; height: 56px; object-fit: cover; object-position: top; border-radius: 3.5px; } .component-EventShopCategoryTicketProductList .card { margin: 0 !important; } .component-EventShopCategoryTicketProductList .card-body { border-bottom: 1px solid #ededed; padding: 0 0 12px 0; margin: 16px 16px 0 16px; } .component-EventShopCategoryTicketProductList .card:last-child .card-body { border-bottom: 0; padding: 0; margin: 16px; } .component-EventShopCategoryTicketProductList .flex-grow-1 { display: grid; align-items: center; } .component-EventShopCategoryTicketProductList .flex-grow-0 { margin-right: 2rem; } .component-EventShopCategoryTicketProductList .flex-grow-1>div:first-child { width: 56px; } .component-EventShopCategoryTicketProductList .typography-ProduktlisteNavn { grid-column: 2; grid-row: 1; margin-top: -15px; } .component-EventShopCategoryTicketProductList .typography-ProduktlistePris { grid-column: 2; grid-row: 1; margin-top: 25px; } @media (max-width: 1200px) { .component-EventShopCategoryTicketProductList .typography-ProduktlisteNavn { margin-left: 0; } .component-EventShopCategoryTicketProductList .typography-ProduktlistePris { margin-left: 0; } } [data-content="product"] .card-body > .flex-grow-1 { display: grid; grid-template-columns: 64px 1fr; column-gap: 12px; align-items: center; } [data-content="product"] .card-body > .flex-grow-1 > div:first-child { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; } [data-content="product"] .card-body > .flex-grow-1 img { max-width: 64px; max-height: 64px; object-fit: contain; } [data-content="product"] .typography-ProduktlisteNavn, [data-content="product"] .typography-ProduktlistePris { grid-column: 2; } /* 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-PeriodShopCategoryPeriodCardAddressModal.card { --bs-card-color: var(--color-secondary); --bs-card-bg: var(--color-white); --bs-card-cap-color: var(--color-secondary); --bs-card-cap-bg: var(--color-white); --bs-card-border-width: 0px; } .component-CheckoutProgress { --bs-nav-link-color: #a0a56e; --nav-link-bg: #f0eee9; --bs-nav-pills-link-active-bg: #617232; --bs-nav-link-disabled-color: #617232; --nav-link-disabled-bg: #f0eee9; } .component-ContentBreadcrumb { --bs-link-color-rgb: 160,165,110; --bs-link-hover-color-rgb: 97,114,82; } .component-ContentBreadcrumb .breadcrumb { --bs-breadcrumb-item-active-color: #353723; --bs-breadcrumb-divider-color: #617252; } .component-LayoutContainer { margin-top: 1rem; margin-bottom: 1rem; } .component-EventShopAccountChangeDateCalendar .day-available { --day-text-color: var(--color-white); --day-bg-color: var(--color-primary-light); } .component-EventShopAccountChangeDateCalendar .day-available.selected { --day-text-color: #FFFFFF; --day-bg-color: var(--color-primary); } .component-PeriodShopFinalizePeriodCardSearchResult.card { --bs-card-bg: var(--color-white); } .component-PeriodShopFinalizePeriodCardSearchResult.card.finalized { --bs-card-bg: var(--color-white); } /* Page elements - specific */ .component-LayoutRow-5856 { --bs-gutter-x: 48px; } .component-LayoutColumn-5857 { --bs-gutter-y: 24px; } .component-LayoutColumn-5859 { background-color: var(--color-primary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutGroup-5860 { color: #FFFFFF; background-color: var(--color-primary); padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutFlex-5862 { padding-bottom: 51px; } .component-LayoutColumn-5865 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ContentImage-5866 { border-top-left-radius: 0px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; height: 400px; width: 100%; object-fit: cover; object-position: center; } .component-LayoutColumn-5867 { --bs-gutter-y: 24px; } .component-LayoutColumn-5869 { background-color: var(--color-primary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutGroup-5870 { color: #FFFFFF; background-color: var(--color-primary); padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutFlex-5872 { padding-bottom: 51px; } .component-LayoutColumn-5875 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ContentImage-5876 { border-top-left-radius: 0px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; height: 400px; width: 100%; object-fit: cover; object-position: center; } .component-LayoutRow-5877 { --bs-gutter-x: 48px; } .component-LayoutColumn-5957 { --bs-gutter-y: 24px; } .component-LayoutRow-5958 { min-height: 232px; } .component-LayoutColumn-5959 { background-color: var(--color-primary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutGroup-5960 { color: #FFFFFF; background-color: var(--color-primary); padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutFlex-5962 { height: 80% !important; } .component-LayoutColumn-5965 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ContentImage-5966 { border-top-left-radius: 0px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; height: 100%; width: 100%; object-fit: cover; object-position: center; } .component-LayoutColumn-5967 { --bs-gutter-y: 24px; } .component-LayoutRow-5968 { min-height: 232px; } .component-LayoutColumn-5969 { background-color: var(--color-primary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutGroup-5970 { color: #FFFFFF; background-color: var(--color-primary); padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutFlex-5972 { height: 80% !important; } .component-LayoutColumn-5975 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ContentImage-5976 { border-top-left-radius: 0px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; height: 100%; width: 100%; object-fit: cover; object-position: center; } .component-LayoutColumn-5878 { --bs-gutter-y: 24px; } .component-LayoutRow-5884 { min-height: 232px; } .component-LayoutColumn-5885 { background-color: var(--color-primary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutGroup-5886 { color: #FFFFFF; background-color: var(--color-primary); padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutFlex-5888 { height: 80% !important; } .component-LayoutColumn-5891 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ContentImage-5892 { border-top-left-radius: 0px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; height: 100%; width: 100%; object-fit: cover; object-position: center; } .component-LayoutColumn-5879 { --bs-gutter-y: 24px; } .component-LayoutRow-5894 { min-height: 232px; } .component-LayoutColumn-5895 { background-color: var(--color-primary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutGroup-5896 { color: #FFFFFF; background-color: var(--color-primary); padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutFlex-5898 { height: 80% !important; } .component-LayoutColumn-5901 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ContentImage-5902 { border-top-left-radius: 0px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; height: 100%; width: 100%; object-fit: cover; object-position: center; } .component-LayoutColumn-5880 { --bs-gutter-y: 24px; } .component-LayoutRow-5910 { min-height: 232px; } .component-LayoutColumn-5911 { background-color: var(--color-primary); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutGroup-5912 { color: #FFFFFF; background-color: var(--color-primary); padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 0px; } .component-LayoutFlex-5914 { height: 68% !important; } .component-LayoutColumn-5917 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .component-ContentImage-5918 { border-top-left-radius: 0px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; height: 100%; width: 100%; object-fit: cover; object-position: center; } .component-LayoutRow-5989 { padding-top: 80px; } .component-ContentHeadline-5988 { color: var(--color-secondary); } .component-ContentText-6003 { color: var(--color-secondary); } .component-ContentText-6011 { color: var(--color-secondary); } .component-LayoutGroup-6004 { background-color: #FFFFFF; margin-bottom: 24px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-PeriodShopCategoryPeriodCardProductList-5993 { background-color: #FFFFFF; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-PeriodShopCategoryPeriodCardProductList-5993 .card { --bs-card-color: var(--color-secondary); --bs-card-bg: #FFFFFF; --bs-card-border-width: 0px; --bs-card-border-radius: 8px; } .component-PeriodShopCategoryPeriodCardAddToCart-5997 { margin-top: 10px; } .component-PeriodShopCategoryPeriodCardTotal-6014 { display: none; } .component-ContentText-6006 { color: var(--color-primary); margin-top: 24px; } .component-ContentText-6005 { color: var(--color-primary); background-color: #d7f4e7; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-LayoutColumn-6009 { margin-top: 24px; } .component-ContentText-6012 { color: var(--color-primary); } .component-LayoutRow-6017 { padding-top: 80px; } .component-ContentHeadline-6019 { color: var(--color-secondary); } .component-ContentText-6021 { color: var(--color-secondary); } .component-ContentText-6022 { color: var(--color-secondary); } .component-ContentText-6054 { color: var(--color-primary); background-color: #d7f4e7; margin-top: 24px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-LayoutTabs-6059 { --bs-nav-link-color: var(--color-secondary); --bs-nav-link-bg: #f5eadf; --bs-nav-tabs-link-active-color: var(--color-secondary); --bs-nav-tabs-link-active-bg: #FFFFFF; --bs-nav-tabs-link-active-border-color: #f5eadf; } .component-LayoutGroup-6024 { background-color: #FFFFFF; margin-bottom: 24px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-ContentText-6087 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 16px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; } .component-EventShopCategoryTicketProductList-6038 { background-color: #FFFFFF; padding-top: 0px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-EventShopCategoryTicketProductList-6038 .card { --bs-card-color: var(--color-secondary); --bs-card-bg: #FFFFFF; --bs-card-border-width: 0px; --bs-card-border-radius: 8px; } .component-EventShopCategoryTicketTotal-6039 { display: none; } .component-ContentText-6030 { color: var(--color-primary); background-color: #d7f4e7; margin-top: 24px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-LayoutGroup-6074 { background-color: #FFFFFF; margin-bottom: 24px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-EventShopCategoryTicketProductList-6075 { background-color: #FFFFFF; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-EventShopCategoryTicketProductList-6075 .card { --bs-card-color: var(--color-secondary); --bs-card-bg: #FFFFFF; --bs-card-border-width: 0px; --bs-card-border-radius: 8px; } .component-EventShopCategoryTicketTotal-6078 { display: none; } .component-ContentText-6079 { color: var(--color-primary); margin-top: 12px; } .component-ContentText-6080 { color: var(--color-primary); background-color: #d7f4e7; margin-top: 24px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .component-LayoutContainer-6122 { margin-top: 0px; margin-bottom: 0px; } .component-LayoutContainer-6095 { color: var(--color-secondary); margin-top: 60px; margin-bottom: 80px; max-width: 1200px; margin-left: auto; margin-right: auto; } .component-ContentHeadline-6096 { color: var(--color-secondary); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-bottom: 16px; } .component-ContentText-6109 { color: var(--color-secondary); } .component-LayoutColumn-6101 { padding-top: 20px; position: relative; } .component-ContentText-6103 { color: var(--color-secondary); padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; position: absolute; top: 8px; left: 5px; } .component-ContentText-6110 { margin-top: 12px; margin-bottom: 24px; } .component-LayoutContainer-6120 { background-color: #f5eadf; margin-top: 0px; margin-bottom: 0px; padding-top: 80px; padding-bottom: 80px; } .component-LayoutContainer-6111 { color: var(--color-secondary); background-color: #f5eadf; max-width: 1200px; margin-left: auto; margin-right: auto; } .component-LayoutGroup-6125 { position: relative; } .component-ContentText-6124 { margin-top: -95px; } .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-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-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-_508 { margin-top: 20px; margin-bottom: 20px; } .component-ProductList_-product-_509 { 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-_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-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-_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-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-LayoutGroup-_583 { padding-top: 20px; } .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-CheckoutProgress-_883 { --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-CheckoutProgress-_872 { --bs-nav-link-color: #a0a56e; --nav-link-bg: #f0eee9; --bs-nav-pills-link-active-bg: #617232; --bs-nav-link-disabled-color: #617232; --nav-link-disabled-bg: #f0eee9; } .component-LayoutCard-_874 { margin-bottom: 0.5em; } .component-LayoutCard-_875 { margin-bottom: 0.5em; } .component-LayoutGroup-_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-_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-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-_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-_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-_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-_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-_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-_759 { padding-top: 20px; padding-bottom: 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-_893b { margin-top: 20px; margin-bottom: 20px; } .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-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-_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-ContentHeadline-_697 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_700 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryTicketCalendarCalendar-_701 .day-available { --day-text-color: #ffffff; --day-bg-color: var(--color-primary-light); } .component-EventShopCategoryTicketCalendarCalendar-_701 .day-available.selected { --day-text-color: #ffffff; --day-bg-color: var(--color-primary); } .component-EventShopCategoryTicketCalendarCalendar-_701 .day-sold-out { --day-text-color: #ababab; --day-bg-color: #ededed; } .component-LayoutGroup-_703 { background-color: #ffffff; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-color: #808080; border-right-color: #808080; border-bottom-color: #808080; border-left-color: #808080; box-shadow: 2px 2px 10px 2px #ededed; } .component-EventShopCategoryTicketCalendarSelectedDate-_705 { margin-bottom: 20px; } .component-EventShopCategoryTicketCalendarProductList-_707 { background-color: var(--color-white); } .component-EventShopCategoryTicketCalendarProductList-_707 .card { --bs-card-color: var(--color-black); --bs-card-bg: var(--color-white); } .component-EventShopCategoryTicketCalendarTotal-_709 { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: #ffffff; border-right-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #ffffff; } .component-LayoutGroup-_710 { margin-bottom: 10px; } .component-ContentHeadline-_893 { margin-top: 20px; margin-bottom: 20px; } .component-LayoutGroup-_894 { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_898 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-LayoutGroup-_924 { background-color: #FFFFFF; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .component-EventShopCategoryTicketProductList-_923 .card { --bs-card-bg: #FFFFFF; } .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-LayoutFlex-periodCard_landingPage_flex { margin-top: 1em; margin-bottom: 1em; } .component-ContentGoTo_-periodCard_landingPage_goTo1 { background-color: #d2f4de; margin-right: 1em; margin-left: 1em; 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: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .component-ContentGoTo_-periodCard_landingPage_goTo2 { margin-right: 1em; margin-left: 1em; 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: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .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-_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; } .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-_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-_857 { 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-_859 { padding-top: 20px; } .component-PeriodShopFinalizePeriodCardSearchResultLocation-_860 { background-color: #FFFFFF; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }