:root {
  --white: #FFFFFF;
  --black: #101010;
  --gold: #DCC379;
  --primary: #FCF7EB;
  --error-bg: #FFD1DA;
  --error-text: #A30021;
  --header-height: 115px;
}

html {
  background-color: var(--primary);
}

@font-face {
  font-family: "Calibre";
  src: url("../fonts/Calibre-Regular.otf");
  font-weight: 400;
}

@font-face {
  font-family: "Calibre";
  src: url("../fonts/Calibre-Semibold.otf");
  font-weight: 600;
}

body {
  background: var(--primary);
  font-family: "Calibre", arial, sans-serif !important;
  font-size: clamp(18px, 17px + 0.26vw, 20px);
}

body h1,
body h2,
body h3 {
  font-weight: 600;
  font-family: "Calibre", arial, sans-serif !important;
}

body h4,
body h5,
body h6 {
  font-weight: 400;
  font-family: "Calibre", arial, sans-serif !important;
}

body .btn,
ul.afterSales li a {
  font-weight: 400;
  font-family: "Calibre", arial, sans-serif !important;
}

body input {
  font-weight: 600;
}


body .col-main {
  background-color: var(--white);
  padding: 30px;
  margin-left: 0;
  margin-right: 0;
}

body .sideBlock {
  padding: 30px;
  background-color: var(--white) !important;
}

body div#bodyWrapper > .row > [class^="col-"] > p {
  padding: 0px 30px;
}

body div#bodyWrapper > .row > [class^="col-"] > h1 {
  padding-bottom: 0;
}


body div#bodyWrapper > .row > [class^="col-"] > div,
body div#bodyWrapper > .row > [class^="col-"] > form {
  margin: 0 auto 10px auto !important;
}

body div#headerWrapper {
  background: var(--primary);
  border-bottom: 3px solid var(--black);
  height: var(--header-height);
}

body div#bodyWrapper {
  padding-top: var(--header-height);
  padding-bottom: 60px;
}


body .yellowbar {
  background: var(--black);
  height: 30px;
  width: 100%;
  top: 37px;
  position: absolute;
  z-index: -1;
}

body div#headerWrapper.regular div#header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body div#headerMenu {
  display: flex;
  align-items: center;
  gap: 12px;
}

body div#headerMenu .fa,
body div#headerMenu a {
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  outline: none !important;
}

body div#headerMenu .fa,
body div#headerMenu a {
  color: var(--black);
}

body div#headerWrapper.smaller div#headerMenu .fa,
body div#headerWrapper.smaller div#headerMenu a {
  color: var(--black) !important;
}

body div#header h1 {
  background-image: url('../images/logo.svg');
  background-repeat: no-repeat;
  font-size: 0px !important;
  height: 74px;
  width: 200px;
}

body div#header h1,
body div#bodyWrapper h1 {
  color: var(--black);
}

body div#header {
  padding: 16px 20px;
  max-width: 1170px;
  margin: 0 auto;
}

body div#header h1 {
  margin-bottom: 0 !important;
  line-height: normal;
}

body #orderbasket a {
  color: var(--black);
}

body h1 span.subtitle {
  font-size: 20px;
  margin-top: 10px;
}

.account-tickets div.mtPerformance h3 span.subtitle {
  font-size: 18px;
}

body ul.afterSales li a {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.33;
  margin-bottom: -10px;
  display: inline-block;
  text-decoration: none;
}

body input#checkCombinedSubmit,
body input#check {
  padding: 4px 10px;
  margin-left: 10px;
  text-shadow: none;
  box-shadow: none;
  transition:
    border 0.4s,
    background 0.4s,
    color 0.4s;
}

body ul.afterSales li:first-child {
  display: none;
}

body #rank-selector li a {
  display: inline-flex;
  height: 32px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 2px solid var(--black);
  color: var(--black) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

body #rank-selector li.active a {
  background-color: var(--black) !important;
  border-color: var(--black);
  color: var(--white) !important;
}

