@font-face {
  font-family: "Inter";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/inter/inter-v18-latin_latin-ext-regular.woff2")
    format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/inter/inter-v18-latin_latin-ext-italic.woff2")
    format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/inter/inter-v18-latin_latin-ext-600.woff2")
    format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/inter/inter-v18-latin_latin-ext-600italic.woff2")
    format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/inter/inter-v18-latin_latin-ext-700.woff2")
    format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/inter/inter-v18-latin_latin-ext-700italic.woff2")
    format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "dnt-icons";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/dnt-icons.woff2")
      format("woff2"),
    url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/dnt-icons.woff")
      format("woff");
}

@font-face {
  font-family: "ABCGintoNordCondensed Black";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/abc-gintonord-condensed/ABCGintoNordCondensed-Black.woff2")
      format("woff2"),
    url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/abc-gintonord-condensed/ABCGintoNordCondensed-Black.woff")
      format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "ABCGintoNordCondensed Bold";
  src: url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/abc-gintonord-condensed/ABCGintoNordCondensed-Bold.woff2")
      format("woff2"),
    url("https://detnorsketeatret.s3.eu-north-1.amazonaws.com/fonts/abc-gintonord-condensed/ABCGintoNordCondensed-Bold.woff")
      format("woff");
  font-weight: 400;
  font-display: swap;
}

:root {
  --color-primary-black: black;
  --color-primary-black-light: #333;
  --color-primary-black-0: rgba(0, 0, 0, 0);
  --color-primary-black-50: rgba(0, 0, 0, 0.5);
  --color-primary-gray: #c3c5c7;
  --color-primary-gray-50: rgba(195, 197, 199, 0.5);
  --color-primary-gray-60: rgba(195, 197, 199, 0.6);
  --color-primary-gray-70: rgba(195, 197, 199, 0.7);
  --color-primary-light-gray: #f0f2f4;
  --color-primary-light-gray-60: rgba(240, 242, 244, 0.6);
  --color-primary-white: white;
  --color-error: #cb2b19;
  --color-warning: #ffae2f;
  --color-warning-dark: #3b170d;
  --color-success: #b0ff99;
  --color-success-dark: #002900;

  --color-theme-anthracite-dark: #3a3f44;
  --color-theme-anthracite-light: #d3d4d5;
  --color-theme-bluegray-dark: #000e2e;
  --color-theme-bluegray-light: #65d6ff;
  --color-theme-bluelight-dark: #000e2e;
  --color-theme-bluelight-light: #65d6ff;
  --color-theme-brown-dark: #3b170d;
  --color-theme-brown-light: #fff964;
  --color-theme-purple-dark: #27004d;
  --color-theme-purple-light: #b776f7;
  --color-theme-redwine-dark: #5b0002;
  --color-theme-redwine-light: #ff71bf;
  --color-theme-yellow-dark: #3b170d;
  --color-theme-yellow-light: #fff964;
  --color-theme-green-dark: #002900;
  --color-theme-green-light: #b0ff99;

  --color-ticket-status-available-dark: #5e8751;
  --color-ticket-status-available-light: #b0ff99;
  --color-ticket-status-few-dark: #9f7636;
  --color-ticket-status-few-light: #ffae2f;

  --color-seat-free-background: #b0ff99;
  --color-seat-free-border: #002900;

  --color-seat-hover-border: var(--color-theme-green-dark);
  --color-seat-hover-background: transparent;

  --color-seat-occupied-background: transparent;
  --color-seat-occupied-border: var(--color-primary-gray-50);

  --color-seat-your-background: var(--color-theme-green-dark);
  --color-seat-your-border: var(--color-theme-green-dark);

  --color-seat-p2-free-background: #65d6ff;
  --color-seat-p2-free-border: #377085;

  --color-seat-p2-hover-border: var(--color-theme-bluelight-dark);
  --color-seat-p2-hover-background: transparent;

  --color-seat-p2-occupied-background: transparent;
  --color-seat-p2-occupied-border: var(--color-primary-gray-50);

  --color-seat-p2-your-background: var(--color-theme-bluelight-dark);
  --color-seat-p2-your-border: var(--color-theme-bluelight-dark);

  --color-ticket-border: #000;

  --font-color: var(--color-primary-black);
  --font-heading: "ABCGintoNordCondensed Bold", serif;
  --font-body: "Inter", sans-serif;

  --ticket-background: radial-gradient(
      circle at left,
      transparent 5px,
      var(--color-primary-black) 5px,
      var(--color-primary-black) 60%,
      transparent 60%
    ),
    radial-gradient(
      circle at right,
      transparent 5px,
      var(--color-primary-black) 5px,
      var(--color-primary-black) 60%,
      transparent 60%
    );

  --ticket-background-hover: radial-gradient(
      circle at left,
      transparent 5px,
      var(--color-primary-black-light) 5px,
      var(--color-primary-black-light) 60%,
      transparent 60%
    ),
    radial-gradient(
      circle at right,
      transparent 5px,
      var(--color-primary-black-light) 5px,
      var(--color-primary-black-light) 60%,
      transparent 60%
    );
}

body {
  font-family: var(--font-body);
  color: var(--font-color);
  font-optical-sizing: auto;
}

#BuyerTitle,
#BuyingHead,
body,
#ProductSelect .tiles .number-of-products,
#BuyingSteps div.icon,
#TicketSelector .ticket-count .tickets,
#SiteHead2,
.primary-c,
#BuyingSteps div .text,
#EventSelector td.date,
#EventSelector td.location,
#EventSelector td.price,
#EventSelector td.time,
#TicketSelector .name,
#GiftCardSelector .name,
.button,
.button-small,
.secondary-c-button,
.refund-options .secondary-c-button,
#TicketSelector .select-zone,
#TicketTypeSelect .ticket-type-list,
#TicketResults th,
button.view-seats-button,
#DeliveryTypeTitle,
#DeliveryInfoBox .delivery-info-description,
#DeliverySelect li label,
#DeliverySelect li label span.description,
#ProductSelect h2,
#ProductSelect ul.tiles li.product .info h1,
#ProductSelect span.currency-rate,
.product-popup-description p,
.basket-title,
#CardTitle,
#GiftCardTitle,
#GiftCardDescription p,
#InsuranceTitle,
.profile-title,
.headtexttotal li,
#TicketResults .sum .text,
#TicketResults .sum td,
.item-info,
.item-list .results-items .item-details .item-info > span > span,
.item-list .results-header .total .prices .text,
.item-list .results-header .total .prices .text,
#PurchaseLogin h2,
#ProfileFields .profile-heading,
#ProfileFields h5,
#ProfileBar ul li button,
#BuyerTitle .reference,
.info-heading .description,
#ReceiptContainer .sale-item-wrapper .item-line,
.receipt-suggestion-header,
.fnt-bold,
.fnt-sbold,
.fnt-bold h1,
.fnt-bold h2,
.fnt-bold h3,
.fnt-bold h4,
.fnt-bold h5,
h1.fnt-bold,
h2.fnt-bold,
h3.fnt-bold,
h4.fnt-bold,
h5.fnt-bold,
.fnt-bold input,
.fnt-bold select,
.fnt-bold textarea,
.fnt-normal,
strong,
.fnt-sbold,
.fnt-sbold h1,
.fnt-sbold h2,
.fnt-sbold h3,
.fnt-sbold h4,
.fnt-sbold h5,
h1.fnt-sbold,
h2.fnt-sbold,
h3.fnt-sbold,
h4.fnt-sbold,
h5.fnt-sbold,
.fnt-sbold input,
.fnt-sbold select,
.fnt-sbold textarea,
#BasketContainer h3,
#SeasonCardSelect .shows ul.tiles li.show .select-options select,
body #tix-seatpicker header .picker-title,
body #tix-seatpicker .overlay h3.ticket-type-header,
body #tix-seatpicker main aside .cart-content h3,
#PurchaseFields #GiftCardTitle,
#TicketSelectTitle,
b {
  font-family: var(--font-body);
  line-height: normal;
  font-weight: normal;
}

.fnt-sbold input,
.fnt-sbold select,
.fnt-sbold textarea {
  font-weight: 600;
}

.validation-summary-errors,
.field-validation-error,
a.terms-and-conditions.validation-error {
  color: var(--color-error);
}

input[type="text"].input-validation-error,
input[type="email"].input-validation-error,
input[type="tel"].input-validation-error,
input[type="date"].input-validation-error,
input[type="password"].input-validation-error,
textarea.input-validation-error,
.field-validation-error > span {
  border-color: var(--color-error);
  background-image: url(Images/alert.svg);
}

#TicketSelector .price-zone-dropdown h3,
#EventSelector td.name,
#TicketResultText,
.item-list .results-header .title h2,
.item-list .results-container .results-items .title h2,
.product-popup-title h2,
.basket-recommendation-container .title,
.purchase-info-heading,
#ReceiptContainer .receipt-suggestion-header,
#ReceiptContainer .receipt-wrapper .left-container > h3,
#SiteHead2 .headtexttitle h1,
#EventSelector .selection-heading th,
.item-list .results-summary-container .total-line,
.item-list .results-summary-container .total-line .fnt-bold,
.event-group-note h2,
#MembershipList .membership-card h3,
#MembershipList .membership-card .price,
#PurchaseFields #CardTitle,
#GiftCardStatusContainter h2 {
  font-family: var(--font-heading);
  font-weight: 400;
  text-transform: uppercase;
}

.event-group-suggestion-wrapper {
  display: none;
}

#GiftCardDescription {
  margin: 0 auto;
  max-width: 30rem;
  font-size: 1rem;
  text-align: center;
}

.currency-rate {
  white-space: nowrap;
}

.profile-content-block-heading,
.content-inline-heading,
.content-table-heading th {
  font-size: 2rem;
  color: var(--color-primary-black);
}

.input-line {
  display: block;
  margin: 0;
}

#skipToContent {
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  padding: 0.3125rem 0.625rem;
  border-radius: 0 0 0.25rem 0.25rem;
  color: var(--color-primary-white);
  background: var(--color-primary-black);

  color: var(--color-primary-black);
  background: var(--color-primary-white);

  text-decoration: none;
  font-weight: normal;
  transition: transform 0.4s ease-in-out;
}

#skipToContent:hover {
  text-decoration: underline;
}

#skipToContent:focus {
  top: 0;
  transform: translate(-50%, 0%);
}

#PurchaseLogin h2 {
  font-size: clamp(1.2rem, 2vw, 2rem);
}

#ProfileFields #SignInLocal .profile-input-line label,
#MembershipList .donation-price-input-label,
#GiftCardInfo .gift-card-input-container dl dt label,
#PurchaseFields dl dt label,
.input-line label,
#RegisterFields label {
  display: block;
  margin-bottom: 0.5em;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-primary-black);
}

.giftcard-status-form-wrapper > label {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-primary-black);
}

.input-line > div:first-child {
  position: static;
}

.input-line > div:first-child label {
  margin-bottom: 0.8em;
  font-size: 1rem !important;
  font-weight: bold !important;
  text-align: left;
}

@media only screen and (max-width: 600px) {
  .input-line > div:first-child label {
    font-size: 0.8rem !important;
    color: var(--color-primary-black);
  }
}

.input-line label.required-field:before {
  display: none;
}

.input-line label.required-field:after {
  content: " *";
  color: var(--color-error);
}

.input-line > div:last-child {
  column-gap: 1rem;
}

@media only screen and (max-width: 600px) {
  #password-panel-wrapper > div,
  .customer-info {
    margin-bottom: 2rem;
  }

  .input-line > .multi-input:last-child {
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap: 1rem;
  }

  .input-line .multi-input > div.el-content > div:first-child {
    position: static;
  }

  .input-line .multi-input > div.el-content > div:first-child label {
    margin-bottom: 0.8em;
    font-size: 1rem;
    font-size: 0.8rem;
    font-weight: bold;
  }

  #BuyerInfo .customer-info {
    margin-bottom: 0;
  }
}

.button,
.button-small,
.button-icon {
  border-radius: 0;
}

#ProfileFields #SignInLocal input,
#ForgotPassword input[type="text"],
#ForgotPassword input[type="password"],
#ForgotPassword input[type="email"],
.input-line input:not([type="checkbox"]),
#PurchaseFields dl dd input[type="text"],
#PurchaseFields dl dd input[type="email"],
#PurchaseFields dl dd input[type="tel"],
#MembershipList .donation-price-input,
#GiftCardStatusContainter input,
#SpecialOfferPW,
#SpecialOfferPW,
.input-line select,
#RegisterFields input[type="text"],
#RegisterFields input[type="email"],
#RegisterFields input[type="password"],
#SeasonCardSelect .shows ul.tiles li.show .select-options select {
  margin-top: 0;
  padding: 0.75em;
  border-radius: 0;
  border-color: var(--color-primary-black);
  font-size: 1rem;
  line-height: 1.5em;
  height: auto;
  box-shadow: none;
}

.profile-input-line:has(input[aria-required="true"]) label:after {
  content: " *";
  color: var(--color-error);
}

form:has(input[aria-required="true"]):before {
  content: "Felter som er markert med * må fyllast ut.";
  display: block;
  font-size: smaller;
  margin-bottom: 25px;
}

/** #TODO **/
@media only screen and (max-width: 600px) {
  #ProfileFields #SignInLocal input,
  #ForgotPassword input[type="text"],
  #ForgotPassword input[type="password"],
  #ForgotPassword input[type="email"],
  .input-line input:not([type="checkbox"]),
  #PurchaseFields dl dd input[type="text"],
  #PurchaseFields dl dd input[type="email"],
  #PurchaseFields dl dd input[type="tel"],
  #MembershipList .donation-price-input,
  #GiftCardStatusContainter input,
  #SpecialOfferPW,
  #SpecialOfferPW,
  .input-line select,
  #RegisterFields input[type="text"],
  #RegisterFields input[type="email"],
  #RegisterFields input[type="password"],
  #SeasonCardSelect .shows ul.tiles li.show .select-options select {
    padding: 0.5em;
    font-size: 0.9rem;
  }
}

.secondary-c-button,
#SeasonCardSelect .btn-secondary,
#ProductSelect .btn-secondary,
#SelectContainer .ticket-selector-button,
body #tix-seatpicker .mobile-seatpicker-header a,
.refund-options .secondary-c-button,
.basket-recommendation-container
  .recommendation-card
  .primary-c-button-secondary,