body .btn-link:hover,
body .btn-link:focus {
  text-decoration: none;
}

body a.btn,
body span.btn,
body .btn,
body input[type="submit"],
body input[type="button"],
body input[type="reset"],
body button,
body ul.afterSales li a {
  border-radius: 0 !important;
}

body a.btn,
body span.btn {
  border: 1px solid var(--black);
  background: var(--white);
  color: var(--black);
  text-shadow: unset;
  box-shadow: none;
}

body a.btn:hover,
body a.btn:focus,
body a.btn:active,
body span.btn:hover,
body span.btn:focus,
body span.btn:active {
  border: 1px solid var(--black);
  background: var(--black);
  color: var(--white) !important;
  text-shadow: unset;
  box-shadow: none;
}

body .formControls .btn,
body ul.afterSales li a,
body #order-with-account-button,
body[data-page="mtPreOrder-order"] .btn.btn-default,
body[data-page="mtTicket-pack"] .btn.btn-default {
  border: 1px solid var(--black);
  background: var(--white);
  color: var(--black) !important;
  text-shadow: unset;
  box-shadow: none;
  transition:
    border 0.4s,
    background 0.4s,
    color 0.4s;
}

body .btn {
  width: fit-content;
}

/* Primary action buttons — alle states op één plek */
body .btn-success,
body .formControls .btn-success,
body .sideBlock .btn-success,
body input.save.btn.btn-success {
  border: 1px solid var(--black);
  background: var(--black);
  color: var(--white) !important;
  text-shadow: unset;
  box-shadow: none;
  transition:
    border 0.4s,
    background 0.4s,
    color 0.4s;
}

body .btn-success:hover,
body .btn-success:focus,
body .btn-success:active,
body .formControls .btn-success:hover,
body .formControls .btn-success:focus,
body .formControls .btn-success:active,
body .sideBlock .btn-success:hover,
body .sideBlock .btn-success:focus,
body .sideBlock .btn-success:active,
body input.save.btn.btn-success:hover,
body input.save.btn.btn-success:focus,
body input.save.btn.btn-success:active {
  background: var(--white);
  border: 1px solid var(--black);
  color: var(--black) !important;
}

body .btn-success[disabled],
body .formControls .btn-success[disabled],
body .sideBlock .btn-success[disabled],
body input.save.btn.btn-success[disabled] {
  background: var(--white);
  border: 1px solid var(--black);
  color: var(--black) !important;
}

body input.cancel.btn.btn-link,
body[data-page="mtTicket-shoppingbasket"] .formControls .btn.btn-default,
body[data-page="mtTicket-checkout"] .formControls a.btn.cancel,
body input#check,
body input#checkCombinedSubmit,
body #order-as-guest-button,
body span.button.pull-right .btn,
body #chooseTicketsAndPrices .cancel.btn.btn-link,
body[data-page="mtPreOrder-order"] a.btn.btn-link.cancel,
body[data-page="mtTicket-pack"] a.btn.btn-link.cancel {
  color: var(--black);
  background: var(--white);
  border: 1px solid var(--black);
  text-decoration: none;
}

body .formControls .btn:hover,
body .formControls .btn:focus,
body .formControls .btn:active,
body ul.afterSales li a:hover,
body ul.afterSales li a:focus,
body ul.afterSales li a:active,
body #order-with-account-button:hover,
body #order-with-account-button:focus,
body #order-with-account-button:active,
body[data-page="mtTicket-pack"] .btn.btn-default:hover,
body[data-page="mtTicket-pack"] .btn.btn-default:focus,
body[data-page="mtTicket-pack"] .btn.btn-default:active {
  background: var(--black);
  border: 1px solid var(--black);
  color: var(--white) !important;
}