.price-and-counter .primary-c-button,
.event-group-suggestion,
.price-and-counter .btn-secondary,
#ProfileFields #SignInLocal input,
#ForgotPassword input[type="text"],
#ForgotPassword input[type="password"],
#ForgotPassword input[type="email"],
#EventFilter > div > a,
#EventFilter .ticket-types-inline-picker,
.input-line input:not([type="checkbox"]),
#SpecialOfferPW,
#EventFilter .day-of-week-select .weekday-name > a:not(.primary-border-c),
#EventFilter .seat-rank-select .seat-quality > a:not(.primary-border-c),
#MembershipList .membership-card .purchase-button .membership-button,
#TicketSelector .ticket-count .plus-button,
#TicketSelector .ticket-count .minus-button,
#GiftCardSelector .plus,
#GiftCardSelector .minus,
#TicketSelector .select-zone,
#GiftCardStatusContainter input,
#FindTickets,
#SaveProfile,
#SaveProfilePassword,
body
  #tix-seatpicker
  .overlay
  #TicketTypeSelect
  .ticket-type-list
  .row
  > div:last-child
  button,
body #tix-seatpicker .overlay button.overlay-close,
body #tix-seatpicker .cart-total-and-submit .primary-c-button,
.giftcard-status-message-wrapper button.button,
.view-seats-button,
#PurchaseFields dl dd input[type="text"],
#PurchaseFields dl dd input[type="email"],
#PurchaseFields dl dd input[type="tel"],
.input-line select,
#RegisterFields input[type="text"],
#RegisterFields input[type="email"],
#RegisterFields input[type="password"],
#SeasonCardSelect .shows ul.tiles li.show .select-options select {
  transition: all 0.2s ease-in-out;
}

.secondary-c-button:focus,
#SeasonCardSelect .btn-secondary:focus,
#ProductSelect .btn-secondary:focus,
#SelectContainer .ticket-selector-button:focus,
body #tix-seatpicker .mobile-seatpicker-header a:focus,
.refund-options .secondary-c-button:focus,
.basket-recommendation-container
  .recommendation-card
  .primary-c-button-secondary:focus,
.price-and-counter .primary-c-button:focus,
.event-group-suggestion:focus,
.price-and-counter .btn-secondary:focus,
#ProfileFields #SignInLocal input:focus,
#ForgotPassword input[type="text"]:focus,
#ForgotPassword input[type="password"]:focus,
#ForgotPassword input[type="email"]:focus,
#EventFilter > div > a:focus,
#EventFilter .ticket-types-inline-picker:focus,
.input-line input:not([type="checkbox"]):focus,
#GiftCardStatusContainter input:focus,
#SpecialOfferPW:focus,
#EventFilter .day-of-week-select .weekday-name > a:not(.primary-border-c):focus,
#EventFilter .seat-rank-select .seat-quality > a:not(.primary-border-c):focus,
#TicketSelector .ticket-count .plus-button:focus,
#TicketSelector .ticket-count .minus-button:focus,
#MembershipList .membership-card .purchase-button .membership-button:focus,
#TicketSelector .select-zone:focus,
#GiftCardSelector .plus:focus,
#GiftCardSelector .minus:focus,
#FindTickets:focus,
#SaveProfile:focus,
#SaveProfilePassword:focus,
.giftcard-status-message-wrapper button.button:focus,
body
  #tix-seatpicker
  .overlay
  #TicketTypeSelect
  .ticket-type-list
  .row
  > div:last-child
  button:focus,
body #tix-seatpicker .overlay button.overlay-close:focus,
body #tix-seatpicker .cart-total-and-submit .primary-c-button:focus,
#PurchaseFields dl dd input[type="text"]:focus,
#PurchaseFields dl dd input[type="email"]:focus,
#PurchaseFields dl dd input[type="tel"]:focus,
.view-seats-button:focus,
.input-line select:focus,
#RegisterFields input[type="text"]:focus,
#RegisterFields input[type="email"]:focus,
#RegisterFields input[type="password"]:focus,
#SeasonCardSelect .shows ul.tiles li.show .select-options select:focus {
  border-color: var(--color-primary-black) !important;
  outline: 2px solid #000;
  outline-offset: 5px;
}

#PurchaseFields .voucher-code.success input[type="text"] {
  font-weight: bold !important;
  color: var(--color-success);
  background-image: url(Images/success.svg);
  background-repeat: no-repeat;
  background-position: center left 0.5rem;
  padding-left: 2.5rem;
}

input[type="text"].input-validation-error,
input[type="email"].input-validation-error,
input[type="tel"].input-validation-error,
input[type="date"].input-validation-error,
input[type="password"].input-validation-error,
textarea.input-validation-error,
.field-validation-error > span {
  border-color: var(--color-error);
  background-image: url(Images/alert.svg);
}

.input-line:not(:first-of-type) {
  margin-top: 0;
}

.input-line .multi-line > div:empty {
  display: none;
}

.input-line .multi-input > div > div:first-child {
  top: 0.8rem;
  overflow: hidden;
}

@media only screen and (max-width: 600px) {
  .input-line .multi-input > div > div:first-child {
    top: 0.5rem;
  }
}

.input-line .multi-input > div.el-content > div:first-child {
  top: 0.3rem;
  left: auto;
  right: 0.3rem;
}

.input-line.checkbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}

.input-line.checkbox div:first-child {
  flex: 1 1 auto;
}

.input-line.checkbox div:first-child label {
  margin-bottom: 0;
}

.input-line.checkbox div:last-child {
  display: inline-flex;
  margin: 0;
  width: auto;
  flex: 0 0 1.125rem;
}

#SelectContainer .ticket-selector-button,
.refund-options .secondary-c-button,
#SaveProfile,
#SaveProfilePassword,
#BackToSelect,
#ContinueDelivery,
#ContinuePurchase,
#SpecialOfferPassword,
.giftcard-button-wrapper .button,
#GiftCardContinue,
#BackToTickets,
#GetPdf,
#GetProductPdf,
#GetMobile,
#ProfileBar a.sign-out,
#BasketButtons .primary-c-button,
#BasketButtons .primary-c-button-2,
#FloatingBasketButtons .primary-c-button,
body #tix-seatpicker .cart-btn-submit-container button,
#ForgotPassword button[type="submit"],
#ProfileFields #RegisterProfile,
#ProfileFields #RegisterProfile + button,
#MembershipList .membership-card .purchase-button .membership-button,
.giftcard-status-message-wrapper button.button,
body
  #tix-seatpicker
  .overlay
  #TicketTypeSelect
  .ticket-type-list
  .row
  > div:last-child
  button,
#ProfileContainer .profile-content .pay-button,
#VIPPSInfo .rcol .button-small,
#FloatingBasketButtons .primary-c-button-2 {
  box-sizing: border-box;
  border-radius: 0;
  padding: 0 2rem !important;
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.02rem;
  font-weight: normal;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

#SelectContainer .ticket-selector-button:focus,
#SaveProfile:focus,
#SaveProfilePassword:focus,
#BackToSelect:focus,
.giftcard-button-wrapper .gc-status-venobox:focus,
#ContinueDelivery:focus,
#ContinuePurchase:focus,
#SpecialOfferPassword:focus,
#GiftCardContinue:focus,
#BackToTickets:focus,
#GetPdf:focus,
#GetProductPdf:focus,
#GetMobile:focus,
#ProfileBar a.sign-out:focus,
#BasketButtons .primary-c-button:focus,
#BasketButtons .primary-c-button-2:focus,
#ProfileFields #RegisterProfile:focus,
#ProfileFields #RegisterProfile + button:focus,
#ForgotPassword button[type="submit"]:focus,
#FloatingBasketButtons .primary-c-button:focus,
#VIPPSInfo .rcol .button-small:focus,
#ProfileContainer .profile-content .pay-button:focus,
#FloatingBasketButtons .primary-c-button-2:focus {
  outline: 2px solid var(--color-primary-black);
  outline-offset: 0.3125rem;
}

.secondary-c-button,
.price-and-counter .secondary-c-button,
#SeasonCardSelect .btn-secondary,
#ProductSelect .btn-secondary,
.refund-options .secondary-c-button,
#ContinuePurchase,
#SpecialOfferPassword,
#FindGiftCard,
#VoucherCodeInfo .secondary-c-button,
#GiftCardContinue {
  color: var(--color-primary-white);
  background: var(--color-primary-black);
}

.secondary-c-button:hover,
.price-and-counter .secondary-c-button:hover,
#SeasonCardSelect .btn-secondary:hover,
#ProductSelect .btn-secondary:hover,
.refund-options .secondary-c-button:hover,
#ContinuePurchase:hover,
#SpecialOfferPassword:hover,
#VIPPSInfo .rcol .button-small:hover,
#FindGiftCard:hover,
#VoucherCodeInfo .secondary-c-button:hover,
.giftcard-status-message-wrapper button.button:not(.disabled):hover,
#GiftCardContinue:hover {
  color: var(--color-primary-white);
  background: var(--color-primary-black-light);
}

#SaveProfile,
#SaveProfilePassword {
  border: none;
  min-width: 9.5rem;
  background: var(--color-primary-black);
}

#SaveProfile,
#SaveProfilePassword,
body #tix-seatpicker .cart-total-and-submit .primary-c-button {
  background: var(--color-primary-black);
}

#SaveProfile:hover,
#SaveProfilePassword:hover,
body #tix-seatpicker .cart-total-and-submit .primary-c-button:hover {
  background: var(--color-primary-black-light);
}

#GetPdf:focus,
#GetProductPdf:focus,
#GetMobile:focus,
#SaveProfile:focus,
#SaveProfilePassword:focus {
  outline: 2px solid var(--color-primary-black);
  outline-offset: 0.3125rem;
}

#SelectContainer .ticket-selector-button,
.basket-recommendation-container
  .recommendation-card
  .primary-c-button-secondary,
#ProfileContainer .profile-content .pay-button,
#FindTickets,
#GetPdf,
#GetProductPdf,
#GetMobile,
#ContinueDelivery,
#BasketButtons .primary-c-button,
#FloatingBasketButtons .primary-c-button,
#MembershipList .membership-card .purchase-button .membership-button,
#FindSeasonCardContainer .find-subscription #FindSubscription,
.ticket-type-list .primary-c-button {
  border: none;
  color: var(--color-primary-white);
  background: var(--ticket-background);
  background-color: transparent;
}

#FindSeasonCardContainer .find-subscription.disable #FindSubscription {
  opacity: 0.2;
}

#SelectContainer .ticket-selector-button:hover,
.basket-recommendation-container
  .recommendation-card
  .primary-c-button-secondary:hover,
#ProfileContainer .profile-content .pay-button:hover,
#FindTickets:hover,
#GetPdf:hover,
#GetProductPdf:hover,
#GetMobile:hover,
#ContinueDelivery:hover,
#BasketButtons .primary-c-button:hover,
#FloatingBasketButtons .primary-c-button:hover,
#MembershipList .membership-card .purchase-button .membership-button:hover,
.ticket-type-list .primary-c-button:hover {
  background: var(--ticket-background-hover);
  background-color: transparent;
}

.price-and-counter .primary-c-button,
#TicketSelector .ticket-count .plus-button,
#GiftCardSelector .plus,
#GiftCardSelector .minus,
#ProfileFields #RegisterProfile + button,
#TicketSelector .ticket-count .minus-button {
  background: var(--color-primary-black);
}

.price-and-counter .primary-c-button:hover,
#TicketSelector .ticket-count .plus-button:hover,
#GiftCardSelector .plus:hover,
#GiftCardSelector .minus:hover,
#ProfileFields #RegisterProfile + button:hover,
#ForgotPassword button[type="submit"]:hover,
#TicketSelector .ticket-count .minus-button:hover {
  background: var(--color-primary-black-light);
}

.price-and-counter .primary-c-button,
.price-and-counter .btn-secondary {
  border-radius: 0;
}

#SaveProfile svg,
#SaveProfilePassword svg,
#BackToSelect svg,
.giftcard-button-wrapper .gc-status-venobox svg,
#ContinueDelivery svg,
#ContinuePurchase svg,
#SpecialOfferPassword svg,
#BasketButtons .primary-c-button svg,
#FloatingBasketButtons .primary-c-button svg,
.giftcard-status-message-wrapper button.button svg,
#ProfileFields #RegisterProfile svg,
#GetPdf svg path:first-child,
#GetProductPdf svg path:first-child,
#GetMobile svg path:nth-child(2),
#GetMobile svg path:nth-child(3),
#GetMobile svg circle,
#BackToTickets svg {
  transition: transform 0.2s ease-in-out;
}

#SaveProfile:hover svg,
#SaveProfilePassword:hover svg,
#ContinueDelivery:hover svg,
#ContinuePurchase:hover svg,
#SpecialOfferPassword:hover svg,
#BasketButtons .primary-c-button:hover svg,
.giftcard-status-message-wrapper button.button:not(.disabled):hover svg,
#FloatingBasketButtons .primary-c-button:hover svg {
  transform: translateX(0.3rem);
}

#ProfileBar {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

#ProfileBar:after {
  display: none;
}

#ProfileBar a.sign-out {
  margin-top: 0;
}

#PasswordSaved {
  border: none;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  color: var(--color-primary-white);
  background: var(--color-success-dark);
}

#PasswordSaved.showing {
  display: flex;
}

@media only screen and (max-width: 480px) {
  #ProfileContainer a.sign-out,
  #ProfileSaved,
  #PasswordSaved {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 550px) {
  #ProfileBar {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}

#FindGiftCard {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.625rem;
}

#FindGiftCard svg {
  display: none;
}

#FindGiftCard:after {
  content: "";
  display: block;
  width: 1.25rem;
  aspect-ratio: 20 / 24;
  background: url(Images/gift.svg) no-repeat;
  background-size: contain;
}

#GetPdf svg,
#GetProductPdf svg,
#GetMobile svg {
  overflow: visible;
}

#GetProductPdf svg path:first-child,
#GetPdf svg path:first-child {
  transform: translateY(-3px);
}

#GetProductPdf:hover svg path:first-child,
#GetPdf:hover svg path:first-child {
  transform: translateY(0px);
}

#GetMobile svg path:nth-child(2),
#GetMobile svg path:nth-child(3),
#GetMobile svg circle {
  transform-origin: center;
  transform: scale(1.1);
}

#GetMobile:hover svg path:nth-child(2),
#GetMobile:hover svg path:nth-child(3),
#GetMobile:hover svg circle {
  transform: scale(1);
}

.giftcard-button-wrapper .gc-status-venobox,
#BackToSelect {
  background: var(--color-primary-white);
}

.giftcard-button-wrapper .gc-status-venobox:hover,
#ProfileFields #RegisterProfile:hover,
#BackToSelect:hover {
  color: var(--color-primary-black);
  background: var(--color-primary-gray-50);
}

.giftcard-button-wrapper .gc-status-venobox {
  column-gap: 0.625rem;
}