body input.cancel.btn.btn-link:hover,
body input.cancel.btn.btn-link:focus,
body input.cancel.btn.btn-link:active,
body[data-page="mtTicket-shoppingbasket"] .formControls .btn.btn-default:hover,
body[data-page="mtTicket-shoppingbasket"] .formControls .btn.btn-default:focus,
body[data-page="mtTicket-shoppingbasket"] .formControls .btn.btn-default:active,
body[data-page="mtTicket-checkout"] .formControls a.btn.cancel:hover,
body[data-page="mtTicket-checkout"] .formControls a.btn.cancel:focus,
body[data-page="mtTicket-checkout"] .formControls a.btn.cancel:active,
body input#check:hover,
body input#check:focus,
body input#check:active,
body input#checkCombinedSubmit:hover,
body input#checkCombinedSubmit:focus,
body input#checkCombinedSubmit#check:active,
body #order-as-guest-button:hover,
body #order-as-guest-button:focus,
body #order-as-guest-button:active,
body span.button.pull-right .btn:hover,
body span.button.pull-right .btn:focus,
body span.button.pull-right .btn:active,
body #chooseTicketsAndPrices .cancel.btn.btn-link:hover,
body #chooseTicketsAndPrices .cancel.btn.btn-link:focus,
body #chooseTicketsAndPrices .cancel.btn.btn-link:active,
body[data-page="mtTicket-pack"] a.btn.btn-link.cancel:hover,
body[data-page="mtTicket-pack"] a.btn.btn-link.cancel:focus,
body[data-page="mtTicket-pack"] a.btn.btn-link.cancel:active {
  background: var(--black);
  border: 1px solid var(--black);
  color: var(--white) !important;
}

body[data-page="mtTicket-shoppingbasket"] .formControls .col-sm-4,
.my-tickets-top-links {
  display: none;
}

body[data-page="mtTicket-shoppingbasket"] .formControls .col-sm-8 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

body .btn-lg {
  font-size: 16px;
}

body div#footerWrapper {
  padding-bottom: 0px;
}

body #footer,
body .stltSideblock {
  display: none;
}

body div#contact div.mtContact {
  background: var(--black);
  color: var(--white);
  border: 15px solid var(--black);
  border-top: none;
  /* margin: 15px; */
}

body div#contact div.mtContact a {
  color: var(--white);
}

body #footerWrapper a {
  color: var(--black);
  text-decoration: underline;
}

body .order-payment {
  display: flex;
  flex-direction: row-reverse;
}

body .button.pull-right {
  margin-right: auto;
}

/*
    Login / Payment
*/

body fieldset#login_form {
  background-color: var(--white);
  /* padding: 30px; */
  margin: 10px auto;
}

body .alert-info {
  border: none;
  box-shadow: none;
  padding: 20px 30px 15px 30px;
  color: var(--error-text);
  font-weight: 600;
}

body form#payOrder {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

body[data-page="login-auth"] form#loginForm {
  padding-top: 2px !important;
}

body[data-page="login-auth"] #login_form h2,
body[data-page="login-auth"] #login_form h3 {
  font-size: 16px;
}

body[data-page="login-auth"] a {
  color: var(--black);
}

body .sideBlock.textBlock .cms_content a {
  text-decoration: underline;
}

body .sideBlock.shoppingBasketBlock {
  color: var(--black) !important;
}

body p a:not(.btn) {
  display: inline;
  padding: 0;
  border: none;
  background: none;
  line-height: inherit;
}

body[data-page="account-tickets"] .account-tickets {
  border: none;
  padding-left: 30px !important;
}

body .fa-trash-o {
  color: var(--black);
}

body .cancel-seat .fa-lg {
  font-size: 1em;
}

body .picked-seat-prices {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 8px;
}

body input[type="radio"],
body input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  float: none;
  width: 14px;
  height: 14px;
  min-width: 14px;
  border: 1.5px solid var(--black);
  border-radius: 0;
  flex-shrink: 0;
  cursor: pointer;
  margin: 0;
  outline: none;
  vertical-align: middle;
}

body input[type="radio"],
body input[type="radio"]:focus,
body input[type="radio"]:focus-visible,
body input[type="checkbox"]:focus,
body input[type="checkbox"]:focus-visible {
  outline: none;
}