.giftcard-button-wrapper .gc-status-venobox svg {
  display: none;
}

.giftcard-button-wrapper .gc-status-venobox:after {
  content: "";
  display: block;
  width: 1.25rem;
  aspect-ratio: 20 / 24;
  background: url(Images/gift-black.svg) no-repeat;
  background-size: contain;
}

#BackToTickets:hover {
  color: var(--color-primary-black);
  background: var(--color-primary-gray-50);
}

#BackToSelect:hover svg,
#BackToTickets:hover svg {
  transform: translateX(-0.3rem);
}

#ContinueDelivery svg {
  display: none;
}

#BasketButtons {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

#BasketButtons .col-3 {
  grid-column: auto / span 3;
  width: auto;
}

#BasketButtons .col-6 {
  grid-column: auto / span 6;
  width: auto;
}

@media only screen and (max-width: 480px) {
  #BasketButtons .col-s-12 {
    grid-column: auto / span 12;
    width: auto;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  #BasketButtons .col-m-1 {
    grid-column: auto / span 1;
    width: auto;
  }
  #BasketButtons .col-m-5 {
    grid-column: auto / span 5;
    width: auto;
  }
  #BasketButtons .col-m-6 {
    grid-column: auto / span 6;
    width: auto;
  }
}

@media only screen and (min-width: 767px) and (max-width: 902px) {
  #BasketButtons .col-3 {
    grid-column: auto / span 4;
  }

  #BasketButtons .col-6 {
    grid-column: auto / span 4;
  }
}

#BasketButtons .primary-c-button,
#BasketButtons .primary-c-button-2,
#FloatingBasketButtons .primary-c-button,
#FloatingBasketButtons .primary-c-button-2 {
  box-sizing: border-box;
  justify-content: center;
  white-space: nowrap;
}

@media only screen and (min-width: 481px) {
  #BasketButtons .primary-c-button,
  #BasketButtons .primary-c-button-2,
  #FloatingBasketButtons .primary-c-button,
  #FloatingBasketButtons .primary-c-button-2 {
    width: min-content;
    min-width: 13.5rem;
  }

  #FloatingBasketButtons .primary-c-button,
  #BasketButtons .primary-c-button {
    margin-left: auto;
  }

  #BasketButtons .primary-c-button-2,
  #FloatingBasketButtons .primary-c-button-2 {
    margin-right: auto;
  }
}

#BasketButtons .primary-c-button-2:hover,
#FloatingBasketButtons .primary-c-button-2:hover {
  color: var(--color-primary-black);
  background: var(--color-primary-gray-50);
}

#FloatingBasketButtons .primary-c-button svg,
#BasketButtons .primary-c-button svg {
  display: none;
}

#SaveProfilePassword {
  display: inline-block;
  margin-top: 0;
  width: auto;
  justify-self: center;
  align-self: flex-end;
}

.button-container {
  justify-content: center;
  gap: 1.25rem;
}

.button-container > a {
  box-sizing: border-box;
}

@media screen and (min-width: 500px) {
  .button-container {
    flex-wrap: nowrap;
  }

  .button-container > a {
    flex: 0 1 50%;
    white-space: nowrap;
    max-width: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .button-container {
    flex-wrap: wrap;
  }

  .button-container > a {
    flex: 1 1 auto;
  }
}

.header-bg-c {
  color: var(--color-primary-black) !important;
  background: var(--color-primary-white) !important;
}

.fancybox-container .fancybox-content {
  border-radius: 0;
}

.fancybox-container .permission-description {
  padding: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  width: auto;
}

.fancybox-container .permission-description h4 {
  font-size: 1rem;
  font-weight: bold;
  line-height: normal;
}

.fancybox-container .permission-description ul {
  max-width: 31rem;
}

.fancybox-container .permission-description li {
  margin-bottom: 1em;
  padding-bottom: 0;
  line-height: normal;
}

.fancybox-container .permission-description li:last-child {
  margin-bottom: 0;
}

.fancybox-content .fancybox-button.fancybox-close-small {
  border-radius: 0;
  color: var(--color-primary-white);
}

#BasketContainer .results-container .results-items .title,
#CardSearchResults .results-container .results-items .title {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  gap: 0;
}

.item-list .results-header {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 100px;
}

#BasketContainer .results-container .results-items .title .info,
#CardSearchResults .results-container .results-items .title .info,
.item-list .results-header .title {
  margin-bottom: 0;
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}

#BasketContainer .results-container .results-items .title .info h2,
#CardSearchResults .results-container .results-items .title .info h2,
.item-list .results-header .title h2 {
  grid-column: 1 / span 2;
  grid-row: 1;
}

#BasketContainer .results-container .results-items .title .info .sub-title,
#CardSearchResults .results-container .results-items .title .info .sub-title,
.item-list .results-header .title .sub-title {
  grid-column: 1;
  grid-row: 2;
}

.item-list .results-header .total {
  grid-column: 1 / span 2;
  grid-row: 2 / span 2;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}

.item-list .results-header .total .prices {
  grid-row: 2;
  grid-column: 2;
  text-align: right;
  min-width: 0;
  align-self: flex-end;
}

.item-list .results-header .total .remove {
  display: none;
  grid-row: 2;
  grid-column: 2;
  justify-self: flex-end;
  align-self: center;
  margin-top: 1.5rem;
  width: auto;
  height: auto;
}

.item-list .results-header .total .prices .text {
  margin-bottom: 0.25rem;
  text-align: inherit;
  font-weight: 600;
}
.item-list .results-header .total .actions {
  margin-top: 1.5rem;
  grid-row: 2;
  grid-column: 1 / span 1;
}

#BasketContainer .results-container .results-items .title .actions,
#CardSearchResults .results-container .results-items .title .actions {
  margin-top: 1.5rem;
  margin-left: 0;
}

#BasketContainer .results-container .results-items .title .info h2,
#CardSearchResults .item-list .results-items .title .info h2 {
  font-size: 1.8rem !important;
}

.item-list .results-header .total .actions .view-seats-button,
.results-items .title .actions .view-seats-button {
  border: 1px solid var(--color-primary-black);
  background: transparent;
  width: auto;
  flex-direction: row-reverse;
  column-gap: 1rem;
}

.item-list .results-header .total .actions .view-seats-button:hover,
.results-items .title .actions .view-seats-button:hover {
  color: var(--color-primary-white);
  background: var(--color-seat-free-border);
}

.item-list .results-header .total .actions .view-seats-button span,
.results-items .title .actions .view-seats-button span {
  margin-right: 0;
}

.item-list .results-header .total .remove a,
.item-list .results-header .total .remove a:hover {
  padding: 0;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-primary-black);
  background-image: url(Images/close.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.item-list .results-header .total .remove a:hover {
  background-color: var(--color-primary-black-light);
  border-radius: 0;
}

.item-list .results-header .total .remove a svg {
  display: none;
}

.item-list .results-header .total .prices {
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .item-list .results-header {
    align-items: flex-end;
  }

  .item-list .results-header .total .prices {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.item-list .results-header .total .prices .total-price {
  font-size: 1rem;
  font-weight: 600;
}

.view-seats-button {
  border-radius: 0;
  font-size: 1rem;
  font-weight: normal;
  color: var(--color-primary-black);
  background-color: var(--color-primary-light-gray);
}

.view-seats-button:hover {
  background-color: var(--color-primary-gray-50);
}

.view-seats-button span {
  color: inherit;
  font-weight: normal;
}

.view-seats-button svg path {
  fill: currentColor;
  fill-opacity: 1;
}

.basket-rule-wrapper {
  border-radius: 0;
  border-color: var(--color-primary-gray);
}

.warning-message-type {
  border-left-color: var(--color-warning);
}

.danger-message-type {
  border-left-color: var(--color-error);
}

.success-message-type {
  border-left-color: var(--color-success);
}

.information-message-type {
  color: var(--color-primary-black);
}

.basket-message-container .message-area {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  background: var(--color-primary-light-gray);
}

#BasketContainer .basket-message-container h3 {
  text-align: left;
}

.basket-recommendation-container {
  background: var(--color-primary-light-gray);
}

.basket-recommendation-container .recommendation-card {
  border-radius: 0;
  border: none;
}

.basket-recommendation-container .title {
  font-size: 1.5rem;
  line-height: normal;
}

.basket-recommendation-container .date,
.basket-recommendation-container .subtitle {
  margin: 0;
  margin-bottom: 1.125rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  color: var(--color-font);
}

.basket-recommendation-container .date {
  border-top: 1px solid var(--color-primary-gray);
  border-bottom: 1px solid var(--color-primary-gray);
  padding: 1.125rem 0;
}

.basket-recommendation-container .recommendation-image {
  border-radius: 0;
  margin: 0;
  padding: 0;
  aspect-ratio: 378 / 228;
  width: 100%;
  height: auto;
}

.basket-recommendation-container .info-area {
  padding: 2rem;
  text-align: center;
}

.basket-recommendation-container
  .recommendation-card
  .primary-c-button-secondary {
  border-radius: 0;
  align-self: center;
}

#header {
  box-sizing: border-box;
  display: grid;
  clear: none;
  padding: 0 1.25rem;
}

#content {
  padding: 2.5rem 1.25rem 6.25rem;
}

.site-header-padding {
  height: 8rem;
}

@media only screen and (max-width: 480px) {
  .site-header-padding {
    height: 6.25rem;
  }
}

#FooterSocial {
  display: none;
}

#ProfileContainer .profile-content-block,
#BuyerInfo,
#WebUserCreate,
#PermissionInfo,
#GiftCardInfo,
#VoucherCodeInfo {
  margin-top: 0;
  margin-bottom: 2.5rem;
  padding: 2.5rem;
}

#WebUserCreate #WebUserCreateCheckBox {
  display: none;
}

#WebUserCreate .web-user-create-info {
  display: block !important;
  height: auto !important;
}

#WebUserCreate .web-user-create-info .input-line > div.multi-label label {
  display: block;
}

#BuyerInfo .mobile-desc {
  margin-top: -0.8rem !important;
  margin-left: 0 !important;
  font-size: 0.8rem !important;
}

@media only screen and (max-width: 600px) {
  #ProfileContainer .profile-content-block,
  #BuyerInfo,
  #WebUserCreate,
  #PermissionInfo,
  #GiftCardInfo,
  #VoucherCodeInfo {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 1.25rem;
  }

  #BuyerInfo .mobile-desc {
    font-size: 0.6rem !important;
  }
}

#TermsInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  margin: 0 0 2rem 0;
  padding: 1.25rem !important;
  background-color: var(--color-theme-green-light);
}

#TermsInfo dl {
  width: auto;
}

#TermsInfo dl dd.tnc-container {
  padding: 0;
  line-height: normal;
}

#TermsInfo .clear {
  display: none;
}

#div-terms:empty {
  display: none;
}

#SignInSocial,
#ProfileFields > h5 {
  display: none !important;
}

.header-c-gradient-right::before {
  display: none;
}

#SiteHead2 .headbackbutt {
  display: none;
}

#SiteHead2 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: auto auto;
  column-gap: 1rem;
  row-gap: 1rem;
  row-gap: 0.625rem;
  border: none;
  padding-bottom: 1rem;
  padding-bottom: 0.625rem;
  height: auto;
  background: var(--color-primary-white);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
  z-index: 11;
}

#SiteHead2 > * {
  display: block;
  box-sizing: border-box;
}

#SiteHead2 .profile-language-bar {
  position: relative;
  grid-column: 1 / span 3;
  grid-row: 1;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0 1.5rem;
  height: 2.5rem;
  background: black;
}

#SiteHead2 .profile-language-bar .language-currency-link {
  display: none;
}

#SiteHead2 .profile-language-bar > a > span > svg,
#SiteHead2 .profile-language-bar > a > span > svg {
  display: none;
}

#SiteHead2 .profile-language-bar > a > span:first-child {
  display: block;
  margin-right: 0.625rem;
  width: 1.2rem;
  aspect-ratio: 21 / 20;
  background-image: url(Images/profile.svg) !important;
  background-size: cover;
}

@media only screen and (max-width: 480px) {
  #SiteHead2 .profile-language-bar {
    top: auto;
    right: auto;
  }

  #SiteHead2 .profile-language-bar > a {
    width: auto;
    height: auto;
  }

  #SiteHead2 .profile-language-bar #ProfileName {
    display: block;
  }
}

#SiteHead2 .profile-language-bar > a {
  color: var(--color-primary-white) !important;
  background: transparent !important;
}

@media only screen and (max-width: 480px) {
  #SiteHead2 .profile-language-bar > a {
    border: none;
  }
}

#SiteHead2 a[href="https://www.detnorsketeatret.no/"],
#SiteHead2 a[href="https://dnt-stage.george.no/"]
{
  grid-row: 2;
  grid-column: 1;
  align-self: center;
  justify-self: flex-start;
  padding-left: 1.5rem;
}

#SiteHead2 h1.logo {
  display: block;
  float: none;
  margin: 0;
  width: 7.0625rem;
  width: 5rem;
  width: 4.375rem;
  height: auto;
  aspect-ratio: 359 / 192;
  color: transparent;
  background-image: url(Images/dnt-logo.svg) !important;
  background-position: top left;
  background-size: cover;
  font-size: 0.01;
}

.headtexttitle p {
  line-height: normal;
  font-weight: 400;
}

#SiteHead2 .headtexttitle {
  grid-row: 2;
  grid-column: 2;
  align-self: center;
  justify-self: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  font-size: 1.75rem;

  line-height: normal;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--font-color);
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  #SiteHead2 .headtexttitle {
    position: static;
    font-size: 1.2rem;
    border: none;
    width: 100%;
    text-indent: 0;
  }
}

@media only screen and (max-width: 800px) {
  #SiteHead2 .headtexttitle {
    display: none;
    font-size: 1.2rem;
  }
}

#SiteHead2 .headtexttotal {
  position: relative;
  right: auto;
  flex-direction: row;
  align-items: center;
  align-self: center;
  justify-self: flex-end;
  column-gap: 1rem;
  grid-row: 2;
  grid-column: 3;
  margin: 0;
  padding: 0 1.5rem 0 0;
  height: auto;
  font-size: 1rem;
  font-weight: 400;
}

body:has(#EventSelector) #SiteHead2 .headtexttotal {
  display: none;
}

@media only screen and (max-width: 1034px) {
  #SiteHead2 .headtexttotal {
    font-size: 1rem;
    column-gap: 0.5rem;
  }
}

#SiteHead2 .headtexttotal svg {
  display: none;
}

#SiteHead2 .headtexttotal .tickets {
  display: flex;
  align-items: center;
  column-gap: 0.3rem;

  font-size: inherit;
}

#SiteHead2 .headtexttotal .tickets .basket-items {
  white-space: nowrap;
}

#SiteHead2 .headtexttotal .tickets:before {
  display: block;
  content: "\e805";
  position: static;
  width: auto;
  height: auto;
  font-family: "dnt-icons";
  font-size: 1.2em;
  line-height: 1;
}

#SiteHead2 .headtexttotal * {
  line-height: normal;
}

#SiteHead2 .headtexttotal .total {
  margin: 0;
  white-space: nowrap;
  font-size: inherit;
}

#SiteHead2 .headtexttotal .expires {
  margin-left: 0;
  margin: 0;
  padding: 0;
  column-gap: 0.3rem;
  height: auto;
  min-width: 0;
  font-size: inherit;
  color: var(--font-color);
  background: none;
}

#SiteHead2 .headtexttotal .expires span {
  padding: 0;
  min-width: 0;
}

#SiteHead2 .headtexttotal .expires svg {
  display: block;
  width: 1.5rem;
  height: auto;
  aspect-ratio: 18 / 17;
  overflow: visible;
}

@media only screen and (max-width: 1034px) {
  #SiteHead2 .headtexttotal .total {
    margin: 0;
    padding: 0;
  }

  #SiteHead2 .headtexttotal .expires {
    min-width: 0;
  }

  #SiteHead2 .headtexttotal .expires svg {
    width: 1rem;
  }
}

#ProfileContainer .profile-content-heading {
  font-family: var(--font-body);
  font-size: 2.5rem;
  font-weight: normal;
  line-height: normal;
}

#ProfileContainer .profile-content .card-body {
  padding: 1.25rem;
}

@media screen and (min-width: 700px) {
  #ProfileContainer .profile-content .card-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 10rem);
  }

  #ProfileContainer .profile-content .card-text-section {
    grid-row: 1;
    grid-column: 1 / span 2;
  }

  #ProfileContainer #ProfileOffers .card-button-section,
  #ProfileContainer #ProfileOrders .card-button-section {
    grid-row: 1;
    grid-column: 2;
  }
}

@media screen and (min-width: 1024px) {
  #ProfileContainer .profile-content .card-body {
    display: flex;
  }
}

#ProfileContainer .profile-content .reserved-ticket-order,
#ProfileContainer .profile-content .sold-ticket-order {
  height: auto;
}

#ProfileContainer .profile-content .reserved-ticket-order .card-body,
#ProfileContainer .profile-content .sold-ticket-order .card-body {
  height: auto;
}

#ProfileContainer .profile-content .reservation-date,
#ProfileContainer .profile-content .order-date {
  line-height: normal;
}

@media screen and (min-width: 1024px) {
  #ProfileContainer .profile-content-heading {
    font-size: 3rem;
  }
}

#ProfileContainer .profile-content .pay-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  padding: 0 2rem;
  height: 3.125rem;
  font-size: 1rem;
  white-space: nowrap;
}

#ProfileContainer .profile-content .reservation-note-button {
  display: none;
}

#ProfileBar #BottomBorder {
  display: none;
}

#ProfileContainer .profile-sub-bar li button {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  text-align: left;
  font-weight: normal !important;
  font-size: 1.5rem;
  color: var(--font-color);
  cursor: default;
}

#ProfileContainer .profile-sub-bar li button span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: static;
  margin: 0;
  width: 30px;
  height: 30px;
  font-size: 0.7em;
  border-color: var(--color-primary-black);
}

#ProfileContainer .profile-content-block {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}

@media screen and (min-width: 1024px) {
  #ProfileContainer .profile-content-block {
    row-gap: 2rem;
  }

  #ProfileContainer .profile-content-heading {
    row-gap: 2rem;
  }
}

#ProfileContainer .profile-content .sold-ticket-order,
#ProfileContainer .profile-content .reserved-ticket-order,
#ProfileContainer .profile-content .sold-giftcard-order {
  align-items: stretch;
  margin-bottom: 0;
  border-radius: 0;
  background-color: var(--color-primary-light-gray);
}

@media screen and (min-width: 700px) {
  #ProfileContainer .profile-content .sold-ticket-order,
  #ProfileContainer .profile-content .reserved-ticket-order,
  #ProfileContainer .profile-content .sold-giftcard-order {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
}

@media screen and (min-width: 1100px) {
  #ProfileContainer .profile-content .sold-ticket-order,
  #ProfileContainer .profile-content .reserved-ticket-order,
  #ProfileContainer .profile-content .sold-giftcard-order {
    grid-template-columns: 18rem minmax(0, 1fr);
  }
}

#ProfileContainer .profile-content .order-image {
  border-radius: 0;
  width: auto;
  height: auto;
}

#ProfileContainer .profile-content .order-reference {
  color: var(--font-color);
}

#ProfileContainer .profile-content .order-title {
  margin-bottom: 0.3rem;
  font-family: var(--font-heading);
  font-size: 1.375rem;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 0.9;
  color: var(--font-color);
}

#BuyingHead {
  padding-bottom: 2.5rem;
  font-size: clamp(2rem, 2.5vw, 3rem);
  color: var(--font-color) !important;
  background: none;
}

@media only screen and (max-width: 600px) {
  #BuyingHead {
    padding-bottom: 0;
  }

  #PurchaseFields #BuyerTitle {
    padding-top: 0;
    padding-bottom: 0.8rem;
  }

  #ProfileContainer .profile-content .pay-button {
    width: 100%;
  }
}

#BuyingSteps {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-self: stretch;
  border: 1px solid var(--color-primary-gray);
  padding: 0;
  width: 100%;
  max-width: 600px;
  display: none;
}

@media only screen and (max-width: 480px) {
  #BuyingSteps {
    display: none;
  }
}

#BuyingSteps .steps {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 2rem;
  padding: 0.75rem 1rem;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1em;
  min-height: 48px;
  background-color: var(--color-primary-light-gray);
}

#BuyingSteps .steps:first-child {
  padding-left: 2rem;
}

#BuyingSteps .steps:before,
#BuyingSteps .steps:after {
  content: "";
  display: block;
  display: none;
  position: absolute;
  top: -1px;
  left: 100%;
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-left-color: var(--color-primary-light-gray);
  border-left-width: 10px;
}

#BuyingSteps .steps:before {
  left: calc(100% + 1px);
  border-left-color: var(--color-primary-gray);
}

#BuyingSteps .steps .text {
  margin: 0;
  vertical-align: middle;
  color: var(--font-color);
}

#BuyingSteps div.icon {
  display: none;
}

#BuyingSteps .steps.active {
  z-index: 1;
  background-color: var(--color-primary-light-gray);
  overflow: visible;
}

#BuyingSteps .steps.active:before,
#BuyingSteps .steps.active:after {
  display: block;
}

#BuyingSteps .steps.active + .steps,
#BuyingSteps .steps.active + .steps + .steps,
#BuyingSteps .steps.active + .steps + .steps + .steps,
#BuyingSteps .steps.active + .steps + .steps + .steps + .steps,
#BuyingSteps .steps.active + .steps + .steps + .steps + .steps + .steps {
  background-color: transparent;
}

#BuyingSteps > .steps.active:last-child:before,
#BuyingSteps > .steps.active:last-child:after {
  display: none;
}

#EventFilter {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  column-gap: 1rem;
  font-size: 1rem;
  border-color: var(--color-primary-gray);
}

#EventFilter > div > a.ticket-types-inline-select {
  padding: 10px 12px 10px 20px;
}

#EventFilter > div {
  margin: 0;
}

#EventFilter .filter-text {
  position: static;
  font-size: 1rem;
  width: 100%;
}

#EventFilter .filter-button.active {
  border: 1px solid black;
  box-shadow: none;
}

#EventFilter > div > a,
#EventFilter .ticket-types-inline-picker {
  border-radius: 0;
  border-color: var(--color-primary-gray);
  font-size: 1rem;
  font-weight: 400;
}

#EventFilter > div > a:hover {
  background-color: var(--color-primary-light-gray);
}

#EventFilter > div > div.filter-drop-down {
  box-sizing: border-box;
  left: 0 !important;
  width: 100%;
}

@media screen and (min-width: 481px) {
  #EventFilter > div > div.filter-drop-down {
    box-sizing: content-box;
    width: 250px;
    left: 50% !important;
    transform: translateX(-50%);
  }
}

#EventFilter .filter-drop-down .rectangle {
  left: 50% !important;
  transform: translateX(-50%);
}

#EventFilter .day-of-week-select h3,
#EventFilter .seat-rank-select h3 {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 300;
}

#EventFilter .clear-filter > a {
  color: var(--color-primary-black);
  background-color: var(--color-primary-light-gray);
  font-weight: 400;
  opacity: 1;
}

#EventFilter .clear-filter > a:hover {
  background-color: var(--color-primary-gray-50);
  opacity: 1;
}

#EventFilter .day-of-week-select .weekday-name > a,
#EventFilter .seat-rank-select .seat-quality > a {
  border-radius: 0;
  border-color: var(--color-primary-gray);
}

#SelectContainer {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  row-gap: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--color-primary-black);
}

.ticket-finder #ResultsContainer:after,
#SelectContainer:after {
  position: absolute;
  top: calc(100% + 2rem);
  left: 0;
  width: 100%;

  font-family: var(--font-body);
  font-size: clamp(1.25rem, 4vw, 2rem);
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 376px) {
  .ticket-finder #ResultsContainer:after,
  #SelectContainer:after {
    font-size: inherit;
  }
}

[lang="nb"] .ticket-finder #ResultsContainer:after,
[lang="nb"] #SelectContainer:after {
  content: "Andre tilgjengelige datoer";
}

[lang="nn"] .ticket-finder #ResultsContainer:after,
[lang="nn"] #SelectContainer:after {
  content: "Andre tilgjengelege datoar";
}

[lang="en"] .ticket-finder #ResultsContainer:after,
[lang="en"] #SelectContainer:after {
  content: "Other available dates";
}

#SelectContainer > div {
  display: block !important;
  box-sizing: border-box;
  margin: 0 !important;
}

#SelectContainer > #TicketSelectTitle {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 80%;
  font-size: 1.2rem;
  font-weight: 400;
  background: none;
}

#SelectContainer .ticket-selector-button {
  width: auto;
}

#FindTickets {
  display: flex;
  border-radius: 0;
  border: none;
  margin: 0;
  padding: 0 2rem;
  max-width: none;
  height: 3.125rem;
  font-weight: normal;
}

#FindTickets svg {
  display: none;
}

#EventSelector {
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
}

#EventSelector tbody {
  border: none;
  border-bottom: 1px solid var(--color-primary-gray);
}

#EventSelector tr.event-select,
#EventSelector tr.event-select:not(.selected) {
  background: none;
  border-top: 1px solid var(--color-primary-gray);
  color: var(--font-color);
}

#EventSelector tr.event-select:not(.selected) {
  border-left: 1px solid var(--color-primary-gray);
  border-right: 1px solid var(--color-primary-gray);
}

@media screen and (max-width: 767px) {
  #EventSelector tr.event-select:not(.selected) {
    border-left: none;
    border-right: none;
  }
}

#EventSelector tr.event-select:not(.selected):hover {
  background-color: var(--color-primary-light-gray);
}

#EventSelector tr.event-select.selected {
  color: var(--color-primary-white);
  background-color: var(--color-primary-black);
}

#EventSelector .selection-heading th {
  padding-top: 1.3125rem;
  padding-bottom: 1.3125rem;
  font-size: 1.5rem;
  color: var(--font-color);
}

#EventSelector .event-select td {
  font-size: 1rem;
  padding-top: 1.3125rem;
  padding-bottom: 1.3125rem;
}

@media only screen and (max-width: 850px) {
  #EventSelector th.location,
  #EventSelector th.price,
  #EventSelector th.date,
  #EventSelector td.price {
    display: none;
  }
}

#EventSelector .event-select td {
  font-weight: bold;
}

#EventSelector .event-select td.name {
  font-size: 1.25rem;
  hyphens: auto;
}

#EventSelector .event-select td:first-child {
  padding-left: 1.5rem;
}

#EventSelector .event-select td:last-child {
  padding-right: 1.5rem;
}

#EventSelector .event-select td:first-child,
#EventSelector .event-select td:last-child {
  border-radius: 0;
}

#EventSelector .selected td.toggle a {
  color: var(--color-font);
  background: transparent;
}

#EventSelector .event-select td.availability div.green::before,
#ChangeEventGroups
  .event-list
  .content-row
  > div.availability
  div.green::before {
  background-color: var(--color-ticket-status-available-light);
}

#EventSelector .event-select td.availability div.yellow::before,
#ChangeEventGroups
  .event-list
  .content-row
  > div.availability
  div.yellow::before {
  background-color: var(--color-ticket-status-few-light);
}

#EventSelector #calendar-group .days {
  border-radius: 0;
  background: var(--color-primary-gray);
}

@container (max-width: 700px) {
  #EventSelector #calendar-group .days {
    background: transparent;
  }
}

body #tix-seatpicker .calendar .days .day,
#EventSelector #calendar-group .days .day {
  border-radius: 0;
}

#EventSelector #calendar-group .clndr-grid .day.past,
#EventSelector #calendar-group .clndr-grid .day.adjacent-month {
  background: var(--color-primary-light-gray);
  color: var(--color-primary-black-50);
}

#EventSelector #calendar-group .calendar-event {
  border-radius: 0;
}

#EventSelector .clndr-controls {
  gap: 1rem;
}
@container (max-width: 350px) {
  #EventSelector .clndr-controls a {
    font-size: 1rem;
  }
}

body #tix-seatpicker .clndr-controls button,
#EventSelector #calendar-group .clndr-controls button {
  border-radius: 0;
  border: none;
  font-weight: 400;
  color: var(--color-primary-white);
  background: var(--color-primary-black);
}

body #tix-seatpicker .clndr-controls button path,
#EventSelector #calendar-group .clndr-controls button path {
  fill: currentColor;
}

body #tix-seatpicker .clndr-controls button.inactive,
body #tix-seatpicker .clndr-controls button.disabled,
#EventSelector #calendar-group .clndr-controls button.inactive,
#EventSelector #calendar-group .clndr-controls button.disabled {
  color: var(--color-primary-gray);
  background: var(--color-primary-light-gray);
}

body #tix-seatpicker .clndr-controls button.inactive svg,
#EventSelector #calendar-group .clndr-controls button.inactive svg {
  opacity: 1;
}

body #tix-seatpicker .clndr-controls .dropdown-body,
#EventSelector #calendar-group .clndr-controls .dropdown-body {
  border-radius: 0;
}