body input[type="radio"] {
  border-radius: 50%;
}

body input[type="radio"]:checked {
  background: radial-gradient(circle, var(--white) 30%, var(--black) 30%);
}

body input[type="checkbox"]:checked {
  background-color: var(--black);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5l2.5 2.5 4.5-5' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

body .radio label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 0;
  cursor: pointer;
}

body .checkbox label {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
  cursor: pointer;
}
body .radio input[type="radio"],
body .checkbox input[type="checkbox"] {
  margin-top: 6px;
}

body .picked-seat-prices label.radio {
  margin: 0;
  font-size: 0.875em;
}

body i.fa.fa-refresh {
  font-size: 16px !important;
}

body[data-page="account-tickets"] i.fa.fa-ticket.main,
i.fa.fa-handshake-o.main,
i.fa.fa-ticket.main {
  display: none;
}

body i.fa.fa-plus,
body i.fa.fa-minus {
  color: var(--black);
}

body i.fa.fa-minus {
  color: var(--black);
}

body .btn:hover i.fa,
body .btn:active i.fa,
body .btn:focus i.fa {
  color: var(--white);
}

body input#checkCombinedSubmit,
body i.fa.fa-plus,
body i.fa.fa-minus {
  transition:
    border 0.4s,
    background 0.4s,
    color 0.4s;
}

body[data-page="account-tickets"] .cms_content {
  padding-top: 0px !important;
}

body[data-page="account-tickets"] .sideBlock .cms_content br {
  display: none;
}

body[data-page="account-tickets"] .sideBlock .cms_content p {
  margin-bottom: 0;
}

.sideBlock.logoutBlock {
  padding: 0px 0px 0px 30px !important;
  text-align: left !important;
}

body fieldset#checkMoneyVoucher .col-sm-7 .input-group {
  display: inline-flex;
}

body input#pay {
  float: right;
}

body input[type="text"],
body input[type="password"],
body input[type="email"],
body input[type="number"],
body input[type="tel"],
body input[type="search"],
body input[type="url"],
body textarea,
body select {
  border-radius: 0 !important;
  border: 1px solid var(--black) !important;
}

body fieldset#checkMoneyVoucher .form-group:first-child {
  grid-column: 1 / 3;
}

body fieldset#checkMoneyVoucher .form-group {
  grid-column: 3;
}

body fieldset#checkMoneyVoucher .col-sm-7.col-sm-offset-3 {
  margin: auto;
}

body label.col-sm-3.control-label {
  display: flex;
}

body #add-donation #reservationForm .col-sm-10 .col-sm-6 {
  display: none;
}

/*
	Dashboard extra
*/

body[data-page="account-home"] .account-tickets {
  border: none;
  padding: 10px 30px 1px 30px !important;
}

body div.performance-search .input-group-btn {
  padding-left: 8px;
}

body div.performance-search .input-group-btn .btn + .btn {
  margin-left: 8px;
}

body div.performance-search.search-month {
  position: relative !important;
}

body div.performance-search.search-month select {
  position: relative !important;
}

body div.arrangement-tickets {
  color: inherit;
}

body fieldset#reservationForm .col-sm-10 {
  padding: 0;
}

body div#add-donation {
  border: none;
}

body .form-horizontal .control-label {
  text-align: left;
}

body input[disabled="disabled"] {
  border-color: var(--black) !important;
  background-color: var(--white) !important;
  color: var(--black) !important;
}

body div.customerCardsBlock span.voucher-code {
  background-color: var(--black);
}

body fieldset#actionCodeForm,
body fieldset#actionCodeForm .action-code,
body .voucherAndActionCodeHelp {
  padding: 0;
  background: none;
}

body fieldset#actionCodeForm .input-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}

body fieldset#actionCodeForm .input-group input.form-control,
body fieldset#actionCodeForm .input-group-btn,
body fieldset#actionCodeForm .input-group-btn .btn {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
}