body #tix-seatpicker .calendar #secondary-event-selection .calendar-event {
  border-radius: 0;
}

#EventSelector
  #calendar-group
  .clndr-controls
  .month-dropdown
  div:last-child
  button {
  border-radius: 0;
}

#TicketSelector {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0.5rem;
  padding: 0 1.5rem;
}

#TicketSelector .price-zone-dropdown .zone-list {
  align-items: center;
}

#GiftCardSelector .plus,
#GiftCardSelector .minus,
#TicketSelector .ticket-count .plus-button,
#TicketSelector .ticket-count .minus-button {
  border-radius: 0;
  border-color: var(--color-primary-black);
}

#TicketSelector li {
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, auto);
  grid-template-rows: auto auto;
  column-gap: 1rem;
  height: auto;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  border-radius: 0;
  border-color: var(--color-primary-light-gray);
}

#TicketSelector .name,
#GiftCardSelector .name {
  grid-row: 1;
  margin: 0;
  padding: 1rem 0 1rem 1rem;
  font-weight: normal;
  font-size: 1rem;
  text-align: left;
  color: var(--font-color);
  overflow: visible;
  text-overflow: ellipsis;
  overflow: hidden;
}

#TicketSelector .ticket-count {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  column-gap: 1rem;
  padding-right: 1rem;
}

#TicketSelector .ticket-count .plus-button,
#TicketSelector .ticket-count .minus-button {
  position: static;
  aspect-ratio: 1 / 1;
}

#TicketSelector .ticket-count .plus-button {
  order: 0;
}

#TicketSelector .ticket-count .tickets {
  order: 1;
}

#TicketSelector .ticket-count .minus-button {
  order: 2;
}

#TicketSelector .ticket-count .tickets {
  font-weight: normal;
  font-size: 1.5rem;
  letter-spacing: normal;
}

#TicketSelector .select-zone {
  position: relative;
  grid-row: 2;
  grid-column: 1 / span 2;
  justify-content: flex-end;
  box-sizing: border-box;
  border-radius: 0;
  padding: 0.5rem 1rem;
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
  color: var(--color-font);
  background: var(--color-primary-light-gray);
  pointer-events: none;
}

#TicketSelector .select-zone svg {
  display: none;
  position: static;
  justify-self: flex-end;
}

#TicketSelector .select-zone span {
  padding: 0;
  color: inherit;
}

#TicketSelector .select-zone .price-zone {
  display: none;
}

#TicketSelector .select-zone .price-zone::after {
  content: " - ";
}

#TicketSelector .select-zone .price {
  flex: 1 1 auto;
}

#TicketSelector li:first-child {
  margin-top: 0;
}

#TicketSelector .price-zone-dropdown {
  left: 50%;
  bottom: 55px;
  transform: translateX(-50%);
}

#TicketSelector .price-zone-dropdown h3 {
  font-size: 1.5rem;
}

@media screen and (min-width: 600px) {
  #SelectContainer {
    row-gap: 1rem;
    margin: 0 0 6rem 0;
    padding: 1rem;
  }
  #TicketSelector {
    padding: 0;
  }

  #TicketSelector li {
    grid-template-rows: 1fr;
    grid-template-columns:
      minmax(0, 2fr) minmax(0, 12rem)
      minmax(0, min-content);
    align-items: center;
    padding: 0 1rem;
  }

  #TicketSelector .name {
    padding: 1em 0;
    font-size: 1.125rem;
    font-weight: 600;
    grid-column: 1;
  }

  #TicketSelector .ticket-count {
    padding: 0;
  }

  #TicketSelector .select-zone {
    grid-row: 1;
    grid-column: 2;
    padding: 0.5rem 1rem;
    width: auto;
    background: transparent;
    align-self: center;
  }

  #TicketSelector .price-zone-dropdown {
    left: auto;
    right: -1rem;
    bottom: calc(100% + 5px);
    transform: none;
  }

  #TicketSelector .ticket-count .plus-button,
  #TicketSelector .ticket-count .minus-button {
    width: 2.4rem;
    height: 2.4rem;
  }
}

#EventSelector tr.event-select .name {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-weight: normal;
  line-height: normal;
  text-transform: none;
  word-break: break-word;
  hyphens: auto;
}

@media only screen and (max-width: 665px) {
  #SelectContainer {
    margin: 0 0 6rem 0;
  }

  #EventFilter {
    border: none;
  }

  #EventSelector,
  #EventSelector tbody,
  #EventSelector tr,
  #EventSelector th,
  #EventSelector td {
    display: block;
  }

  #EventSelector {
    padding-left: 0;
    padding-right: 0;
  }

  #EventSelector tbody {
    border-top: none;
  }

  #EventSelector .selection-heading th {
    display: none;
  }

  #EventSelector tr.event-select,
  #EventSelector tr.event-select:not(.selected) {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr 1rem;
    align-items: center;
    padding: 1.25rem;
    column-gap: 0.5rem;
    row-gap: 1.25rem;
    row-gap: 0.25rem;
  }

  #EventSelector .event-select td {
    display: block;
    padding: 0;
    width: auto;
  }

  #EventSelector .event-select td:first-child {
    padding-left: 0;
  }

  #EventSelector .event-select td:last-child {
    padding-right: 0;
  }

  #EventSelector .event-select td.availability div::before {
    display: block;
    position: static;
    top: 0;
    left: 0;
  }

  #EventSelector tr.event-select .availability {
    grid-row: 1;
    grid-column: 3;
    aspect-ratio: 1 / 1;
    justify-self: flex-end;
  }

  #EventSelector tr.event-select .name,
  #EventSelector tr.event-select .location {
    text-align: left;
  }

  #EventSelector tr.event-select .name {
    grid-row: 1;
    grid-column: 1 / span 3;
    padding: 0;
    width: auto;
  }

  #EventSelector tr.event-select .location {
    grid-row: 2;
    grid-column: 1;
  }

  #EventSelector tr.event-select .date {
    grid-row: 3;
    grid-column: 1;
  }

  #EventSelector tr.event-select .time {
    grid-row: 3;
    grid-column: 2;
    padding: 0;
    text-align: left;
  }

  #EventSelector tr.event-select .toggle {
    grid-row: 3;
    grid-column: 3;
    justify-self: center;
    align-self: center;
    width: auto;
  }

  #EventSelector tr.event-select .toggle a {
    position: static;
    display: block;
    width: auto;
  }

  #EventSelector tr.event-select .toggle a svg {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  #TicketSelector {
    padding: 0;
  }
}

@media only screen and (max-width: 480px) {
  #EventSelector tr.event-select,
  #EventSelector tr.event-select:not(.selected) {
    border-left: none;
    border-right: none;
  }
}

.item-list .results-container {
  padding: 0;
  margin-bottom: 1.5rem;
}

.item-list .results-items .subitem-wrapper,
.item-list .results-container .results-items {
  border-color: var(--color-primary-black);
  border-bottom: 1px solid;
  margin-top: 1.5rem;
  padding: 1rem 0;
}

.item-list .results-items .subitem-wrapper {
  border-top: 1px solid;
  border-radius: 0;
  background: transparent;
}

.item-list .results-items .subitem-wrapper > div:not(.item-details),
.item-list .results-container .results-items > div:not(.item-details) {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

#BasketContainer.item-list
  .results-items
  .subitem-wrapper
  > div.item-amount-breakdown,
#BasketContainer.item-list
  .results-container
  .results-items
  > div.item-amount-breakdown {
  display: none;
}

#BasketContainer.item-list .results-items > div,
#TicketResults.item-list .results-items > div {
  display: grid;
  grid-auto-rows: auto;
  align-content: stretch;
}

@media only screen and (max-width: 767px) {
  .item-list
    .results-container
    .results-items
    .item-details:not(:last-of-type) {
    padding-bottom: 0;
  }

  .item-list .item-amount-breakdown {
    padding-bottom: 0;
  }
}

#BasketContainer.item-list .results-items {
  display: grid;
  grid-template-columns:
    minmax(0, auto) 12px minmax(0, auto) 12px minmax(0, auto)
    minmax(0, 1fr) minmax(0, auto) min-content;
  grid-template-rows: auto auto;
  grid-auto-rows: auto;
  row-gap: 1em;
  padding: 1em 0;
}

#BasketContainer .results-container .results-items .title {
  grid-column: 1 / -1;
}

#BasketContainer.item-list .results-items .subitem-wrapper {
  grid-column: 1 / -1;
  grid-row: span 2;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: auto auto;
}

#BasketContainer.item-list .results-items .subitem-wrapper:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#BasketContainer.item-list .results-items > .item-details,
#BasketContainer.item-list .results-items .subitem-wrapper > div {
  display: grid;
  grid-column: 1 / -1;
  grid-row: span 2;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  align-items: center;
  gap: 0;
  padding: 0 0 0 0.5rem;
  margin: 0;
  border: none;
  border-left: 2px solid var(--color-primary-black);
}

#BasketContainer.item-list
  .results-items
  .subitem-wrapper
  .item-amount-breakdown {
  display: none;
}

#BasketContainer.item-list .results-items .item-info,
#BasketContainer.item-list .results-items .item-amount {
  display: contents;
}

.item-list
  .results-container
  .results-items
  .item-details
  .item-info
  > svg:last-of-type
  + span {
  grid-column: 6 / span 2;
  grid-row: 1;
  justify-self: end;
  margin: 0;
  text-align: right;
}

.item-list
  .results-container
  .results-items
  .item-details
  .item-info
  > svg:last-of-type
  + span
  + span,
.item-list
  .results-container
  .results-items
  .item-details
  .item-info
  > svg:last-of-type
  + span
  + span
  + span {
  display: none;
}

#BasketContainer.item-list .results-items .item-amount .original-price {
  grid-column: 6;
  grid-row: 2;
  justify-self: end;
}

#BasketContainer.item-list .results-items .item-amount span:last-of-type {
  grid-column: 7;
  grid-row: 2;
  justify-self: end;
}

#BasketContainer.item-list .results-items .item-details .item-amount .remove {
  grid-column: 8;
  grid-row: span 2;
  padding-left: 8px;
}

@media screen and (min-width: 600px) {
  #BasketContainer.item-list .results-items {
    grid-template-columns:
      minmax(0, auto) 12px minmax(0, auto) 12px minmax(0, auto)
      minmax(0, 1fr) minmax(0, auto) minmax(0, auto) min-content;
    grid-template-rows: auto;
  }

  #BasketContainer.item-list .results-items > .item-details,
  #BasketContainer.item-list .results-items .subitem-wrapper > div {
    grid-column: 1 / -1;
    grid-row: span 1;
  }

  #BasketContainer.item-list .results-items .item-info,
  #BasketContainer.item-list .results-items .item-amount {
    display: grid;
    grid-template-columns: subgrid;
  }

  #BasketContainer.item-list .results-items .item-info {
    grid-column: span 6;
  }

  #BasketContainer.item-list .results-items .item-amount {
    grid-column: span 3;
  }

  #BasketContainer.item-list
    .results-items
    .item-details
    .item-info
    > svg:last-of-type {
    display: none;
  }

  .item-list
    .results-container
    .results-items
    .item-details
    .item-info
    > svg:last-of-type
    + span {
    padding-right: 8px;
    text-align: right;
    grid-column: 6;
  }

  #BasketContainer.item-list .results-items .item-amount .original-price {
    grid-column: auto;
    grid-row: 1;
  }

  #BasketContainer.item-list .results-items .item-amount span:last-of-type {
    grid-column: auto;
    grid-row: 1;
  }

  #BasketContainer.item-list .results-items .item-details .item-amount .remove {
    grid-column: auto;
    grid-row: 1;
    align-self: center;
  }
}

#BasketContainer.item-list .results-items > div:empty {
  display: none;
}

#TicketResults.item-list .results-items > div {
  grid-template-columns:
    minmax(0, auto) 12px minmax(0, auto) 12px minmax(0, auto)
    12px 8px minmax(0, 1fr);
}

#TicketResults.item-list .results-items .item-details {
  grid-column: 1 / -1;
  grid-row: span 2;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  grid-auto-rows: auto;
  gap: 0;
  margin-top: 0;
  padding: 0 0 0 0.5rem;
  border: none;
  border-left: 2px solid var(--color-primary-black);
}

#TicketResults.item-list .results-items .item-details .item-info {
  display: contents;
}

#TicketResults.item-list .results-items .item-details .item-info > * {
  display: block;
  grid-row: span 2;
  align-self: center;
}

#TicketResults.item-list
  .results-items
  .item-details
  .item-info
  > span:last-of-type {
  margin-top: 0;
  grid-column: 8;
  grid-row: 1;
  justify-self: end;
  line-height: normal;
}

#TicketResults.item-list
  .results-items
  .item-details
  .item-info
  > svg:last-of-type
  + span
  span {
  line-height: normal;
}

#TicketResults.item-list .results-items .item-amount {
  grid-column: 8;
  grid-row: 2;
  justify-self: end;
}

@media screen and (min-width: 600px) {
  #TicketResults.item-list .results-items > div {
    display: grid;
    grid-template-columns:
      minmax(0, auto) 12px minmax(0, auto) 12px minmax(0, auto)
      12px 8px minmax(0, 1fr) minmax(0, auto);
  }

  #TicketResults.item-list .results-items .item-amount {
    padding-left: 8px;
    grid-row: 1;
    grid-column: 9;
  }
}

.item-list .dot-separator {
  padding: 0 0.5ex;
}

.item-list .results-items .item-details .item-info > svg {
  color: var(--color-primary-black);
  padding: 0 2px;
  width: auto;
  justify-self: center;
}

.item-list .results-items .item-details .item-amount {
  display: block;
  min-width: 0;
  font-weight: 600;
}

.item-list .results-items .item-details .item-amount > span {
  font-weight: inherit !important;
}

.item-list .results-container .results-items .item-details .item-amount > span {
  position: static;
}

.item-list
  .results-container
  .results-items
  .item-details
  .item-info
  > span:last-of-type {
  width: auto;
  flex: 1 1 auto;
  text-align: right;
}

.item-list .results-items .item-details .item-info {
  align-items: center;
  flex: 1 1 auto;
  line-height: normal;
}

.item-list .results-items .item-info:not(.first-child) {
  padding-top: 0;
}

.item-list .results-items .item-details {
  flex-direction: row;
  column-gap: 0.5rem;
}

.item-list .results-container:not(.error-border) {
  border: none;
  border-radius: 0;
}

.item-list .results-header .title h2,
.item-list .results-items .title .info h2 {
  margin-bottom: 0.25em;
  font-size: 2rem;
  font-weight: 500;
  text-transform: uppercase;
  word-break: break-all;
  width: 100%;
  overflow: hidden;
}

#BasketContainer h3 {
  padding-top: 0;
  font-size: 2.5rem;
}

#BasketContainer.item-list
  .results-items
  .item-details
  .item-amount
  span:empty {
  display: none;
}

#BasketContainer.item-list .results-items .item-details .item-amount .remove {
  margin-left: 0;
  width: auto;
  height: auto;
}

#BasketContainer.item-list .results-items .item-details .item-amount .remove a,
#BasketContainer.item-list
  .results-items
  .item-details
  .item-amount
  .remove
  a:hover {
  padding: 0;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-primary-black);
  background-image: url(Images/close.svg);
  background-repeat: no-repeat;
  background-position: center;
}

#BasketContainer.item-list
  .results-items
  .item-details
  .item-amount
  .remove
  a:hover {
  background-color: var(--color-primary-black-light);
  border-radius: 0;
}

#BasketContainer.item-list
  .results-items
  .item-details
  .item-amount
  .remove
  a
  svg {
  display: none;
}

@media screen and (min-width: 1024px) {
  .item-list .results-header .title h2,
  .item-list .results-items .title .info h2 {
    font-size: 3rem;
  }
}

.item-list .results-summary-container {
  border-radius: 0;
  margin: 0;
  padding: 2rem 0;
  background: none;
}

.item-list .results-summary-container .total-line {
  padding-bottom: 0.5rem;
  padding-right: 0;
  font-size: 2rem;
  border-bottom: double 4px var(--color-primary-black);
}

#BasketContainer .results-container .results-items .sub-title,
#CardSearchResults .results-container .results-items .sub-title,
.item-list .results-items .item-details,
.item-list .results-header .title .sub-title {
  font-weight: normal;
  font-size: 1rem;
}

.item-list .results-header .title .sub-title span:last-of-type {
  margin-top: 0.25rem;
}

@media only screen and (min-width: 767px) {
  .item-list .results-header .title .sub-title span:last-of-type {
    margin-top: 0;
  }
}

#ProductSelect .tiles {
  width: 100%;
}

#ProductSelect .tiles .product {
  display: grid;
  grid-template-columns: 1.375rem 1fr 1.375rem;
  grid-template-rows: 1.375rem auto auto;
  row-gap: 1.5rem;
  border: none;
  border-radius: 0;
  border-color: var(--color-primary-gray);
}

@media only screen and (max-width: 480px) {
  #ProductSelect .tiles .product {
    width: 100%;
  }
}

#ProductSelect .tiles .product::before {
  content: "";
  display: block;
  border: 1px solid var(--color-primary-gray);
  grid-column: 1 / span 3;
  grid-row: 2 / span 3;
}

#ProductSelect .tiles .product .info-icon {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  justify-self: flex-end;
}

#ProductSelect .tiles .product .image {
  border-radius: 0;
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 100%;
  height: auto;
  aspect-ratio: 378 / 228;
}

#ProductSelect .tiles .product .info {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  row-gap: 0.5rem;
  grid-column: 2;
  grid-row: 3;
}

#ProductSelect .tiles .product .info h1 {
  margin-bottom: 0;
  padding-left: 0;
  font-family: var(--font-body);
  font-weight: normal;
  font-size: 1.2rem;
}

#ProductSelect .tiles .product .price {
  font-size: 1.2rem;
}

#ProductSelect .tiles .product .price-and-counter .number-of-products {
  font-size: 1.2rem;
}

.product-popup-title h2 {
  font-size: 2rem;
}

.event-group-suggestion {
  border-radius: 0;
}

.event-group-suggestion .info {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
  padding: 2.5rem 1.25rem 1.25rem;
  background: linear-gradient(
    to bottom,
    var(--color-primary-black-0) 0,
    var(--color-primary-black-50) 60%
  );
}

.event-group-suggestion .info h1 {
  margin-left: 0;
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: 2.8rem;
  text-shadow: none;
}

.event-group-suggestion .image {
  background-color: var(--color-primary-gray);
}

#BasketContainer .basket-message-container h3 {
  padding-bottom: 1rem !important;
  font-size: 2.2rem;
}

#password-panel-wrapper > div,
.customer-info {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

#password-panel-wrapper > div > div:empty {
  display: none;
}

#ProfileContainer .profile-content-block,
.purchase-info-box {
  border-radius: 0;
  border: 1px solid var(--color-primary-gray);
  padding: 1.25rem;
  background: none;
}

@media screen and (min-width: 600px) {
  #ProfileContainer .profile-content-block,
  .purchase-info-box {
    padding: 2rem;
  }
}

#ProfileOrders .profile-content-block {
  border: none;
  padding: 0;
}

#ReceiptContainer .sale-item-wrapper,
#ReceiptContainer .customer-container,
#ReceiptContainer .delivery-container {
  border-radius: 0;
  border: 1px solid var(--color-primary-gray);
  padding: 1.25rem;
  background: none;
  overflow: hidden;
}

#ReceiptContainer .customer-container .customer-email {
  font-size: 1rem;
  word-break: break-word;
}

#ReceiptContainer .receipt-suggestion-header {
  display: none;
  font-size: 2rem;
}

#ReceiptContainer .receipt-wrapper {
  row-gap: 2rem;
}

#ReceiptContainer .receipt-wrapper .left-container > h3 {
  font-size: 2rem;
}

.s-s circle {
  stroke-width: 1 !important;
  transition: all 0.3s ease-in-out;
}

.s-s circle.p-1 {
  stroke: var(--color-seat-free-border) !important;
  fill: var(--color-seat-free-background) !important;
}

[id^="SID-"]:focus circle.p-1,
.s-s circle.p-1:hover {
  stroke-width: 2 !important;
  stroke: var(--color-seat-hover-border) !important;
  fill: var(--color-seat-hover-background) !important;
}

.s-s.occ circle.p-1 {
  stroke-width: 1 !important;
  stroke: var(--color-seat-occupied-border) !important;
  fill: var(--color-seat-occupied-background) !important;
}

.s-s circle.p-2 {
  stroke: var(--color-seat-p2-free-border) !important;
  fill: var(--color-seat-p2-free-background) !important;
}

[id^="SID-"]:focus circle.p-2,
.s-s circle.p-2:hover {
  stroke-width: 2 !important;
  stroke: var(--color-seat-p2-hover-border) !important;
  fill: var(--color-seat-p2-hover-background) !important;
}

.s-s.occ circle.p-2 {
  stroke-width: 1 !important;
  stroke: var(--color-seat-p2-occupied-border) !important;
  fill: var(--color-seat-p2-occupied-background) !important;
}

.s-s.occ[id^="SID-"]:focus circle {
  stroke-width: 2 !important;
  stroke: var(--color-primary-black-50) !important;
}

.row .s-s.your-seat circle,
.row .s-s.na.your-seat circle {
  stroke-width: 1 !important;
}

.row .s-s.your-seat circle.p-1,
.row .s-s.na.your-seat circle.p-1 {
  stroke-width: 1 !important;
  stroke: var(--color-seat-your-border) !important;
  fill: var(--color-seat-your-background) !important;
}

.row .s-s.your-seat circle,
.row .s-s.na.your-seat circle {
  stroke-width: 1 !important;
  stroke: var(--color-seat-p2-your-border) !important;
  fill: var(--color-seat-p2-your-background) !important;
}

body #tix-seatpicker {
  z-index: 12 !important;
}

@media only screen and (max-width: 1034px) {
  body #tix-seatpicker {
    top: 100px;
    height: calc(100% - 100px) !important;
  }
}

@media only screen and (max-width: 1034px) {
  .seatpicker-show body #tix-seatpicker {
    top: 40px;
    height: calc(100dvh - 40px) !important;
  }
}

@media only screen and (max-width: 1024px) {
  body #tix-seatpicker .mobile-seatpicker-header {
    display: flex !important;
    flex-basis: auto !important;
  }
}

body #tix-seatpicker .mobile-seatpicker-header a {
  border: 1px solid var(--color-primary-black);
  border-radius: 0;
  background: var(--color-primary-white);
  color: var(--color-primary-black);
}

body #tix-seatpicker .mobile-seatpicker-header a:hover {
  color: var(--color-primary-white);
  background: var(--color-primary-black);
}

body #tix-seatpicker header:not(.mobile-seatpicker-header) {
  flex: none;
  position: relative;
  display: grid !important;
  grid-template-columns:
    minmax(1.5rem, min-content) minmax(1.125rem, min-content) 1.875rem minmax(
      0,
      1fr
    )
    1.875rem minmax(1.125rem, min-content) 1.5rem;
  flex-basis: auto !important;
  align-items: center;
  padding: 1rem 1.25rem !important;
}

body #tix-seatpicker header:not(.mobile-seatpicker-header)::after {
  grid-row: 1;
  grid-column: 5;
  display: block;
  display: none;
  position: relative;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

body #tix-seatpicker header:not(.mobile-seatpicker-header) .picker-title {
  font-size: 1.2rem !important;
  line-height: normal;
  grid-row: 1;
  grid-column: 1 / span 5;
  margin-right: 0 !important;
}

body #tix-seatpicker header:not(.mobile-seatpicker-header) .picker-close {
  grid-row: 1;
  grid-column: 7;
}

body #tix-seatpicker header:not(.mobile-seatpicker-header) .picker-auto {
  grid-row: 1;
  grid-column: 6 / span 2;
  justify-content: flex-end !important;
}

@media screen and (min-width: 700px) {
  body #tix-seatpicker header:not(.mobile-seatpicker-header) {
    grid-template-columns:
      1.5rem minmax(12rem, min-content) 1.875rem minmax(0, 1fr)
      1.875rem minmax(12rem, min-content) 1.5rem;
    column-gap: 1rem;
  }

  body #tix-seatpicker header:not(.mobile-seatpicker-header) .picker-auto {
    grid-column: 6;
  }
}

@media screen and (min-width: 1024px) {
  body #tix-seatpicker header:not(.mobile-seatpicker-header) .picker-title {
    white-space: wrap;
    grid-column: 3 / span 3;
    justify-self: center;
    text-align: center;
  }
}

body
  #tix-seatpicker
  header:not(.mobile-seatpicker-header)
  .picker-auto
  .hd-btn-wand {
  border-radius: 0;
  margin-right: 0 !important;
  background: var(--color-primary-black);
}

body
  #tix-seatpicker
  header:not(.mobile-seatpicker-header)
  .picker-title::before {
  display: none;
}

body
  #tix-seatpicker
  header:not(.mobile-seatpicker-header)
  .picker-close
  .hd-btn-close
  img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

body #tix-seatpicker main {
  min-height: 0;
}

body
  #tix-seatpicker
  main
  aside
  .cart-content
  .cart-ticket-container
  .cart-ticket {
  border-left-color: var(--color-ticket-border) !important;
}

body
  #tix-seatpicker
  main
  aside
  .cart-content
  .cart-ticket-container
  .cart-ticket
  .cart-icn-ticket {
  background-color: var(--color-ticket-border) !important;
}

body
  #tix-seatpicker
  main
  aside
  .cart-content
  .cart-ticket-container
  .cart-ticket
  .cart-icn-ticket:before,
#DeliveryInfoBox .icon:before {
  content: "";
  display: block;
  aspect-ratio: 1 / 1;
  background-size: cover;
}

body
  #tix-seatpicker
  main
  aside
  .cart-content
  .cart-ticket-container
  .cart-ticket
  .cart-icn-ticket:before {
  width: 1.25rem;
  background-image: url(Images/ticket.svg);
}

#DeliveryInfoBox .icon:before {
  width: 3rem;
  background-image: url(Images/ticket-black.svg);
}

body
  #tix-seatpicker
  main
  aside
  .cart-content
  .cart-ticket-container
  .cart-ticket
  .cart-icn-ticket
  img {
  display: none;
}

body #tix-seatpicker main aside .cart-content h3 {
  margin: 2rem 1rem 1rem !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: var(--font-color);
  letter-spacing: normal;
  text-align: left !important;
}

body
  #tix-seatpicker
  main
  #floater
  > div.active.shown
  .modal
  .modal-content
  > ul {
  border-radius: 0;
}
body #tix-seatpicker main #floater .price-matrix img,
body #tix-seatpicker main #floater .help-info img {
  display: none;
}

body #tix-seatpicker main #floater .price-matrix .modal-header,
body #tix-seatpicker main #floater .help-info .modal-header {
  background: var(--color-primary-black);
  color: var(--color-primary-white) !important;
}

body #tix-seatpicker main #floater .price-matrix .mdl-btn-close img,
body #tix-seatpicker main #floater .help-info .mdl-btn-close img {
  display: block;
}

body #tix-seatpicker main #floater .help-info::before {
  content: "?";
  font-family: var(--font-heading);
  font-size: 2rem;
}

body #tix-seatpicker main #floater .price-matrix {
  background-image: url(Images/ticket-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
}

body #tix-seatpicker main #floater .price-matrix:hover {
  background-image: url(Images/ticket-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
}

body #tix-seatpicker .overlay > div {
  height: auto !important;
  min-height: 50% !important;
  max-height: 80% !important;
}

@media (max-width: 450px), (max-height: 450px) {
  body #tix-seatpicker .overlay {
    top: 67px !important;
    top: 0 !important;
  }

  body #tix-seatpicker .overlay > div {
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
  }

  body #tix-seatpicker .overlay button.overlay-close {
    top: 1rem !important;
    right: 1.25rem !important;
  }
}