@media screen and (min-width: 768px) {
  body div#bodyWrapper {
    padding-top: var(--header-height);
  }

  body fieldset#actionCodeForm .input-group {
    flex-direction: row !important;
    align-items: stretch !important;
  }

  body fieldset#actionCodeForm .input-group input.form-control {
    flex: 1 !important;
    width: auto !important;
    min-width: 100% !important;
  }

  body fieldset#actionCodeForm .input-group-btn,
  body fieldset#actionCodeForm .input-group-btn .btn {
    width: auto !important;
    white-space: nowrap !important;
  }
}

body fieldset#actionCodeForm .input-group-btn .btn {
  height: 100% !important;
  white-space: nowrap !important;
  padding: 6px 16px !important;
}

body input#checkCombinedSubmit {
  text-shadow: none;
  box-shadow: none;
}

/*
    Smaller items
*/

body div#headerWrapper.smaller {
  background-color: inherit;
  height: var(--header-height) !important;
  min-height: auto !important;
}

body div#headerWrapper.smaller div#header {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body #headerWrapper.smaller #headerTitle,
body #headerWrapper.smaller #headerTitle h1 {
  color: var(--black) !important;
  margin-bottom: 0px;
}

body #headerWrapper.smaller #headerMenu .fa,
body #headerWrapper.smaller #headerMenu a {
  line-height: 30px;
  margin-top: 0;
}

div#headerWrapper.smaller {
  background: var(--primary) !important;
  height: auto;
}

body .account-choice-buttons {
  display: flex;
  justify-content: space-between;
}

body .alert.alert-info,
body div.promoteLogin {
  background-color: var(--error-bg);
  margin-top: 10px;
  color: var(--error-text);
  font-weight: 600;
}

body div.promoteLogin a#showAjaxLogin {
  text-decoration: none;
}

body h4 span.tickets-available {
  display: none;
}

body[data-page="mtTicket-cancelled"] .formControls form {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

body[data-page="mtTicket-performance"]
  #reservationPerformance
  form#chooseTicketsAndPrices
  .formControls {
  display: flex;
  flex-direction: row-reverse;
}

body[data-page="mtTicket-performance"]
  #reservationPerformance
  form#chooseTicketsAndPrices
  .formControls
  a.cancel.btn.btn-lg.btn-link.pull-right {
  float: left !important;
}

body[data-page="mtTicket-performance"]
  #reservationPerformance
  form#chooseTicketsAndPrices
  .formControls
  #submitTicketsAndPrices {
  float: right !important;
}

/*
    Pakket item
*/
.mtPackageSummary .actions {
  margin-top: 20px;
}

.mtPackageSummary .actions a {
  padding: 10px 16px !important;
  margin-left: 8px;
  line-height: 1.33;
  font-size: 16px;
  color: var(--black) !important;
  transition:
    border 0.4s,
    background 0.4s,
    color 0.4s;
}

.mtPackageSummary .actions a:hover {
  color: var(--white) !important;
}

body[data-page="mtTicket-pack"] .mtPackageSummary .actions a:hover {
  color: var(--black) !important;
}

label.col-sm-2.control-label {
  padding-top: 8px;
  padding-left: 0;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  body fieldset#checkMoneyVoucher {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --header-height: 74px;
  }

  body div#header h1 {
    height: 50px;
    width: 125px;
  }

  body #seatmap {
    bottom: unset !important;
  }

  body .col-main {
    margin-left: 15px;
    margin-right: 15px;
  }

  body .col-sub {
    margin-top: 10px;
  }

  body div#headerWrapper.regular {
    background-color: inherit;
  }

  div#headerWrapper {
    min-height: auto !important;
    height: auto !important;
    padding: 12px 0 !important;
  }

  body .account-choice-buttons {
    display: grid;
    justify-content: unset;
  }

  body div#headerWrapper.regular div#header {
    padding: 0px 20px;
  }

  body div#headerWrapper.regular div#header h1,
  body div#headerWrapper.regular div#headerMenu a {
    color: var(--black);
    line-height: 2.5;
  }

  body div#headerWrapper.regular div#headerMenu a {
    font-size: 16px;
    line-height: 1.9;
  }

  body fieldset#checkMoneyVoucher {
    grid-template-columns: 1fr;
    column-gap: 10px;
  }

  body fieldset#checkMoneyVoucher .form-group:first-child {
    grid-column: 1 / 2;
  }

  body fieldset#checkMoneyVoucher .form-group {
    grid-column: 2;
  }
}