@media (max-width: 768px) {
  body #tix-seatpicker main aside {
    display: block;
    height: auto;
    flex-basis: auto;
  }

  body #tix-seatpicker main aside .cart-content {
    height: 100%;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket-area {
    position: relative !important;
    height: 100% !important;
    max-height: 50vh !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (min-width: 769px) {
  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket {
    height: auto;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-data {
    padding-right: 0;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 1rem 1rem 1rem 1.5rem;
    column-gap: 1rem;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-data {
    padding: 0;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-info {
    margin: 0;
    font-size: 1.25rem;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-data {
    row-gap: 0.5rem;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-data
    .cart-ticket-tt-price {
    margin-top: 0;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 600;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-actions {
    padding: 0;
    margin-right: 0;
    flex-basis: auto;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-actions
    button {
    position: static;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-actions
    button
    svg
    path,
  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-actions
    button
    svg
    polygon {
    fill: currentColor;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-actions
    button.btn-edit,
  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-actions
    button.btn-remove {
    padding: 0;
    width: 1.5rem;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-actions
    button.btn-remove:hover {
    border: none;
    color: var(--color-error);
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .cart-ticket-actions
    button.btn-edit:hover {
    border: none;
    color: var(--color-warning);
  }
}

body #tix-seatpicker .overlay h3.ticket-type-header {
  font-size: 2rem;
}

body #tix-seatpicker .overlay #TicketTypeSelect .ticket-type-list .row {
  display: flex;
  align-items: center;
  border-color: var(--color-primary-gray);
  border-radius: 0;
}

body #tix-seatpicker .overlay #TicketTypeSelect .ticket-type-list .row:hover {
  background: var(--color-primary-light-gray);
}

body
  #tix-seatpicker
  .overlay
  #TicketTypeSelect
  .ticket-type-list
  .row
  > div:last-child
  button {
  height: 40px;
}

body #tix-seatpicker header .picker-close .hd-btn-close,
#GiftCardStatusContainter .close-button,
.fancybox-close-small {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: var(--color-primary-black);
}

#GiftCardStatusContainter .close-button svg path {
  fill: var(--color-primary-white);
  fill-opacity: 1;
}

body #tix-seatpicker header .picker-close .hd-btn-close {
  margin-right: 0;
  padding: 0.4rem;
}

#GiftCardStatusContainter .close-button:hover,
body #tix-seatpicker header .picker-close .hd-btn-close:hover {
  background: var(--color-primary-black-light);
}

#TicketResults .results-container,
#BasketContainer .results-container,
.ticket-finder #ResultsContainer {
  box-sizing: border-box;
  margin: 0 0 6rem 0;
  padding: 1rem;
  width: auto;
  background: var(--color-theme-green-light);
}

@media screen and (max-width: 850px) {
  #CardSearchResults .results-container,
  #BasketContainer .results-container,
  #EventSelector:not(.calendar) {
    margin-left: -1.25rem;
    width: calc(100% + 2.5rem);
  }
}

.ticket-finder:has(+ tr:last-child) #ResultsContainer,
.ticket-finder:has(+ tr:last-child) #SelectContainer {
  margin-bottom: 0 !important;
}

.ticket-finder:has(+ tr:last-child) #ResultsContainer:after,
.ticket-finder:has(+ tr:last-child) #SelectContainer:after {
  display: none;
}

#TicketResults .results-container,
#BasketContainer .results-container {
  box-sizing: border-box;
  margin-bottom: 1rem;
}

#TicketResults .results-container {
  padding-left: 0;
  padding-right: 0;
}

#CardSearchResults .results-container {
  padding: 3rem 1rem 1rem 1rem;
}

@media only screen and (min-width: 1240px) {
  #TicketResults .results-container,
  #BasketContainer .results-container {
    width: 100%;
    margin-left: 0;
  }
}

.ticket-finder #ResultsContainer #TicketResultText {
  display: none;
}

.ticket-finder #ResultsContainer #TicketResults {
  float: none;
}

#TicketResults .results-container .results-header h2,
#BasketContainer .results-container .results-header h2,
.ticket-finder #ResultsContainer #TicketResults .results-header .title h2,
.ticket-finder #ResultsContainer #TicketResults .results-items .title .info h2 {
  font-size: 2rem;
}

.ticket-finder #ResultsContainer #ActionButtons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
}

.ticket-finder #ResultsContainer #ActionButtons .button {
  margin: 0;
}

.ticket-finder #ResultsContainer #ActionButtons #BackToSelect {
  height: 48px;
  background: transparent;
}

.ticket-finder #ResultsContainer #ActionButtons #BackToSelect:hover {
  color: var(--color-primary-white);
  background: var(--color-seat-free-border);
}

.ticket-finder #ResultsContainer #ActionButtons #ContinueDelivery {
  flex: 1 1 auto;
  max-width: 20rem;
}

@media only screen and (min-width: 769px) {
  #CardSearchResults .results-container,
  #BasketContainer .results-container,
  .ticket-finder #ResultsContainer {
    padding: max(3rem, 5vw);
  }
}

#ForwardTicketsAll {
  font-size: 1rem;
  font-weight: normal;
}

#ForwardTicketsAll:hover {
  text-decoration: underline;
}

#ProfileFields #SignInLocal .profile-input-line .forgot-password:hover {
  text-decoration: underline;
}

#ProfileFields #RegisterProfile svg {
  display: none;
}

#ProfileFields #SignInLocal .profile-input-line.button-line {
  gap: 1.5rem;
}

#ProfileFields #RegisterProfile:before {
  content: "\e816";
  display: block;
  margin-right: 0.625rem;
  width: 1.2rem;
  aspect-ratio: 21 / 20;
  background-image: url(Images/profile-invert.svg);
  background-size: cover;
  font-family: "dnt-icons";
  text-indent: -1.8rem;
}

#GiftCardFinder {
  display: block !important;
  margin: 0 !important;
}

#GiftCardSelector {
  margin-top: 2.5rem;
  width: 100%;
  gap: 1.5rem;
}

#GiftCardSelector li {
  border-radius: 0;
}

#GiftCardSelector .gift-card-count {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
  border-color: var(--color-primary-light-gray);
  background: var(--color-primary-light-gray);
  font-size: 1rem;
  font-weight: normal;
}

#GiftCardSelector .gift-card-price-wrapper .gift-card-price {
  font-weight: normal;
  font-size: 3.5rem;
}

#GiftCardSelector .gift-card-count .gift-cards {
  color: var(--font-color);
}

#GiftCardSelector .gift-card-count .gift-cards.zero {
  color: var(--color-primary-black-50);
}

#SeasonCardSelect .zero .btn-secondary,
#ProductSelect .zero .btn-secondary,
#GiftCardSelector li:not(.selected) .gift-card-count .minus.zero,
#GiftCardSelector li:not(.selected) .gift-card-count .plus.zero {
  color: var(--color-primary-white);
  background-color: var(--color-primary-black);
  opacity: 0.6;
  cursor: not-allowed;
}

#GiftCardSelector li.selected .gift-card-count .minus,
#GiftCardSelector li.selected .gift-card-count .plus {
  color: var(--color-primary-white) !important;
  background-color: var(--color-primary-black) !important;
}

#GiftCardSelector li.selected .gift-card-count .gift-cards {
  color: var(--font-color);
}

#GiftCardSelector .gift-card-edit-amount-button {
  top: 50%;
  transform: translateY(-50%);
}

#SpecialOfferInfo {
  text-align: center;
}

#SpecialOfferEventInfo {
  margin-top: 0;
  padding: 3rem 0;
}

#SpecialOfferEventInfo.row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

#SpecialOfferEventInfo.row:after {
  display: none;
}

#SpecialOfferEventInfo .col-6 {
  width: 100%;
}

#SpecialOfferEventInfo .details {
  margin-top: 0;
}

#SpecialOfferPassword {
  margin: 0;
  margin-top: 0;
}

.special-offer-content form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

#SpecialOfferPW {
  margin: 0;
}

@media screen and (min-width: 670px) {
  .special-offer-content form {
    flex-direction: row;
    justify-content: center;
  }
}

.cc-theme-edgeless.cc-window {
  padding: 1rem 1.25rem;
  gap: 1.5rem;
}

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 0;
}

.cc-banner.cc-theme-edgeless .cc-btn {
  font-weight: normal;
  color: var(--color-primary-black);
  background: var(--color-primary-white);
}

.cc-banner.cc-theme-edgeless .cc-btn:hover {
  background: var(--color-primary-light-gray);
}

#footer {
  padding: 0;
  font-weight: normal;
  color: var(--color-primary-white);
  background: var(--color-primary-black);
}

#footer a:hover {
  text-decoration: underline;
}

#footer .copyright-text a {
  color: currentColor;
  text-decoration: underline;
}

#footer .right-foot.bottom a.tnc::after {
  display: none;
}

#FooterContent {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 0;
  padding: 1rem 1.25rem;
}

#footer .left-foot.bottom {
  margin: 0;
}

#footer #FooterInfo {
  display: flex;
  margin: 0;
  gap: 1.5rem;
}

#FooterContent .clear {
  display: none;
}

@media screen and (min-width: 400px) {
  #FooterContent {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.refund-options {
  gap: 1.5rem;
  justify-content: center;
}

@media screen and (min-width: 600px) {
  .refund-options > div {
    flex-grow: initial;
  }
}

.event-group-note {
  border-radius: 0;
  border: none;
  text-align: center;
  background: none;
}

.event-group-note h2 {
  font-size: 3rem;
  margin-bottom: 0.5em;
}

.event-group-note p {
  font-size: 1rem;
  font-weight: normal;
}

#MembershipList {
  margin-bottom: 3rem;
}

#MembershipList .row {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

#MembershipList .row > div {
  display: flex;
  justify-content: stretch;
  width: 100%;
}

@media screen and (min-width: 600px) {
  #MembershipList .row {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }

  #MembershipList .row > div {
    width: calc(50% - (1.5rem / 2));
  }
}

@media screen and (min-width: 1120px) {
  #MembershipList .row {
    row-gap: 3rem;
  }

  #MembershipList .row > div {
    width: calc((100% / 3) - (1.5rem * 2 / 3));
  }
}

#MembershipList .row .col-s-0 {
  display: none;
}

#MembershipList .row:after {
  display: none;
}

#MembershipList .membership-card {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: 0;
  width: 100%;
  max-width: none;
}

#MembershipList .membership-card h3 {
  margin: 0 0 1em 0;
  font-size: 2rem;
  text-align: center;
}

#MembershipList .membership-card .purchase-button {
  margin: 1.5rem 0 3rem;
}

#MembershipList .membership-card .purchase-button .membership-button {
  border-radius: 0;
  padding: 0 2rem !important;
  height: 3.125rem;
  width: auto;
  min-width: 10rem;
  max-width: none;
  font-size: 1rem;
  background-color: transparent !important;
  color: var(--color-primary-white);
}

#MembershipList .membership-card .body {
  flex: 1 1 auto;
  line-height: normal;
}

#MembershipList .membership-card .footer {
  background-color: var(--color-primary-light-gray);
}

#MembershipList .membership-card .benefits {
  list-style-position: outside;
}

#MembershipList .membership-card .tagline,
#MembershipList .membership-card .benefits li {
  font-size: 1rem;
  font-weight: normal;
  color: var(--color-font);
}

#MembershipList .membership-card .tagline {
  text-align: center;
}

#MembershipList .membership-card .short-description {
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
}

#MembershipList .membership-card .body {
  padding: 1.5rem;
}

#MembershipList .membership-card .benefits-caption {
  color: var(--color-font);
  font-size: 1rem;
  text-transform: none;
}

#MembershipList .membership-card .footer-text {
  font-size: 0.9rem;
}

#MembershipList .membership-card .price {
  font-size: 3rem;
  text-align: center;
}

#MembershipList .membership-card .long-description {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  color: var(--color-font);
}

#MembershipList .donation-price-input-container {
  padding-right: 0;
}

#MembershipList .donation-price-input {
  box-sizing: border-box;
}

#PermissionInfo .purchase-info-box-container,
#GiftCardInfo .gift-card-input-container {
  position: static;
  transform: none;
  max-width: none;
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}

#PermissionInfo .purchase-info-box-container {
  flex-direction: column;
}

#PermissionInfo .purchase-info-box-container .input-line .checkbox label {
  font-weight: normal;
}

#GiftCardInfo .gift-card-input-container .lcol,
#GiftCardInfo .gift-card-input-container .rcol {
  flex-direction: column;
  gap: 0;
}

#GiftCardTitle.purchase-info-heading.fnt-bold.content-inline-heading {
  display: block;
  font-size: 1.6rem;
  padding-bottom: 0.2em;
}

#GiftCardInfo.purchase-info-box.gift-card-info-container .gift-card-info-text {
  order: 1;
  margin-top: 0.5em;
  padding-left: 0;
}

#GiftCardInfo .gift-card-input-container dl dt {
  line-height: normal;
}

#GiftCardInfo .gift-card-input-container dl dt label {
  white-space: nowrap;
}

#GiftCardInfo .rcol .input-button-container > div {
  padding-left: 0;
}

#GiftCardInfo .lcol dd input[type="text"],
#GiftCardInfo .rcol dd input[type="text"] {
  padding: 0.75em;
  height: auto !important;
}

.input-line.with-button > div:last-child .button-small,
#GiftCardInfo .button-small {
  padding: 0 2rem;
  font-size: 1rem;
  font-weight: normal;
}

.input-line.with-button > div:last-child .button-small {
  height: 3.1rem;
}

#GiftCardInfo .button-small {
  height: 100%;
}

.input-line.with-button > div:last-child .button-small {
  margin-left: 0;
}

@media only screen and (max-width: 600px) {
  .input-line.with-button > div:last-child {
    align-items: flex-start;
  }
}

#VIPPSInfo {
  display: grid;
  grid-template-columns: minmax(0, 20rem) minmax(0, 10rem) minmax(0, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}

#VIPPSInfo.hidden {
  display: none;
}

#VIPPSInfo #KassSend,
#VIPPSInfo #AurSend,
#VIPPSInfo .mobile-action-button {
  margin-top: 0;
}

@media only screen and (max-width: 480px) {
  #KassSend,
  #KassCancel,
  #AurSend,
  #AurCancel,
  .mobile-action-button {
    margin-top: 0 !important;
    position: static !important;
    float: none !important;
  }
}

#VIPPSInfo .mobile-counter-container,
#VIPPSInfo .venobox-url,
#VIPPSInfo #KassStatus,
#VIPPSInfo #AurStatus,
#VIPPSInfo .mobile-merchant-status {
  grid-column: 1 / span 3;
}

#VIPPSInfo #KassStatus,
#VIPPSInfo #AurStatus,
#VIPPSInfo .mobile-merchant-status {
  margin-top: 0;
  font-size: 1rem;
}

#VIPPSInfo div:empty {
  display: none;
}

#VIPPSInfo .lcol,
#VIPPSInfo .rcol {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: auto;
  float: none;
}

#VIPPSInfo .rcol {
  width: 100% !important;
}

#VIPPSInfo .rcol .button-small {
  height: 3.02rem;
}

#VIPPSInfo .lcol dt,
#VIPPSInfo .rcol dt {
  margin: 0;
  padding: 0;
  height: auto;
  font-size: 1rem;
  text-align: left;
  line-height: normal;
  float: none;
}

#VIPPSInfo .rcol dt {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: auto;
}

#VIPPSInfo .lcol dd,
#VIPPSInfo .rcol dd {
  margin: 0;
  padding: 0;
}

#VIPPSInfo dl dd input[type="text"],
#VIPPSInfo dl dd input[type="email"],
#VIPPSInfo dl dd input[type="tel"] {
  box-sizing: border-box;
  width: 100% !important;
}

[id$="ExternalInfo"],
#DirectDebitInfo {
  font-size: 1rem;
}

body #tix-seatpicker main aside .cart-total-and-submit .cart-total-container p {
  font-family: var(--font-body);
}

@media (max-width: 768px) {
  body #tix-seatpicker main aside .cart-icn-arrow {
    border-radius: 4px;
  }

  body #tix-seatpicker main aside .cart-total-and-submit {
    padding: 0;
  }

  body #tix-seatpicker main aside .cart-total-and-submit .cart-total-container {
    padding: 0.5rem 1rem 0 1rem;
  }

  #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-total-container
    > div
    > h4:first-child {
    text-transform: uppercase;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-total-container
    p {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-btn-submit-container,
  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-btn-edit-container {
    padding: 0;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-btn-submit-container
    > button,
  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-btn-edit-container
    > button {
    width: 2rem !important;
    height: 100% !important;
    margin-right: 0 !important;
  }
}

body
  #tix-seatpicker
  main
  aside
  .cart-content
  .cart-ticket-container
  .cart-ticket-area {
  top: 0;
}

@media only screen and (min-width: 769px) {
  body #tix-seatpicker main aside {
    flex-basis: 313px;
    row-gap: 1rem;
  }

  body #tix-seatpicker main aside .cart-content .cart-ticket-container {
    position: relative;
    z-index: 0;
  }

  body #tix-seatpicker main aside .cart-total-and-submit {
    z-index: 2;
  }

  body #tix-seatpicker main aside .cart-total-and-submit .cart-total-container {
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0.5rem;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket-area {
    border-top: 1px solid #e8e8e8;
    left: -12px;
    width: 100%;
    height: calc(100% - 12px);
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-total-container
    h4 {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
    color: var(--color-primary-black);
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-total-container
    p {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-total-container
    > div:last-child
    > * {
    text-align: left;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-btn-submit-container,
  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-btn-edit-container {
    padding: 1rem;
    justify-content: stretch;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-btn-submit-container
    .primary-c-button,
  body
    #tix-seatpicker
    main
    aside
    .cart-total-and-submit
    .cart-btn-edit-container
    .primary-c-button {
    width: 100%;
  }

  body
    #tix-seatpicker
    main
    aside
    .cart-content
    .cart-ticket-container
    .cart-ticket
    .btn-edit {
    border-radius: 0;
  }
}

@media only screen and (min-width: 1500px) {
  body #tix-seatpicker main aside {
    flex-basis: 400px;
  }
}

#ReceiptContainer .receipt-block-split .social {
  display: none;
}

#PurchaseFields .purchase-info-heading {
  display: none;
}

#PurchaseFields #GiftCardTitle,
#PurchaseFields #BuyerTitle {
  display: block;
  background: inherit;
  font-size: 1.5rem;
  text-transform: none;
}

#DeliveryInfoBox {
  display: none;
}

#DeliveryInfoBox .icon svg {
  display: none;
}

/* Hide suggestions in basket */
.event-group-suggestion,
div#BasketContainer > h2:first-child {
  display: none;
}

@media only screen and (max-width: 450px) {
  .sale-receipt-info .sale-receipt-secondary-info {
    flex-direction: column;
  }
}

#GiftCardStatusContainter input {
  margin-top: 0.5em;
  width: 100%;
}

#GiftCardStatusContainter .gift-card-status-results,
#GiftCardStatusContainter .gift-card-status-noresults {
  column-gap: 1rem;
}

#GiftCardStatusContainter .gift-card-status-results svg,
#GiftCardStatusContainter .gift-card-status-noresults svg {
  display: none;
}

#GiftCardStatusContainter .gift-card-status-results:before,
#GiftCardStatusContainter .gift-card-status-noresults:before {
  content: "";
  display: block;
  border-radius: 100%;
  width: 2.75rem;
  height: 2.75rem;

  background-repeat: no-repeat;
}

#GiftCardStatusContainter .gift-card-status-results:before {
  background-size: 50%;
  background-position: center;
  background-image: url(Images/gift.svg);
  background-color: var(--color-success-dark);
}

#GiftCardStatusContainter .gift-card-status-noresults:before {
  content: "!";
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.75rem;
  color: var(--color-primary-white);
  background-color: var(--color-warning-dark);
}

#GiftCardStatusContainter .gift-card-status-noresults > div {
  color: var(--color-warning-dark);
}

#PermissionList {
  padding-left: 0;
}

#PermissionList [type="checkbox"]:not(:checked),
#PermissionList [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

#PermissionList [type="checkbox"]:not(:checked) + label,
#PermissionList [type="checkbox"]:checked + label {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 2.75rem;
  cursor: pointer;
  min-height: 2rem;
}

/* checkbox aspect */
#PermissionList [type="checkbox"]:not(:checked) + label:before,
#PermissionList [type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  margin-right: 0.625rem;
  min-width: 1.75rem;
  min-height: 1.75rem;
  border: 1px solid var(--color-primary-black);
  background: var(--color-primary-white);
}
/* checked mark aspect */
#PermissionList [type="checkbox"]:not(:checked) + label:after,
#PermissionList [type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 1.3em;
  line-height: 0.8;
  color: var(--color-primary-white);
  width: 1.75rem;
  height: 1.75rem;
  background: url(Images/check.svg) center center no-repeat;
}

#PermissionList [type="checkbox"]:checked + label:before {
  background-color: var(--color-primary-black);
}

/* checked mark aspect changes */
#PermissionList [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
#PermissionList [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
#PermissionList [type="checkbox"]:disabled:not(:checked) + label:before,
#PermissionList [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
#PermissionList [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
#PermissionList [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
#PermissionList [type="checkbox"]:checked:focus + label:before,
#PermissionList [type="checkbox"]:not(:checked):focus + label:before {
  outline: 2px solid var(--color-primary-black);
  outline-offset: 5px;
}

#PermissionList label {
  margin-left: 0;
  font-size: 1rem;
}

#SkipLogin {
  display: none;
}

@media only screen and (min-width: 769px) {
  .cc-window.cc-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    width: 50%;
    max-width: 408px;
    left: 16px;
    bottom: 16px;
  }
}

#SeasonCardSelect .shows ul.tiles li.show {
  border-radius: 0;
}

#SeasonCardSelect .shows ul.tiles li.show .select-options select {
  background-image: url(Images/icon-arrow-down.svg);
  background-position: calc(100% - 9px) 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

#SeasonCardSelect .shows ul.tiles li.show:not(.primary-border-c) {
  border: 1px solid var(--color-primary-gray);
}

.number-of-cards .button-icon {
  width: 28px;
  height: 28px;
}

#SeasonCardSelect .number-of-cards .ticket-type-row-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  column-gap: 8px;
  row-gap: 20px;
}

#SeasonCardSelect .heading .number-of-cards .ticket-type-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  box-sizing: border-box;

  max-width: none;
  border-radius: 0;
  background-color: var(--color-primary-light-gray);
}

#SeasonCardSelect .heading .number-of-cards .ticket-type-row h4 {
  margin-right: 0;
}

#SeasonCardSelect .shows ul.tiles {
  display: grid;
  grid-template-columns: 1fr;
}

@media only screen and (max-width: 480px) {
  #SeasonCardSelect .heading .number-of-cards .ticket-type-row h4 {
    max-width: none;
    white-space: wrap;
  }
}

@media only screen and (min-width: 600px) {
  #SeasonCardSelect .number-of-cards .ticket-type-row-wrapper {
    display: flex;
    gap: 20px;
  }

  #SeasonCardSelect .heading .number-of-cards .ticket-type-row {
    display: flex;
    gap: 8px;
    flex: 1 1 360px;
  }

  #SeasonCardSelect .shows ul.tiles {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1160px) {
  #SeasonCardSelect .shows ul.tiles {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

#SeasonCardSelect .shows ul.tiles li.show {
  width: auto;
}

#SeasonCardSelect .shows ul.tiles li.show .image {
  border-radius: 0;
  background: var(--color-primary-light-gray);
}

#SeasonCardSelect .shows ul.tiles li.show .info h1 a {
  margin-bottom: 0.5em;
  padding-left: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1.125rem;
}

#SeasonCardSelect .shows ul.tiles li.show .select-options .button.selected {
  display: grid;
  grid-template-columns: 0.75rem 1fr auto;
  gap: 0.5rem;
  border: none;
  padding: 0;
  background: none;
  color: var(--color-font);
  text-align: left;
}

#SeasonCardSelect .shows ul.tiles li.show .select-options .button.selected svg {
  margin: 0;
}

#SeasonCardSelect
  .shows
  ul.tiles
  li.show
  .select-options
  .button.selected:after {
  content: "─ Fjern";
}

#SeasonCardSelect
  .shows
  ul.tiles
  li.show
  .select-options
  .button.selected:hover:after {
  text-decoration: underline;
  color: var(--color-error);
}

.vbox-overlay .event-group-popup-info {
  border-radius: 0;
  background: var(--color-primary-light-gray);
}

#TicketResults.item-list .results-items .subitem-wrapper {
  padding: 1rem 0;
}

#CardSearchResults #TicketResults.item-list .results-items {
  border-bottom: none;
}

#modal-unnumbered-ticket-types.modal-wrapper .content {
  position: relative;
  padding: 1rem;
  overflow: visible;
  border: none;
}

#modal-unnumbered-ticket-types.modal-wrapper .content .modal-close-button {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 100%;
  z-index: 1;
  width: 25px;
  padding: 1%;
  cursor: pointer;
}

#modal-unnumbered-ticket-types.modal-wrapper
  .content
  .modal-close-button:hover {
  background-color: var(--color-primary-black);
}

#modal-unnumbered-ticket-types.modal-wrapper .content .modal-close-button svg {
  width: 100%;
  height: auto;
}

#modal-unnumbered-ticket-types.modal-wrapper
  .content
  .modal-close-button:hover
  svg
  path {
  fill: var(--color-primary-white);
}

#modal-unnumbered-ticket-types.modal-wrapper .content .ticket-finder {
  z-index: 0;
}

#modal-unnumbered-ticket-types.modal-wrapper
  .content
  .ticket-finder
  #SelectContainer {
  margin-bottom: 0;
  border-radius: 4px;
}

#modal-unnumbered-ticket-types.modal-wrapper
  .content
  .ticket-finder
  #SelectContainer
  #TicketSelectTitle {
  margin: 0 !important;
  padding: 0;
  max-width: none;
}

#modal-unnumbered-ticket-types.modal-wrapper
  .content
  .ticket-finder
  #SelectContainer:after {
  display: none;
}

#SeasonCardHeader {
  gap: 20px;
}

#SeasonCardHeader .image {
  margin-right: 0;
}

#SeasonCardHeader .image img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  #SeasonCardHeader {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    column-gap: 20px;
  }
  #SeasonCardHeader .image {
    align-self: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  #SeasonCardHeader {
    flex-direction: column;
  }

  #SeasonCardHeader .image {
    width: 100%;
  }
}

/* Color definitions */
/* Primary */
.primary-c {
    color: #000000;
}
.primary-bg-c {
    background-color: #000000;
	color: #ffffff;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #ffffff;
}
.primary-border-c {
    border-color: #000000;
}
.primary-c-button {
	background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.primary-c-button:hover {
	border-color: #000000;
    background-color: #000000;
}
.primary-c-button-secondary {
	background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.primary-c-button-secondary:hover {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.primary-c-button-2 {
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
}
.primary-c-button-2:hover {
    background-color: #000000;
    color: #ffffff;
}
.primary-c-button-2-secondary {
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
}
.primary-c-button-2-secondary:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #000000;
}
/* Special for header */
.header-c-gradient-right::before {
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.header-bg-c {
    background-color: #000000;
    color: #000000;
}
#skipToContent {
    background-color: #000000;
    color: #000000;
    border: 1px solid #000000;
}
.ms-options li > label {
    color: #000000;
}

.header-border-text-c {
    border-color: #000000;
}
.header-c-hover-before {
    background-color: #ffffff;
}
.header-c-hover-before::before {
    border-color: transparent #000000 transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #000000;
}
.header-c-hover-before:hover::before {
    border-color: transparent #000000 transparent transparent;
}
#header .ticket-list .ticket-table::-webkit-scrollbar {
    background-color: #000000;
}
#header .ticket-list .ticket-table::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-color: #000000;
}
#header .ticket-list .ticket-table table tbody td {
    border-color: #000000;
}
#header .ticket-list .ticket-table table td.event span.dash {
    color: #000000;
}
.footer-highlight-c {
    color: #ffffff;
}
.content-inline-heading, .content-table-heading th {
     color: #000000;
}
/* Secondary */
.secondary-c {
    color: #000000;
}
.secondary-bg-c {
    background-color: #000000;
    color: #ffffff;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-before:before {
    border-color: #ffffff;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-hover:hover {
    border-color: #ffffff;
}
.secondary-bg-c-hover:hover {
    background-color: #000000;
    color: #ffffff;
}
.secondary-c-button {
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}
.secondary-c-button:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
/* Tertiary */
.tertiary-c {
    color: #ffffff;
}
.tertiary-bg-c {
    background-color: #ffffff;
    color: #000000;
}
.tertiary-border-c {
    border-color: #ffffff;
}
.tertiary-c-button-secondary {
	background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
.tertiary-c-button-secondary:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
.tertiary-bg-c-hover:hover {
    background-color: #ffffff;
    color: #000000;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

#BuyingSteps div.icon {
    background: rgba(0,0,0,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #000000;
}
#SectionGroups li.selected-group a {
    background: #000000;
    color: #ffffff;
}
#ProfileBar ul li button.active {
    color: #000000;
    box-shadow: 0 3px 0px 0px #000000;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #000000;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #000000;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #000000;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #000000;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #000000;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #000000;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #000000;
}
#GiftCardDescription p a:hover {
    color: #000000;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #000000 transparent;
}
input[type='checkbox']:checked {
    background-color: #000000;
}
.clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected {
    background-color: #000000;
    color: #000000;
}

/* Nice little special block for validation colors */
input[type='text'].input-validation-error,
input[type='email'].input-validation-error,
input[type='tel'].input-validation-error,
input[type='date'].input-validation-error,
input[type='password'].input-validation-error,
textarea.input-validation-error,
.field-validation-error > span {
    border-color: #cb2b19;
    background-image: url(Images/alert.svg);
    background-repeat: no-repeat;
}
input[type='checkbox'].input-validation-error:before{
    border-color: #cb2b19 !important;
}
#div-terms.validation-error {
    background-image: url(Images/alert.svg);
}
.validation-summary-errors, .field-validation-error, a.terms-and-conditions.validation-error {
    color: #cb2b19;
}