@media only screen and (max-width: 600px) {
  body div#bodyWrapper > .row > [class^="col-"] > div,
  body div#bodyWrapper > .row > [class^="col-"] > h1,
  body div#bodyWrapper > .row > [class^="col-"] > form,
  body div#bodyWrapper > .row > [class^="col-"] > h2,
  body div#bodyWrapper > .row > [class^="col-"] > p,
  body[data-page="mtTicket-pending"] span.orderNumber {
    padding: 12px;
  }

  h1,
  .h1 {
    font-size: 26px;
  }

  h3,
  div.sideBlock h3,
  body h1 span.subtitle {
    font-size: 16px;
  }

  h4,
  .h4 {
    font-size: 14px;
  }

  .btn-lg {
    font-size: 14px;
    padding: 6px 12px;
    width: 100%;
  }

  body[data-page="mtTicket-shoppingbasket"] .formControls .col-sm-8 {
    flex-direction: column-reverse;
    gap: 10px;
  }

  body[data-page="mtTicket-checkout"] .formControls {
    /* display: inline-block; */
  }

  body[data-page="mtTicket-checkout"] .formControls #payOrder {
    flex-direction: column;
  }

  body[data-page="mtTicket-checkout"] .formControls span.button.pull-right {
    margin-top: 10px;
  }

  body[data-page="mtTicket-checkout"] .formControls input,
  body[data-page="mtTicket-checkout"] .formControls span,
  body[data-page="mtTicket-checkout"] .formControls a,
  body fieldset#checkMoneyVoucher [class*="col-"],
  body fieldset#checkMoneyVoucher input#check,
  body fieldset#checkMoneyVoucher,
  body select.chooseDonationAmount {
    width: 100%;
  }

  body fieldset#checkMoneyVoucher {
    display: inline-block !important;
  }

  body fieldset#checkMoneyVoucher input#check {
    margin-left: auto;
  }

  body .order-payment {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

  body .order-payment .button {
    width: 100%;
    display: contents;
  }

  body .row.formControls a {
    margin-top: 10px;
  }
}

/*
    Pagination
*/

.paginateButtons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
}

.paginateButtons .step,
.paginateButtons .nextLink,
.paginateButtons .prevLink {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 12px !important;
  border: 1px solid var(--black) !important;
  background: var(--white) !important;
  color: var(--black) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s;
}

.paginateButtons .step:hover,
.paginateButtons .step:focus,
.paginateButtons .nextLink:hover,
.paginateButtons .nextLink:focus,
.paginateButtons .prevLink:hover,
.paginateButtons .prevLink:focus {
  background: var(--black) !important;
  color: var(--white) !important;
}

.paginateButtons .currentStep {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 12px !important;
  border: 1px solid var(--black) !important;
  background: var(--black) !important;
  color: var(--white) !important;
}

.sideBlock + .logoutBlock {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

body #seatmap {
  border: 1px solid var(--black);
  border-radius: 0px !important;
}

body .seatDescriptions {
  border-radius: 0px !important;
  border-color: var(--gold) !important;
}

.date {
  display: flex !important;
  gap: 1rem;
  align-items: center;
}

.location {
  display: flex !important;
  gap: 1rem;
  align-items: center;
}

body .seat-rank {
  color: var(--gold) !important;
}

body a {
  color: inherit !important;
}

body .english {
  color: var(--black) !important;
}

body .voucher-code {
  padding: 1rem;
  font-size: 16px;
  text-align: center;
}

.performance-info.above-seats {
  top: 0;
  padding-bottom: 30px !important;
}