/*	ONLY Change this file if you are sure it will respond correctly across 
	other themes if it is customer specific change dynamic css in the database
	This could come from database so that colours can be set dynamically
	Should only target tor-elements in here so it doesnt clash with other themes
	Nest the elements where you can so that there is less chance to conflict with parent theme
*/
body {
  touch-action: manipulation;
}
#Tor-Account-map2 {
  max-height: 224px;
}
html {
  --primary-popup-btn-color: #469B4E;
  --secondary-popup-btn-color: #c92634;
  --primary-color: #627281;
  --primary-color-dark: #4d5259;
  --primary-color-offset: #FFFFFF;
  --primary-color-disabled: #4c4c4c;
  --card-spotlight-text-color: #000000;
  --card-spotlight-bg-color: #e74c3c;
  --card-date-info-text-color: #000000;
  --card-date-info-bg-color: #ffffff;
  overflow: auto !important;
}
header {
  z-index: 1000 !important;
}
.swal2-popup {
  font-size: 16px !important;
}
.swal2-container {
  z-index: 9999 !important;
}
.glide {
  height: 100%;
}
.tor-custom-table-style {
  font-family: Arial, sans-serif;
  width: 100%;
  text-align: left;
  overflow-y: auto;
  max-height: 400px;
}
.tor-custom-table-style thead th {
  width: 60%;
  /* Apply this as needed; might need customization */
}
.tor-custom-table-style tbody tr {
  cursor: pointer;
}
.tor-custom-loader {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid;
  border-color: #aaa9ac2b;
  border-right-color: #c4c4c494;
  animation: s2 1s infinite linear;
  margin: auto;
}
@keyframes s2 {
  to {
    transform: rotate(1turn);
  }
}
.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.tor-form-row-check {
  align-items: center;
  display: flex;
  padding: 5px 0;
}
#torwebbooking {
  /*#region events*/
  /*button:enabled:hover:not(button[class*="adyen"],button[class*="glide"],button[class*="tor-header-button"],button[class*="tor-donation-amount-button"],button[class*="tor-text-button"]) {
        transform: scale(1.05);
        transition: all .2s ease-in-out;
    }*/
  /*.tor-min-ticket-rows {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0;
        gap: 10px;
        max-height: 400px;
        overflow: auto;

        .tor-old-cost {
            text-decoration: line-through;
            font-size: .8em;
            align-self: center;
            color: red;
            margin-right: auto;
            margin-left: 8px;
        }

        .tor-min-event-header {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .tor-min-event-header-name {
            font-weight: bold;
            max-width: 50%;
            font-size: .8em
        }

        .tor-min-event-header-date {
            font-size: .8em;
            align-self: center;
            display: flex;
            align-items: center;
            gap: 2px;
        }
    }*/
  /*.tor-min-ticket-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border: 1px solid #A5A5A5;
        border-radius: 10px;
        background: white;
        font-size: .8em;

        .tor-min-ticket-name {
            width: 40%;
            font-weight: bold;
            text-align: left;
        }

        .tor-min-ticket-qty {
            font-weight: bold;
            background: #D9D9D9;
            border: 1px solid #A5A5A5;
            border-radius: 5px;
            width: 10%;
            text-align: center;
            left: 49%;
        }

        .tor-min-ticket-price {
            display: flex;
            font-weight: bold;
            text-align: right;
        }
    }*/
  /*#tor-shopping-cart-total-price {
        display: flex;
        justify-content: flex-end;
        font-size: 1.1em;

        .tor-old-cost {
            margin-right: 8px;
        }
    }*/
  /*.tor-old-cost {
        text-decoration: line-through;
        font-size: .8em;
        align-self: center;
        color: red;
        margin-right: auto;
        margin-left: 8px;
    }*/
}
#torwebbooking .donation__giftaid__show .tor-giftaid {
  display: flex !important;
  max-width: 100% !important;
  margin-top: 5px !important;
}
#torwebbooking .js-giftvoucher-custom-img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .js-giftvoucher-custom-img-selected {
  border: 8px solid var(--btn-color);
}
#torwebbooking .tor-donation-support {
  width: 100%;
  border: 1px solid var(--don-supporter-border);
  background-color: var(--don-supporter-bg);
  padding: 5px;
  border-radius: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-donation-support {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-donation-support {
    width: calc((100% - 15px) / 4);
  }
}
#torwebbooking .tor-donation-support p {
  color: var(--don-supporter-comment);
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin: 0;
}
#torwebbooking .tor-donation-support__top {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-donation-support__img {
  flex: 0 0 auto;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #eee;
}
#torwebbooking .tor-donation-support__person-text {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-donation-support__person-text p {
  color: var(--don-supporter-name);
  font-size: 20px;
  line-height: 22px;
  margin: 0;
}
#torwebbooking .tor-donation-support__person-text p.tor-donation-support__cost {
  color: var(--don-supporter-amount);
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
}
#torwebbooking .tor-donation-support-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 5px;
  background-color: var(--don-page-supporter-bg);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-donation-support-wrap {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-donation-support-heading {
  color: var(--don-page-supporter-heading-text);
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  background-color: var(--don-page-supporter-heading-bg);
  padding: 5px;
  margin-bottom: 5px;
}
@media screen and (max-width: 759px) {
  #torwebbooking .tor-checkout--checkout {
    display: flex;
    flex-flow: column;
  }
  #torwebbooking .tor-checkout--checkout .tor-checkout__subtitle {
    order: 0;
  }
  #torwebbooking .tor-checkout--checkout .tor-form__action--login {
    order: 1;
  }
  #torwebbooking .tor-checkout--checkout .tor-checkout__guest-btn {
    margin-bottom: 10px;
    order: 2;
  }
  #torwebbooking .tor-checkout--checkout .tor-checkout__checkout-types,
  #torwebbooking .tor-checkout--checkout .tor-form {
    display: none;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-checkout--checkout .js-checkout-op-login-popup {
    display: none;
  }
}
#torwebbooking .adyen-checkout__button--pay {
  width: 50%;
  background: #00112c;
  border: 0;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 500;
  height: 48px;
  margin: 0;
  padding: 15px;
  text-decoration: none;
  transition: background 0.3s ease-out, box-shadow 0.3s ease-out;
  width: 100%;
  margin-top: 20px;
}
#torwebbooking .Tor-FlexLineBreak {
  flex-basis: 100%;
  height: 0;
}
#torwebbooking .tor-sec {
  background: var(--primary-color-offset) !important;
  color: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
}
#torwebbooking .tor-account-row {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}
#torwebbooking .my-cart-popup {
  position: relative;
  right: 5px;
}
.tor-shopping-cart-final-total {
  display: flex;
  flex-flow: row;
  align-items: flex-end;
  justify-content: flex-end;
  font-weight: 700;
  margin: 10px 0;
}
.tor-promo-code {
  display: flex;
  flex-direction: row;
  padding-bottom: 3px;
  align-items: baseline;
  justify-content: space-between;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10%;
  margin-right: 10%;
  align-self: flex-start;
  width: 80%;
}
.tor-promo-code #cancel-promo {
  color: var(--primary-color-offset) !important;
  text-align: center;
  background: var(--primary-color) !important;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
}
.tor-promo-code #tor-promo-input {
  text-transform: uppercase;
  margin: 0px;
}
.tor-promo-code div {
  flex-direction: column;
  align-self: center;
  margin-right: 10px;
}
.tor-promo-code .tor-promo-code-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.tor-promo-code #tor-promo-apply {
  border-radius: 10px;
  background: var(--primary-color);
  color: var(--primary-color-offset);
  text-align: center;
  padding: 8px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  max-height: 39px;
}
.tor-promo-code #tor-promo-error {
  font-weight: normal;
  font-size: 0.8em;
}
.tor-account-title-bar {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.tor-account-title-bar .tor-account-title-bar-container {
  display: flex;
  justify-content: flex-end;
}
.tor-account-title-bar .tor-account-title-bar-email {
  display: flex;
  gap: 10px;
}
.tor-account-input-row {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 600px) {
  .tor-account-input-row {
    flex-direction: column;
  }
}
#tor-account-password-current-row {
  width: 50%;
}
@media (max-width: 600px) {
  #tor-account-password-current-row {
    width: 100%;
  }
}
.tor-form-row {
  width: 100%;
  margin-right: 50px;
}
.tor-form-row-membership {
  width: 100%;
  margin-right: 10px;
  margin-left: 10px;
}
.tor-form-row-min {
  width: 100%;
  margin-right: 20px;
}
.tor-form-row-check {
  align-items: center;
  display: flex;
  padding: 5px 0;
  width: 100%;
}
.tor-icon-label {
  align-items: center;
  display: flex;
  gap: 10px;
}
.tor-membership-container {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .tor-membership-container {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    gap: 15px;
  }
}
.tor-membership-short-container {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .tor-membership-short-container {
    flex: 0 0 auto;
    width: 270px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 760px) {
  .tor-membership-short-container {
    width: 320px;
  }
}
.tor-membership-short-container .tor-membership-short-row {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  border: 1px solid #eee;
  padding: 10px 5px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.tor-membership-short-container .tor-membership-short-row:hover {
  background-color: #f5f5f5;
}
.tor-membership-short-container .tor-membership-short-row.active {
  background-color: #eee;
}
.tor-membership-short-container .tor-membership-short-row.active:hover {
  background-color: #eee;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-card-icon {
  width: 24px;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-textgroup {
  flex: 1 1 auto;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-textgroup .tor-membership-short-row-title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-textgroup .tor-membership-short-row-subtitle {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-textgroup .tor-membership-short-row-info {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-textgroup .tor-membership-short-row-renew {
  position: relative;
  width: 14px;
  height: 14px;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-textgroup .tor-membership-short-row-renew img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-image {
  flex: 0 0 auto;
  position: relative;
  width: 55px;
  height: 55px;
  margin-right: 10px;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-status {
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-status span {
  font-size: 1.5em;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-warning {
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
  bottom: auto;
  width: 20px;
  height: 20px;
}
.tor-membership-short-container .tor-membership-short-row .tor-membership-short-row-warning img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-membership-section {
  width: 100%;
  display: block !important;
}
@media screen and (min-width: 600px) {
  .tor-membership-section {
    flex: 1 1 auto;
  }
}
.tor-membership-section.hidden {
  display: none !important;
}
.tor-membership-section h3 {
  color: #111;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 10px !important;
}
.tor-tabs {
  position: relative;
  margin: 0 auto;
  padding: 0 5px;
  border: 0 !important;
  /*table {
        width: 100%;
        text-align: left;

        th {
            font-weight: 700;
        }

        th, td {
            padding: 5px;
        }
    }*/
}
.tor-tabs .tor-ticket-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tor-tabs .tor-section-inner {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin-bottom: auto;
}
.tor-tabs .tor-account-details-title {
  font-size: 1em;
  padding: 6px;
  border-radius: 4px;
  margin: 0;
  height: 35px;
  border: 1px solid #cacaca;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
}
.tor-tabs .tor-membership {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.tor-tabs .tor-membership-date {
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
}
.tor-tabs .tor-membership-detail-text {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.tor-tabs .tor-membership-detail-text__icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.tor-tabs .tor-membership-detail-text__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-tabs .tor-membership-display {
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.tor-tabs .tor-membership-display-image {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  cursor: pointer;
}
.tor-tabs .tor-membership-display-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-tabs .tor-membership-display-body {
  color: #333;
  font-size: 16px;
  line-height: 18px;
}
.tor-tabs .tor-membership-display-body p {
  color: #333;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px !important;
}
.tor-tabs .tor-membership-display-body strong {
  color: #111;
  font-weight: 700;
}
.tor-tabs .tor-membership-display-name {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
.tor-tabs .tor-membership-image {
  border-radius: 10px;
  max-width: 100%;
  width: 130px;
  height: 140px;
  object-fit: cover;
}
.tor-tabs .tor-small-title-text {
  font-size: 0.85em;
}
.tor-tabs .tor-large-title-text {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.tor-tabs .tor-data-text {
  display: flex;
  flex-flow: row;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.tor-tabs .tor-data-enabled {
  color: #1d8f00;
}
.tor-tabs .tor-data-disabled {
  color: #BF0411;
}
.tor-tabs .tor-data-disabled .tor-data-text__icon:before,
.tor-tabs .tor-data-disabled .tor-data-text__icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 16px;
  height: 2px;
  background-color: #BF0411;
}
.tor-tabs .tor-data-disabled .tor-data-text__icon:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.tor-tabs .tor-data-suspended {
  color: #ff8d00;
}
.tor-tabs .tor-data-text__icon {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.tor-tabs .tor-data-text__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-tabs .tor-ticket-row-inner {
  display: flex;
  margin-bottom: 5px;
}
.tor-tabs .tor-ticket-row-image {
  border-radius: 10px;
  max-width: 100%;
  width: 178px;
  height: 120px;
  object-fit: cover;
}
.tor-tabs .tor-ticket-row-button {
  width: 200px;
  margin-top: 0;
  align-self: flex-end;
  margin-left: auto;
}
.tor-tabs .tor-account-column-container {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  align-self: flex-start;
  min-width: 150px;
}
.tor-tabs .tor-account-column-container .tor-button {
  min-width: 100px;
}
.tor-tabs .tor-account-column-container .inner {
  margin-left: 0;
}
.tor-tabs .tor-ticket-row-name {
  width: 33%;
  font-weight: bold;
  text-align: left;
}
.tor-tabs .tor-ticket-row-price {
  width: 33%;
  font-weight: bold;
  text-align: left;
}
.tor-tabs .tor-modal-slider {
  position: relative;
  width: 50%;
  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
  margin-left: 10px;
  margin-right: 10px;
}
.tor-tabs .tor-modal-slider .tor-modal-indicator {
  position: relative;
  width: 50px;
  max-width: 100%;
  margin: 0 auto;
  height: 4px;
  background: var(--primary-color);
  border-radius: 1px;
}
@-webkit-keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
.tor-tabs__footer {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  padding: 10px 0;
}
.tor-section-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid lightgrey;
  border-radius: 10px;
  min-width: 75%;
}
.tor-membership-manage {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.tor-membership-timeline-row {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 5px;
}
.tor-membership-timeline-text {
  display: flex;
  flex-direction: column;
}
.tor-membership-circle-icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: var(--primary-popup-btn-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  font-weight: bold;
}
.tor-section-container-full {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid lightgrey;
  border-radius: 10px;
  width: 100%;
}
.tor-membership-manage-price {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 20px;
  gap: 10px;
  align-items: center;
  font-size: 1.2em;
}
.tor-booking-history-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid lightgrey;
  border-radius: 10px;
  margin: 10px;
}
.tor-booking-history-row-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 20px;
  gap: 10px;
  align-items: center;
  font-size: 1em;
}
.tor-membership-manage-price {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 20px;
  gap: 10px;
  align-items: center;
  font-size: 1em;
}
.tor-membership-button-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
}
.tor-login-button-text {
  align-self: center;
}
.tor-login-button-image {
  width: 20px;
  height: 20px;
}
.tor-text-button {
  color: var(--primary-color-dark) !important;
  background: var(--primary-color-offset) !important;
  font-weight: bold;
  border-width: 0;
}
.tor-login-title {
  font-size: 1.4em;
  font-weight: bold;
}
.tor-login-title-sub {
  font-size: 1em;
}
.tor-login-title-header {
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
  border-bottom: 1px solid lightgray;
  display: flex;
  gap: 10px;
  align-items: center;
}
.tor-login-title-footer {
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
  border-top: 1px solid lightgray;
  display: flex;
  gap: 10px;
  align-items: center;
}
.tor-input {
  margin: 0;
  border-radius: 5px;
}
.tor-sub-text {
  font-size: 0.8em;
  color: #ccc;
}
.tor-error {
  font-size: 12px;
  color: red;
}
.tor-button {
  width: 250px;
  border-radius: 10px;
  font-size: 1em;
  background: var(--primary-color);
  color: var(--primary-color-offset);
  text-align: center;
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 10px;
  gap: 4px;
  display: flex;
  justify-content: center;
  border-width: 0;
}
.tor-small {
  padding: 5px;
  margin-top: 10px;
}
/*.tor-max-width {
    width: 100%;
}

.tor-curved {
    border-radius: 20px;
}*/
.tor-sec {
  background: var(--primary-color-offset) !important;
  color: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
}
/*.tor-button-facebook {
    background: #1877f2;
    background-color: #1877f2 !important;
}

.tor-button-apple {
    background: rgba(0, 0, 0, 0.9);
}

.tor-button-tiktok {
    background: white;
    color: #0b0b0b;
}

.tor-button-google {
    background: white;
    color: #0b0b0b;
    border: solid 1px #878787;
}*/
.tor-login-button-container {
  display: flex;
  flex-direction: column;
}
.tor-resetPassword-button-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.tor-resetPassword-button-container button {
  width: 45% !important;
}
.giftaid-decision-title {
  text-align: center;
  font-weight: bold;
}
.giftaid-decision-button-container {
  display: flex;
  justify-content: space-evenly;
  margin-top: 20px;
}
.giftaid-decision-button-container .giftaid-decision-button {
  width: 150px;
  border-radius: 10px;
  font-size: 1em;
  color: var(--primary-color-offset);
  text-align: center;
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 500px) {
  .tor-cancel-button {
    width: auto !important;
  }
  .tor-basket-empty-ticket-qty {
    display: none;
  }
  .tor-basket-apple-wallet-logo {
    width: 50% !important;
  }
  .tor-basket-apple-wallet-logo-wrapper {
    width: 75% !important;
  }
}
.tor-basket-apple-wallet-logo-wrapper {
  display: flex;
  width: 60%;
  justify-content: space-between;
}
.tor-cancel-button {
  font-size: 0.8em;
  display: flex;
  align-self: flex-start;
}
@media screen and (min-width: 700px) {
  .tor-cancel-button {
    flex-flow: row !important;
  }
}
#cancelpromo {
  cursor: pointer;
}
@media screen and (max-width: 700px) {
  .tor-form-row-stack {
    margin-left: 20px;
  }
}
@media screen and (max-width: 800px) {
  .table-p4 {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .table-p3 {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .table-p2 {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .table-p1 {
    display: none;
  }
}
.tor-refer-send {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  background-color: #4267b2;
  /* Initial background color */
  border-radius: 2px;
  padding: 1px 4px;
}
.tor-refer-send.cancel {
  background-color: red;
}
.confirm-ticket-btn {
  padding-top: 15px;
}
/*#tordelivery {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;

    .tor-input.Tor-Lookup-Alt {
        display: inline-block;
        width: 80%;
        margin-right: 15px;
    }

    #tor-address-search {
        display: inline-block;
    }

    input[type=text], input[type=email].tor-input, select.tor-select, textarea.tor-textarea {
        width: 100%;
        padding: 4px 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        resize: vertical;
        margin: 0;
        height: 30px;
        background: #fff;
    }

    .tordeliverypaynow {
        margin-left: 30%;
    }

    input:focus-visible {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff !important;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    }

    input::selection {
        color: white;
        background: #007bff;
    }

    .tor-marketing-ques {
        display: flex;
        flex-direction: column;
        row-gap: 10px;

        .tor-marketing-pref {
            font-weight: bold;
        }
    }

    .tor-error {
        font-size: 14.5px;
        margin-top: 5px;
    }

    label.tor-label {
        padding: 12px 12px 12px 0;
        display: inline-block;
        font-size: 16px;
    }

    label.tor-label-flat {
        padding: 2px 2px 2px 0;
        display: inline-block;
        font-size: 16px;
    }

    input[type=submit].tor-input {
        background-color: #04AA6D;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        float: right;
    }

    input[type=submit].tor-input:hover {
        background-color: #45a049;
    }

    .tor-delivery-container {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 20px;
    }

    .tor-details-wrapper {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-bottom: 10px;
    }

    .tor-form-col {
        float: left;
    }

    .tor-form-col-25 {
        float: left;
        width: 23%;
    }

    .tor-form-row-stack {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .tor-form-col-75 {
        float: left;
        width: 75%;
    }

    .tor-form-col-90 {
        float: left;
        width: 90%;
    }

    #tor-manual-address {
        text-align: center;
        margin: 10px auto 0px;
        display: flex;
        border-radius: 10px;
    }

    .tor-form-row {
        display: flex;
        align-items: center;
    }
    
    /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
/*    @media screen and (max-width: 600px) {
        .tor-form-col-25, input[type=submit].tor-input {
            width: 100%;
            margin-top: 0;
        }

        .tor-form-col-75 {
            width: 100%;
            margin-top: 0;
        }

        .tor-form-row {
            margin-left: 10px;
            display: block;
        }

        .tor-marketing-ques {
            margin-left: 10px;
        }

        label.tor-label {
            padding-bottom: 0px;
        }

        .tor-timeslot-time-container {
            grid-template-columns: repeat(auto-fill, 40%);
        }
    }

    .tor-delivery-title {
        font-size: 1em;
        padding: 6px;
        border-radius: 4px;
        margin: 0;
        height: 35px;
    }
}*/
/*#torbasket {
    display: flex;
    flex-direction: column;
    gap: 8px;

    .cancelpromo {
        cursor: pointer;
    }

    .tor-ticket-qty-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 80px;
        height: 30px;
        padding: 0;
    }
    /*input[type=text], input[type=email].tor-input, select.tor-select, textarea.tor-textarea {
        width: 100%;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        resize: vertical;
        background: #fff;
    }*/
/*    .tor-old-cost {
        text-decoration: line-through;
        font-size: .8em;
        align-self: center;
        color: red;
        margin-right: auto;
        margin-left: 8px;
    }

    .tor-basket-title {
        font-size: 1.2em;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .tor-bin-ticket-wrapper {
        color: grey;
        font-size: 20px;
        margin-left: 10px;
        align-self: center;
        cursor: pointer;
    }

    .tor-basket-continue {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;

        button {
            border-radius: 10px;
            font-size: 1.2em;
            font-weight: bold;
            color: var(--primary-color-offset) !important;
            background: var(--primary-color) !important;
            padding: 8px 80px;
            margin-top: 12px;
            border: 0;
        }
    }



    .tor-basket-wrapper {
        width: 82%;
        align-self: flex-start;
    }

    .tor-ticket-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        border: 1px solid #A5A5A5;
        border-radius: 10px;
        background: white;

        .tor-ticket-row-name {
            width: 33%;
            font-weight: bold;
            text-align: left;
        }

        .tor-ticket-row-price {
            width: 33%;
            font-weight: bold;
            text-align: left;
        }

        .tor-ticket-qty-wrapper {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0;
            height: 30px;

            .tor-ticket-qty {
                width: 30px;
                font-weight: bold;
                height: 30px;
                border: none;
                border-radius: 0;
                box-shadow: none;
                margin: 0;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                padding: 0;
                text-align: center;
            }

            button {
            }

            input {
            }
        }
    }

    .tor-basket-row {
        @media screen and (max-width: 500px) {
            .tor-basket-header {
                font-size: 1em !important;
                flex-direction: column !important;
                align-items: flex-start !important;
            }

            .tor-basket-event-date {
                font-size: .7em !important;
            }
        }
        /*margin: 1.4em;*/
/*       display: inline-block;
        width: 100%;


        .tor-basket-header {
            display: flex;
            flex-flow: column;
            align-content: flex-start;
            font-size: 1.2em;
            font-weight: 700;
            padding: 0 5px;

            .tor-basket-event-date {
                font-size: .75em;
                font-weight: 400;
            }
        }

        .tor-basket-tickets-rows {
            display: inline-block;
            width: 100%;
            gap: 8px;

            .tor-basket-ticket-row {
                @media screen and (min-width: 601px) {
                    flex-flow: row;
                    align-items: center;
                    justify-content: space-between;
                }

                display: flex;
                flex-flow: column;
                background: #fff;
                margin: 5px;
                font-size: .9em;

                .tor-basket-row-name-wrapper {
                    @media screen and (min-width: 601px) {
                        width: 70%;
                    }

                    display: flex;
                    flex-flow: row;
                    align-items: center;
                    justify-content: space-between;
                    width: 100%;
                }

                button {
                    padding: 0;
                    max-width: 83px;
                    background: unset;
                    min-height: unset;
                }

                .tor-basket-ticketname {
                    font-weight: bold;
                    text-align: left;
                    width: 100%;
                    font-size: .9em;

                    @media screen and (min-width: 601px) {
                        width: 30%;
                    }
                }

                .tor-basket-ticket-price {
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    width: calc((100% - 114px) / 2);
                    font-weight: 700;
                    text-align: left;
                    padding-right: 5px;

                    .tor-old-cost {
                        margin-left: 0;

                        @media screen and (min-width: 501px) {
                            margin-left: 5px;
                        }
                    }
                }

                .tor-donation-price-details {
                    justify-content: end;
                }

                .tor-basket-ticket-price-total {
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    width: calc((100% - 114px) / 2);
                    font-weight: 700;
                    text-align: left;
                }
            }
        }

        .tor-basket-ticket-qty-minus, .tor-basket-ticket-qty-plus, .tor-basket-membership-qty-plus, .tor-basket-membership-qty-minus {
            @media screen and (max-width: 500px) {
                span {
                    font-size: 20px;
                }
            }

            position: relative;
            line-height: 0;

            span {
                font-size: 24px;
                background: var(--primary-color);
                color: var(--primary-color-offset);
                border-radius: 5px;
            }

            &::after {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
                background-color: #eee;
                opacity: 0.5;
                pointer-events: all;
                cursor: not-allowed;
            }

            &:disabled {
                &::after {
                    content: '';
                }
            }
        }


        .tor-basket-ticket-qty {
            width: 30px;
            font-weight: bold;
            height: 30px;
            border: none;
            border-radius: 0;
            box-shadow: none;
            margin: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            padding: 0;
            text-align: center;
            line-height: 30px;
        }
    }

    .tor-basket-total {
        font-size: 1.2em;
        text-align: center;
        margin-top: 24px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        flex-direction: row;

        .tor-basket-total-price {
            font-weight: bold;
            display: flex;

            .tor-old-cost {
                margin-right: 8px;
            }
        }
    }
}*/
#torfinish .tor-section-header-final {
  text-align: left;
  font-weight: bold;
  margin: 12px 5px;
  font-size: 1em;
}
@media screen and (min-width: 500px) {
  #torfinish .tor-section-header-final {
    margin-left: 15px;
    margin-right: 15px;
  }
}
#torfinish .tor-section-header-final .tor-section-sub-header {
  font-size: 0.8em;
  font-weight: normal;
  text-align: center;
}
#torfinish .tor-confirmation-logo span {
  border-radius: 10px !important;
  background: var(--primary-color) !important;
  color: var(--primary-color-offset) !important;
  transition: all 0.4s ease-in-out !important;
  padding: 20px;
}
#torfinish .tor-finish-bookinfref {
  font-size: 1.2em;
  margin-top: 6px;
}
#torfinish .tor-finish-payment-result {
  font-size: 1.2em;
  margin-top: 6px;
  display: flex;
  justify-content: center;
}
.swal2-styled.swal2-confirm {
  font-weight: bold;
  background: var(--primary-color) !important;
  color: var(--primary-color-offset) !important;
}
.swal2-cancel {
  font-weight: bold;
  color: var(--primary-color-dark) !important;
  background: var(--primary-color-offset) !important;
  border: 1px solid var(--primary-color) !important;
}
.swal2-deny {
  font-weight: bold;
  color: var(--primary-color-dark) !important;
  background: var(--primary-color-offset) !important;
  border: 1px solid var(--primary-color) !important;
}
.swal2-title {
  padding: 0 !important;
}
.swal2-icon {
  transform: scale(0.7);
}
.tor-shopping-cart-final {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.tor-shopping-cart-final .tor-basket-header {
  display: flex;
  flex-flow: column;
  width: 100%;
  font-size: 0.9em;
  font-weight: 700;
  text-align: left;
  padding: 0 5px;
}
.tor-shopping-cart-final .tor-basket-header .tor-basket-event-date {
  font-size: 0.75em;
  font-weight: 400;
}
.tor-shopping-cart-final #tor-shopping-cart-items-final {
  width: 100%;
  display: inline-block;
}
@media screen and (min-width: 500px) {
  .tor-shopping-cart-final #tor-shopping-cart-items-final {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.tor-shopping-cart-final .tor-basket-tickets-rows {
  display: flex;
  flex-flow: column;
  width: 100%;
  gap: 8px;
  margin-bottom: 8px;
}
.tor-shopping-cart-final .tor-basket-ticketname {
  flex: 1;
  display: flex;
  font-weight: bold;
  text-align: left;
  font-size: 0.9em;
}
.tor-shopping-cart-final .tor-basket-ticket-price {
  flex: 1;
  display: flex;
  justify-content: center;
  font-weight: bold;
  text-align: left;
  align-items: center;
}
.tor-shopping-cart-final .tor-donation-price-details {
  justify-content: end;
}
.tor-shopping-cart-final .tor-basket-ticket-price-total {
  flex: 1;
  display: flex;
  justify-content: center;
  font-weight: bold;
  text-align: left;
  align-items: center;
}
.tor-shopping-cart-final .tor-ticket-qty-group {
  flex: 1;
  display: flex;
  justify-content: right;
  flex-direction: row;
  align-items: center;
  padding: 0;
  height: 30px;
}
.tor-shopping-cart-final .tor-basket-ticket-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  margin: 5px;
  font-size: 0.9em;
}
.tor-shopping-cart-final .tor-basket-ticket-qty {
  width: 30px;
  font-weight: bold;
  height: 30px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  text-align: center;
  line-height: 30px;
}
.tor-shopping-cart-final .tor-old-cost {
  text-decoration: line-through;
  font-size: 0.8em;
  align-self: center;
  color: red;
  margin-right: auto;
  margin-left: 8px;
  display: inline-block;
}
#torpayment {
  margin-top: 10px;
}
.giftaid-decision-button-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.giftaid-decision-button-container label {
  font-size: 10px;
}
@media screen and (min-width: 780px) {
  .giftaid-decision-button-container label {
    font-size: 12px;
  }
}
/*.tor-giftaid-banner-section {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 5px;
    background-color: #DEDDDD;
    padding: 5px;

    @media screen and (min-width: 700px) {
        width: 50%;
    }

    p {
        margin-bottom: 0;
    }

    .tor-event-banner-desc {
        color: #24394C;
        font-size: 12px;
        line-height: 14px;
    }

    .tor-cb-slider {
        margin: auto 0 0 !important;
    }

    .tor-cb-slider__label {
        flex-flow: row;
        align-items: center;
    }
}

.tor-giftaid-banner-img-wrap {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 20px;
    align-self: center;
}

.tor-giftaid-banner-img {
    width: 110px;
    height: 75px;
}

.tor-giftaid-banner-img-large {
    width: 160px;
    height: 57px;
}

.tor-giftaid-banner-inner {
    display: flex;
    flex-flow: column;
    gap: 5px;
    padding: 5px 0;

    @media screen and (min-width: 700px) {
        flex-flow: row;
    }
}*/
.tor-membership-calendar.pika-single.is-bound {
  box-shadow: none !important;
}
.tor-membership-calendar.pika-single.is-bound .pika-lendar {
  background: white;
}
.TOR-carousel {
  overflow: hidden;
  position: relative;
}
.TOR-carousel:hover .TOR-controls {
  opacity: 1;
}
.TOR-carousel .TOR-controls {
  opacity: 0;
  display: flex;
  left: 0;
  justify-content: space-between;
  width: 100%;
  z-index: 99999;
  transition: all ease 0.5s;
  height: 100%;
  align-items: center;
}
.TOR-carousel .TOR-controls .TOR-control {
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.5;
  transition: ease 0.3s;
  cursor: pointer;
  font-family: "Times New Roman", serif;
}
.TOR-carousel .TOR-controls .TOR-control:hover {
  opacity: 1;
  z-index: 1;
}
.TOR-carousel .TOR-slides {
  position: absolute;
  top: 50%;
  left: 0 !important;
  right: auto;
  bottom: auto;
  transform: translateY(-50%);
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.TOR-carousel .TOR-slides .TOR-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  transition: transform 300ms linear;
  opacity: 0;
}
.TOR-carousel .TOR-slides .TOR-slide--next {
  transform: translateX(100%);
}
.TOR-carousel .TOR-slides .TOR-slide--previous {
  transform: translateX(-100%);
}
.TOR-carousel .TOR-slides .TOR-slide__img,
.TOR-carousel .TOR-slides .TOR-slide__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.TOR-carousel .TOR-slides .TOR-slide__img {
  object-fit: contain;
}
.TOR-carousel .TOR-slides .TOR-slide__bg-img {
  object-fit: cover;
  filter: blur(5px);
  opacity: 0.5;
  z-index: -1;
}
.tor-background-color {
  background-color: var(--whole-site-bg-color);
}
#torwebbooking,
.tor-modal {
  /* Dropdown container */
  /* Dropdown button */
  /* Dropdown menu */
  /*.tor-form__select-wrap {
        position: relative;

        &::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 5px;
            left: auto;
            bottom: auto;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            background: transparent url("/images/select-arrow.svg") no-repeat center center / cover;
            pointer-events: none;
        }
    }*/
  /*.tor-trade--education {
        max-width: 1200px;
        margin-top: 50px;
        margin-bottom: 50px;

        @media screen and (min-width: 760px) {
            margin-top: 150px;
            margin-bottom: 150px;
        }
    }*/
  /*.tor-trade-login {
        display: flex;
        flex-flow: column;
        gap: 10px;
        margin-top: 50px;

        @media screen and (min-width: 600px) {
            flex-flow: row;
        }
    }

    .tor-trade-login--education {
        .tor-trade-login__content {
            background-color: #fff;
        }

        .tor-trade-login__footer p,
        .tor-trade-login__sub-header {
            font-family: Arial, sans-serif;
        }

        .tor-trade-login__offer {
            background-color: transparent;

            img {
                object-fit: cover;
            }
        }
    }

    .tor-trade-login--align-center {
        align-items: center;
    }

    .tor-trade-login__sidebar {
        display: flex;
        flex-flow: column;
        gap: 10px;
        width: 268px;
        padding: 10px 0;

        p {
            margin-bottom: 0;
        }
    }

    .tor-trade-login__message {
        font-family: Arial, sans-serif;
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        background-color: #008081;
        border-radius: 10px;
        padding: 10px;
    }

    .tor-trade-login__content {
        display: flex;
        flex-flow: column;
        justify-content: center;
        gap: 15px;
        width: calc(100% - 273px);
        background-color: #F6F6F6;
        border-radius: 10px;
        padding: 20px;
    }

    .tor-trade-login__trade-logo {
        position: relative;
        width: 100%;
        height: 30px;
    }

    .tor-trade-login__header {
        color: #DA148B;
        font-size: 24px;
        line-height: 30px;
        font-weight: 800;
        text-transform: uppercase;
        text-align: center;
    }

    .tor-trade-login__sub-header {
        color: #627281;
        font-size: 16px;
        line-height: 20px;
        font-weight: 800;
        text-align: center;
    }

    .tor-trade-login__offer-wrap {
        display: flex;
        flex-flow: row wrap;
        gap: 5px;
    }

    .tor-trade-login__offer {
        position: relative;
        width: calc((100% - 5px) / 2);
        background-color: #eee;
        aspect-ratio: 130 / 117;
    }

    .tor-trade-login__footer {
        display: flex;
        flex-flow: column;
        gap: 10px;

        p {
            color: #008081;
            font-size: 14px;
            line-height: 16px;
            font-weight: 800;
        }
    }

    .tor-trade-login__footer-img {
        position: relative;
        width: 100%;
        height: 46px;
    }

    .tor-trade-login__content-heading {
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 20px;
        padding-bottom: 40px;

        p {
            color: #24394C;
            font-size: 24px;
            line-height: 30px;
            font-weight: 600;
            margin-bottom: 0;
        }
    }

    .tor-trade-login__content-img {
        position: relative;
        width: 184px;
        height: 70px;
    }*/
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  #torwebbooking .tor-btn--mid-120,
  .tor-modal .tor-btn--mid-120 {
    width: 120px !important;
  }
}
#torwebbooking .tor-btn--120,
.tor-modal .tor-btn--120 {
  min-width: 120px;
}
#torwebbooking .tor-btn--130,
.tor-modal .tor-btn--130 {
  min-width: 130px;
}
#torwebbooking .tor-btn--150,
.tor-modal .tor-btn--150 {
  min-width: 150px;
}
#torwebbooking .tor-btn--200,
.tor-modal .tor-btn--200 {
  min-width: 200px;
}
#torwebbooking .tor-btn--gv,
.tor-modal .tor-btn--gv {
  color: var(--gv-btn-text) !important;
  background-color: var(--gv-btn-bg) !important;
  border-color: var(--gv-btn-text) !important;
}
#torwebbooking .tor-btn--gv:hover,
.tor-modal .tor-btn--gv:hover {
  color: var(--gv-btn-hover-text) !important;
  background-color: var(--gv-btn-hover-bg) !important;
  border-color: var(--gv-btn-hover-bg) !important;
}
#torwebbooking .tor-btn--gv--selected,
.tor-modal .tor-btn--gv--selected {
  color: var(--gv-btn-bg) !important;
  background-color: var(--gv-btn-text) !important;
  border-color: var(--gv-btn-text) !important;
}
#torwebbooking .tor-btn--gv--selected:hover,
.tor-modal .tor-btn--gv--selected:hover {
  color: var(--gv-btn-bg) !important;
  background-color: var(--gv-btn-text) !important;
  border-color: var(--gv-btn-text) !important;
}
#torwebbooking .tor-field--membership-terms span,
.tor-modal .tor-field--membership-terms span {
  margin-left: auto;
}
#torwebbooking .tor-field--membership-dob .tor-field__input,
.tor-modal .tor-field--membership-dob .tor-field__input {
  text-align: right;
  padding-right: 50px;
}
#torwebbooking .tor-field--spaced,
.tor-modal .tor-field--spaced {
  flex-flow: row !important;
  justify-content: space-between !important;
}
#torwebbooking .tor-field--gdpr .tor-field__label,
.tor-modal .tor-field--gdpr .tor-field__label {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-field--date,
.tor-modal .tor-field--date {
  flex-flow: row;
}
#torwebbooking .tor-field--date .tor-field__input,
.tor-modal .tor-field--date .tor-field__input {
  text-align: center;
  border: none;
  border-radius: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--date .tor-field__input,
  .tor-modal .tor-field--date .tor-field__input {
    width: auto;
    max-width: 200px;
  }
}
#torwebbooking #recipientForm .tor-form,
.tor-modal #recipientForm .tor-form {
  display: grid;
  grid-template-columns: auto auto;
  gap: 20px;
  align-items: center;
}
@media (max-width: 600px) {
  #torwebbooking #recipientForm .tor-form,
  .tor-modal #recipientForm .tor-form {
    grid-template-columns: 1fr;
  }
  #torwebbooking #recipientForm .tor-form__row,
  .tor-modal #recipientForm .tor-form__row,
  #torwebbooking #recipientForm label,
  .tor-modal #recipientForm label,
  #torwebbooking #recipientForm .tor-field__input,
  .tor-modal #recipientForm .tor-field__input,
  #torwebbooking #recipientForm .tor-field__textarea,
  .tor-modal #recipientForm .tor-field__textarea {
    grid-column: span 1;
  }
  #torwebbooking #tor-input-recipient-FirstName,
  .tor-modal #tor-input-recipient-FirstName,
  #torwebbooking #tor-input-recipient-LastName,
  .tor-modal #tor-input-recipient-LastName {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--textarea,
  .tor-modal .tor-field--textarea {
    align-items: flex-start;
  }
}
#torwebbooking .tor-field--22-price,
.tor-modal .tor-field--22-price {
  flex: 0 0 auto !important;
  width: 22px !important;
  margin-left: 10px !important;
}
#torwebbooking .tor-field--checkbox,
.tor-modal .tor-field--checkbox {
  justify-content: flex-start;
  gap: 5px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-field--checkbox,
  .tor-modal .tor-field--checkbox {
    display: flex !important;
    flex-flow: row !important;
    align-items: center !important;
  }
}
#torwebbooking .tor-field--checkbox .tor-field__label,
.tor-modal .tor-field--checkbox .tor-field__label {
  flex: 1 1 auto;
  font-weight: 400;
  margin-right: 0;
  margin-bottom: 0;
}
#torwebbooking .tor-field--checkbox .tor-field__input,
.tor-modal .tor-field--checkbox .tor-field__input {
  display: none;
}
#torwebbooking .tor-field--checkbox .tor-field__input:checked ~ .tor-field__checkbox,
.tor-modal .tor-field--checkbox .tor-field__input:checked ~ .tor-field__checkbox {
  background: var(--checkbox-color) url("../images/radio-btn-tick.svg") no-repeat center center / contain;
}
#torwebbooking .tor-field__checkbox,
.tor-modal .tor-field__checkbox {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
}
#torwebbooking .tor-field__checkbox--input,
.tor-modal .tor-field__checkbox--input {
  accent-color: var(--checkbox-color);
}
#torwebbooking .tor-field__checkbox-1,
.tor-modal .tor-field__checkbox-1 {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
}
#torwebbooking .tor-field--gift,
.tor-modal .tor-field--gift {
  justify-content: flex-end;
}
#torwebbooking .tor-field--gift .tor-field__label,
.tor-modal .tor-field--gift .tor-field__label {
  flex: 0 1 auto;
}
#torwebbooking .tor-field--gift .tor-field__icon svg,
.tor-modal .tor-field--gift .tor-field__icon svg {
  fill: var(--gift-icon);
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-field--comms,
  .tor-modal .tor-field--comms {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-field--checkbox-full,
.tor-modal .tor-field--checkbox-full {
  justify-content: space-between;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--fixed-input .tor-field__input,
  .tor-modal .tor-field--fixed-input .tor-field__input {
    max-height: 44px;
    margin-bottom: auto;
  }
}
#torwebbooking .tor-field--margin-top,
.tor-modal .tor-field--margin-top {
  margin-top: 5px;
}
#torwebbooking .tor-field--redeem,
.tor-modal .tor-field--redeem {
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--redeem .tor-field__label,
  .tor-modal .tor-field--redeem .tor-field__label,
  #torwebbooking .tor-field--redeem .tor-field__input-group,
  .tor-modal .tor-field--redeem .tor-field__input-group {
    width: calc(50% - 10px);
  }
}
#torwebbooking .tor-field--redeem .tor-field__label-icon svg,
.tor-modal .tor-field--redeem .tor-field__label-icon svg {
  fill: var(--redeem-label-icon);
}
#torwebbooking .tor-field--gv,
.tor-modal .tor-field--gv {
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--gv .tor-field__label,
  .tor-modal .tor-field--gv .tor-field__label,
  #torwebbooking .tor-field--gv .tor-field__input-group,
  .tor-modal .tor-field--gv .tor-field__input-group {
    width: calc(50% - 10px);
  }
}
#torwebbooking .tor-field--gv .tor-field__label,
.tor-modal .tor-field--gv .tor-field__label {
  color: var(--gv-label-text);
}
#torwebbooking .tor-field--gv .tor-field__label-icon svg,
.tor-modal .tor-field--gv .tor-field__label-icon svg {
  fill: var(--gv-label-icon);
}
#torwebbooking .tor-field__input-group-half,
.tor-modal .tor-field__input-group-half {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field__input-group-half,
  .tor-modal .tor-field__input-group-half {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-field--check-account,
.tor-modal .tor-field--check-account {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--check-account .tor-field__label,
  .tor-modal .tor-field--check-account .tor-field__label {
    width: 170px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--check-account .tor-field__input-group,
  .tor-modal .tor-field--check-account .tor-field__input-group {
    width: calc(100% - 180px);
  }
}
#torwebbooking .tor-field--check-account .tor-field__input-group-full,
.tor-modal .tor-field--check-account .tor-field__input-group-full {
  width: 100%;
}
#torwebbooking .tor-field--check-account .tor-field__label-icon svg,
.tor-modal .tor-field--check-account .tor-field__label-icon svg {
  fill: var(--redeem-label-icon);
}
#torwebbooking .tor-field--gift-form .tor-field__label,
.tor-modal .tor-field--gift-form .tor-field__label {
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--gift-form .tor-field__label,
  .tor-modal .tor-field--gift-form .tor-field__label {
    flex: 1 1 auto;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--gift-form .tor-field__input-group,
  .tor-modal .tor-field--gift-form .tor-field__input-group {
    flex: 0 0 auto;
    width: 57%;
  }
}
#torwebbooking .tor-field--membership-dob .tor-field__input,
.tor-modal .tor-field--membership-dob .tor-field__input {
  text-align: right;
  padding-right: 50px;
}
#torwebbooking .tor-field__dob-wrap,
.tor-modal .tor-field__dob-wrap {
  flex: 1 1 auto;
  position: relative;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-field__dob-wrap,
  .tor-modal .tor-field__dob-wrap {
    width: 100%;
  }
}
#torwebbooking .tor-field__dob-wrap::after,
.tor-modal .tor-field__dob-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 20px;
  height: 22px;
  background: transparent url("../images/dob-calendar.svg") no-repeat center center / contain;
  pointer-events: none;
}
#torwebbooking .tor-field__mobile-wrap,
.tor-modal .tor-field__mobile-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  gap: 5px;
  width: 100%;
}
#torwebbooking .tor-field__mobile-wrap .tor-field__input:first-child,
.tor-modal .tor-field__mobile-wrap .tor-field__input:first-child {
  flex: 0 0 auto;
  width: 80px;
}
#torwebbooking .tor-field__mobile-wrap .tor-field__input:last-child,
.tor-modal .tor-field__mobile-wrap .tor-field__input:last-child {
  flex: 1 1 auto;
}
#torwebbooking .tor-field__label--block,
.tor-modal .tor-field__label--block {
  display: block;
}
#torwebbooking .tor-field__label-icon,
.tor-modal .tor-field__label-icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
#torwebbooking .tor-field__label-icon svg,
.tor-modal .tor-field__label-icon svg {
  fill: var(--primary-content-font-color);
}
#torwebbooking .tor-field__dob-wrap,
.tor-modal .tor-field__dob-wrap {
  flex: 1 1 auto;
  position: relative;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-field__dob-wrap,
  .tor-modal .tor-field__dob-wrap {
    width: 100%;
  }
}
#torwebbooking .tor-field__dob-wrap::after,
.tor-modal .tor-field__dob-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 20px;
  height: 22px;
  background: transparent url("../images/dob-calendar.svg") no-repeat center center / contain;
  pointer-events: none;
}
#torwebbooking .tor-field__textarea,
.tor-modal .tor-field__textarea {
  height: 90px;
  resize: none;
}
#torwebbooking .tor-field__input--checkbox,
.tor-modal .tor-field__input--checkbox {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  accent-color: var(--primary-color);
  border: 1px solid #000;
  border-radius: 5px;
  margin-left: 10px;
}
#torwebbooking .tor-field__input--80,
.tor-modal .tor-field__input--80 {
  flex: 0 0 auto;
  width: 80px;
}
#torwebbooking .tor-field__input--50,
.tor-modal .tor-field__input--50 {
  flex: 0 0 auto;
  width: 50px;
}
#torwebbooking .tor-field__input--house-no,
.tor-modal .tor-field__input--house-no {
  flex: 0 0 auto;
  width: 60px !important;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-field__input--house-no,
  .tor-modal .tor-field__input--house-no {
    width: 80px !important;
  }
}
#torwebbooking .tor-field__phone-inputs,
.tor-modal .tor-field__phone-inputs {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
#torwebbooking .tor-field__input-wrap,
.tor-modal .tor-field__input-wrap {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#torwebbooking .tor-field__input-wrap--gap,
.tor-modal .tor-field__input-wrap--gap {
  gap: 10px;
}
#torwebbooking .tor-field__input-wrap--lookup,
.tor-modal .tor-field__input-wrap--lookup {
  gap: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-field__input-group,
.tor-modal .tor-field__input-group {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field__input-group,
  .tor-modal .tor-field__input-group {
    flex: 1 1 auto;
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-field__spaced-btn,
.tor-modal .tor-field__spaced-btn {
  min-height: 44px;
  margin-left: 10px;
}
#torwebbooking .tor-form--card-quant,
.tor-modal .tor-form--card-quant {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-form--card-quant,
  .tor-modal .tor-form--card-quant {
    flex-flow: row wrap;
    justify-content: flex-end;
  }
}
#torwebbooking .tor-form--card-quant .tor-btn,
.tor-modal .tor-form--card-quant .tor-btn {
  min-width: auto;
  max-width: 100%;
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  #torwebbooking .tor-form--card-quant .tor-btn,
  .tor-modal .tor-form--card-quant .tor-btn {
    width: 100%;
  }
}
#torwebbooking .tor-form--padding,
.tor-modal .tor-form--padding {
  padding-left: 10px;
}
#torwebbooking .tor-form--stacked,
.tor-modal .tor-form--stacked {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-form--no-margin,
.tor-modal .tor-form--no-margin {
  margin: 0;
}
#torwebbooking .tor-form__actions,
.tor-modal .tor-form__actions {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
  margin-top: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-form__actions,
  .tor-modal .tor-form__actions {
    flex-flow: row;
    align-items: center;
    margin-top: 10px;
  }
}
#torwebbooking .tor-dropdown-edu,
.tor-modal .tor-dropdown-edu {
  position: relative;
  display: inline-block;
  width: 100%;
}
#torwebbooking .tor-dropdown__button,
.tor-modal .tor-dropdown__button {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  text-align: left;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
#torwebbooking .tor-dropdown__menu,
.tor-modal .tor-dropdown__menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#torwebbooking .tor-dropdown__menu.active,
.tor-modal .tor-dropdown__menu.active {
  display: block;
}
#torwebbooking .tor-dropdown__menu .tor-field--checkbox,
.tor-modal .tor-dropdown__menu .tor-field--checkbox {
  padding: 8px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
#torwebbooking .tor-dropdown__menu .tor-field--checkbox:last-child,
.tor-modal .tor-dropdown__menu .tor-field--checkbox:last-child {
  border-bottom: none;
}
#torwebbooking .tor-dropdown__menu .tor-field__label,
.tor-modal .tor-dropdown__menu .tor-field__label {
  margin-left: 10px;
  font-size: 14px;
  cursor: pointer;
}
#torwebbooking .tor-form__row-wrap-small,
.tor-modal .tor-form__row-wrap-small {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 400px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-form__actions--align-end,
  .tor-modal .tor-form__actions--align-end {
    justify-content: flex-end;
  }
}
#torwebbooking .tor-form__subheading,
.tor-modal .tor-form__subheading {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
  background-color: var(--client-details-heading-bg);
  padding: 5px 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-form__subheading,
  .tor-modal .tor-form__subheading {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }
}
#torwebbooking .tor-form__text,
.tor-modal .tor-form__text {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #333;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
#torwebbooking .tor-form__text-btn,
.tor-modal .tor-form__text-btn {
  color: #627281;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-left: 6px;
}
#torwebbooking .tor-form__sub-text,
.tor-modal .tor-form__sub-text {
  color: #333;
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-form--align-center,
.tor-modal .tor-form--align-center {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#torwebbooking .tor-form--indented,
.tor-modal .tor-form--indented {
  padding: 0 10px;
}
#torwebbooking .tor-form__field-group,
.tor-modal .tor-form__field-group {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-form__row,
.tor-modal .tor-form__row {
  display: flex;
  flex-flow: row;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-form__row--stacked-mobile,
  .tor-modal .tor-form__row--stacked-mobile {
    flex-flow: column;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-form__row--half,
  .tor-modal .tor-form__row--half {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-form__row--no-margin,
.tor-modal .tor-form__row--no-margin {
  margin: 0;
}
#torwebbooking .tor-form__row--full,
.tor-modal .tor-form__row--full {
  width: 100%;
}
#torwebbooking .tor-form__check-account-left,
.tor-modal .tor-form__check-account-left {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-form__check-account-left,
  .tor-modal .tor-form__check-account-left {
    flex-flow: row;
    align-items: flex-start;
    width: calc(100% - 130px);
  }
}
#torwebbooking .tor-form__check-account-right,
.tor-modal .tor-form__check-account-right {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-form__check-account-right,
  .tor-modal .tor-form__check-account-right {
    width: 120px;
  }
}
#torwebbooking .tor-form__select-wrap,
.tor-modal .tor-form__select-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
#torwebbooking .tor-form__select,
.tor-modal .tor-form__select {
  min-width: 60px;
  height: auto;
  color: #000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  background: #fff;
  border: 1px solid #627281;
  border-radius: 5px;
  padding: 6px 25px 6px 5px;
  margin-bottom: 0;
  appearance: none;
}
#torwebbooking .tor-form__colour-option,
.tor-modal .tor-form__colour-option {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #D00000;
}
#torwebbooking .tor-form__action,
.tor-modal .tor-form__action {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-form__action,
  .tor-modal .tor-form__action {
    width: calc((100% - 10px) / 2) !important;
  }
}
@media screen and (max-width: 759px) {
  #torwebbooking .tor-form__action--login,
  .tor-modal .tor-form__action--login {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-form__action--login,
  .tor-modal .tor-form__action--login {
    order: -1;
  }
}
#torwebbooking .tor-additional-info__items-wrapper,
.tor-modal .tor-additional-info__items-wrapper {
  display: flex;
  flex-flow: row;
}
#torwebbooking .tor-additional-info__qty,
.tor-modal .tor-additional-info__qty {
  width: 30px;
  margin-left: 5px;
}
#torwebbooking .tor-form__footer,
.tor-modal .tor-form__footer {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
#torwebbooking .tor-field,
.tor-modal .tor-field {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field,
  .tor-modal .tor-field {
    flex: 1 1 auto;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    width: auto;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--stacked,
  .tor-modal .tor-field--stacked {
    flex-flow: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-field--stacked .tor-field__label,
  .tor-modal .tor-field--stacked .tor-field__label {
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--stacked .tor-field__label,
  .tor-modal .tor-field--stacked .tor-field__label {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field--gap,
  .tor-modal .tor-field--gap {
    gap: 10px;
  }
}
#torwebbooking .tor-field--gap .tor-field__label,
.tor-modal .tor-field--gap .tor-field__label {
  margin: 0;
}
#torwebbooking .tor-field__label,
.tor-modal .tor-field__label {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  color: var(--primary-content-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field__label,
  .tor-modal .tor-field__label {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-field__label--130,
  .tor-modal .tor-field__label--130 {
    width: 130px;
  }
}
#torwebbooking .tor-field__label--bold,
.tor-modal .tor-field__label--bold {
  font-weight: 700;
}
#torwebbooking .tor-field__input,
.tor-modal .tor-field__input,
#torwebbooking .tor-field__textarea,
.tor-modal .tor-field__textarea {
  flex: 1 1 auto;
  width: 100%;
  color: #627281;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: left;
  background-color: #fff;
  border: 1px solid #627281;
  border-radius: 5px;
  box-shadow: none;
  margin: 0;
  padding: 8px;
}
#torwebbooking .tor-field__icon,
.tor-modal .tor-field__icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 26px;
}
#torwebbooking .tor-field__icon img,
.tor-modal .tor-field__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-field__icon svg,
.tor-modal .tor-field__icon svg {
  fill: var(--primary-content-font-color);
}
#torwebbooking .tor-field__icon--pay,
.tor-modal .tor-field__icon--pay {
  flex: 0 0 auto;
  height: 30px;
}
#torwebbooking .tor-field__input[type=text],
.tor-modal .tor-field__input[type=text],
#torwebbooking .tor-field__input[type=password],
.tor-modal .tor-field__input[type=password],
#torwebbooking .tor-field__input[type=email],
.tor-modal .tor-field__input[type=email],
#torwebbooking .tor-field__input[type=month],
.tor-modal .tor-field__input[type=month],
#torwebbooking .tor-field__input[type=date],
.tor-modal .tor-field__input[type=date] {
  min-height: 44px;
}
#torwebbooking .tor-trade,
.tor-modal .tor-trade {
  width: 100%;
  max-width: 854px;
  margin: 0 auto;
}
#torwebbooking .tor-trade--account .tor-trade-login__content,
.tor-modal .tor-trade--account .tor-trade-login__content {
  max-width: 600px;
  margin: 0 auto;
}
#torwebbooking .tor-trade--account .tor-trade-login__content-img,
.tor-modal .tor-trade--account .tor-trade-login__content-img {
  width: 600px;
  height: 110px;
}
#torwebbooking .tor-logo-image,
.tor-modal .tor-logo-image {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-trade-form,
.tor-modal .tor-trade-form {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}
#torwebbooking .tor-trade-form--full,
.tor-modal .tor-trade-form--full {
  max-width: 100%;
}
#torwebbooking .tor-trade-form__row,
.tor-modal .tor-trade-form__row {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
#torwebbooking .tor-trade-form__row--align-start,
.tor-modal .tor-trade-form__row--align-start {
  align-items: flex-start;
}
#torwebbooking .tor-trade-form__static-icon,
.tor-modal .tor-trade-form__static-icon {
  flex: 0 0 auto;
  position: relative;
  width: 60px;
  height: 40px;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-trade-form__static-icon,
  .tor-modal .tor-trade-form__static-icon {
    display: none;
  }
}
#torwebbooking .tor-trade-form__results,
.tor-modal .tor-trade-form__results {
  flex: 1 1 auto;
  height: 150px;
  background-color: #F9F9F9;
  border: 1px solid #eee;
  overflow-y: auto;
}
#torwebbooking .tor-trade-form__label,
.tor-modal .tor-trade-form__label {
  width: 60px;
  color: #24394C;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  font-family: Arial, sans-serif;
  text-align: center;
}
#torwebbooking .tor-trade-form__input-wrap,
.tor-modal .tor-trade-form__input-wrap {
  position: relative;
  width: 100%;
}
#torwebbooking .tor-trade-form__input,
.tor-modal .tor-trade-form__input {
  width: 100%;
  color: #24394C;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  background-color: #fff;
  padding: 16px 5px 16px 60px;
  border: 1px solid #627281;
  border-radius: 5px;
}
#torwebbooking .tor-trade-form__input::placeholder,
.tor-modal .tor-trade-form__input::placeholder {
  color: #9D9D9D;
}
#torwebbooking .tor-trade-form__input--static-icon,
.tor-modal .tor-trade-form__input--static-icon {
  padding-left: 5px;
}
#torwebbooking .tor-trade-form__input-icon,
.tor-modal .tor-trade-form__input-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
}
#torwebbooking .tor-trade-form__text-btn,
.tor-modal .tor-trade-form__text-btn {
  width: 100%;
  color: #627281;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 5px;
}
#torwebbooking .tor-trade-results,
.tor-modal .tor-trade-results {
  display: flex;
  flex-flow: column;
  font-family: Arial, sans-serif;
}
#torwebbooking .tor-trade-results__row,
.tor-modal .tor-trade-results__row {
  display: flex;
  flex-flow: row;
}
#torwebbooking .tor-trade-results__row.selected-row-education,
.tor-modal .tor-trade-results__row.selected-row-education {
  background-color: #008081;
}
#torwebbooking .tor-trade-results__row.selected-row-education .tor-trade-results__cell,
.tor-modal .tor-trade-results__row.selected-row-education .tor-trade-results__cell {
  color: #fff;
}
#torwebbooking .tor-trade-results__row--heading,
.tor-modal .tor-trade-results__row--heading {
  position: sticky;
  top: 0;
  background-color: #24394C;
}
#torwebbooking .tor-trade-results__row--heading .tor-trade-results__cell,
.tor-modal .tor-trade-results__row--heading .tor-trade-results__cell {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-trade-results__cell,
.tor-modal .tor-trade-results__cell {
  font-family: Arial, sans-serif;
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  padding: 5px;
}
#torwebbooking .tor-trade-results__cell:first-child,
.tor-modal .tor-trade-results__cell:first-child {
  width: 10%;
}
#torwebbooking .tor-trade-results__cell:nth-child(2),
.tor-modal .tor-trade-results__cell:nth-child(2) {
  width: 50%;
}
#torwebbooking .tor-trade-results__cell:nth-child(3),
.tor-modal .tor-trade-results__cell:nth-child(3) {
  width: 20%;
}
#torwebbooking .tor-trade-nav,
.tor-modal .tor-trade-nav {
  background-color: #EFEFEF;
  padding-top: 5px;
}
#torwebbooking .tor-trade-nav__list,
.tor-modal .tor-trade-nav__list {
  display: flex;
  flex-flow: row;
  gap: 10px;
  margin: 0;
  margin-left: 5px;
}
#torwebbooking .tor-trade-nav__item,
.tor-modal .tor-trade-nav__item {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 2px;
  list-style-type: none;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  width: 92px;
  cursor: pointer;
}
#torwebbooking .tor-trade-nav__item--active,
.tor-modal .tor-trade-nav__item--active {
  background-color: #fff;
}
#torwebbooking .tor-trade-nav__item--active .tor-trade-nav__text,
.tor-modal .tor-trade-nav__item--active .tor-trade-nav__text {
  color: #24394C;
}
#torwebbooking .tor-trade-filter-calendar,
.tor-modal .tor-trade-filter-calendar {
  width: 75%;
}
#torwebbooking .tor-trade-filter-calendar .pika-table,
.tor-modal .tor-trade-filter-calendar .pika-table {
  width: 100%;
}
#torwebbooking .tor-trade-nav__icon,
.tor-modal .tor-trade-nav__icon {
  position: relative;
  width: 25px;
  height: 25px;
}
#torwebbooking .tor-trade-nav__icon img,
.tor-modal .tor-trade-nav__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-trade-nav__text,
.tor-modal .tor-trade-nav__text {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}
#torwebbooking .tor-trade-date-wrap,
.tor-modal .tor-trade-date-wrap {
  display: flex;
  flex-flow: row;
  gap: 5px;
  margin-top: 10px;
}
#torwebbooking .tor-trade-date-wrap__days,
.tor-modal .tor-trade-date-wrap__days {
  display: flex;
  flex-flow: row;
  gap: 2px;
  width: calc(100% - 0px);
}
#torwebbooking .tor-trade-calendar-filters,
.tor-modal .tor-trade-calendar-filters {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-trade-date-wrap__month,
.tor-modal .tor-trade-date-wrap__month {
  width: 300px;
}
#torwebbooking .tor-trade-day,
.tor-modal .tor-trade-day {
  flex: 1 1 15%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  border: 1px solid #627281;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 5px;
  cursor: pointer;
}
#torwebbooking .tor-trade-day--active,
.tor-modal .tor-trade-day--active {
  border-color: transparent;
}
#torwebbooking .tor-trade-day--active .tor-trade-day__date,
.tor-modal .tor-trade-day--active .tor-trade-day__date {
  color: #005FB6;
}
#torwebbooking .tor-trade-day__date,
.tor-modal .tor-trade-day__date {
  color: #627281;
  font-size: 15px;
  line-height: 17px;
  font-weight: 800;
}
#torwebbooking .tor-trade-day__weekday,
.tor-modal .tor-trade-day__weekday {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .svg-pos,
.tor-modal .svg-pos {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-lookup__content-wrap,
.tor-modal .tor-lookup__content-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 5px 0;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-lookup__content-wrap,
  .tor-modal .tor-lookup__content-wrap {
    flex-flow: row;
  }
}
#torwebbooking button,
.tor-modal button {
  width: auto;
  border: none;
  padding: 0;
  cursor: pointer;
}
#torwebbooking button,
.tor-modal button,
#torwebbooking input,
.tor-modal input,
#torwebbooking select,
.tor-modal select,
#torwebbooking textarea,
.tor-modal textarea {
  height: auto;
  min-height: auto;
  background: transparent;
  margin-bottom: 0;
  box-sizing: border-box;
}
#torwebbooking input:not(.tor-event-slider__slider):not(.jstor-setdonationpercentage),
.tor-modal input:not(.tor-event-slider__slider):not(.jstor-setdonationpercentage) {
  background: #fff;
}
#torwebbooking input[type='number']:not(.tor-donation__percentage-input)::-webkit-inner-spin-button,
.tor-modal input[type='number']:not(.tor-donation__percentage-input)::-webkit-inner-spin-button,
#torwebbooking input[type='number']:not(.tor-donation__percentage-input)::-webkit-outer-spin-button,
.tor-modal input[type='number']:not(.tor-donation__percentage-input)::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#torwebbooking fieldset,
.tor-modal fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
#torwebbooking label,
.tor-modal label {
  margin-bottom: 0;
}
#torwebbooking select,
.tor-modal select {
  min-height: 44px;
  padding: 10px;
  appearance: auto;
}
#torwebbooking ul,
.tor-modal ul {
  text-indent: 0 !important;
  padding-inline-start: 0;
}
#torwebbooking li::before,
.tor-modal li::before {
  display: none;
}
#torwebbooking h1,
.tor-modal h1,
#torwebbooking h2,
.tor-modal h2,
#torwebbooking h3,
.tor-modal h3,
#torwebbooking h4,
.tor-modal h4,
#torwebbooking h5,
.tor-modal h5,
#torwebbooking h6,
.tor-modal h6 {
  font-family: inherit;
  margin: 0;
}
#torwebbooking p,
.tor-modal p {
  font-weight: 400;
  margin: 0;
}
#torwebbooking .adyen-checkout__button,
.tor-modal .adyen-checkout__button {
  height: 48px;
  background: #00112c;
  padding: 15px;
}
#torwebbooking .adyen-checkout__button__content,
.tor-modal .adyen-checkout__button__content {
  background: transparent;
}
#torwebbooking .adyen-checkout__button__icon,
.tor-modal .adyen-checkout__button__icon {
  max-width: 18px;
}
#torwebbooking .glide__bullets,
.tor-modal .glide__bullets {
  bottom: -22px;
  z-index: 1;
}
#torwebbooking .glide__bullet,
.tor-modal .glide__bullet {
  width: 15px;
  height: 15px;
  background-color: var(--carousel-pip-color);
  box-shadow: none;
  opacity: 0.7;
  margin: 0 5px;
}
#torwebbooking .glide__bullet:focus,
.tor-modal .glide__bullet:focus,
#torwebbooking .glide__bullet:hover,
.tor-modal .glide__bullet:hover {
  background-color: var(--carousel-pip-color);
  border: none;
}
#torwebbooking .glide__bullet--active,
.tor-modal .glide__bullet--active {
  opacity: 1;
}
#torwebbooking .tor-category-btn-membership,
.tor-modal .tor-category-btn-membership {
  display: block;
  color: var(--cateogry-btn-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--cateogry-btn-offset-color);
  border: 2px solid var(--cateogry-btn-color);
  border-radius: 5px;
  padding: 5px 10px;
  transition: background-color 200ms linear, color 200ms linear, border-color 200ms linear;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-category-btn-membership,
  .tor-modal .tor-category-btn-membership {
    font-size: 15px;
    line-height: 17px;
  }
}
#torwebbooking .tor-category-btn-membership:disabled,
.tor-modal .tor-category-btn-membership:disabled {
  opacity: 0.5;
  pointer-events: none;
}
#torwebbooking .tor-category-btn-membership:hover,
.tor-modal .tor-category-btn-membership:hover {
  color: var(--category-btn-hover-offset-color);
  background-color: var(--category-btn-hover-color);
  border-color: var(--category-btn-hover-color);
}
#torwebbooking .tor-category-btn-membership--active,
.tor-modal .tor-category-btn-membership--active {
  color: var(--cateogry-btn-offset-color);
  background-color: var(--cateogry-btn-color);
  border: 2px solid var(--cateogry-btn-color);
}
#torwebbooking .tor-category-btn,
.tor-modal .tor-category-btn {
  display: block;
  color: var(--cateogry-btn-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--cateogry-btn-offset-color);
  border: 2px solid var(--cateogry-btn-color);
  border-radius: 5px;
  padding: 5px 10px;
  transition: background-color 200ms linear, color 200ms linear, border-color 200ms linear;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-category-btn,
  .tor-modal .tor-category-btn {
    font-size: 15px;
    line-height: 17px;
  }
}
#torwebbooking .tor-category-btn:disabled,
.tor-modal .tor-category-btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
#torwebbooking .tor-category-btn:hover,
.tor-modal .tor-category-btn:hover {
  color: var(--category-btn-hover-offset-color);
  background-color: var(--category-btn-hover-color);
  border-color: var(--category-btn-hover-color);
}
#torwebbooking .tor-category-btn--active,
.tor-modal .tor-category-btn--active {
  color: var(--cateogry-btn-offset-color);
  background-color: var(--cateogry-btn-color);
}
#torwebbooking .tor-btn,
.tor-modal .tor-btn {
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--btn-offset-color);
  background-color: var(--btn-color);
  border: 2px solid var(--btn-color);
  border-radius: 5px;
  padding: 10px;
  transition: background-color 200ms linear, color 200ms linear, border-color 200ms linear;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-btn,
  .tor-modal .tor-btn {
    width: auto;
  }
}
#torwebbooking .tor-btn:disabled,
.tor-modal .tor-btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
#torwebbooking .tor-btn:hover,
.tor-modal .tor-btn:hover {
  color: var(--btn-hover-offset-color);
  background-color: var(--btn-hover-color);
  border-color: var(--btn-hover-color);
}
#torwebbooking .tor-btn--square,
.tor-modal .tor-btn--square {
  font-size: 28px;
  line-height: 32px;
}
#torwebbooking .tor-btn--sqaure-small,
.tor-modal .tor-btn--sqaure-small {
  font-size: 20px;
  line-height: 24px;
}
#torwebbooking .tor-btn--corp-green,
.tor-modal .tor-btn--corp-green {
  background-color: #008081;
  border: 2px solid #008081;
}
#torwebbooking .tor-btn--corp-green:hover,
.tor-modal .tor-btn--corp-green:hover {
  background-color: #075455;
  border-color: #075455;
}
#torwebbooking .tor-btn--FFB20F,
.tor-modal .tor-btn--FFB20F {
  color: #24394C;
  background-color: #FFB20F;
  border: 2px solid #FFB20F;
}
#torwebbooking .tor-btn--FFB20F:hover,
.tor-modal .tor-btn--FFB20F:hover {
  color: #24394C;
  background-color: #efa300;
  border-color: #efa300;
}
#torwebbooking .tor-btn--footer-back,
.tor-modal .tor-btn--footer-back {
  color: var(--back-btn-offset-color);
  background-color: var(--back-btn-color);
  border: 2px solid var(--back-btn-color);
}
#torwebbooking .tor-btn--footer-back:hover,
.tor-modal .tor-btn--footer-back:hover {
  color: var(--back-btn-hover-offset-color);
  background-color: var(--back-btn-hover-color);
  border-color: var(--back-btn-hover-color);
}
#torwebbooking .tor-btn--category,
.tor-modal .tor-btn--category {
  font-size: 12px;
  line-height: 14px;
  padding: 5px 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-btn--category,
  .tor-modal .tor-btn--category {
    font-size: 15px;
    line-height: 17px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-btn--full,
  .tor-modal .tor-btn--full {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-btn--percentage,
  .tor-modal .tor-btn--percentage {
    width: 100%;
    max-width: 226px;
  }
}
#torwebbooking .tor-btn--outline-reverse,
.tor-modal .tor-btn--outline-reverse {
  color: var(--btn-color);
  background-color: var(--btn-offset-color);
}
#torwebbooking .tor-btn--outline-reverse:disabled,
.tor-modal .tor-btn--outline-reverse:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#torwebbooking .tor-btn--uppercase,
.tor-modal .tor-btn--uppercase {
  text-transform: uppercase;
}
#torwebbooking .tor-btn--h-52,
.tor-modal .tor-btn--h-52 {
  height: 52px;
}
#torwebbooking .tor-btn__large-text,
.tor-modal .tor-btn__large-text {
  font-size: 36px;
  line-height: 40px;
}
#torwebbooking .tor-checkout,
.tor-modal .tor-checkout {
  position: relative;
  width: 100%;
  background-color: var(--basket-checkout-bg-color);
  padding: 10px;
  margin: 0 auto;
}
#torwebbooking .tor-checkout__guest-btn--above,
.tor-modal .tor-checkout__guest-btn--above {
  margin-bottom: 20px;
}
#torwebbooking .tor-checkout__guest-btn--above + .tor-checkout__checkout-types,
.tor-modal .tor-checkout__guest-btn--above + .tor-checkout__checkout-types {
  margin-bottom: 0;
}
#torwebbooking .tor-checkout__back-btn,
.tor-modal .tor-checkout__back-btn {
  position: absolute;
  top: 5px;
  left: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-checkout__back-btn,
  .tor-modal .tor-checkout__back-btn {
    top: 10px;
    left: 10px;
  }
}
#torwebbooking .tor-checkout__payment-types,
.tor-modal .tor-checkout__payment-types {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-checkout__payment-type,
.tor-modal .tor-checkout__payment-type {
  position: relative;
  width: calc((100% - 20px) / 3);
  height: 64px;
  background-color: #000;
  border-radius: 10px;
}
#torwebbooking .tor-checkout__payment-type img,
.tor-modal .tor-checkout__payment-type img {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 34px;
  object-fit: contain;
}
#torwebbooking .tor-checkout__payment-type--google,
.tor-modal .tor-checkout__payment-type--google {
  background-color: #fff;
  border: 1px solid #000;
}
#torwebbooking .tor-checkout__payment-type--google img,
.tor-modal .tor-checkout__payment-type--google img {
  height: 31px;
}
#torwebbooking .tor-checkout__payment-type--paypal,
.tor-modal .tor-checkout__payment-type--paypal {
  background-color: #F6C557;
}
#torwebbooking .tor-checkout__payment-type--paypal img,
.tor-modal .tor-checkout__payment-type--paypal img {
  height: 20px;
}
#torwebbooking .tor-checkout__info,
.tor-modal .tor-checkout__info {
  display: flex;
  flex-flow: row;
  align-items: center;
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
#torwebbooking .tor-checkout__info p,
.tor-modal .tor-checkout__info p {
  margin-bottom: 0;
}
#torwebbooking .tor-checkout__info--small,
.tor-modal .tor-checkout__info--small {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-checkout__info-icon,
.tor-modal .tor-checkout__info-icon {
  flex: 0 0 auto;
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
#torwebbooking .tor-checkout__info-icon img,
.tor-modal .tor-checkout__info-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-checkout__subtitle,
.tor-modal .tor-checkout__subtitle {
  display: block;
  color: #24394C;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-checkout__subtitle,
  .tor-modal .tor-checkout__subtitle {
    font-size: 20px;
    line-height: 22px;
  }
}
#torwebbooking .tor-checkout__checkout-types,
.tor-modal .tor-checkout__checkout-types {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 10px;
  background-color: var(--sso-bg-color);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width) {
  #torwebbooking .tor-checkout__checkout-types,
  .tor-modal .tor-checkout__checkout-types {
    gap: 20px;
    padding: 20px;
    margin-bottom: 15px;
  }
}
#torwebbooking .tor-checkout__checkout-type,
.tor-modal .tor-checkout__checkout-type {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #FFFDFD;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 5px;
  padding: 5px;
}
#torwebbooking .tor-checkout__checkout-type p,
.tor-modal .tor-checkout__checkout-type p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
#torwebbooking .tor-checkout__checkout-type--google,
.tor-modal .tor-checkout__checkout-type--google {
  color: #000;
  background-color: #FFFDFD;
  border: 1px solid #000;
}
#torwebbooking .tor-checkout__checkout-type--google .tor-checkout__checkout-type-icon,
.tor-modal .tor-checkout__checkout-type--google .tor-checkout__checkout-type-icon {
  width: 31px;
}
#torwebbooking .tor-checkout__checkout-type--facebook,
.tor-modal .tor-checkout__checkout-type--facebook {
  background-color: #395185;
}
#torwebbooking .tor-checkout__checkout-type--facebook p,
.tor-modal .tor-checkout__checkout-type--facebook p {
  color: #fff !important;
}
#torwebbooking .tor-checkout__checkout-type--facebook .tor-checkout__checkout-type-icon,
.tor-modal .tor-checkout__checkout-type--facebook .tor-checkout__checkout-type-icon {
  width: 14px;
  height: 27px;
}
#torwebbooking .tor-checkout__checkout-type--instagram,
.tor-modal .tor-checkout__checkout-type--instagram {
  color: #000;
  background-color: #fff;
  border: 1px solid #627281;
}
#torwebbooking .tor-checkout__checkout-type--instagram .tor-checkout__checkout-type-icon,
.tor-modal .tor-checkout__checkout-type--instagram .tor-checkout__checkout-type-icon {
  width: 32px;
}
#torwebbooking .tor-checkout__checkout-type--apple p,
.tor-modal .tor-checkout__checkout-type--apple p {
  color: #fff !important;
}
#torwebbooking .tor-checkout__checkout-type-icon,
.tor-modal .tor-checkout__checkout-type-icon {
  flex: 0 0 auto;
  position: relative;
  width: 28px;
  height: 32px;
  margin-right: 10px;
}
#torwebbooking .tor-checkout__detail-header,
.tor-modal .tor-checkout__detail-header {
  color: var(--basket-content-text-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#torwebbooking .tor-checkout__detail-header p,
.tor-modal .tor-checkout__detail-header p {
  color: var(--basket-content-text-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
#torwebbooking .tor-checkout__details-wrap,
.tor-modal .tor-checkout__details-wrap {
  color: var(--basket-content-text-color);
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
}
#torwebbooking .tor-checkout__details-wrap p,
.tor-modal .tor-checkout__details-wrap p {
  color: var(--basket-content-text-color);
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
}
#torwebbooking .tor-checkout__detail-address p,
.tor-modal .tor-checkout__detail-address p {
  margin-bottom: 0;
}
#torwebbooking .tor-checkout__actions,
.tor-modal .tor-checkout__actions {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: 5px;
}
#torwebbooking .tor-account-table,
.tor-modal .tor-account-table {
  width: 100%;
}
#torwebbooking .tor-account-table--subscription .tor-account-table__heading-row,
.tor-modal .tor-account-table--subscription .tor-account-table__heading-row {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 5px;
}
#torwebbooking .tor-account-table--subscription .tor-account-table__body,
.tor-modal .tor-account-table--subscription .tor-account-table__body {
  background-color: #fff;
  padding: 0;
}
#torwebbooking .tor-account-table--subscription .tor-account-table__row,
.tor-modal .tor-account-table--subscription .tor-account-table__row {
  background-color: transparent;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-table--subscription .tor-account-table__cell--qty,
  .tor-modal .tor-account-table--subscription .tor-account-table__cell--qty,
  #torwebbooking .tor-account-table--subscription .tor-account-table__cell:not(.tor-account-table__cell--status),
  .tor-modal .tor-account-table--subscription .tor-account-table__cell:not(.tor-account-table__cell--status) {
    width: 60px;
  }
}
#torwebbooking .tor-account-table__heading-row,
.tor-modal .tor-account-table__heading-row {
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  background-color: #fff;
  padding: 5px 0;
}
#torwebbooking .tor-account-table__heading-row .tor-account-table__cell p,
.tor-modal .tor-account-table__heading-row .tor-account-table__cell p {
  font-weight: 600;
}
#torwebbooking .tor-account-table__body,
.tor-modal .tor-account-table__body {
  padding: 5px 0;
}
#torwebbooking .tor-account-table__body .tor-account-ph__month,
.tor-modal .tor-account-table__body .tor-account-ph__month {
  min-height: 42px;
}
#torwebbooking .tor-account-table__row,
.tor-modal .tor-account-table__row {
  display: flex;
  flex-flow: row;
  align-items: center;
  background-color: #f8f8f8;
  padding: 5px 0;
}
#torwebbooking .tor-account-table__cell,
.tor-modal .tor-account-table__cell {
  flex: 0 0 auto;
  width: 60px;
  font-size: 12px;
  line-height: 14px;
  padding: 0 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__cell,
  .tor-modal .tor-account-table__cell {
    width: 100px;
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-table__cell,
  .tor-modal .tor-account-table__cell {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-account-table__cell p,
.tor-modal .tor-account-table__cell p {
  margin-bottom: 0;
}
#torwebbooking .tor-account-table__cell--grow,
.tor-modal .tor-account-table__cell--grow {
  flex: 1 0 auto;
}
#torwebbooking .tor-account-table__cell--status,
.tor-modal .tor-account-table__cell--status {
  width: 30px;
}
#torwebbooking .tor-sub-pill,
.tor-modal .tor-sub-pill {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: transparent url("../images/sub-status-blue.svg") no-repeat center center / contain;
}
#torwebbooking .tor-sub-pill--red,
.tor-modal .tor-sub-pill--red {
  background-image: url("../images/sub-status-red.svg");
}
#torwebbooking .tor-sub-pill--green,
.tor-modal .tor-sub-pill--green {
  background-image: url("../images/sub-status-green.svg");
}
#torevents {
  min-height: 700px;
}
#tortickets {
  min-height: 700px;
}
#torwebbooking {
  width: 100%;
  margin: auto;
  min-height: 45vh;
  overflow-x: hidden;
  /* STATUS TEXT */
  /*.tor-donation-amount-button {
        width: calc((100% - 10px) / 2);
        max-width: 154px;
        color: var(--btn-color);
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        border: 1px solid var(--btn-color);
        border-radius: 5px;
        background-color: var(--btn-offset-color);
        padding: 5px;
    }*/
  /*.tor-account-wrap {
        border: 1px solid #ddd;
    }*/
  /*.tor-account-ph__inner-cell--product-name {
        width: 85px;

        @media screen and (min-width: 600px) {
            flex: 1 1 auto;
            width: auto;
        }
    }*/
}
#torwebbooking p:last-of-type + * {
  margin-top: 0;
}
#torwebbooking .tor-wishlist-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms linear;
}
#torwebbooking .tor-wishlist--active + .tor-wishlist-overlay {
  opacity: 1;
  pointer-events: all;
}
#torwebbooking .tor-wishlist {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
  background-color: #fff;
  z-index: 9999;
  transform: translateX(-100%);
  opacity: 0;
  pointer-events: none;
  transition: all 300ms linear;
  /*@media screen and (min-width: 640px) {
            height: calc(100vh - 160px - 150.25px - 9px);
        }

        @media screen and (min-width: 680px) {
            height: calc(100vh - 138px - 150.25px - 8px);
        }

        @media screen and (min-width: 814px) {
            height: calc(100vh - 126px - 150.25px - 8px);
        }

        @media screen and (min-width: 858px) {
            height: calc(100vh - 154px - 151.5px - 7px);
        }

        @media screen and (min-width: 960px) {
            height: calc(100vh - 154px - 92px - 20px);
        }

        @media screen and (min-width: 1200px) {
            max-height: calc(100vh - 160px - 92px - 20px);
        }*/
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-wishlist {
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    width: 400px;
    z-index: 1001;
    transform: translateX(-100%);
    overflow: hidden;
  }
}
#torwebbooking .tor-wishlist--active {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
#torwebbooking .tor-wishlist__close {
  position: absolute;
  top: 3px;
  right: 0;
  left: auto;
  bottom: auto;
  width: 30px;
  height: 30px;
}
#torwebbooking .tor-wishlist__close::before,
#torwebbooking .tor-wishlist__close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 15px;
  height: 2px;
  background-color: #111111;
}
#torwebbooking .tor-wishlist__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#torwebbooking .tor-wishlist__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}
#torwebbooking .tor-wishlist__heading h2 {
  color: #24394C;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-wishlist__icon {
  position: relative;
  width: 18px;
  height: 16px;
}
#torwebbooking .tor-wishlist__icon svg {
  fill: #24394C;
}
#torwebbooking .tor-wishlist__cards {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 5px;
  overflow: auto;
}
#torwebbooking .tor-wishlist__cards .tor-card {
  height: auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking #torphone {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking *,
#torwebbooking *::before,
#torwebbooking *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#torwebbooking #toradyen {
  margin-left: auto;
}
#torwebbooking table {
  margin: 0;
}
#torwebbooking table td {
  padding: 0;
}
#torwebbooking table tr:nth-child(even) {
  background: transparent;
}
#torwebbooking .tor-tabs td {
  padding: 0 5px;
}
#torwebbooking .glide--text {
  text-align: center;
  margin-bottom: 36px;
}
#torwebbooking .glide__slides {
  margin: 0 !important;
}
#torwebbooking .glide__slide {
  height: auto;
  padding: 0;
}
#torwebbooking .glide__arrows {
  display: none;
}
#torwebbooking .glide__bullets {
  bottom: -26px;
}
#torwebbooking .pika-select-year {
  cursor: unset;
}
#torwebbooking .pika-next,
#torwebbooking .pika-prev {
  position: relative;
  color: transparent;
  width: 40px;
  height: 100%;
  background: var(--quantity-btn-color) url("../images/calendar-month-icon.svg") no-repeat center center / 20px 18px;
  border-radius: 0 10px 10px 0;
  opacity: 1;
  overflow: hidden;
}
#torwebbooking .pika-prev {
  background-image: url("../images/calendar-month-icon--prev.svg");
  border-radius: 10px 0 0 10px;
}
#torwebbooking .pika-title {
  flex: 1 1 auto;
  position: relative;
  height: 30px;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .pika-title {
    width: auto;
    order: 0;
  }
}
#torwebbooking .pika-title .pika-label {
  color: var(--primary-text-color);
  font-size: 16px !important;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}
#torwebbooking .pika-title .pika-label:first-child {
  padding-right: 0;
}
#torwebbooking .pika-title select {
  top: 0;
  height: 100%;
  color: var(--primary-system-font-color);
  padding: 0;
  opacity: 0;
}
#torwebbooking .pika-table th {
  width: 40px;
  height: auto;
  color: var(--primary-system-font-color);
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: none;
  border: 1px solid #ddd !important;
  padding: 4px;
}
#torwebbooking .pika-day {
  width: 100%;
  height: auto;
  color: var(--primary-system-font-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  background-color: var(--available-key-color);
  border: 2px solid var(--available-key-color) !important;
  border-radius: 5px;
  padding: 5px 5px;
  min-height: 42px;
}
#torwebbooking .pika-day--red {
  text-decoration: line-through;
  background-color: var(--sold-out-key-color) !important;
  border-color: var(--sold-out-key-color);
  pointer-events: none;
}
#torwebbooking .pika-day--disabled {
  background-color: var(--unavailable-key-colour) !important;
  border-color: var(--unavailable-key-colour);
  pointer-events: none;
}
#torwebbooking .pika-day--yellow {
  background-color: var(--busy-key-color) !important;
  border-color: var(--busy-key-color);
}
#torwebbooking .pika-day--earlyBird::before {
  content: url("../images/tor-today--earlybird.svg");
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  /* Optional, space between the icon and the element's content */
  width: 20px;
  /* adjust based on your image size */
  height: 20px;
}
#torwebbooking .is-selected .pika-day {
  color: #fff !important;
  background-color: var(--selected-key-color) !important;
  border-radius: 5px !important;
}
#torwebbooking .is-selected .pika-day:not(.pika-day--yellow) {
  border-color: var(--selected-key-color);
}
#torwebbooking .is-selected .pika-day:hover {
  color: #fff !important;
  background-color: var(--selected-key-color) !important;
}
#torwebbooking .is-disabled .pika-day {
  color: var(--unavailable-key-text-colour) !important;
  background-color: var(--unavailable-key-colour) !important;
  border-color: var(--unavailable-key-colour);
  opacity: 1;
}
#torwebbooking .pika-row td {
  border: none;
  padding: 0;
}
#torwebbooking .pika-lendar {
  width: 100%;
  background: none;
  padding: 0;
  margin: 0;
}
#torwebbooking .pika-lendar table {
  border-spacing: 4px !important;
}
#torwebbooking .pika-button:hover {
  color: #333;
  background-color: #ccc !important;
  border-radius: 5px !important;
  border-color: #ccc;
}
#torwebbooking #slider-range {
  border-radius: 0;
  margin: 30px 19px 15px 10px;
}
#torwebbooking .ui-widget.ui-widget-content {
  border: none;
  background-color: #D9D9D9;
}
#torwebbooking .ui-slider-horizontal {
  height: 6px;
}
#torwebbooking .ui-slider-handle {
  top: -12px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  z-index: 100;
}
#torwebbooking .ui-state-default,
#torwebbooking .ui-widget-content .ui-state-default,
#torwebbooking .ui-widget-header .ui-state-default,
#torwebbooking .ui-button,
#torwebbooking html .ui-button.ui-state-disabled:hover,
#torwebbooking html .ui-button.ui-state-disabled:active {
  background: #01AA07;
}
#torwebbooking .ui-state-default:nth-child(3),
#torwebbooking .ui-widget-content .ui-state-default:nth-child(3),
#torwebbooking .ui-widget-header .ui-state-default:nth-child(3),
#torwebbooking .ui-button:nth-child(3),
#torwebbooking html .ui-button.ui-state-disabled:hover:nth-child(3),
#torwebbooking html .ui-button.ui-state-disabled:active:nth-child(3) {
  background: #D49639;
}
#torwebbooking .ui-slider-tick {
  position: absolute;
  top: -10px;
  width: 2px;
  height: 22px;
  background-color: #D9D9D9;
  z-index: 10;
}
#torwebbooking .tick-label {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
#torwebbooking .tor-italic {
  font-style: italic;
}
#torwebbooking .tor-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
}
#torwebbooking .tor-events-dash {
  padding: 0 5px;
}
#torwebbooking .tor-subheading {
  margin-top: 15px;
  margin-bottom: 10px;
}
#torwebbooking .tor-subheading h3 {
  color: #333;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-subheading h3 {
    font-size: 18px;
    line-height: 20px;
  }
}
#torwebbooking .tor-button-apple {
  background: rgba(0, 0, 0, 0.9);
}
#torwebbooking .tor-button-tiktok {
  background: white;
  color: #0b0b0b;
}
#torwebbooking .tor-button-google {
  background: white;
  color: #0b0b0b;
  border: solid 1px #878787;
}
#torwebbooking .tor-text-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  color: var(--text-btn-color);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  text-decoration: underline;
  background: transparent;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-text-btn {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-text-btn--no-underline {
  text-decoration: none;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-btn--mob-auto {
    width: auto;
  }
}
#torwebbooking .tor-btn--flexed {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
#torwebbooking .tor-btn--100 {
  min-width: 100px;
}
#torwebbooking .tor-btn--100-fixed {
  width: 100px;
}
#torwebbooking .tor-btn--110 {
  min-width: 110px;
}
#torwebbooking .tor-btn--150 {
  min-width: 150px;
}
#torwebbooking .tor-btn--mob-auto {
  width: auto;
}
#torwebbooking .tor-btn--300 {
  min-width: 300px;
}
#torwebbooking .tor-btn--60 {
  min-width: 60px;
}
#torwebbooking .tor-btn--65 {
  min-width: 65px;
}
#torwebbooking .tor-btn--80 {
  min-width: 80px;
}
#torwebbooking .tor-btn--32-h {
  padding-top: 5px;
  padding-bottom: 5px;
}
#torwebbooking .tor-btn--outline {
  border-color: var(--btn-offset-color);
}
#torwebbooking .tor-btn--small {
  font-size: 14px;
  line-height: 16px;
  padding: 6px;
}
#torwebbooking .tor-btn__icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 26px;
  margin-right: 15px;
}
#torwebbooking .tor-btn__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-bullet-list {
  display: flex;
  flex-flow: column;
  gap: 10px;
  font-family: 'lato', sans-serif;
  margin: 0;
}
#torwebbooking .tor-bullet-list__item {
  position: relative;
  color: var(--secondary-content-font-color);
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding-left: 25px;
  list-style: none;
  background: none;
}
#torwebbooking .tor-bullet-list__item::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  right: auto;
  bottom: auto;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--bullet-point-color);
}
#torwebbooking .tor-header {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
  background-color: var(--whole-site-bg-color);
  z-index: 101;
}
#torwebbooking .tor-header--trade {
  background-color: #C6C6C6;
}
#torwebbooking .tor-header__left {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 15px;
}
@media screen and (min-width: 680px) {
  #torwebbooking .tor-header__left {
    width: auto;
  }
}
#torwebbooking .tor-header__search {
  width: calc(100% - 90px);
}
@media screen and (min-width: 680px) {
  #torwebbooking .tor-header__search {
    width: 50%;
    margin-right: 5px;
  }
}
#torwebbooking .tor-header__actions {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
  width: 100%;
  max-width: 1480px;
}
@media screen and (min-width: 680px) {
  #torwebbooking .tor-header__actions {
    flex: 1 1 auto;
    flex-flow: row;
    z-index: 0;
  }
}
#torwebbooking .tor-header__basket {
  display: flex;
  flex-flow: row;
  align-items: center;
  background-color: transparent;
}
#torwebbooking .tor-header__basket-price {
  color: var(--basket-icon);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#torwebbooking .tor-header__basket-icon {
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}
#torwebbooking .tor-header__basket-icon svg {
  fill: var(--basket-icon);
}
#torwebbooking .tor-header__favourite {
  flex: 0 0 auto;
  margin-left: 10px;
}
#torwebbooking .tor-login-wrap {
  position: relative;
}
#torwebbooking .tor-login-wrap::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 15px;
}
@media (hover: hover) {
  #torwebbooking .tor-login-wrap--logged-in:hover .tor-login-wrap__dropdown {
    display: block;
    pointer-events: all;
  }
}
#torwebbooking .tor-login-wrap--active::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;
}
@media (hover: hover) {
  #torwebbooking .tor-login-wrap__btn-trade:hover .tor-login-wrap__dropdown {
    display: block;
    pointer-events: all;
  }
}
#torwebbooking .tor-login-wrap__btn {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  color: var(--login-btn-text);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  background-color: var(--login-btn-bg);
  padding: 5px 10px;
  border-radius: 5px;
}
#torwebbooking .tor-login-wrap__btn::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  bottom: auto;
  height: 10px;
}
#torwebbooking .tor-login-wrap__btn-trade {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  color: var(--primary-system-font-color);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  background-color: transparent;
}
#torwebbooking .tor-login-wrap__btn-trade::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  bottom: auto;
  height: 10px;
}
#torwebbooking .tor-event-status-text-green {
  background-color: #CFF6C5;
  height: 25px;
  text-align: center;
  font-weight: bold;
}
#torwebbooking .tor-event-status-text-red {
  background-color: #ef4545;
  height: 25px;
  text-align: center;
  font-weight: bold;
}
#torwebbooking .tor-event-status-text-yellow {
  background-color: #FFDD7A;
  height: 25px;
  text-align: center;
  font-weight: bold;
}
#torwebbooking .tor-login-wrap__btn-icon {
  flex: 0 0 auto;
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  margin-right: 5px;
}
#torwebbooking .tor-login-wrap__btn-icon svg {
  fill: var(--primary-system-font-color);
}
#torwebbooking .tor-login-wrap__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  bottom: auto;
  transform: translateY(10px);
  min-width: 170px;
  display: none;
  z-index: 1001;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-login-wrap__dropdown {
    left: 50%;
    transform: translateX(-50%) translateY(10px);
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-login-wrap__dropdown--left {
    left: 0;
    transform: translateY(10px);
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-login-wrap__dropdown--left .tor-dropdown::after {
    left: 33px;
    transform: rotate(45deg);
  }
}
#torwebbooking .tor-dropdown {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0px 0px 10px 1px rgba(36, 57, 76, 0.2);
}
#torwebbooking .tor-dropdown::after {
  content: '';
  position: absolute;
  top: -5px;
  left: 33px;
  bottom: auto;
  right: auto;
  transform: rotate(45deg);
  height: 10px;
  width: 10px;
  background-color: #fff;
  pointer-events: none;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-dropdown::after {
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
  }
}
#torwebbooking .tor-dropdown__btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  color: var(--primary-system-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-align: left;
  padding: 10px 5px;
}
#torwebbooking .tor-dropdown__icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-dropdown__icon svg {
  fill: var(--account-menu-icon);
}
#torwebbooking .tor-search {
  position: relative;
  width: 100%;
}
#torwebbooking .tor-search__input {
  width: 100%;
  height: auto;
  color: #627281;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  background: #ECECEC;
  padding: 6px 35px 6px 10px;
  border: none;
  border-radius: 20px;
  box-shadow: none;
  margin: 0;
}
#torwebbooking .tor-search__input::placeholder {
  color: #989898;
}
#torwebbooking .tor-search__input:focus {
  background-color: #ECECEC;
  border: none;
  box-shadow: none;
}
#torwebbooking .tor-search__icon {
  position: absolute;
  top: 50%;
  right: 10px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
}
#torwebbooking .tor-search__icon svg {
  fill: #627281;
}
#torwebbooking .tor-favourite {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 2px solid #627281;
}
#torwebbooking .tor-favourite[type=button] {
  border-radius: 50%;
}
#torwebbooking .tor-favourite img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
}
#torwebbooking .tor-favourite--active {
  border-color: #ea442b;
}
#torwebbooking .tor-content-container {
  position: relative;
  max-width: 1480px;
  margin: 0 auto;
}
#torwebbooking .tor-nav {
  top: 0 !important;
  position: relative;
  width: 100%;
  background-color: var(--main-menu-bg);
  z-index: -1;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-nav {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav {
    padding: 0 10px;
  }
}
#torwebbooking .tor-nav--active {
  z-index: 999;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-nav--active .tor-nav__list {
    transform: none;
  }
}
#torwebbooking .tor-nav--active::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
#torwebbooking .tor-nav__hamburger {
  position: relative;
  width: 40px;
  height: 40px;
  appearance: none;
  padding: 0;
  outline: none !important;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__hamburger {
    display: none;
  }
}
#torwebbooking .tor-nav__hamburger--active .tor-nav__hamburger-lines {
  background-color: transparent;
}
#torwebbooking .tor-nav__hamburger--active .tor-nav__hamburger-lines::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#torwebbooking .tor-nav__hamburger--active .tor-nav__hamburger-lines::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#torwebbooking .tor-nav__hamburger-lines {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 2px;
  background-color: var(--nav-hamburger-lines);
  border: none;
  transition: background-color 200ms linear;
}
#torwebbooking .tor-nav__hamburger-lines::before,
#torwebbooking .tor-nav__hamburger-lines::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--nav-hamburger-lines);
  transition: transform 200ms linear;
}
#torwebbooking .tor-nav__hamburger-lines::before {
  transform: translate(-50%, -50%) translateY(-5px);
}
#torwebbooking .tor-nav__hamburger-lines::after {
  transform: translate(-50%, -50%) translateY(5px);
}
#torwebbooking .tor-nav__list {
  display: flex;
  flex-flow: column;
  max-width: 1480px;
  margin: 0 auto !important;
  background-color: var(--main-menu-bg);
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-nav__list {
    position: absolute;
    top: 40px;
    left: -10px;
    right: -10px;
    transform: translateX(100%);
    transition: transform 300ms linear;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    gap: 0;
    transform: none;
    background-color: transparent;
    padding: 10px 0;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list--login {
    position: absolute;
    top: 40px;
    left: -10px;
    right: -10px;
    flex-flow: column;
    width: 320px;
    transform: translateX(-100%);
    background-color: #fafafa;
    margin: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list--login .tor-nav__list-item {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    margin: auto;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list--login .tor-nav__list-item--active .tor-nav__list-btn {
    font-weight: 500;
    background-color: #EBC893;
    opacity: 1;
  }
}
#torwebbooking .tor-nav__list--login .tor-nav__list-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  color: var(--main-menu-text);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 5px;
  border-bottom: 1px solid var(--main-menu-border);
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list--login .tor-nav__list-btn {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px;
    border-bottom: 1px solid var(--main-menu-border);
    opacity: 1;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list--login .tor-nav__list-icon {
    display: block;
  }
}
#torwebbooking .tor-nav__list--login .tor-nav__list-icon svg {
  fill: var(--main-menu-icon);
}
#torwebbooking .tor-nav__list-item {
  position: relative;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin: auto;
  list-style: none;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list-item {
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
#torwebbooking .tor-nav__list-item:last-child::after {
  display: none;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list-item::after {
    content: '\00A6';
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    color: var(--main-menu-text);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
#torwebbooking .tor-nav__list-item--active .tor-nav__list-btn {
  background-color: var(--main-menu-active-bg);
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list-item--active .tor-nav__list-btn {
    font-weight: 700;
    background-color: transparent;
    opacity: 1;
  }
}
#torwebbooking .tor-nav__list-item--hidden .tor-nav__list-btn {
  display: none;
}
#torwebbooking .tor-nav__list-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  color: var(--main-menu-text);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 5px;
  border-bottom: 1px solid var(--main-menu-border);
  margin-left: 10px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list-btn {
    justify-content: center;
    width: auto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-transform: none;
    padding: 0;
    margin: 0 auto;
    border-bottom: none;
    opacity: 0.7;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-nav__list-btn {
    font-size: 18px;
    line-height: 20px;
  }
}
#torwebbooking .tor-nav__list-icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav__list-icon {
    display: none;
  }
}
#torwebbooking .tor-nav__list-icon svg {
  fill: var(--main-menu-icon);
}
#torwebbooking .tor-account-height {
  min-height: 320px;
}
@media screen and (min-width: 959px) {
  #torwebbooking .tor-account-height {
    min-height: 232px;
  }
}
#torwebbooking .tor-nav-list {
  display: flex;
  flex-flow: column;
  background-color: var(--main-menu-bg);
  margin: 0 !important;
  pointer-events: none;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-nav-list {
    position: absolute;
    top: 40px;
    left: -10px;
    right: -10px;
    transform: translateX(100%);
    transition: transform 300ms linear;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 0;
    transform: none;
    background-color: transparent;
    margin: 0 -10px !important;
    pointer-events: all;
  }
}
#torwebbooking .tor-nav-list--active {
  z-index: 1;
  pointer-events: all !important;
}
#torwebbooking .tor-nav-list--active.tor-nav-list--login {
  transform: none;
  opacity: 1;
}
#torwebbooking .tor-nav-list--login {
  width: 100vw;
  background-color: var(--login-menu-bg);
  z-index: 999;
  opacity: 0;
  left: 9px !important;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list--login {
    position: absolute;
    top: 40px;
    flex-flow: column;
    width: 320px;
    margin: 0 !important;
    transition: all 300ms linear;
    pointer-events: none;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list--login .tor-nav-list__item {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    margin: 0;
  }
}
#torwebbooking .tor-nav-list--login .tor-nav-list__item--active .tor-nav-list__btn {
  background-color: var(--login-menu-active-bg);
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list--login .tor-nav-list__item--active .tor-nav-list__btn {
    font-weight: 500;
    opacity: 1;
  }
}
#torwebbooking .tor-nav-list--login .tor-nav-list__btn {
  color: var(--login-menu-text);
  border-bottom: 1px solid var(--login-menu-border);
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list--login .tor-nav-list__btn {
    justify-content: flex-start;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px;
    opacity: 1;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list--login .tor-nav-list__icon {
    display: block;
  }
}
#torwebbooking .tor-nav-list--login .tor-nav-list__icon svg {
  fill: var(--login-menu-icon);
}
#torwebbooking .tor-nav-list__item {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin: 0;
  list-style: none;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list__item {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 15px 10px;
  }
}
#torwebbooking .tor-nav-list__item--active .tor-nav-list__btn {
  background-color: var(--main-menu-active-bg);
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list__item--active .tor-nav-list__btn {
    font-weight: 700;
    background-color: transparent;
    opacity: 1;
  }
}
#torwebbooking .tor-nav-list__item--hidden .tor-nav-list__btn {
  display: none;
}
#torwebbooking .tor-nav-list__btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  color: var(--main-menu-text);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 5px;
  border-bottom: 1px solid var(--main-menu-border);
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list__btn {
    justify-content: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-transform: none;
    padding: 0;
    border-bottom: none;
    opacity: 0.7;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-nav-list__btn {
    font-size: 18px;
    line-height: 20px;
  }
}
#torwebbooking .tor-nav-list__icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-nav-list__icon {
    display: none;
  }
}
#torwebbooking .tor-nav-list__icon svg {
  fill: var(--main-menu-icon);
}
#torwebbooking .tor-nav-list--checkout {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  display: flex;
  flex-flow: column;
  gap: 0;
  width: 100%;
  background-color: var(--login-modal-menu-bg);
  margin: 0 !important;
  transform: none;
}
#torwebbooking .tor-nav-list--checkout .tor-nav-list__item {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin: 0;
  list-style: none;
}
#torwebbooking .tor-nav-list--checkout .tor-nav-list__btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  color: var(--login-modal-menu-text);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 5px;
  border-bottom: 1px solid var(--login-modal-menu-border);
}
#torwebbooking .tor-nav-list--checkout .tor-nav-list__icon {
  display: block;
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
}
#torwebbooking .tor-nav-list--checkout .tor-nav-list__icon svg {
  fill: var(--login-modal-menu-icon);
}
#torwebbooking .tor-sub-nav {
  position: relative;
  top: 0 !important;
  width: 100%;
  margin: 0;
  background-color: var(--sub-nav-bg);
  z-index: -1;
}
#torwebbooking .tor-sub-nav__list {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  max-width: 1480px;
  padding: 0;
  margin: 0 auto;
}
#torwebbooking .tor-sub-nav__list-item {
  position: relative;
  font-size: 12px;
  line-height: 14px;
  list-style: none;
}
#torwebbooking .tor-sub-nav__list-item::after {
  content: '';
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 5px;
  background-color: transparent;
  border-radius: 5px;
}
#torwebbooking .tor-sub-nav__list-item-retail {
  font-size: 12px;
  line-height: 14px;
  list-style: none;
}
#torwebbooking .tor-sub-nav__list-item-retail:hover > .tor-tertiary-nav-wrap {
  opacity: 1;
  pointer-events: all;
}
#torwebbooking .tor-sub-nav__list-item--active .tor-sub-nav__list-btn {
  color: var(--sub-nav-text-active);
}
#torwebbooking .tor-sub-nav__list-btn {
  position: relative;
  width: 100%;
  color: var(--sub-nav-text);
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
  background-color: transparent;
  padding: 10px 10px;
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-sub-nav__list-btn {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-sub-nav__list-btn::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 15px;
}
#torwebbooking .tor-sub-nav__list-btn--has-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: transparent url(../images/accordion-arrow.svg) no-repeat center center / cover;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-sub-nav__list-btn--has-arrow::before {
    display: none;
  }
}
#torwebbooking .tor-sub-nav__list-btn--active ~ .tor-tertiary-nav-wrap {
  opacity: 1;
  pointer-events: all;
}
#torwebbooking .tor-tertiary-nav-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--tertiary-menu-bg);
  opacity: 0;
  pointer-events: none;
  transition: all 300ms linear;
  box-shadow: 0 0 1.667em rgba(0, 0, 0, 0.1);
}
#torwebbooking .tor-tertiary-nav-wrap__container {
  max-width: 1480px;
  margin: 0 auto;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-tertiary-nav-wrap__container {
    display: flex;
    flex-flow: row;
    gap: 10px;
    padding: 10px;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-tertiary-nav-wrap__container {
    gap: 20px;
    padding: 20px;
  }
}
#torwebbooking .tor-tertiary-nav-wrap__img {
  position: relative;
  height: 220px;
  aspect-ratio: 688 / 420;
  display: none;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-tertiary-nav-wrap__img:nth-child(2) {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-tertiary-nav-wrap__img:nth-child(3) {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-tertiary-nav-wrap__img {
    height: 300px;
    aspect-ratio: 688 / 420;
  }
}
#torwebbooking .tor-tertiary-nav-wrap__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
#torwebbooking .tor-tertiary-nav {
  width: 100%;
}
#torwebbooking .tor-tertiary-nav__list {
  display: flex;
  flex-flow: column;
  list-style: none;
  margin: 0;
}
#torwebbooking .tor-tertiary-nav__list-item {
  position: relative;
}
#torwebbooking .tor-tertiary-nav__list-item:last-child::after {
  display: none;
}
#torwebbooking .tor-tertiary-nav__list-item--active .tor-tertiary-nav__list-btn {
  font-weight: 700;
}
#torwebbooking .tor-tertiary-nav__list-btn {
  color: var(--tertiary-menu-text);
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-tertiary-nav__list-btn {
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 10px;
  }
}
#torwebbooking .tor-breadcrumb {
  width: 100%;
  padding: 0 10px;
  margin: 15px 0;
}
#torwebbooking .tor-breadcrumb__wrap {
  display: flex;
  flex-flow: row;
  align-items: stretch;
}
#torwebbooking .tor-breadcrumb__item {
  flex: 0 0 auto;
  position: relative;
  height: 30px;
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  background-color: #fff;
  border: 1px solid #EBEBEB;
  border-left: none;
  border-radius: 0 20px 20px 0;
  padding: 6px 10px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-breadcrumb__item {
    min-width: 100px;
  }
}
#torwebbooking .tor-breadcrumb__item::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 20px;
  height: 100%;
  min-height: 30px;
  border: 1px solid #EBEBEB;
  border-left: none;
  border-right: none;
}
#torwebbooking .tor-breadcrumb__item--icon {
  width: 30px;
  background-color: var(--primary-color);
  border-left: 1px solid #EBEBEB;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-breadcrumb__item--icon {
    width: 100px;
  }
}
#torwebbooking .tor-breadcrumb__item--icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 15px;
}
#torwebbooking .tor-breadcrumb__item--icon::after {
  display: none;
}
#torwebbooking .tor-breadcrumb__item--placeholder {
  flex: 1 1 auto;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-breadcrumb__item--placeholder {
    display: none;
  }
}
#torwebbooking .tor-breadcrumb__item--disabled {
  color: #CDCDCD;
  background-color: #EBEBEB;
}
#torwebbooking .tor-breadcrumb__item--disabled::after {
  background-color: #EBEBEB;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-breadcrumb__item--hidden-mobile {
    display: none;
  }
}
@media screen and (max-width: 1499px) {
  #torwebbooking .tor-container {
    padding: 5px;
  }
}
#torwebbooking .tor-container--cards {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  background: transparent;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-container--cards {
    gap: 20px;
    padding: 20px;
  }
}
#torwebbooking .tor-container--cards h3 {
  width: 100%;
  color: #627281;
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-container--cards h3 {
    font-size: 32px;
    line-height: 38px;
  }
}
#torwebbooking .tor-container--cards > .tor-event-card-disabled {
  cursor: not-allowed !important;
}
#torwebbooking .tor-container--upsell {
  display: flex;
  flex-flow: row;
  gap: 5px;
  overflow-x: auto;
}
#torwebbooking .tor-container--upsell .tor-container__item {
  flex: 0 0 auto;
  width: calc((100% - 5px) / 2);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-container--upsell .tor-container__item {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-container--upsell .tor-container__item {
    width: calc((100% - 20px) / 5);
  }
}
#torwebbooking .tor-container--checkout {
  padding: 5px;
  background: transparent;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-container--checkout {
    padding: 45px 5px;
  }
}
#torwebbooking .tor-container--finish {
  max-width: 854px;
  padding-top: 10px;
  margin: 0 auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-container--finish {
    padding-top: 20px;
  }
}
#torwebbooking .tor-banner-carousel {
  position: relative;
  aspect-ratio: 320 / 86;
  margin-bottom: 30px;
}
#torwebbooking .tor-banner-carousel::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 35px;
}
#torwebbooking .tor-card-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-card-wrap {
    gap: 20px;
    padding: 20px;
  }
}
#torwebbooking .tor-card-wrap__item {
  width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-card-wrap__item {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-card-wrap__item {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-card-wrap__item.tor-retail-card {
    width: calc((100% - 60px) / 4);
  }
}
#torwebbooking .tor-card {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
}
#torwebbooking .tor-card--retail .tor-card__image img {
  object-fit: contain;
}
#torwebbooking .tor-card--retail .tor-card__stars {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  margin-top: 0;
}
#torwebbooking .tor-card--upsell .tor-card__image {
  aspect-ratio: 1 / 1 !important;
}
#torwebbooking .tor-card--upsell .tor-card__body {
  position: relative;
  background-color: var(--upsell-card-bg-color);
}
#torwebbooking .tor-card--upsell .tor-card__description {
  -webkit-line-clamp: 2;
}
#torwebbooking .tor-card--upsell .tor-card__info-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-card--donation .tor-card__favourite,
#torwebbooking .tor-card--donation .tor-card__stars,
#torwebbooking .tor-card--donation .tor-card__price-wrap,
#torwebbooking .tor-card--donation .tor-card__member-price {
  display: none;
}
#torwebbooking .tor-card--center .tor-card__body {
  align-items: center;
}
#torwebbooking .tor-card__stock {
  color: #8F2F06;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#torwebbooking .tor-card__date {
  position: absolute;
  bottom: 10px;
  left: 10px;
  top: auto;
  right: auto;
  width: 75px;
  color: var(--card-date-text);
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  background-color: var(--card-date-bg);
  padding: 16px 5px;
  border: 3px solid var(--card-date-border);
  border-radius: 5px;
}
#torwebbooking .tor-card__date--top {
  top: 10px;
  bottom: auto;
}
#torwebbooking .tor-card__circle--square {
  border-radius: 5px !important;
}
#torwebbooking .tor-card__date--top-left {
  top: 10px;
  left: 10px;
  bottom: auto;
  right: auto;
}
#torwebbooking .tor-card__date--top-right {
  top: 10px;
  right: 10px;
  bottom: auto;
  left: auto;
}
#torwebbooking .tor-card__date--bottom-left {
  bottom: 10px;
  left: 10px;
  top: auto;
  right: auto;
}
#torwebbooking .tor-card__date--bottom-right {
  bottom: 10px;
  right: 10px;
  top: auto;
  left: auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-card__basket-btn {
    position: absolute;
    top: auto;
    left: auto;
    right: 5px;
    bottom: 5px;
  }
}
#torwebbooking .tor-card__min-time {
  color: #618EB8;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-card__info {
  position: absolute;
  right: 5px;
  bottom: 15px;
  width: 20px;
  height: 20px;
  margin-left: auto;
}
#torwebbooking .tor-card__info svg {
  fill: #9DC6FB;
}
#torwebbooking .tor-card__image-wrap {
  position: relative;
  z-index: 1;
}
#torwebbooking .tor-card__image {
  width: 100%;
  height: 100%;
}
#torwebbooking .tor-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-card__favourite {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: auto;
  left: auto;
}
#torwebbooking .tor-card__body {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  background-color: var(--card-bg-color);
  padding: 20px 5px 10px;
}
#torwebbooking .tor-card__body p {
  padding: 0 !important;
}
#torwebbooking .tor-card__name {
  color: var(--card-title-color);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#torwebbooking .tor-card__sold-out {
  color: #8F2F06;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
#torwebbooking .tor-card__stars {
  width: 80px;
  /*
        display: flex;
        flex-flow: row;
        align-items: center;
        margin-bottom: 5px;
        max-width: 40%;
        gap: 5px;*/
}
#torwebbooking .tor-card__stars img {
  width: 100%;
}
#torwebbooking .tor-card__star {
  flex: 0 0 auto;
  position: relative;
  width: 15px;
  height: 15px;
}
#torwebbooking .tor-card__star img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#torwebbooking .tor-card__price-wrap {
  display: flex;
  flex-flow: row;
  align-items: flex-end;
}
#torwebbooking .tor-card__price {
  color: var(--card-price-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 0 !important;
}
#torwebbooking .tor-card__price--duration {
  color: var(--card-duration-color);
}
#torwebbooking .tor-card__price--age {
  color: var(--card-age-color);
}
#torwebbooking .tor-card__small-price {
  color: #627181;
  font-size: 10px;
  line-height: 12px;
  margin-left: 5px;
  margin-bottom: 0;
}
#torwebbooking .tor-card__original-price {
  color: #894A00;
  text-decoration: line-through;
}
#torwebbooking .tor-card__member-price {
  color: var(--card-member-price-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 0;
}
#torwebbooking .tor-card__description {
  color: var(--secondary-content-font-color);
  display: -webkit-box;
  flex-direction: column;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  gap: 10px;
}
#torwebbooking .tor-card__description p {
  color: var(--secondary-content-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
#torwebbooking .tor-card__description--no-limit {
  -webkit-line-clamp: unset !important;
}
#torwebbooking .tor-card__age {
  color: var(--secondary-content-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
#torwebbooking .tor-card__circle {
  position: absolute;
  right: 10px;
  bottom: -20px;
  top: auto;
  left: auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: var(--card-circle-text-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  padding: 8px;
  border-radius: 50%;
  background-color: var(--card-circle-bg-color);
}
#torwebbooking .tor-card__circle--starburst {
  bottom: -20px;
  width: 80px;
  height: 80px;
  border-radius: 0;
  -webkit-mask: url("../images/starburst-icon.png") center center / 100% 100% no-repeat;
}
#torwebbooking .tor-card__payment-options {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 4px;
}
#torwebbooking .tor-card__payment-btn {
  position: relative;
  width: 60px;
  height: 60px;
}
#torwebbooking .tor-card__payment-btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-card__payment-btn--apple {
  height: 40px;
}
#torwebbooking .tor-card__payment-btn--google {
  width: 75px;
  height: 40px;
}
#torwebbooking .tor-card__info-wrap {
  flex: 1 1 auto;
}
#torwebbooking .tor-stars {
  display: flex;
  flex-flow: row;
  align-items: center;
}
#torwebbooking .tor-stars--large .tor-stars__star {
  width: 30px;
  height: 30px;
}
#torwebbooking .tor-stars__star {
  position: relative;
  width: 15px;
  height: 15px;
}
#torwebbooking .tor-stars__star img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#torwebbooking .tor-price-wrap {
  display: flex;
  flex-flow: row;
  align-items: flex-end;
  gap: 5px;
  margin: auto 0 5px;
}
#torwebbooking .tor-price-wrap__text {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
#torwebbooking .tor-price-wrap__price {
  color: #24394C;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  margin-bottom: 0;
}
#torwebbooking .tor-price-wrap__price--retail-member {
  font-size: 20px !important;
  line-height: 24px !important;
}
#torwebbooking .tor-price-wrap__small-price {
  color: #627181;
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 0;
}
#torwebbooking .tor-price-wrap__original-price {
  color: #894A00;
  text-decoration: line-through;
}
#torwebbooking .tor-price-wrap--large .tor-price-wrap__price {
  font-size: 16px;
  line-height: 18px;
}
#torwebbooking .tor-price-wrap--large .tor-price-wrap__small-price {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-price-wrap--no-margin {
  margin: 0;
}
#torwebbooking .tor-price-wrap--retail .tor-price-wrap__price {
  color: var(--retail-main-price);
}
#torwebbooking .tor-price-wrap--retail .tor-price-wrap__small-price {
  color: var(--secondary-content-font-color);
}
#torwebbooking .tor-price-wrap--retail .tor-price-wrap__original-price {
  color: var(--retail-original-price);
}
#torwebbooking .tor-price-wrap--retail .tor-price-wrap__text {
  color: var(--secondary-content-font-color);
}
#torwebbooking .tor-pagination__container {
  display: flex;
  flex-flow: column;
  align-items: center;
  max-width: 244px;
  margin: 0 auto;
}
#torwebbooking .tor-pagination__text {
  color: var(--pagination-text-color);
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}
#torwebbooking .tor-pagination__bar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #D9D9D9;
  margin-bottom: 5px;
}
#torwebbooking .tor-pagination__bar-colour {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  height: 100%;
  background-color: var(--pagination-color);
}
#torwebbooking .tor-pagination__btn {
  display: block;
  width: 100%;
  color: var(--pagination-btn-text-color);
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--pagination-color);
  border: 2px solid var(--pagination-color);
  border-radius: 5px;
  padding: 10px;
}
#torwebbooking .tor-categories {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 5px 10px;
  width: 100%;
  background-color: var(--ticket-category-bg-color);
  padding: 5px;
  margin-top: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-categories {
    align-items: center;
  }
}
#torwebbooking .tor-categories__text {
  color: var(--primary-content-font-color);
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-categories__text {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-categories__category {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-cat-desc {
  display: flex;
  flex-flow: column;
  width: 100%;
}
#torwebbooking .tor-cat-desc__desc {
  flex-flow: column;
  gap: 5px;
  display: none;
}
#torwebbooking .tor-cat-desc__desc--active {
  display: flex;
}
#torwebbooking .tor-cat-desc__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  color: var(--category-description-text-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
#torwebbooking .tor-cat-desc__icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 18px;
}
#torwebbooking .tor-cat-desc__icon svg {
  fill: #D59639;
}
#torwebbooking .tor-cat-desc__text {
  color: var(--secondary-content-font-color);
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-donation-sqaure {
  color: var(--btn-offset-color);
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  background-color: var(--btn-color);
  border: 2px solid var(--btn-color);
  border-radius: 5px;
}
#torwebbooking .tor-donation-sqaure + .tor-btn--outline-reverse {
  color: var(--btn-color);
  background-color: var(--btn-offset-color);
}
#torwebbooking .tor-donation-sqaure--custom {
  flex: 1 1 auto;
  color: #627281;
  font-size: 20px;
  line-height: 24px;
  background-color: #F4F4F4;
  border-color: #627281;
}
#torwebbooking .tor-donation-sqaure__large {
  font-size: 36px;
  line-height: 40px;
}
#torwebbooking .tor-donation {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}
#torwebbooking .tor-donation--visitor .tor-donation__content {
  flex-flow: column;
  align-items: center;
}
#torwebbooking .tor-donation--visitor .tor-donation__percentage-inputs {
  flex-flow: row;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  max-width: 100%;
}
#torwebbooking .tor-donation--visitor .tor-donation__input {
  flex: 1 1 20%;
  width: auto;
  padding: 5px;
}
#torwebbooking .tor-donation--visitor .tor-custom-donation__input-wrap {
  align-items: stretch;
  height: auto;
  padding: 0;
}
#torwebbooking .tor-donation__custom-text {
  align-self: center;
  color: var(--btn-color);
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
}
#torwebbooking .tor-donation__title {
  display: flex;
  flex-flow: column;
  gap: 5px;
  align-items: center;
  width: 100%;
  color: var(--primary-content-font-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-donation__title {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }
}
#torwebbooking .tor-donation__img {
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  aspect-ratio: 140 / 124;
}
@media screen and (min-width: 900px) {
  #torwebbooking .tor-donation__img {
    width: 140px;
  }
}
#torwebbooking .tor-donation__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-donation__content {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
#torwebbooking .tor-donation__text {
  flex: 1 1 auto;
}
@media screen and (min-width: 900px) {
  #torwebbooking .tor-donation__text {
    flex: 0 0 auto;
    width: calc(100% - 150px - 140px);
  }
}
#torwebbooking .tor-donation__text p {
  color: var(--secondary-content-font-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
#torwebbooking .tor-donation__percentage-inputs {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 500px;
  margin: 0 auto 5px;
  flex-wrap: wrap;
}
@media screen and (min-width: 900px) {
  #torwebbooking .tor-donation__percentage-inputs {
    flex-flow: row wrap;
    gap: 5px 2px;
    width: 130px;
    margin: 0;
  }
}
#torwebbooking .tor-donation__input {
  width: calc((100% - 30px) / 4);
}
@media screen and (min-width: 900px) {
  #torwebbooking .tor-donation__input {
    width: calc((100% - 2px) / 2);
  }
}
#torwebbooking .tor-donation__percentage {
  display: flex;
  flex-flow: row;
  align-items: center;
}
#torwebbooking .tor-donation__percentage-label {
  color: var(--primary-text-color);
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  margin-right: 5px;
}
#torwebbooking .tor-donation__percentage-input {
  width: 60px;
  height: auto;
  color: var(--secondary-text-color);
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  padding: 6px;
  margin-bottom: 0;
}
#torwebbooking .tor-donation__percentage-input::-webkit-inner-spin-button,
#torwebbooking .tor-donation__percentage-input::-webkit-outer-spin-button {
  opacity: 1;
}
#torwebbooking .tor-donation__width-100 {
  width: 100px;
  text-align: right;
}
#torwebbooking .tor-slider {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-slider--on .tor-slider__label {
  background-color: #01AA07;
}
#torwebbooking .tor-slider--on .tor-slider__radio {
  right: 2px;
  left: auto;
}
#torwebbooking .tor-slider__text {
  flex: 0 0 auto;
  color: #627281;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
}
#torwebbooking .tor-slider__text--dark {
  color: #24394C;
}
#torwebbooking .tor-slider--single {
  gap: 10px;
}
#torwebbooking .tor-slider--single .tor-slider__text {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
#torwebbooking .tor-slider--normal-text .tor-slider__text {
  font-weight: 400;
}
#torwebbooking .tor-slider__label {
  position: relative;
  width: 60px;
  height: 30px;
  background-color: #828282;
  border-radius: 15px;
}
#torwebbooking .tor-slider__radio {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 2px;
  right: auto;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-color: #fff;
  border: 1px solid #9D9D9D;
  border-radius: 50%;
}
#torwebbooking .tor-tickets-gift {
  background-color: var(--system-sub-bg-color);
  padding: 5px;
}
#torwebbooking .tor-tickets-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 5px 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-tickets-wrap {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-tickets-wrap__inner-wrap {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  padding: 5px 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-tickets-wrap__inner-wrap {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-tickets-wrap__content {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  background-color: var(--system-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-tickets-wrap__content {
    flex-flow: row wrap;
    width: 60%;
  }
}
#torwebbooking .tor-tickets-wrap__tickets {
  width: 100%;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-tickets-wrap__tickets {
    width: calc(100% - 90px);
  }
}
#torwebbooking .tor-tickets-wrap__overview {
  width: 100%;
}
#torwebbooking .tor-tickets-wrap__overview h3 {
  color: var(--primary-text-color);
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}
#torwebbooking .tor-tickets-wrap__info {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-tickets-wrap__info {
    width: calc(40% - 5px);
  }
}
#torwebbooking .tor-tickets-wrap__info-heading {
  color: var(--primary-text-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
}
#torwebbooking .tor-tickets-date-wrap {
  width: 270px;
  margin: 0 auto;
  border: 1px solid var(--selected-key-color);
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}
@media screen and (min-width: 759px) {
  #torwebbooking .tor-tickets-date-wrap {
    width: 80px;
    margin: 0;
  }
}
#torwebbooking .tor-tickets-date-wrap--open-pass {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-tickets-date-wrap--open-pass {
    width: 100px;
  }
}
#torwebbooking .tor-tickets-date-wrap--busy {
  border-color: var(--busy-key-color);
}
#torwebbooking .tor-tickets-date-wrap__date-text {
  color: var(--tickets-date-btn-text);
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  padding: 5px 0;
  background-color: var(--selected-key-color);
  opacity: 0.6;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-tickets-date-wrap__mobile-text {
    display: none;
  }
}
@media screen and (max-width: 759px) {
  #torwebbooking .tor-tickets-date-wrap__desktop-text {
    display: none;
  }
}
#torwebbooking .tor-tickets-date {
  background-color: var(--selected-key-color);
  padding: 5px;
}
@media screen and (min-width: 759px) {
  #torwebbooking .tor-tickets-date {
    padding: 14px 10px;
  }
}
#torwebbooking .tor-tickets-date--open-pass {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
#torwebbooking .tor-tickets-date--open-pass .tor-tickets-date__text p:not(.tor-tickets-date__date) {
  font-size: 12px;
  line-height: 12px;
}
#torwebbooking .tor-tickets-date--busy .tor-tickets-date__month {
  color: var(--busy-key-color);
}
#torwebbooking .tor-tickets-date--small .tor-tickets-date__text {
  font-size: 10px;
  line-height: 10px;
}
#torwebbooking .tor-tickets-date--small .tor-tickets-date__date {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0px !important;
}
#torwebbooking .tor-tickets-date--brown {
  background-color: #8F2F06;
  border-color: #8F2F06;
}
#torwebbooking .tor-tickets-date--brown .tor-tickets-date__text {
  color: #fff;
}
#torwebbooking .tor-tickets-date__text {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (min-width: 759px) {
  #torwebbooking .tor-tickets-date__text {
    flex-flow: column;
  }
}
#torwebbooking .tor-tickets-date__text p {
  margin-bottom: 0;
}
#torwebbooking .tor-tickets-date__text p:not(.tor-tickets-date__month) {
  color: var(--tickets-date-text);
}
#torwebbooking .tor-tickets-date__text p:not(.tor-tickets-date__date) {
  font-size: 13px;
  line-height: 14px;
}
#torwebbooking .tor-event-mode-btn--active {
  background-color: var(--selected-key-color) !important;
  color: var(--tickets-date-btn-text) !important;
}
#torwebbooking .tor-event-mode-btn--active:hover {
  background-color: var(--selected-key-color) !important;
  color: var(--tickets-date-btn-text) !important;
}
#torwebbooking .tor-event-mode-btn {
  background-color: var(--tickets-date-btn-text);
  color: var(--selected-key-color);
}
#torwebbooking .tor-event-mode-btn:hover {
  background-color: var(--tickets-date-btn-text);
  color: var(--selected-key-color);
}
#torwebbooking .tor-festival-date-btn {
  background-color: var(--tickets-date-btn-text);
  color: var(--selected-key-color);
}
#torwebbooking .tor-festival-date-btn:hover {
  background-color: var(--tickets-date-btn-text);
  color: var(--selected-key-color);
}
#torwebbooking .tor-tickets-date__date {
  font-size: 22px;
  line-height: 26px;
}
#torwebbooking .tor-tickets-date__month {
  color: var(--tickets-date-month-text);
}
#torwebbooking .tor-ticket {
  width: 100%;
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-bottom: 15px;
}
#torwebbooking .tor-ticket--visitor .tor-ticket__info {
  justify-content: space-between;
  padding-right: 20px;
}
@media screen and (min-width: 1000px) {
  #torwebbooking .tor-ticket--visitor .tor-ticket__info {
    flex-flow: row wrap;
  }
}
@media screen and (min-width: 1100px) {
  #torwebbooking .tor-ticket--visitor .tor-ticket__text p {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-ticket--visitor .tor-ticket__price p,
#torwebbooking .tor-ticket--visitor .tor-ticket__price_old p {
  font-weight: 500;
}
@media screen and (min-width: 1100px) {
  #torwebbooking .tor-ticket--visitor .tor-ticket__price p,
  #torwebbooking .tor-ticket--visitor .tor-ticket__price_old p {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-ticket--membership {
  margin-bottom: 5px;
}
#torwebbooking .tor-ticket--membership:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-ticket--membership .tor-ticket__info {
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
#torwebbooking .tor-ticket--membership .tor-ticket__text {
  padding-bottom: 0;
}
#torwebbooking .tor-ticket__info {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  padding-right: 5px;
}
#torwebbooking .tor-ticket__info-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
#torwebbooking .tor-ticket__text {
  padding-bottom: 5px;
}
#torwebbooking .tor-ticket__text p {
  color: var(--secondary-content-font-color);
  font-size: 12px;
  line-height: 14px;
  margin: 0;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-ticket__text p {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-ticket__text p strong {
  font-weight: 600;
}
#torwebbooking .tor-ticket__price,
#torwebbooking .tor-ticket__price_old {
  display: inline-block;
}
#torwebbooking .tor-ticket__price p,
#torwebbooking .tor-ticket__price_old p {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}
#torwebbooking .tor-ticket__price_container {
  line-height: 12px;
}
#torwebbooking .tor-ticket__price_old {
  color: red;
  text-decoration: line-through;
}
#torwebbooking .tor-ticket__total {
  flex: 0 0 auto;
  text-align: center;
  margin-right: 5px;
}
#torwebbooking .tor-ticket__total p {
  color: var(--secondary-content-font-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
#torwebbooking .tor-ticket__total--70 {
  width: 40px;
}
@media screen and (minw-width: 600px) {
  #torwebbooking .tor-ticket__total--70 {
    width: 70px;
  }
}
#torwebbooking .tor-ticket__total--100 {
  width: 40px;
}
@media screen and (minw-width: 600px) {
  #torwebbooking .tor-ticket__total--100 {
    width: 100px;
  }
}
#torwebbooking .tor-quantity {
  display: flex;
  flex-flow: row;
  align-items: center;
}
#torwebbooking .tor-quantity--large .tor-quantity__input {
  width: 40px !important;
  height: auto !important;
  color: #627281;
  font-size: 32px;
  line-height: 34px;
  background-color: transparent;
  border: none;
}
#torwebbooking .tor-quantity--small .tor-quantity__btn {
  width: 30px !important;
  height: 30px !important;
}
#torwebbooking .tor-quantity--education {
  justify-content: space-between;
  width: 100%;
}
#torwebbooking .tor-quantity--upsell {
  flex: 1 1 auto;
  justify-content: center;
  gap: 25px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-quantity--upsell-no-btn {
    padding-right: 160px;
  }
}
#torwebbooking .tor-quantity--circular .tor-quantity__btn {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid var(--venue-btn-active);
  background-color: #fff;
}
#torwebbooking .tor-quantity--circular .tor-quantity__btn::after,
#torwebbooking .tor-quantity--circular .tor-quantity__btn::before {
  width: 10px;
  height: 3px;
  background-color: #24394C;
}
#torwebbooking .tor-quantity--circular .tor-quantity__btn--minus {
  border-color: var(--venue-btn-active);
}
#torwebbooking .tor-quantity--circular .tor-quantity__input {
  flex: 0 0 auto;
  width: 40px !important;
  height: 40px !important;
  font-size: 16px;
  line-height: 18px;
  background-color: #fff;
  border-width: 2px;
}
#torwebbooking .tor-quantity__btn {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: var(--quantity-btn-color);
}
#torwebbooking .tor-quantity__btn::after,
#torwebbooking .tor-quantity__btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 2px;
  background-color: var(--quantity-btn-text-color);
}
#torwebbooking .tor-quantity__btn::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
#torwebbooking .tor-quantity__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#torwebbooking .tor-quantity__btn--minus::before {
  display: none;
}
#torwebbooking .tor-quantity__input {
  width: 30px !important;
  height: 30px !important;
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  background-color: #ECECEC;
  border: 1px solid #627281;
  border-radius: 5px;
  box-shadow: none;
  padding: 0;
  margin: 0 5px;
}
#torwebbooking .tor-timeslots {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
#torwebbooking .tor-timeslots-education {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
#torwebbooking .tor-timeslots__filters {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
  background-color: var(--timeslot-bg-color);
  padding: 5px;
}
#torwebbooking .tor-timeslots__filter {
  flex: 1 1 auto;
  width: calc((100% - 5px) / 2);
}
#torwebbooking .tor-timeslots__icon-filter {
  flex: 1 1 auto;
  width: calc((100% - 5px) / 2);
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-timeslots__icon-filter {
    width: calc((100% - 15px) / 4);
  }
}
#torwebbooking .tor-timeslots__timeslots {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-timeslots__timeslots {
    flex-flow: column;
  }
}
@media screen and (min-width: 800px) {
  #torwebbooking .tor-timeslots__timeslots {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-icon-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 5px;
}
#torwebbooking .tor-icon-btn img {
  width: 45px;
  height: 75px;
  object-fit: contain;
}
#torwebbooking .tor-icon-btn--active {
  border-color: var(--selected-key-color);
}
#torwebbooking .tor-timeslot {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  text-align: center;
  background: #fff;
  border: 1px solid #aaa;
  padding: 8px 20px 8px 30px;
}
@media screen and (min-width: 420px) {
  #torwebbooking .tor-timeslot {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-timeslot {
    width: 100%;
  }
}
@media screen and (min-width: 800px) {
  #torwebbooking .tor-timeslot {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-timeslot {
    padding-right: 40px;
  }
}
#torwebbooking .tor-timeslot::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-left: 24px solid transparent;
  border-right: 10px solid #CFF6C5;
  pointer-events: none;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-timeslot::after {
    border-right-width: 20px;
  }
}
#torwebbooking .tor-timeslot--super-saver::after {
  border-left-color: inherit;
}
#torwebbooking .tor-timeslot--off-peak::after {
  border-left-color: var(--cal-off-peak) !important;
}
#torwebbooking .tor-timeslot--peak::after {
  border-left-color: var(--cal-peak) !important;
}
#torwebbooking .tor-timeslot--calendar-filter--5::after {
  border-left-color: var(--price-band-5) !important;
}
#torwebbooking .tor-timeslot--calendar-filter--4::after {
  border-left-color: var(--price-band-4) !important;
}
#torwebbooking .tor-timeslot--sunset::after {
  border-left-color: var(--cal-sunset) !important;
}
#torwebbooking .tor-timeslot--4::after {
  border-left-color: var(--price-band-4);
}
#torwebbooking .tor-timeslot--5::after {
  border-left-color: var(--price-band-5);
}
#torwebbooking .tor-timeslot--yellow::after {
  border-right-color: #FFDD7A;
}
#torwebbooking .tor-timeslot--disabled {
  pointer-events: none;
}
#torwebbooking .tor-timeslot--disabled::after {
  border-right: 0;
  background-color: rgba(217, 217, 217, 0.35);
}
#torwebbooking .tor-timeslot--disabled .tor-timeslot__spaces {
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-timeslot--disabled-option {
  pointer-events: none;
  border-left-color: #aaa !important;
}
#torwebbooking .tor-timeslot--disabled-option::after {
  border-right: 0;
  background-color: rgba(217, 217, 217, 0.35);
}
#torwebbooking .tor-timeslot--selected {
  border-color: var(--selected-key-color);
}
#torwebbooking .tor-timeslot--selected::after {
  border-color: var(--selected-key-color);
}
#torwebbooking .tor-timeslot__time {
  font-weight: 700;
  margin-bottom: auto;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-timeslot__time {
    font-size: 14px;
  }
}
#torwebbooking .tor-ticket-overview {
  height: 100%;
}
#torwebbooking .tor-ticket-overview__heading {
  margin-bottom: 5px;
}
#torwebbooking .tor-ticket-overview__heading p {
  margin-bottom: 10px;
}
#torwebbooking .tor-ticket-overview__heading h2 {
  color: var(--primary-content-font-color);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#torwebbooking .tor-ticket-overview__heading h3 {
  color: var(--primary-content-font-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-ticket-overview__heading h3 {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-ticket-overview__text {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-ticket-overview__text {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-ticket-overview__text p {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-ticket-overview__text p.tor-ticket-overview__ticket {
  margin-bottom: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-ticket-overview__text p {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-ticket-overview__text strong {
  font-weight: 700;
}
#torwebbooking .tor-ticket-overview__ticket {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5px;
}
#torwebbooking .tor-ticket-overview__ticket-price {
  padding-left: 5px;
}
#torwebbooking .tor-ticket-overview__ticket-price--flex {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-ticket-overview__form {
  padding: 10px 0 5px;
}
#torwebbooking .tor-ticket-add-on {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#torwebbooking .tor-ticket-add-on:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-ticket-add-on__text {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  padding-right: 5px;
}
#torwebbooking .tor-ticket-add-on__item {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
}
#torwebbooking .tor-ticket-add-on__description {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-style: italic;
}
#torwebbooking .tor-ticket-add-on__input {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  appearance: none;
}
#torwebbooking .tor-ticket-add-on__input:checked {
  background: var(--primary-color) url("/images/checkbox-tick.svg") no-repeat center center / contain;
  border-color: var(--primary-color);
}
#torwebbooking .tor-track {
  overflow: hidden;
}
#torwebbooking .tor-track__wrap {
  display: flex;
  flex-flow: row;
}
#torwebbooking .tor-track__item {
  flex: 0 0 auto;
  width: 190px;
  margin: 0 12px;
}
#torwebbooking .tor-order {
  padding: 0 5px;
}
#torwebbooking .tor-cb-slider {
  position: relative;
  line-height: 26px;
  display: block;
  margin-bottom: 10px;
  margin-right: 5px;
}
#torwebbooking .tor-cb-slider.tor-cb-primary .tor-cb-slider__input:checked + .tor-cb-slider__slider {
  background: #127AB7;
}
#torwebbooking .tor-cb-slider--no-margin {
  margin: 0;
}
#torwebbooking .tor-cb-slider__label {
  display: flex;
  max-width: 100%;
  min-height: 20px;
  margin-bottom: 0;
  cursor: pointer;
}
#torwebbooking .tor-cb-slider__input[disabled] + .tor-cb-slider__slider::after {
  display: block;
}
#torwebbooking .tor-cb-slider__input:checked + .tor-cb-slider__slider {
  background: #5cb85c;
}
#torwebbooking .tor-cb-slider__input:checked + .tor-cb-slider__slider::before {
  transform: translateY(-50%) translateX(20px);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-cb-slider__input:checked + .tor-cb-slider__slider::before {
    transform: translateY(-50%) translateX(26px);
  }
}
#torwebbooking .tor-cb-slider--no-margin {
  margin: 0;
}
#torwebbooking .tor-cb-slider--membership .tor-cb-slider__label {
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
#torwebbooking .tor-cb-slider--membership .tor-cb-slider__text {
  margin-top: 0;
}
#torwebbooking .tor-cb-slider--membership .tor-cb-slider__slider {
  background: #CFCFCF;
  border-radius: 30px;
  margin-right: 0;
}
#torwebbooking .tor-cb-slider--membership .tor-cb-slider__slider::before {
  background: #4C7397;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
}
#torwebbooking .tor-cb-slider__slider {
  flex: 0 0 auto;
  position: relative;
  width: 40px;
  height: 20px;
  background: #828282;
  border-radius: 14px;
  margin-right: 10px;
  transition: background 0.2s ease-out;
  appearance: none;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-cb-slider__slider {
    width: 52px;
    height: 28px;
  }
}
#torwebbooking .tor-cb-slider__slider::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 2px;
  right: auto;
  bottom: 0;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-cb-slider__slider::before {
    width: 22px;
    height: 22px;
  }
}
#torwebbooking .tor-cb-slider__slider::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 14px;
  opacity: 0.6;
  display: none;
}
#torwebbooking .tor-cb-slider__slider--margin-top {
  margin-top: 3px;
}
#torwebbooking .tor-cb-slider__text {
  font-size: 12px;
  line-height: 14px;
  margin-top: 3px;
  user-select: none;
  margin-top: 8px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-cb-slider__text {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
  }
}
#torwebbooking .tor-time-info {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 5px;
  background-color: var(--system-toolbar-bg-color);
  padding: 5px;
  margin-bottom: 5px;
  /*.tor-event-slider {
            @media screen and (min-width: 600px) {
                width: 100%;
            }
        }*/
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-time-info {
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
  }
}
#torwebbooking .tor-time-info .tor-field__label {
  flex: 0 1 auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-time-info .tor-membership-renew,
  #torwebbooking .tor-time-info .tor-field {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-time-info .tor-membership-renew,
  #torwebbooking .tor-time-info .tor-field {
    width: calc((100% - 10px) / 3);
  }
}
#torwebbooking .tor-time-info .tor-event-slider {
  justify-content: center;
}
#torwebbooking .tor-time-info__half {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-time-info__half {
    justify-content: space-between;
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-time-info__half .tor-membership-renew {
  flex: 0 0 auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-time-info__half .tor-field {
    flex: 1 1 auto;
  }
}
#torwebbooking .tor-time-info__half:nth-child(2) {
  justify-content: center;
}
#torwebbooking .tor-time-info--tilted {
  border-radius: 5px;
}
#torwebbooking .tor-radio-btn-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#torwebbooking tor-radio-btn-wrap__btn {
  width: 100%;
}
#torwebbooking .tor-radio-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--system-bg-color);
  border-radius: 5px;
  padding: 8px 10px;
}
#torwebbooking .tor-radio-btn input:checked + .tor-radio-btn__input::after {
  display: block;
}
#torwebbooking .tor-radio-btn__input {
  flex: 0 0 auto;
  position: relative;
  width: 24px;
  height: 24px;
  background-color: var(--radio-pip-bg-color);
  border: 2px solid var(--radio-pip-color);
  border-radius: 50%;
  margin-bottom: 0;
  margin-right: 10px;
}
#torwebbooking .tor-radio-btn__input::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  display: none;
  width: 18px;
  height: 18px;
  background-color: var(--radio-pip-color);
  border-radius: 50%;
}
#torwebbooking .tor-radio-btn__disabled {
  opacity: 60%;
}
#torwebbooking .tor-radio-btn__label {
  color: var(--primary-content-font-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-right: 10px;
}
#torwebbooking .tor-radio-btn__label-small {
  color: var(--primary-content-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-right: 10px;
}
#torwebbooking .tor-radio-btn__price {
  color: var(--primary-content-font-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-left: auto;
}
#torwebbooking .tor-membership-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-membership-wrap {
    flex-flow: row;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership-wrap .tab-info {
    width: 350px;
  }
}
#torwebbooking .tor-membership-wrap--tilted .tor-membership-wrap__tickets {
  border-radius: 22px 12px 12px 16px/34px 75px 76px 43px;
  transform: rotate(0.6deg);
}
#torwebbooking .tor-membership-wrap--tilted .tor-membership-wrap__tab {
  border-radius: 6px 12px 12px 88px/42px 35px 76px 43px;
  transform: rotate(-1deg);
  padding-top: 10px;
}
#torwebbooking .tor-membership-wrap__info {
  margin-bottom: 10px;
  margin-top: 10px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-membership-wrap__info {
    width: 100%;
  }
}
#torwebbooking .tor-membership-wrap__info p {
  color: #4B4B4B;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}
#torwebbooking .tor-membership-wrap__tickets {
  background-color: var(--system-bg-color);
  padding: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-membership-wrap__tickets {
    flex: 0 0 auto;
  }
}
#torwebbooking .tor-membership-wrap__tickets-inner {
  background-color: var(--system-bg-color);
  padding: 5px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-membership-wrap__tickets-inner {
    flex: 0 0 auto;
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-membership-wrap__tab {
  background-color: var(--primary-bg-color);
  padding: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-membership-wrap__tab {
    flex: 0 0 auto;
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-membership-wrap__radio-btns {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership-wrap__radio-btns {
    flex: 0 0 auto;
  }
}
#torwebbooking .tor-membership-wrap__radio-wrap {
  width: 177px;
  margin-left: auto;
}
#torwebbooking .tor-membership-wrap__radio-text {
  flex: 1 1 auto;
  padding: 0 5px;
}
#torwebbooking .tor-membership-wrap__radio-text p {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 4px;
}
#torwebbooking .tor-membership-wrap__radio-text p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-footer {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  background-color: var(--footer-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-footer {
    flex-flow: row;
  }
}
#torwebbooking .tor-footer--giftaid {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-footer__action--half-mob {
    width: calc((100% - 10px) / 2) !important;
  }
}
#torwebbooking .tor-footer__actions {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-footer__actions {
    width: auto;
  }
}
#torwebbooking .tor-upsell__alt-text-header {
  font-weight: bold;
  text-align: center;
}
#torwebbooking .tor-calendar-type {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
#torwebbooking .tor-calendar-type svg {
  fill: var(--calendar-icon);
}
#torwebbooking .tor-calendar-type-active svg {
  fill: #24394C;
}
#torwebbooking .tor-fieldset {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  border-bottom: 2px solid #24394C;
  padding: 6px 10px;
  margin-bottom: 5px;
}
#torwebbooking .tor-fieldset:last-child {
  border-bottom: none;
}
#torwebbooking .tor-fieldset--no-border {
  border-bottom: none;
}
#torwebbooking .tor-fieldset__legend {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-radio {
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
#torwebbooking .tor-radio--giftaid {
  justify-content: flex-end;
  gap: 5px;
  width: auto;
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-radio--giftaid {
    flex: 1 1 50%;
  }
}
#torwebbooking .tor-radio--giftaid .tor-radio__label {
  flex: 0 1 auto;
  color: #000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  text-align: right;
}
#torwebbooking .tor-radio--gift {
  gap: 5px;
  margin-bottom: 0;
}
#torwebbooking .tor-radio--gift .tor-radio__label {
  flex: 0 1 auto;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-radio--gift {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-radio--gift-voucher .tor-radio__label {
  font-weight: 400;
}
#torwebbooking .tor-radio--gift-voucher .tor-radio__input:checked ~ .tor-radio__label {
  font-weight: 600;
}
#torwebbooking .tor-radio--account-membership {
  width: auto;
  gap: 5px;
  margin-bottom: 0;
}
#torwebbooking .tor-radio--account-membership .tor-radio__label {
  color: #000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
#torwebbooking .tor-radio--membership {
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-radio--membership {
    flex: 1 1 auto;
    width: auto;
    max-width: 226px;
  }
}
#torwebbooking .tor-radio--payment-type {
  width: 100%;
}
#torwebbooking .tor-radio--payment-type .tor-radio__radio {
  order: 0;
}
#torwebbooking .tor-radio--payment-type .tor-radio__label {
  order: 1;
  color: #000;
  font-size: 16px;
  line-height: 18px;
  margin-right: 0;
  margin-left: 10px;
}
#torwebbooking .tor-radio--payment-type .tor-radio__label-icon {
  width: 75px;
  height: 20px;
  margin-left: auto;
}
#torwebbooking .tor-radio--payment-type .tor-radio__label-icon img {
  object-fit: contain;
}
#torwebbooking .tor-radio__label {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  margin-right: 10px;
}
#torwebbooking .tor-radio__label-icon {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
#torwebbooking .tor-radio__label-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: invert(46%) sepia(14%) saturate(520%) hue-rotate(168deg) brightness(92%) contrast(90%);
}
#torwebbooking .tor-radio__radio {
  flex: 0 0 auto;
  position: relative;
  width: 24px;
  height: 24px;
  background-color: var(--radio-pip-bg-color);
  border: 2px solid var(--radio-pip-color);
  border-radius: 50%;
}
#torwebbooking .tor-radio__radio::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--radio-pip-color);
  display: none;
}
#torwebbooking .tor-radio__input:checked ~ .tor-radio__radio::after {
  display: block;
}
#torwebbooking .tor-radio__input:checked ~ .tor-radio__label .tor-radio__label-icon img {
  filter: invert(17%) sepia(10%) saturate(2713%) hue-rotate(167deg) brightness(93%) contrast(85%);
}
#torwebbooking .tor-social-icons {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
#torwebbooking .tor-social-icons--finish {
  background-color: #fff;
  padding: 5px 0;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
#torwebbooking .tor-social-icons--finish::after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 3px;
  top: auto;
  right: auto;
  transform: rotate(45deg);
  width: 14px;
  height: 14px;
  background-color: #fff;
}
#torwebbooking .tor-social-icons--finish .tor-social-icon {
  margin-top: 0;
  margin-bottom: 0;
  z-index: 1;
}
#torwebbooking .tor-social-icon {
  position: relative;
  width: 20px;
  height: 20px;
  margin: auto 10px;
}
#torwebbooking .tor-social-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-social-icon svg {
  fill: var(--social-share-icon);
}
#torwebbooking .tor-social-icon--share {
  width: 17px;
}
#torwebbooking .tor-social-icon--heart {
  width: 23px;
}
#torwebbooking .tor-product {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 15px;
}
#torwebbooking .tor-product__delivery {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-product__delivery {
    align-items: center;
  }
}
#torwebbooking .tor-product__delivery p {
  color: var(--secondary-content-font-color);
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-product__delivery p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-product__delivery-icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-product__delivery-icon {
    width: 40px;
    height: 40px;
  }
}
#torwebbooking .tor-product__delivery-icon svg {
  fill: var(--secondary-content-font-color);
}
#torwebbooking .tor-product__info p {
  color: var(--secondary-content-font-color);
  font-size: 16px;
  line-height: 20px;
}
#torwebbooking .tor-checkout-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-checkout-wrap {
    flex-flow: row;
  }
}
#torwebbooking .tor-open-pass {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-open-pass__info {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-open-pass__info {
    flex-flow: row;
  }
}
#torwebbooking .tor-open-pass__date {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-open-pass__date {
    flex: 0 0 auto;
  }
}
#torwebbooking .tor-open-pass__text {
  flex: 1 1 auto;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
}
#torwebbooking .tor-open-pass__text p {
  margin-bottom: 0;
}
#torwebbooking .tor-open-pass__title {
  color: #000;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-open-pass__actions {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 3px;
}
#torwebbooking .tor-open-pass__action {
  width: calc((100% - 6px) / 3);
  color: #627281;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  border: 1px solid #627281;
  padding: 10px 5px;
}
#torwebbooking .tor-open-pass__action--active {
  color: var(--primary-color-offset);
  background-color: var(--primary-color);
  border-color: var(--primary-color-offset);
}
#torwebbooking .tor-shopping-cart {
  display: none;
  position: absolute;
  right: -265px;
  top: 30px;
  width: 290px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 5px 5px;
  margin: 30px 0;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  z-index: 99999;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-shopping-cart {
    width: 430px;
  }
}
#torwebbooking .tor-shopping-cart::after {
  content: '';
  position: absolute;
  top: -7px;
  right: 7px;
  bottom: auto;
  left: auto;
  transform: rotate(45deg);
  width: 14px;
  height: 14px;
  background-color: #fff;
}
#torwebbooking .tor-shopping-cart--favourite::after {
  right: 32px;
}
#torwebbooking .tor-shopping-cart__close-btn {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  width: 30px;
  height: 30px;
}
#torwebbooking .tor-shopping-cart__close-btn::before,
#torwebbooking .tor-shopping-cart__close-btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 15px;
  height: 2px;
  background-color: #111111;
}
#torwebbooking .tor-shopping-cart__close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#torwebbooking .tor-shopping-cart__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  color: var(--primary-system-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 20px;
  margin-bottom: 10px;
}
#torwebbooking .tor-shopping-cart__heading-small {
  font-size: 12px;
  line-height: 14px;
  margin-left: 4px;
}
#torwebbooking .tor-shopping-cart__items {
  display: flex;
  flex-flow: column;
  gap: 5px;
  max-height: 350px;
  margin-bottom: 10px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#torwebbooking .tor-shopping-cart__items::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-shopping-cart__items {
    max-height: 410px;
  }
}
#torwebbooking .tor-shopping-cart__total {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  justify-content: space-between;
  color: var(--primary-system-font-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
#torwebbooking .tor-shopping-cart__total-price {
  text-align: right;
  display: flex;
}
#torwebbooking .TorCalendarSwipe-operations {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}
#torwebbooking .tor-calendar-type-swipe {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
#torwebbooking .tor-calendar-type-swipe svg {
  fill: var(--calendar-icon);
}
#torwebbooking .tor-calendar-type--disabled,
#torwebbooking .tor-calendar-type-swipe--disabled,
#torwebbooking .TorCalendarSwipe-Month-container--disabled,
#torwebbooking .pika-title--disabled {
  pointer-events: none;
}
#torwebbooking .tor-calendar-type--disabled:after,
#torwebbooking .tor-calendar-type-swipe--disabled:after,
#torwebbooking .TorCalendarSwipe-Month-container--disabled:after,
#torwebbooking .pika-title--disabled:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
#torwebbooking .TorCalendarSwipe-Month-container--disabled:after,
#torwebbooking .pika-title--disabled:after {
  z-index: 20;
}
#torwebbooking .tor-calendar-type-swipe-active svg {
  fill: #24394C;
}
#torwebbooking .TorCalendarSwipe-operations {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1051px) {
  #torwebbooking .TorCalendarSwipe-operations {
    flex-flow: row;
  }
}
@media screen and (max-width: 1050px) {
  #torwebbooking .TorCalendarSwipe-operations .TorCalendarSwipe-Month-container {
    flex: 0 0 auto;
    width: calc(100% - 70px);
  }
}
#torwebbooking .TorCalendarSwipe-operations .tor-event-slider {
  flex: 0 0 auto;
  width: auto;
}
#torwebbooking .TorCalendarSwipe-Month-container {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  width: auto;
  height: 40px;
  padding: 0;
  overflow: hidden;
  user-select: none;
}
#torwebbooking .TorCalendarSwipe-month-wrapper {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  z-index: 1;
  height: 40px !important;
}
#torwebbooking .TorCalendarSwipe-slide-Month {
  color: #24394C;
  font-size: 16px !important;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}
#torwebbooking .TorCalendarSwipe-slide-month {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  color: #fff;
  background-color: transparent;
  border-radius: 0px;
  overflow: hidden;
}
#torwebbooking .TorCalendarSwipe-container {
  width: 100%;
  height: 150px;
  background-color: var(--glide-bg-color);
  padding: 0;
  overflow: hidden;
  user-select: none;
}
#torwebbooking .TorCalendarSwipe-slide-day {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: auto;
  color: var(--glide-day-text-color);
  background-color: var(--glide-day-bg-color);
  margin: auto 0;
  border-radius: 10px;
  overflow: hidden;
}
#torwebbooking .TorCalendarSwipe-slide-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--glide-day-text-color);
  padding: 5px;
  z-index: 1;
}
#torwebbooking .TorCalendarSwipe-slide-disabled {
  color: var(--glide-day-text-color);
  background-color: var(--unavailable-key-colour);
  padding: 5px;
  z-index: 1;
}
#torwebbooking .TorCalendarSwipe-slide-Day,
#torwebbooking .TorCalendarSwipe-slide-Day-Month {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 1px;
}
#torwebbooking .TorCalendarSwipe-slide-DayNum {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 1px;
}
#torwebbooking .TorCalendarSwipe-slide-status-disabled {
  background-color: var(--unavailable-key-colour);
  cursor: not-allowed;
}
#torwebbooking .TorCalendarSwipe-slide-status-0 {
  background-color: var(--unavailable-key-colour);
  cursor: not-allowed;
}
#torwebbooking .TorCalendarSwipe-slide-status-1 {
  background-color: var(--sold-out-key-color);
  text-decoration: line-through;
  cursor: not-allowed;
}
#torwebbooking .TorCalendarSwipe-slide-status-3 {
  background-color: var(--busy-key-color);
}
#torwebbooking .TorCalendarSwip-hidden-slide {
  display: none !important;
  float: left;
}
#torwebbooking .TorCalendarSwipe-slide-selected {
  background-color: var(--selected-key-color);
}
#torwebbooking .TorCalendarSwipe-slide-selected .TorCalendarSwipe-slide-content {
  color: #fff;
}
#torwebbooking .tor-order-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: var(--basket-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-wrap {
    flex-flow: row;
    align-items: self-start;
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-order-wrap {
    gap: 45px;
  }
}
#torwebbooking .tor-order-wrap--tilted .tor-order-wrap__checkout {
  border-radius: 112px 145px 76px 8px/7px 12px 2px 88px;
  overflow: hidden;
  transform: rotate(1.6deg);
}
#torwebbooking .tor-order-wrap--tilted .tor-order-item__img {
  border-radius: 22px 12px 12px 88px/12px 185px 85px 43px;
  overflow: hidden;
  transform: rotate(1deg);
}
#torwebbooking .tor-order-wrap--tilted .tor-order-item:nth-child(2n) .tor-order-item__img {
  transform: rotate(-1deg);
}
#torwebbooking .tor-order-wrap__heading h2 {
  color: #111;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
#torwebbooking .tor-order-wrap__heading small {
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-order-wrap__content {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-wrap__content {
    width: 50%;
    max-width: 800px;
  }
}
#torwebbooking .tor-order-wrap__items {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: var(--basket-content-bg-color);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-wrap__items {
    margin-bottom: 0;
  }
}
#torwebbooking .tor-order-wrap__checkout {
  flex: 1 1 auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-wrap__checkout {
    width: 50%;
    max-width: 500px;
    margin-top: 28px;
  }
}
#torwebbooking .tor-summary {
  background-color: var(--basket-summary-bg-color);
  padding: 10px 10px 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-summary {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-summary--mobile {
    display: none;
  }
}
#torwebbooking .tor-summary__heading {
  background-color: var(--summary-heading-bg-color);
  padding: 5px;
}
#torwebbooking .tor-summary__heading h3 {
  color: var(--basket-system-text-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-summary__heading h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
#torwebbooking .tor-summary__item {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#torwebbooking .tor-summary__item p {
  color: var(--basket-system-text-color);
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-summary__item p {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-summary__item--red p {
  color: #BF0411;
}
#torwebbooking .tor-summary__item--total p {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-summary__item--total p {
    font-size: 20px;
    line-height: 22px;
  }
}
#torwebbooking .tor-promo {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 5px 0 10px;
}
#torwebbooking .tor-promo-sv {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 5px 0 10px;
}
#torwebbooking .tor-promo-sv-2 {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 5px 0 10px;
}
#torwebbooking .tor-promo__input-wrap {
  position: relative;
  flex: 1 1 auto;
}
#torwebbooking .tor-promo__input-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 5px 0 0 5px;
  opacity: 0.8;
}
#torwebbooking .tor-promo__input-wrap--disabled::after {
  display: block;
}
#torwebbooking .tor-promo__input {
  width: 100%;
  min-height: 35px;
  color: #9D9D9D;
  font-size: 14px;
  line-height: 16px;
  background-color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 5px 0 0 5px;
  padding: 6px 10px;
  margin-bottom: 0;
  box-shadow: none;
}
#torwebbooking .tor-promo__btn {
  width: 100px;
  align-self: stretch;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#torwebbooking .tor-order-item {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  background-color: #fff;
  border: 1px solid #eee;
}
#torwebbooking .tor-order-item--basket .tor-order-item__ticket-quantity {
  width: 25px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-order-item--basket .tor-order-item__actions {
    position: absolute;
    top: 4px;
    right: 5px;
    left: auto;
    bottom: auto;
    margin-top: 0;
  }
}
#torwebbooking .tor-order-item--multiple-tickets .tor-order-item__ticket-wrap {
  padding: 0 10px;
}
#torwebbooking .tor-order-item--multiple-tickets .tor-order-item__ticket-row {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-order-item--multiple-tickets .tor-order-item__ticket-row:last-child {
  border-bottom: none;
  padding-bottom: 5px;
}
#torwebbooking .tor-order-item--complete {
  border-top: none;
  border-left: none;
  border-right: none;
}
#torwebbooking .tor-order-item--complete .tor-order-item__body {
  padding-left: 0;
  padding-right: 0;
}
#torwebbooking .tor-order-item--complete .tor-order-item__body h3 {
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item--complete .tor-order-item__body h3 {
    font-size: 16px;
    line-height: 20px;
    padding-right: 0;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item--complete .tor-order-item__ticket-row {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item--complete .tor-order-item__ticket-quantity {
    width: 60px;
  }
}
#torwebbooking .tor-order-item--complete .tor-order-item__ticket-price {
  width: 60px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item--complete .tor-order-item__ticket-price {
    width: 90px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item--complete .tor-order-item__gift-aid {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-order-item--complete .tor-order-item__gift-body {
  display: block;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item--complete .tor-order-item__gift-body p {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-order-item__img {
  flex: 0 0 auto;
  width: 70px;
  height: 70px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__img {
    width: 100px;
    height: 100px;
  }
}
#torwebbooking .tor-order-item__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-order-item__ticket-hex {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
#torwebbooking .tor-order-item__body {
  position: relative;
  width: 100%;
  padding: 5px;
}
#torwebbooking .tor-order-item__body h3 {
  color: var(--basket-content-text-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__body h3 {
    font-size: 18px;
    line-height: 20px;
    padding-right: 45px;
  }
}
#torwebbooking .tor-order-item__body p {
  color: var(--basket-content-text-color);
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}
#torwebbooking .tor-order-item__body strong {
  font-weight: 600;
}
#torwebbooking .tor-order-item__ticket-row {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  color: var(--basket-content-text-color);
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
#torwebbooking .tor-order-item__ticket-row:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-order-item__ticket-row--btns {
    flex-flow: row wrap;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__ticket-row--btns {
    align-items: center;
  }
}
#torwebbooking .tor-shopping-cart__total--rice--discounted .tor-old-cost,
#torwebbooking .tor-order-item__ticket-row--discounted .tor-old-cost {
  color: #BF0411;
  text-decoration: line-through;
}
#torwebbooking .tor-order-item__ticket-row--indented {
  padding-left: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__ticket-row--indented {
    padding-left: 20px;
  }
}
#torwebbooking .tor-order-item__ticket-name {
  flex: 1 1 auto;
}
#torwebbooking .tor-order-item__ticket-name--flex {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 20px;
}
#torwebbooking .tor-order-item__ticket-category {
  flex: 1 1 auto;
  padding-right: 5px;
}
#torwebbooking .tor-order-item__ticket-header {
  font-weight: bold;
  flex: 1 1 auto;
  padding-right: 5px;
  padding-bottom: 2px;
}
#torwebbooking .tor-order-item__ticket-quantity {
  flex: 0 0 auto;
  width: 30px;
  text-align: right;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__ticket-quantity {
    width: 50px;
  }
}
#torwebbooking .tor-order-item__ticket-price {
  flex: 0 0 auto;
  min-width: 50px;
  text-align: right;
}
@media screen and (min-width: 1000px) {
  #torwebbooking .tor-order-item__ticket-price {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1000px) {
  #torwebbooking .tor-order-item__ticket-price--100 {
    width: 100px !important;
  }
}
#torwebbooking .tor-old-cost {
  text-decoration: line-through;
  align-self: center;
  color: #BF0411;
  margin-right: 5px;
  margin-left: 5px;
  margin-left: auto;
}
#torwebbooking .tor-order-item__actions {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  gap: 5px;
  margin-top: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__actions {
    position: absolute;
    top: 4px;
    right: 5px;
    left: auto;
    bottom: auto;
  }
}
#torwebbooking .tor-order-item__action {
  position: relative;
  width: 15px;
  height: 16px;
}
#torwebbooking .tor-order-item__action svg {
  fill: #333;
}
#torwebbooking .tor-order-item__action-separator {
  width: 1px;
  height: 16px;
  background-color: #333;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__gift-details {
    margin-top: 15px;
  }
}
#torwebbooking .tor-order-item__gift-details--open .tor-order-item__gift-details-arrow {
  transform: rotate(180deg);
}
#torwebbooking .tor-order-item__gift-details--open .tor-order-item__gift-body {
  display: block;
}
#torwebbooking .tor-order-item__gift-details--open .tor-order-item__gift-body .tor-order-item__paragraph {
  font-size: 16px;
}
#torwebbooking .tor-payment-schedule--open .tor-payment-schedule-arrow {
  transform: rotate(180deg);
}
#torwebbooking .tor-payment-schedule--open .tor-payment-schedule-body {
  display: block;
}
#torwebbooking .tor-payment-schedule-body {
  padding-top: 5px;
}
#torwebbooking .tor-payment-schedule-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-payment-schedule-text {
  color: var(--basket-content-text-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
#torwebbooking .tor-payment-schedule-arrow {
  position: relative;
  width: 8px;
  height: 5px;
}
#torwebbooking .tor-payment-schedule-arrow svg {
  fill: var(--basket-content-text-color);
}
#torwebbooking .tor-order-item__gift-details-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-order-item__gift-details-icon {
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-order-item__gift-details-icon svg {
  fill: var(--basket-page-icon);
}
#torwebbooking .tor-order-item__gift-details-text {
  color: var(--basket-content-text-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
#torwebbooking .tor-order-item__gift-details-arrow {
  position: relative;
  width: 8px;
  height: 5px;
}
#torwebbooking .tor-order-item__gift-details-arrow svg {
  fill: var(--basket-content-text-color);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__gift-details-message {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
  }
}
#torwebbooking .tor-order-item__gift-details-message strong {
  display: block;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__gift-details-message span {
    padding-left: 5px;
  }
}
#torwebbooking .glide__slide.empty-slide {
  background: transparent;
  border: none;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#torwebbooking .glide-arrow--prev:disabled,
#torwebbooking .glide-arrow--next:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__additional-information {
    margin-top: 15px;
  }
}
#torwebbooking .tor-order-item__additional-information--open .tor-order-item__additional-information-arrow {
  transform: rotate(180deg);
}
#torwebbooking .tor-order-item__additional-information--open .tor-order-item__additional-information-body {
  display: block;
}
#torwebbooking .tor-order-item__additional-information-paragraph {
  font-size: 16px;
}
#torwebbooking .tor-order-item__additional-information-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-order-item__additional-information-icon {
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-order-item__additional-information-icon svg {
  fill: var(--basket-page-icon);
}
#torwebbooking .tor-order-item__additional-information-text {
  color: var(--basket-content-text-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
#torwebbooking .tor-order-item__additional-information-arrow {
  position: relative;
  width: 8px;
  height: 5px;
}
#torwebbooking .tor-order-item__additional-information-arrow svg {
  fill: var(--basket-content-text-color);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__additional-information-message {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
  }
}
#torwebbooking .tor-order-item__additional-information-message strong {
  display: block;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__additional-information-message span {
    padding-left: 5px;
  }
}
#torwebbooking .tor-order-item__basket-gift {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 10px 0 0 auto;
}
#torwebbooking .tor-order-item__basket-gift img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-order-item__gift-body {
  padding-top: 5px;
}
#torwebbooking .tor-order-item__gift-aid {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  color: var(--basket-content-text-color);
  font-size: 12px;
  line-height: 14px;
  margin-top: 5px;
}
#torwebbooking .tor-order-item__gift-aid-icon {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#torwebbooking .tor-order-item__gift-aid-icon svg {
  fill: var(--basket-page-icon);
}
#torwebbooking .tor-order-item__gift-aid-text {
  margin-top: 3px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__gift-aid-text {
    margin-top: 5px;
  }
}
#torwebbooking .tor-order-item__wallet-btns {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 5px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-order-item__wallet-btns {
    flex: 1 1 auto;
    order: 4;
    width: 100%;
  }
}
#torwebbooking .tor-order-item__wallet-btn {
  position: relative;
  width: 100px;
  height: 30px;
}
#torwebbooking .tor-order-item__wallet-btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-order-item__icon-title {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 5px;
}
#torwebbooking .tor-order-item__icon-title h3 {
  margin-bottom: 0;
}
#torwebbooking .tor-order-item__icon-title-gift {
  position: relative;
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-item__icon-title-gift {
    width: 20px;
    height: 20px;
  }
}
#torwebbooking .tor-order-item__icon-title-gift img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#torwebbooking .tab-info {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
}
#torwebbooking .tab-info--tickets {
  background-color: var(--system-sub-bg-color);
}
#torwebbooking .tab-info--membership .tab-info__tab {
  color: #24394C;
  font-weight: 700;
  border-radius: 10px 10px 0 0;
}
#torwebbooking .tab-info--membership .tab-info__tab--active {
  background-color: #F5F5F5;
}
#torwebbooking .tab-info--membership .tab-info__body {
  background-color: #F5F5F5;
  border-radius: 0 0 12px 12px;
}
#torwebbooking .tab-info__tabs {
  display: flex;
  flex-flow: row;
  align-items: center;
}
#torwebbooking .tab-info__tab {
  width: 50%;
  color: #627281;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 5px;
}
#torwebbooking .tab-info__tab--active {
  color: #24394C;
  font-weight: 500;
  background-color: #E9E9E9;
}
#torwebbooking .tab-info__body {
  flex: 1 1 auto;
  padding: 5px;
}
#torwebbooking .tor-details {
  background-color: #F6F6F6;
  padding: 20px 10px;
}
#torwebbooking .tor-details__header {
  text-align: center;
  margin-bottom: 20px;
}
#torwebbooking .tor-details__header h2 {
  color: #111;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-details__header h2 {
    font-size: 20px;
    line-height: 22px;
  }
}
#torwebbooking .tor-details__header p {
  color: #333;
  font-size: 16px;
  line-height: 18px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-details__header p {
    font-size: 18px;
    line-height: 20px;
  }
}
#torwebbooking .tor-details__address-fields {
  margin: 25px 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-details__address-fields {
    margin: 30px 0;
  }
}
#torwebbooking .tor-details__postcode {
  margin: 25px 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-details__postcode {
    margin: 30px 0;
  }
}
#torwebbooking .tor-details__marketing {
  margin-bottom: 20px;
}
#torwebbooking .tor-details__actions {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#torwebbooking .tor-finishing-page-message {
  padding: 5px;
  margin: 10px 0;
}
#torwebbooking .tor-finishing-page-wrap {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 10px;
}
#torwebbooking .tor-finishing-page-wrap__heading {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
#torwebbooking .tor-finishing-page-wrap__total {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 5px;
}
#torwebbooking .tor-finishing-page-wrap__detail {
  font-size: 12px;
  line-height: 14px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-finishing-page-wrap__detail {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-finishing-page-wrap__detail:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#torwebbooking .tor-finishing-page-wrap__detail--address strong {
  display: block;
}
#torwebbooking .tor-order-number {
  font-size: 14px;
  line-height: 16px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-order-number {
    font-size: 18px;
    line-height: 20px;
  }
}
#torwebbooking .tor-share-wrap {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
}
#torwebbooking .tor-share-wrap__btn {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
#torwebbooking .tor-share-wrap__btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#torwebbooking .tor-share-wrap__text {
  color: #333;
  font-size: 14px;
  line-height: 16px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-share-wrap__text {
    display: none;
  }
}
#torwebbooking .tor-share-wrap__social-icons {
  position: absolute;
  top: -45px;
  left: 0;
  bottom: 100%;
  right: auto;
  display: none;
}
#torwebbooking .tor-redeem-img-wrap {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  gap: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-redeem-img-wrap {
    flex-flow: row;
    gap: 10px;
    margin-bottom: 10px;
  }
}
#torwebbooking .tor-redeem-img-wrap--tilted .tor-redeem-img-wrap__img {
  border-radius: 112px 145px 76px 8px/7px 12px 2px 88px;
  overflow: hidden;
  transform: rotate(-1.5deg);
}
#torwebbooking .tor-redeem-img-wrap--tilted .tor-redeem-img-wrap__text {
  border-radius: 22px 12px 12px 88px/12px 185px 85px 43px;
  overflow: hidden;
  transform: rotate(1deg);
}
#torwebbooking .tor-redeem-img-wrap__text {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  color: var(--redeem-text-color);
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  text-align: center;
  background-color: var(--redeem-text-bg-color);
  padding: 20px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-redeem-img-wrap__text {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-redeem-img-wrap__text p {
  width: 100%;
  color: #fff;
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
}
#torwebbooking .tor-redeem-img-wrap__img {
  flex: 1 1 auto;
  position: relative;
  width: 100%;
  background-color: #fff;
  border: none;
  aspect-ratio: 407 / 200;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-redeem-img-wrap__img {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-redeem-img-wrap__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-section-header {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-section-header {
    font-size: 32px;
    line-height: 34px;
  }
}
#torwebbooking .tor-section-header p {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-section-header p {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
#torwebbooking .tor-key-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-key-wrap {
    flex: 0 0 auto;
    width: calc((100% - 5px) / 2);
    margin-bottom: 0;
    margin-right: auto;
  }
}
#torwebbooking .tor-key-wrap--hidden {
  display: none;
}
#torwebbooking .tor-key {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#torwebbooking .tor-key--green .tor-key__colour {
  background-color: #CFF6C5;
}
#torwebbooking .tor-key--yellow .tor-key__colour {
  background-color: var(--busy-key-color);
}
#torwebbooking .tor-key--red .tor-key__colour {
  background-color: var(--sold-out-key-color);
}
#torwebbooking .tor-key--primary .tor-key__colour {
  background-color: var(--selected-key-color);
}
#torwebbooking .tor-key__colour {
  width: 30px;
  height: 15px;
  background-color: var(--unavailable-key-colour);
  border-radius: 6px;
  margin-bottom: 5px;
}
#torwebbooking .tor-key__text {
  color: var(--primary-system-font-color);
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-glide-filter {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-glide-filter__btn {
  width: calc((100% - 35px) / 8);
  color: #627281;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #627281;
  padding: 8px 4px;
}
#torwebbooking .tor-btn-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-btn-wrap {
    flex-flow: row;
    gap: 10px;
  }
}
#torwebbooking .tor-parking {
  background-color: #F6F6F6;
}
#torwebbooking .tor-parking--upsell {
  background-color: var(--upsell-body-bg-color);
  padding: 5px;
}
#torwebbooking .tor-parking--upsell .tor-parking__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}
#torwebbooking .tor-parking--upsell .tor-parking__heading h3 {
  color: var(--upsell-header-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
#torwebbooking .tor-parking--upsell .tor-parking__heading-icon {
  display: block;
  position: relative;
  width: 15px;
  height: 20px;
}
#torwebbooking .tor-parking--upsell .tor-parking__heading-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-parking--upsell .tor-parking__body {
  gap: 5px;
}
#torwebbooking .tor-parking--upsell .tor-parking__tickets {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-parking--upsell .tor-parking__plates {
    flex: 0 0 auto;
    width: 200px;
  }
}
#torwebbooking .tor-parking--upsell .tor-ticket {
  margin-bottom: 0;
}
#torwebbooking .tor-parking__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  color: #24394C;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
}
#torwebbooking .tor-parking__heading-icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
}
#torwebbooking .tor-parking__heading-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-parking__body {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-parking__body {
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
  }
}
#torwebbooking .tor-parking__tickets {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-parking__tickets {
    max-width: 422px;
  }
}
#torwebbooking .tor-parking__plates {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
#torwebbooking .tor-parking__plate-wrap {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: 5px;
}
#torwebbooking .tor-parking__field {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
}
#torwebbooking .tor-parking__label {
  color: #24394C;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}
#torwebbooking .tor-parking__input {
  width: 130px;
  height: 30px;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #627281;
  border-radius: 5px;
  padding: 0 10px;
}
#torwebbooking .tor-parking__input::placeholder {
  color: #DADADA;
}
#torwebbooking .tor-account-table--friends-fam .tor-account-table__row {
  background-color: #F8F8F8;
  margin-bottom: 5px;
}
#torwebbooking .tor-account-table--friends-fam .tor-account-table__row:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-table--friends-fam .tor-account-table__cell:first-child {
    width: 60px;
  }
  #torwebbooking .tor-account-table--friends-fam .tor-account-table__cell:nth-child(3) {
    width: 75px;
  }
  #torwebbooking .tor-account-table--friends-fam .tor-account-table__cell:nth-child(4) {
    width: 30px;
  }
}
@media screen and (min-width: 600px) and (max-width: 759px) {
  #torwebbooking .tor-account-table--friends-fam .tor-account-table__cell:nth-child(3) {
    width: 100px;
  }
  #torwebbooking .tor-account-table--friends-fam .tor-account-table__cell:nth-child(4) {
    width: 100px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table--friends-fam .tor-account-table__cell p {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-account-table--saved-cards .tor-account-table__row {
  background-color: #F8F8F8;
  margin-bottom: 5px;
}
#torwebbooking .tor-account-table--saved-cards .tor-account-table__row:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-table--saved-cards .tor-account-table__cell:first-child {
    width: 60px;
  }
  #torwebbooking .tor-account-table--saved-cards .tor-account-table__cell:nth-child(3) {
    width: 75px;
  }
  #torwebbooking .tor-account-table--saved-cards .tor-account-table__cell:nth-child(4) {
    width: 30px;
  }
}
@media screen and (min-width: 600px) and (max-width: 759px) {
  #torwebbooking .tor-account-table--saved-cards .tor-account-table__cell:nth-child(3) {
    width: 100px;
  }
  #torwebbooking .tor-account-table--saved-cards .tor-account-table__cell:nth-child(4) {
    width: 100px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table--saved-cards .tor-account-table__cell p {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-account-table__subs-heading {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: #EDEDED;
  padding: 5px;
}
#torwebbooking .tor-account-table__subs-title {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
#torwebbooking .tor-account-table__subs-title p {
  font-size: 12px;
  line-height: 14px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__subs-title p {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-account-table__subs-title-group {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-table__subs-title-group--col-mob {
    flex-flow: column;
  }
  #torwebbooking .tor-account-table__subs-title-group--col-mob .tor-account-table__subs-title-group {
    order: 0;
  }
}
#torwebbooking .tor-account-table__subs-total-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-account-table__subs-total {
  flex: 1 0 calc(50% - 5px);
  display: flex;
  flex-flow: row;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__subs-total {
    flex: 1 0 calc(25% - 15px);
  }
}
#torwebbooking .tor-account-table__subs-total p {
  font-size: 12px;
  line-height: 14px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__subs-total p {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-account-table__subs-total--end {
  justify-content: flex-end;
}
#torwebbooking .tor-account-table__footer {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: 5px;
  padding: 5px;
}
#torwebbooking .tor-account-table__remaining {
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-account-table__heading {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
  background-color: #EFEFEF;
  padding: 5px;
  margin-bottom: 5px;
}
#torwebbooking .tor-account-table__heading--accordion {
  position: relative;
  width: 100%;
  padding: 13px 35px 13px 5px;
}
#torwebbooking .tor-account-table__heading--accordion::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: transparent url("../images/accordion-arrow.svg") no-repeat center center / cover;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__heading--accordion .tor-account-table__heading-text-wrap {
    flex-flow: row;
    gap: 20px;
    width: 100%;
  }
}
#torwebbooking .tor-account-table__heading--accordion .tor-account-table__heading-title {
  width: 120px;
  text-align: left;
}
#torwebbooking .tor-account-table__heading-text-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__heading-text-wrap {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-account-table__heading-text-wrap--inner {
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
}
#torwebbooking .tor-account-table__heading-text {
  display: flex;
  flex-flow: row;
  align-items: center;
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-account-table__heading-text--inner {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
#torwebbooking .tor-account-table__heading-icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#torwebbooking .tor-account-table__heading-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-account-table__heading-title {
  width: 150px;
  text-transform: uppercase;
}
#torwebbooking .tor-account-table__message {
  font-size: 12px;
  line-height: 14px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-table__message {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-account-table__inner {
  display: none;
}
#torwebbooking .tor-account-table__row-wrap {
  margin-bottom: 5px;
}
#torwebbooking .tor-account-table__row-wrap--active .tor-account-table__inner {
  display: block;
}
#torwebbooking .tor-account-table__row--inner-heading {
  background-color: #fff;
}
#torwebbooking .tor-account-table__row--inner-row {
  background-color: #E0E5ED;
}
#torwebbooking .tor-account-table__cell--center-align {
  text-align: center;
}
#torwebbooking .tor-account-table__cell--qty {
  width: 150px;
  text-align: center;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__cell--110 {
    width: 110px;
  }
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-table__cell--hide-mob {
    display: none;
  }
}
#torwebbooking .tor-account-table__cell--80 {
  width: 80px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__cell--180 {
    width: 180px;
  }
}
#torwebbooking .tor-account-table__cell--130 {
  width: 130px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__cell--date {
    width: 130px;
  }
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-table__cell--past-num {
    width: 40px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-table__cell--grow-desktop {
    flex: 1 0 auto;
  }
}
#torwebbooking .tor-account-table__cell--btns {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row;
  gap: 5px;
  width: 205px;
}
#torwebbooking .tor-account-table__cell--btn {
  width: 75px;
}
#torwebbooking .tor-account-table__cell--flex-end,
#torwebbooking .tor-account-table__cell--flex {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-account-table__cell--flex-end {
  justify-content: flex-end;
}
#torwebbooking .tor-account-table__btn {
  width: calc((100% - 5px) / 2);
}
#torwebbooking .tor-account-table__btn--apple {
  position: relative;
}
#torwebbooking .tor-account-table__btn--apple img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-account-info {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 5px 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-info {
    flex-flow: row;
  }
}
#torwebbooking .tor-account-info__details {
  display: flex;
  flex-flow: column;
  align-items: center;
  background-color: var(--account-info-bg);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-info__details {
    flex: 0 0 auto;
    width: calc((100% - 10px) / 3);
  }
}
#torwebbooking .tor-account-info__details p {
  color: var(--primary-system-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
#torwebbooking .tor-account-info__details p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-account-info__img-wrap {
  margin-bottom: 10px;
}
#torwebbooking .tor-account-info__map-wrap {
  height: 235px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-info__map-wrap {
    flex: 0 0 auto;
    width: calc((100% - 10px) / 3);
    height: auto;
    padding: 0;
  }
}
#torwebbooking .tor-account-info__map-container {
  width: 100%;
  height: 100%;
}
#torwebbooking .tor-account-info__map {
  width: 100%;
  height: 100%;
  background-color: #eee;
  border-radius: 10px;
}
#torwebbooking .tor-account-info__links {
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-info__links {
    flex: 0 0 auto;
    width: calc((100% - 10px) / 3);
    padding: 0;
  }
}
#torwebbooking .tor-account-info__links-wrap {
  display: flex;
  flex-flow: column;
  align-content: stretch;
  gap: 5px;
  height: 100%;
}
#torwebbooking .tor-account-info-btn {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  color: var(--account-btn-memberships-text);
  font-size: 14px;
  line-height: 16px;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  background-color: var(--account-btn-memberships-bg);
  border-radius: 10px;
  padding: 10px 20px;
}
#torwebbooking .tor-account-info-btn svg {
  width: 48px;
  height: 40px;
  object-fit: contain;
}
#torwebbooking .tor-account-info-btn--offers {
  color: var(--account-btn-offers-text);
  background-color: var(--account-btn-offers-bg);
}
#torwebbooking .tor-account-info-btn--upcoming {
  color: var(--account-btn-upcoming-text);
  background-color: var(--account-btn-upcoming-bg);
}
#torwebbooking .tor-account-info-suspended-btn {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  color: #24394C;
  font-size: 25px;
  line-height: 28px;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  background-color: #D1DCEA;
  border-radius: 10px;
  padding: 10px;
}
#torwebbooking .tor-account-info-suspended-btn img {
  width: 48px;
  height: 40px;
}
#torwebbooking .tor-account-info-btn--small {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-account-info-btn--uv {
  min-height: auto;
  font-size: 20px;
  line-height: 22px;
}
#torwebbooking .tor-account-info-btn__text {
  width: 120px;
  margin: 0 auto;
}
#torwebbooking .tor-account-info-btn__day-count {
  min-width: 42px;
  font-size: 42px;
  line-height: 42px;
}
#torwebbooking .tor-account-info-btn__day {
  display: block;
  font-size: 36px;
  line-height: 36px;
}
#torwebbooking .tor-profile-img {
  position: relative;
}
#torwebbooking .tor-profile-img__main {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #d9d9d9;
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}
#torwebbooking .tor-profile-img__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-profile-img__initials {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  color: #6A6BCC;
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
}
#torwebbooking .tor-comms-top {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
  background-color: var(--account-bg-color);
  padding: 5px;
  margin-bottom: 5px;
}
#torwebbooking .tor-comms-top p {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-comms-top p:last-child {
  width: 100%;
}
#torwebbooking .tor-comms-top .tor-event-slider__label {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-comms {
  position: relative;
}
#torwebbooking .tor-comms--disabled::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  pointer-events: all;
}
#torwebbooking .tor-comms__content-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: var(--account-bg-color);
  padding: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-comms__content-wrap {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-comms__heading {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-comms__channels {
    flex: 1 1 auto;
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-comms__channel-headings {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
#torwebbooking .tor-comms__interests {
  display: flex;
  flex-flow: column;
  background-color: #fff;
  border-radius: 10px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-comms__interests {
    flex: 0 0 auto;
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-comms__interest-group {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-comms__interest-group {
    flex: 1 1 auto;
    flex-flow: row wrap;
    align-content: flex-start;
  }
}
#torwebbooking .tor-comms__interest-group .tor-field {
  flex: 0 0 auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-comms__interest-group .tor-field {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-comms__interest-btn-wrap {
  width: 100%;
}
#torwebbooking .tor-comms__field-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-comms__field-wrap .tor-field--checkbox {
  flex: 0 0 auto;
  margin-left: 10px;
}
#torwebbooking .tor-comms__gdpr {
  background-color: var(--account-bg-color);
  padding: 5px;
}
#torwebbooking .tor-donation-free {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
#torwebbooking .tor-donation-free__text {
  color: var(--btn-color);
  font-size: 36px;
  line-height: 40px;
  /*font-size: 20px;
        line-height: 24px;*/
  font-weight: 600;
  margin-bottom: 0;
}
#torwebbooking .tor-donation-free__input {
  width: 226px !important;
  height: 50px;
  color: var(--btn-color);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  /*font-size: 14px;
        line-height: 18px;
        font-weight: 700;*/
  background-color: var(--btn-offset-color) !important;
  border: 1px solid var(--btn-color) !important;
  border-radius: 5px;
  margin: 0 0 0 5px;
  padding: 5px;
}
#torwebbooking .tor-donation-free__input::placeholder {
  color: var(--btn-color);
  text-align: center;
}
#torwebbooking .tor-donation-free__input:focus::placeholder {
  color: transparent;
}
#torwebbooking .tor-donation-free__input-upsell {
  width: 100px !important;
  height: auto;
  color: var(--btn-color);
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  background-color: var(--btn-offset-color) !important;
  border: 1px solid var(--btn-color) !important;
  border-radius: 5px;
  margin: 0 0 0 5px;
  padding: 5px;
}
#torwebbooking .tor-donation-free__input-upsell::placeholder {
  color: var(--btn-color);
  text-align: center;
}
#torwebbooking .tor-donation-free__input-upsell:focus::placeholder {
  color: transparent;
}
#torwebbooking .tor-payment-logos {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  background-color: var(--payment-logo-bg);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-payment-logos {
    flex: 1 1 auto;
    justify-content: center;
    gap: 50px;
    width: auto;
  }
}
#torwebbooking .tor-payment-logos__logo {
  position: relative;
  width: 60px;
  aspect-ratio: 800 / 495;
}
#torwebbooking .tor-payment-logos__logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#torwebbooking .tor-event {
  margin-bottom: 5px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-event {
    display: flex;
    flex-flow: column;
    gap: 5px 4px;
  }
}
#torwebbooking .tor-event--tilted .tor-event__heading {
  position: relative;
  border-radius: 112px 145px 76px 8px/7px 12px 2px 88px;
  transform: rotate(1deg);
}
#torwebbooking .tor-event--tilted .tor-event__img {
  border-radius: 22px 12px 12px 88px/112px 145px 76px 43px;
  overflow: hidden;
  transform: rotate(-2deg);
}
#torwebbooking .tor-event--tilted .tor-event__text-wrap {
  border-radius: 22px 12px 12px 16px/34px 145px 76px 43px;
  transform: rotate(0.6deg);
}
#torwebbooking .tor-event--tilted .tor-event__tabs {
  border-radius: 22px 12px 12px 88px/112px 145px 76px 43px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#torwebbooking .tor-event--tilted .tor-event__bar {
  border-radius: 112px 145px 76px 8px/7px 12px 2px 88px;
}
#torwebbooking .tor-event--tilted .tor-event__donation-btns {
  border-radius: 22px 12px 12px 88px/112px 145px 76px 43px;
  transform: rotate(-0.6deg);
}
#torwebbooking .tor-event--donation .tor-event__text-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
  color: var(--don-page-text);
  background-color: var(--don-page-text-bg);
}
#torwebbooking .tor-event--donation .tor-event__heading {
  color: var(--don-page-heading-text);
  background-color: var(--don-page-heading-bg);
}
#torwebbooking .tor-event--donation .tor-event__donation-btns {
  background-color: var(--don-page-btn-bg);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event--donation {
    flex-flow: column !important;
  }
  #torwebbooking .tor-event--donation .tor-event__img {
    width: 100% !important;
    height: 500px !important;
  }
  #torwebbooking .tor-event--donation .tor-event__content-wrap {
    width: 100% !important;
  }
  #torwebbooking .tor-event--donation .tor-event__text-wrap {
    flex-flow: row;
    align-items: center;
    height: auto;
    max-height: 290px;
  }
}
#torwebbooking .tor-event--sidebar .glide__bullets {
  display: none;
}
#torwebbooking .tor-event--sidebar .tor-event__img-wrap {
  position: relative;
  width: 100%;
}
#torwebbooking .tor-event--sidebar .tor-event__img-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#torwebbooking .tor-event--sidebar .tor-event__heading {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  background-color: transparent;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event--sidebar .tor-event__heading {
    font-size: 38px;
    line-height: 46px;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-event--sidebar .tor-event__heading {
    font-size: 48px;
    line-height: 60px;
  }
}
#torwebbooking .tor-event--sidebar .tor-event__img {
  width: 100%;
  height: 200px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-event--sidebar .tor-event__img {
    height: 400px;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event--sidebar .tor-event__img {
    height: 500px;
    aspect-ratio: 1480 / 500;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event--sidebar .tor-event__img#TorCarouselgiftVoucherBanner {
    height: 340px;
    aspect-ratio: 1480 / 500;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event--sidebar .tor-event__img img {
    aspect-ratio: 1480 / 500;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event--sidebar .tor-event__img video {
    aspect-ratio: 1480 / 500;
  }
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-event--sidebar .tor-event__bar {
    padding-top: 4px;
  }
}
#torwebbooking .tor-event--sidebar .tor-event__social-icons {
  width: 100%;
  margin-left: 0;
}
#torwebbooking .tor-event--sidebar .tor-social-icon {
  width: 30px;
  height: 30px;
}
#torwebbooking .tor-event--sidebar-light .tor-event__img-wrap::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 15%);
}
#torwebbooking .tor-event--sidebar-light .tor-event__heading {
  color: #fff;
}
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__sidebar {
  background-color: rgba(255, 255, 255, 0.6);
}
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__btn-icon svg {
  fill: #555;
}
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__btn-text {
  color: #555;
}
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__body {
  background-color: #fafafa;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event--sidebar-light .tor-event-sidebar__body {
    background-color: rgba(255, 255, 255, 0.9);
  }
}
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__body p,
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__body h1,
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__body h2,
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__body h3,
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__body h4,
#torwebbooking .tor-event--sidebar-light .tor-event-sidebar__body h5 {
  color: #333;
}
#torwebbooking .tor-event--sidebar-dark .tor-event__img-wrap::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 15%);
}
#torwebbooking .tor-event--sidebar-dark .tor-event__heading {
  color: #111;
}
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__sidebar {
  background-color: rgba(51, 51, 51, 0.6);
}
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__btn-icon svg {
  fill: #fff;
}
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__btn-text {
  color: #fff;
}
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__body {
  background-color: #666;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__body {
    background-color: rgba(51, 51, 51, 0.8);
  }
}
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__body p,
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__body h1,
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__body h2,
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__body h3,
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__body h4,
#torwebbooking .tor-event--sidebar-dark .tor-event-sidebar__body h5 {
  color: #fff;
}
#torwebbooking .tor-event__cause-info {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event__cause-info {
    width: 330px;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-event__cause-info {
    width: 500px;
  }
}
#torwebbooking .tor-event__cause-info p {
  color: var(--don-cause-info-text) !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}
#torwebbooking .tor-event__cause-percent {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  color: var(--don-cause-percent-text);
  font-size: 64px;
  line-height: 68px;
  font-weight: 700;
  border-radius: 50%;
  background-color: var(--don-cause-percent-bg);
}
#torwebbooking .tor-event__pricing-wrap {
  margin-bottom: 10px;
}
#torwebbooking .tor-event__pricing-wrap:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-event__pricing-wrap--active .tor-event__pricing-body {
  display: block;
}
#torwebbooking .tor-event__content-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-event__content {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-event__heading {
  color: var(--event-heading-color);
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  background-color: var(--system-header-bg-color);
  padding: 5px;
}
#torwebbooking .tor-event__heading--large {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event__heading--large {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-event__heading--large span {
  display: flex;
  flex-flow: column;
  font-size: 20px;
  line-height: 22px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event__heading--large span {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-event__heading--large svg {
  height: 62px;
}
#torwebbooking .tor-event__donation-btns {
  background-color: var(--content-container-bg-color);
  padding: 5px;
}
#torwebbooking .tor-event__donation-slider {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-bottom: 10px;
}
#torwebbooking .tor-event__donation-amounts {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 0 10px;
  margin: 0 auto 10px;
}
#torwebbooking .tor-event__ticket-category {
  width: 100%;
  color: var(--primary-content-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: left;
  padding: 5px 10px;
  background-color: var(--price-cat-bg-color);
}
#torwebbooking .tor-event__pricing-body {
  display: none;
  padding: 5px 10px;
  background-color: transparent;
}
#torwebbooking .tor-event-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 759px) {
  #torwebbooking .tor-event-sidebar {
    z-index: 100;
  }
}
#torwebbooking .tor-event-sidebar--active .tor-event-sidebar__body {
  transform: none;
}
@media screen and (max-width: 759px) {
  #torwebbooking .tor-event-sidebar--active .tor-event-sidebar__body {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (max-width: 759px) {
  #torwebbooking .tor-event-sidebar--active::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    filter: blur(5px);
    pointer-events: none;
  }
}
#torwebbooking .tor-event-sidebar__sidebar {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-flow: row;
  gap: 5px;
  pointer-events: all;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event-sidebar__sidebar {
    position: absolute;
    top: 0;
    left: auto;
    flex-flow: column;
    gap: 10px;
    width: 100px;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-event-sidebar__sidebar {
    width: 120px;
  }
}
#torwebbooking .tor-event-sidebar__btn {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 5px;
}
#torwebbooking .tor-event-sidebar__btn-icon {
  position: relative;
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event-sidebar__btn-icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-event-sidebar__btn-icon {
    width: 40px;
    height: 40px;
  }
}
#torwebbooking .tor-event-sidebar__btn-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-event-sidebar__btn-text {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
@media screen and (max-width: 779px) {
  #torwebbooking .tor-event-sidebar__btn-text {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-event-sidebar__btn-text {
    font-size: 16px;
    line-height: 20px;
  }
}
#torwebbooking .tor-event-sidebar__close {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  width: 30px !important;
  height: 30px !important;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  appearance: none;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-event-sidebar__close {
    display: none;
  }
}
#torwebbooking .tor-event-sidebar__close::before,
#torwebbooking .tor-event-sidebar__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  height: 2px;
  width: 15px;
  background-color: #111;
}
#torwebbooking .tor-event-sidebar__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#torwebbooking .tor-event-sidebar__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#torwebbooking .tor-event-sidebar__body {
  position: absolute;
  top: 0;
  bottom: 30px;
  right: 0;
  left: 0;
  transform: translateY(100%) translateY(30px);
  padding: 10px;
  transition: transform linear 300ms;
  overflow: auto;
  pointer-events: all;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-event-sidebar__body {
    bottom: 51px;
    transform: translateY(100%) translateY(51px);
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event-sidebar__body {
    bottom: 0;
    transform: translateX(100%);
    padding-right: 130px;
  }
}
@media screen and (max-width: 759px) {
  #torwebbooking .tor-event-sidebar__body {
    position: fixed;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: auto;
    transform: none;
    max-height: calc(100vh - 10px);
    padding-top: 20px;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    z-index: 1001;
  }
}
#torwebbooking .tor-event-sidebar__body::-webkit-scrollbar {
  display: none;
}
#torwebbooking .tor-event-sidebar__body tbody {
  border: none !important;
  background-color: transparent !important;
}
#torwebbooking .tor-event-sidebar__body--active {
  transform: none;
}
@media screen and (max-width: 759px) {
  #torwebbooking .tor-event-sidebar__body--active {
    opacity: 1;
    pointer-events: all;
  }
}
#torwebbooking .tor-donation-amount-button {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: calc((100% - 10px) / 2);
  height: 50px;
  color: var(--btn-color);
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  background-color: var(--btn-offset-color);
  border: 1px solid var(--btn-color);
  border-radius: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-donation-amount-button {
    width: 180px;
    height: 50px;
  }
}
#torwebbooking .tor-donation-amount-button--selected {
  color: var(--btn-offset-color);
  background-color: var(--btn-color);
}
#torwebbooking .tor-event__tabs {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  background-color: var(--system-subheader-bg-color);
  padding: 5px;
}
#torwebbooking .tor-event__tab {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  padding: 0;
}
#torwebbooking .tor-event__tab-icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-event__tab-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-event__tab-icon svg {
  fill: var(--event-tab-icon);
}
#torwebbooking .tor-event__tab--active .tor-event__tab-text {
  color: var(--primary-content-font-color);
  font-weight: 700;
}
#torwebbooking .tor-event__tab--active svg {
  fill: var(--primary-content-font-color);
}
#torwebbooking .tor-event__tab-text {
  color: var(--secondary-content-font-color);
  font-size: 12px;
  line-height: 14px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event__tab-text {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-event__text-wrap {
  flex: 1 1 auto;
  position: relative;
  color: var(--secondary-content-font-color);
  font-size: 13px;
  line-height: 15px;
  background-color: var(--content-container-bg-color);
  padding: 5px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#torwebbooking .tor-event__text-wrap::-webkit-scrollbar {
  display: none;
}
#torwebbooking .tor-event__text-wrap p {
  color: var(--secondary-content-font-color);
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 5px;
}
#torwebbooking .tor-event__text-wrap p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-event__text-wrap strong {
  font-weight: 700;
}
#torwebbooking .tor-event__text-wrap ul {
  padding-left: 15px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event__text-wrap {
    height: 290px;
    overflow-y: scroll;
  }
}
#torwebbooking .tor-event__img {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
}
#torwebbooking .tor-event__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
#torwebbooking .tor-event__img video {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
#torwebbooking .tor-event__sliders-experience {
  flex-flow: column !important;
}
#torwebbooking .tor-event__sliders {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  background-color: var(--system-toolbar-bg-color);
  padding: 5px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-event__sliders {
    flex-flow: row;
    justify-content: center;
  }
}
#torwebbooking .tor-event__sliders--disabled::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.6;
}
#torwebbooking .tor-event__bar {
  min-height: 23px;
  background-color: var(--system-toolbar-bg-color);
  padding: 26px 4px 4px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event__bar {
    padding: 4px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event__social-icons {
    width: 50%;
    margin-left: auto;
  }
}
#torwebbooking .tor-event-slider {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-event-slider--large-text .tor-event-slider__label {
  font-size: 14px;
  line-height: 16px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event-slider--large .tor-event-slider__slider {
    width: 100px;
    height: 40px;
  }
  #torwebbooking .tor-event-slider--large .tor-event-slider__slider::after {
    width: 35px;
    height: 35px;
  }
  #torwebbooking .tor-event-slider--large .tor-event-slider__slider:checked::after {
    transform: translateY(-50%) translateX(62px);
  }
  #torwebbooking .tor-event-slider--large .tor-event-slider__label {
    font-size: 20px;
    line-height: 24px;
  }
}
#torwebbooking .tor-event-slider--single .tor-event-slider__slider {
  background-color: var(--single-slider-bg-color);
}
#torwebbooking .tor-event-slider--single .tor-event-slider__slider::after {
  background-color: var(--single-slider-pip-color);
}
#torwebbooking .tor-event-slider--single .tor-event-slider__slider:checked::after {
  background-color: var(--single-slider-pip-on-color);
}
#torwebbooking .tor-event-slider--single .tor-event-slider__slider:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#torwebbooking .tor-event-slider--green .tor-event-slider__slider::after {
  background-color: #01AA07;
}
#torwebbooking .tor-event-slider__icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-event-slider__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-event-slider__icon svg {
  fill: var(--secondary-system-font-color);
}
#torwebbooking .tor-event-slider__label {
  color: var(--secondary-system-font-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  transition: color 200ms linear;
}
#torwebbooking .tor-event-slider__label--left {
  color: var(--primary-system-font-color);
  text-align: right;
  order: 2;
}
#torwebbooking .tor-event-slider__label--right {
  text-align: left;
  order: 4;
}
#torwebbooking .tor-event-slider__slider {
  flex: 0 0 auto;
  position: relative;
  width: 60px;
  height: 30px;
  background-color: var(--dual-slider-bg-color);
  border-radius: 30px;
  appearance: none;
  order: 3;
}
#torwebbooking .tor-event-slider__slider::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  bottom: auto;
  transform: translateY(-50%) translateX(3px);
  width: 22px;
  height: 22px;
  background-color: var(--dual-slider-pip-color);
  border: 2px solid #fff;
  border-radius: 50%;
  transition: transform 200ms linear;
}
#torwebbooking .tor-event-slider__slider:checked::after {
  transform: translateY(-50%) translateX(33px);
}
#torwebbooking .tor-event-slider__slider:checked ~ .tor-event-slider__label--left {
  color: var(--secondary-system-font-color) !important;
}
#torwebbooking .tor-event-slider__slider:checked ~ .tor-event-slider__label--right {
  color: var(--primary-system-font-color) !important;
}
#torwebbooking .tor-event-calendar-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 0 0 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event-calendar-wrap {
    flex-flow: row;
  }
}
#torwebbooking .tor-event-calendar-wrap--tilted .tor-calendar-wrap {
  border-radius: 22px 12px 12px 16px/34px 75px 76px 43px;
  transform: rotate(0.6deg);
}
#torwebbooking .tor-event-calendar-wrap--tilted .tor-event-venue {
  border-radius: 6px 12px 12px 88px/42px 35px 76px 43px;
  transform: rotate(-1deg);
  padding-top: 10px;
}
#torwebbooking .tor-event-calendar-wrap--tilted .tor-today {
  border-radius: 34px 93px 76px 43px/22px 12px 12px 16px;
  transform: rotate(2deg);
}
#torwebbooking .tor-calendar-wrap {
  flex: 0 0 auto;
  background-color: var(--calendar-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-calendar-wrap {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-calendar-wrap__calendar {
  display: flex;
  flex-flow: column;
}
#torwebbooking .tor-calendar-wrap__calendar .pika-table {
  width: 100%;
}
#torwebbooking .tor-calendar-month {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-calendar-month .tor-event-slider {
    width: auto;
  }
}
#torwebbooking .tor-giftaid {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 5px;
}
#torwebbooking .tor-giftaid--donation .tor-giftaid__declaration {
  color: var(--don-gift-dec-text);
  background-color: var(--don-gift-dec-bg);
}
#torwebbooking .tor-giftaid--donation .tor-giftaid__icon-wrap,
#torwebbooking .tor-giftaid--donation .tor-giftaid__content-wrap {
  color: var(--don-gift-content-text);
  background-color: var(--don-gift-content-bg);
}
#torwebbooking .tor-giftaid--donation .tor-giftaid__icon-wrap {
  width: 180px;
}
#torwebbooking .tor-giftaid--donation .tor-giftaid__icon {
  width: 100%;
}
#torwebbooking .tor-giftaid--donation .tor-giftaid__actions {
  background-color: var(--don-gift-action-bg);
}
#torwebbooking .tor-giftaid--tilted .tor-giftaid__img {
  border-radius: 6px 12px 12px 4px/42px 35px 66px 43px;
  overflow: hidden;
  transform: rotate(1.2deg);
}
#torwebbooking .tor-giftaid--tilted .tor-giftaid__icon-wrap {
  border-radius: 22px 12px 12px 88px/112px 145px 76px 43px;
  transform: rotate(-1deg);
}
#torwebbooking .tor-giftaid--tilted .tor-giftaid__content {
  border-radius: 112px 145px 76px 8px/7px 12px 2px 88px;
  transform: rotate(-2deg);
}
#torwebbooking .tor-giftaid--tilted .tor-giftaid__declaration {
  border-radius: 6px 12px 12px 4px/42px 35px 66px 43px;
  transform: rotate(0.5deg);
}
#torwebbooking .tor-giftaid--tilted .tor-giftaid__actions {
  border-radius: 22px 12px 12px 88px/112px 145px 76px 43px;
}
#torwebbooking .tor-giftaid__header {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-giftaid__header h3 {
  color: var(--primary-system-font-color);
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
#torwebbooking .tor-giftaid__header-icon {
  position: relative;
  width: 40px;
  height: 35px;
}
#torwebbooking .tor-giftaid__header-icon svg {
  fill: var(--primary-system-font-color);
}
#torwebbooking .tor-giftaid__content-wrap {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-giftaid__content-wrap {
    flex-flow: row;
  }
}
#torwebbooking .tor-giftaid__content {
  flex: 1 1 auto;
  color: var(--primary-system-font-color);
  font-size: 16px;
  line-height: 18px;
  background-color: var(--giftaid-content-bg-color);
  padding: 5px 5px 5px 10px;
}
#torwebbooking .tor-giftaid__content p,
#torwebbooking .tor-giftaid__content span {
  font-size: 16px !important;
  line-height: 18px !important;
}
#torwebbooking .tor-giftaid__img-wrap {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-giftaid__img-wrap {
    flex: 0 0 auto;
    width: 300px;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-giftaid__img-wrap {
    width: 374px;
  }
}
#torwebbooking .tor-giftaid__img {
  position: relative;
  width: 100%;
  aspect-ratio: 374 / 271;
}
#torwebbooking .tor-giftaid__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-giftaid__icon-wrap {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: var(--giftaid-icon-bg-color);
  padding: 5px;
}
#torwebbooking .tor-giftaid__icon {
  flex: 0 0 auto;
  display: block;
  position: relative;
  height: 56px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-giftaid__icon {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-giftaid__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-giftaid__actions {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: 5px;
  width: 100%;
  background-color: var(--giftaid-actions-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-giftaid__actions {
    flex-flow: row;
    align-items: center;
    gap: 0;
  }
}
#torwebbooking .tor-giftaid__declaration {
  color: var(--primary-system-font-color);
  font-size: 14px;
  line-height: 16px;
  background-color: var(--giftaid-declaration-bg-color);
  padding: 5px;
}
#torwebbooking .tor-giftaid__declaration p,
#torwebbooking .tor-giftaid__declaration span {
  font-size: 14px !important;
  line-height: 16px !important;
}
#torwebbooking .tor-giftaid__declaration h3 {
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 700;
  margin-bottom: 5px;
}
#torwebbooking .tor-basket-giftaid {
  display: flex;
  flex-flow: column;
  gap: 5px;
  color: var(--basket-giftaid-text);
  background-color: var(--basket-giftaid-bg);
  padding: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-basket-giftaid {
    flex-flow: row;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-basket-giftaid__img,
  #torwebbooking .tor-basket-giftaid__content {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-basket-giftaid__img {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
#torwebbooking .tor-basket-giftaid__img img {
  width: 147px;
  height: 53px;
  object-fit: contain;
}
#torwebbooking .tor-basket-giftaid__content {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-payment-schedule {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 5px;
}
#torwebbooking .tor-payment-schedule__heading {
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  border: 1px solid #eee;
  padding: 5px;
}
#torwebbooking .tor-payment-schedule__total {
  width: 100%;
  text-align: right;
}
#torwebbooking .tor-banner {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  background-color: #fdcd75;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-banner {
    flex-flow: row;
  }
}
#torwebbooking .tor-banner__content {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
#torwebbooking .tor-banner__icon {
  flex: 0 0 auto;
  position: relative;
  width: 40px;
  height: 40px;
}
@media screeen and (min-width: 600px) {
  #torwebbooking .tor-banner__icon {
    width: 60px;
    height: 60px;
  }
}
#torwebbooking .tor-banner__icon svg {
  fill: #000;
}
#torwebbooking .tor-banner__text {
  color: #000;
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-banner__text strong {
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-banner__actions {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  #torwebbooking .tor-banner__actions {
    flex-flow: row;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-banner__actions {
    width: auto;
  }
}
#torwebbooking .tor-banner__action {
  flex: 0 0 auto;
  width: 100%;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #fd9821;
  padding: 10px;
  border-radius: 5px;
}
@media screen and (min-width: 500px) {
  #torwebbooking .tor-banner__action {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-banner__action {
    width: auto;
  }
}
#torwebbooking .tor-account-menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 5px 15px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-menu {
    justify-content: space-between;
  }
}
#torwebbooking .tor-account-menu__item {
  position: relative;
  border-bottom: 5px solid transparent;
  list-style-type: none;
  padding-bottom: 8px;
  cursor: pointer;
}
#torwebbooking .tor-account-menu__item:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  top: auto;
  right: auto;
  transform: translateX(-50%);
  width: 50%;
  height: 3px;
}
#torwebbooking .tor-account-menu__btn {
  color: var(--primary-system-font-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  cursor: pointer;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-menu__btn {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-account-menu__item--active:after {
  background-color: var(--primary-system-font-color);
}
#torwebbooking .tor-account-wrap {
  display: none;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-account-wrap--active {
  display: flex;
}
#torwebbooking .tor-resident {
  display: flex;
  flex-flow: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
#torwebbooking .tor-resident__tickets {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
#torwebbooking .tor-resident__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-resident__heading h3 {
  color: #24394C;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
}
#torwebbooking .tor-resident__heading-icon {
  position: relative;
  width: 25px;
  height: 25px;
}
#torwebbooking .tor-resident__heading-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-resident__residents {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
#torwebbooking .tor-resident__subheading {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-resident-field {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-resident-field {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-resident-field__label {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-resident-field__label {
    width: 80px;
  }
}
#torwebbooking .tor-resident-field__input-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-resident-field__input-wrap {
    flex-flow: row;
    align-items: center;
    width: calc(100% - 85px);
  }
}
#torwebbooking .tor-resident-field__input {
  width: 100%;
  color: #627281;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  border: 1px solid #627281;
  border-radius: 5px;
  padding: 5px;
}
#torwebbooking .tor-resident-field__input ::-webkit-datetime-edit-year-field:not([aria-valuenow]),
#torwebbooking .tor-resident-field__input ::-webkit-datetime-edit-month-field:not([aria-valuenow]),
#torwebbooking .tor-resident-field__input ::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-resident-field__input {
    width: calc((100% - 20px) / 3);
  }
}
#torwebbooking .tor-ticket-bands {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
#torwebbooking .tor-ticket-bands h3 {
  width: 100%;
}
@media screen and (min-width: 900px) {
  #torwebbooking .tor-ticket-bands .tor-ticket-band {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-ticket-bands__title {
  width: 100%;
  color: #24394C;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}
#torwebbooking .tor-ticket-overview {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-ticket-overview h3 {
  color: var(--primary-content-font-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-ticket-band {
  position: relative;
  display: flex;
  flex-flow: row;
  width: 100%;
  border-left: 24px solid var(--btn-color);
  border-radius: 2px;
  background-color: #fff;
}
#torwebbooking .tor-ticket-band::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: -24px;
  bottom: 0;
  width: calc(100% + 24px);
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 2px;
  pointer-events: none;
}
#torwebbooking .tor-ticket-band--disabled {
  background-color: var(--unavailable-key-colour);
}
#torwebbooking .tor-ticket-band--super-saver {
  border-left-color: var(--cal-super-saver);
}
#torwebbooking .tor-ticket-band--off-peak {
  border-left-color: var(--cal-off-peak);
}
#torwebbooking .tor-ticket-band--peak {
  border-left-color: var(--cal-peak);
}
#torwebbooking .tor-ticket-band--sunset {
  border-left-color: var(--cal-sunset);
}
#torwebbooking .tor-ticket-band--price-4 {
  border-left-color: var(--price-band-4);
}
#torwebbooking .tor-ticket-band--price-5 {
  border-left-color: var(--price-band-5);
}
#torwebbooking .tor-ticket-band--4 {
  border-left-color: var(--price-band-4);
}
#torwebbooking .tor-ticket-band--5 {
  border-left-color: var(--price-band-5);
}
#torwebbooking .tor-ticket-band--busy {
  background-color: var(--busy-key-color);
}
#torwebbooking .tor-ticket-band__text {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 5px;
}
@media screen and (min-width: 900px) and (max-width: 1080px) {
  #torwebbooking .tor-ticket-band__text {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-ticket-band__band {
  flex: 0 0 auto;
  color: var(--primary-content-font-color);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  width: 70px;
}
@media screen and (min-width: 900px) and (max-width: 1080px) {
  #torwebbooking .tor-ticket-band__band {
    width: 100%;
  }
}
#torwebbooking .tor-ticket-band__price {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
#torwebbooking .tor-ticket-band__available {
  color: var(--primary-content-font-color);
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-ticket-band__checkbox-wrap {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 46px;
  background-color: #CFF6C5;
  padding: 5px;
}
#torwebbooking .tor-ticket-band__checkbox-wrap .tor-field--checkbox {
  flex: 0 0 auto;
}
#torwebbooking .tor-ticket-band__checkbox {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border: 1px solid #000;
  border-radius: 5px;
}
#torwebbooking .tor-ticket-band__checkbox:checked {
  background-color: var(--primary-color);
}
#torwebbooking .tor-banner-text {
  position: relative;
  text-align: center;
  padding: 10px 50px;
  background-color: #eee;
}
#torwebbooking .tor-banner-text h1,
#torwebbooking .tor-banner-text h2,
#torwebbooking .tor-banner-text h3,
#torwebbooking .tor-banner-text h4,
#torwebbooking .tor-banner-text h5,
#torwebbooking .tor-banner-text h6 {
  color: var(--primary-content-font-color);
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}
#torwebbooking .tor-banner-text p {
  color: var(--secondary-content-font-color);
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-accessible {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 5px;
}
#torwebbooking .tor-accessible h1,
#torwebbooking .tor-accessible h2,
#torwebbooking .tor-accessible h3,
#torwebbooking .tor-accessible h4,
#torwebbooking .tor-accessible h5,
#torwebbooking .tor-accessible h6 {
  color: var(--primary-system-font-color);
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
#torwebbooking .tor-accessible p {
  color: var(--secondary-system-font-color);
  font-size: 12px;
  line-height: 14px;
  margin: 0;
}
#torwebbooking .tor-resources {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 5px;
}
#torwebbooking .tor-resources h1,
#torwebbooking .tor-resources h2,
#torwebbooking .tor-resources h3,
#torwebbooking .tor-resources h4,
#torwebbooking .tor-resources h5,
#torwebbooking .tor-resources h6 {
  color: var(--primary-system-font-color);
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
#torwebbooking .tor-resources p {
  color: var(--secondary-system-font-color);
  font-size: 12px;
  line-height: 14px;
  margin: 0;
}
#torwebbooking .tor-accessible__field-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-accessible__field-wrap {
    gap: 30px;
  }
}
#torwebbooking .tor-accessible__field {
  width: 100%;
  max-width: 250px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  padding: 5px;
  background: white;
}
#torwebbooking .svg-color {
  color: var(--primary-system-font-color);
}
#torwebbooking .tor-small-popup {
  position: fixed;
  bottom: 10px;
  right: 10px;
  left: auto;
  top: auto;
  background-color: #fff;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px 2px;
}
#torwebbooking .tor-event-card:nth-child(2n) .tor-twist-card__image-wrap,
#torwebbooking .tor-experience-card:nth-child(2n) .tor-twist-card__image-wrap,
#torwebbooking .tor-bundle-card:nth-child(2n) .tor-twist-card__image-wrap {
  transform: rotate(2deg);
}
#torwebbooking .tor-event-card:nth-child(2n) .tor-twist-card__body,
#torwebbooking .tor-experience-card:nth-child(2n) .tor-twist-card__body,
#torwebbooking .tor-bundle-card:nth-child(2n) .tor-twist-card__body {
  transform: rotate(-2deg);
}
#torwebbooking .tor-event-card:nth-child(2) .tor-twist-card__body,
#torwebbooking .tor-experience-card:nth-child(2) .tor-twist-card__body,
#torwebbooking .tor-bundle-card:nth-child(2) .tor-twist-card__body {
  background-color: #D2236D;
}
#torwebbooking .tor-event-card:nth-child(2) .tor-twist-card__circle,
#torwebbooking .tor-experience-card:nth-child(2) .tor-twist-card__circle,
#torwebbooking .tor-bundle-card:nth-child(2) .tor-twist-card__circle {
  background-color: #6EC843;
}
#torwebbooking .tor-event-card:nth-child(2) .tor-twist-card__name,
#torwebbooking .tor-experience-card:nth-child(2) .tor-twist-card__name,
#torwebbooking .tor-bundle-card:nth-child(2) .tor-twist-card__name,
#torwebbooking .tor-event-card:nth-child(2) .tor-twist-card__description,
#torwebbooking .tor-experience-card:nth-child(2) .tor-twist-card__description,
#torwebbooking .tor-bundle-card:nth-child(2) .tor-twist-card__description,
#torwebbooking .tor-event-card:nth-child(2) .tor-twist-card__price,
#torwebbooking .tor-experience-card:nth-child(2) .tor-twist-card__price,
#torwebbooking .tor-bundle-card:nth-child(2) .tor-twist-card__price,
#torwebbooking .tor-event-card:nth-child(2) .tor-twist-card__member-price,
#torwebbooking .tor-experience-card:nth-child(2) .tor-twist-card__member-price,
#torwebbooking .tor-bundle-card:nth-child(2) .tor-twist-card__member-price {
  color: #fff;
}
#torwebbooking .tor-event-card:nth-child(3) .tor-twist-card__body,
#torwebbooking .tor-experience-card:nth-child(3) .tor-twist-card__body,
#torwebbooking .tor-bundle-card:nth-child(3) .tor-twist-card__body {
  background-color: #45ACF6;
}
#torwebbooking .tor-event-card:nth-child(3) .tor-twist-card__circle,
#torwebbooking .tor-experience-card:nth-child(3) .tor-twist-card__circle,
#torwebbooking .tor-bundle-card:nth-child(3) .tor-twist-card__circle {
  color: #000;
  background-color: #F3EB1D;
  border-color: #000;
}
#torwebbooking .tor-event-card:nth-child(4) .tor-twist-card__body,
#torwebbooking .tor-experience-card:nth-child(4) .tor-twist-card__body,
#torwebbooking .tor-bundle-card:nth-child(4) .tor-twist-card__body {
  background-color: #EC7100;
}
#torwebbooking .tor-event-card:nth-child(4) .tor-twist-card__circle,
#torwebbooking .tor-experience-card:nth-child(4) .tor-twist-card__circle,
#torwebbooking .tor-bundle-card:nth-child(4) .tor-twist-card__circle {
  background-color: #45ACF6;
}
#torwebbooking .tor-event-card:nth-child(4) .tor-twist-card__name,
#torwebbooking .tor-experience-card:nth-child(4) .tor-twist-card__name,
#torwebbooking .tor-bundle-card:nth-child(4) .tor-twist-card__name,
#torwebbooking .tor-event-card:nth-child(4) .tor-twist-card__description,
#torwebbooking .tor-experience-card:nth-child(4) .tor-twist-card__description,
#torwebbooking .tor-bundle-card:nth-child(4) .tor-twist-card__description,
#torwebbooking .tor-event-card:nth-child(4) .tor-twist-card__price,
#torwebbooking .tor-experience-card:nth-child(4) .tor-twist-card__price,
#torwebbooking .tor-bundle-card:nth-child(4) .tor-twist-card__price,
#torwebbooking .tor-event-card:nth-child(4) .tor-twist-card__member-price,
#torwebbooking .tor-experience-card:nth-child(4) .tor-twist-card__member-price,
#torwebbooking .tor-bundle-card:nth-child(4) .tor-twist-card__member-price {
  color: #fff;
}
#torwebbooking .tor-event-card:nth-child(5) .tor-twist-card__body,
#torwebbooking .tor-experience-card:nth-child(5) .tor-twist-card__body,
#torwebbooking .tor-bundle-card:nth-child(5) .tor-twist-card__body {
  background-color: #F3EB1D;
}
#torwebbooking .tor-event-card:nth-child(5) .tor-twist-card__circle,
#torwebbooking .tor-experience-card:nth-child(5) .tor-twist-card__circle,
#torwebbooking .tor-bundle-card:nth-child(5) .tor-twist-card__circle {
  background-color: #EC7100;
}
#torwebbooking .tor-event-card:nth-child(6) .tor-twist-card__body,
#torwebbooking .tor-experience-card:nth-child(6) .tor-twist-card__body,
#torwebbooking .tor-bundle-card:nth-child(6) .tor-twist-card__body {
  background-color: #9D68E1;
}
#torwebbooking .tor-event-card:nth-child(6) .tor-twist-card__circle,
#torwebbooking .tor-experience-card:nth-child(6) .tor-twist-card__circle,
#torwebbooking .tor-bundle-card:nth-child(6) .tor-twist-card__circle {
  background-color: #D2236D;
}
#torwebbooking .tor-twist-card {
  display: flex;
  flex-flow: column;
}
#torwebbooking .tor-twist-card__member-price {
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: auto 0 0;
}
#torwebbooking .tor-twist-card__image-wrap {
  position: relative;
  border-radius: 35px 25px 15px 25px;
  overflow: hidden;
  transform: rotate(-2deg);
}
#torwebbooking .tor-twist-card__image {
  position: relative;
  aspect-ratio: 480 / 300;
}
#torwebbooking .tor-twist-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-twist-card__favourite {
  position: absolute;
  top: 10px;
  right: 10px;
}
#torwebbooking .tor-twist-card__circle {
  position: absolute;
  right: 10px;
  top: -40px;
  bottom: auto;
  left: auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: var(--card-circle-text-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: var(--card-circle-bg-color);
}
#torwebbooking .tor-twist-card__body {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  background-color: var(--card-bg-color);
  padding: 20px 5px 10px;
  background-color: #6EC843;
  border-radius: 25px 15px 40px 15px;
  transform: rotate(2deg);
  margin-top: -20px;
}
#torwebbooking .tor-twist-card__name {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#torwebbooking .tor-twist-card__sold-out {
  color: #8F2F06;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
#torwebbooking .tor-twist-card__stars {
  width: 80px;
}
#torwebbooking .tor-twist-card__stars img {
  width: 100%;
}
#torwebbooking .tor-twist-card__price-wrap {
  display: flex;
  flex-flow: row;
  align-items: flex-end;
}
#torwebbooking .tor-twist-card__price {
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 0 !important;
}
#torwebbooking .tor-twist-card__description {
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
#torwebbooking .tor-chatbot {
  position: fixed;
  bottom: 20px;
  right: 20px;
  left: auto;
  top: auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
  z-index: 1001;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-chatbot--large .tor-chatbot__icon {
    width: 120px;
    height: 120px;
  }
}
#torwebbooking .tor-chatbot--active {
  width: calc(100% - 40px);
  max-width: 400px;
}
#torwebbooking .tor-chatbot--active .tor-chatbot__window {
  display: flex;
}
#torwebbooking .tor-chatbot--active .tor-chatbot__prompt {
  display: none !important;
}
#torwebbooking .tor-chatbot__window {
  display: flex;
  flex-flow: column;
  gap: 10px;
  max-height: 450px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 4px 2px #00000040;
  overflow: hidden;
  display: none;
}
#torwebbooking .tor-chatbot__header {
  color: var(--chatbot-text-colour);
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--chatbot-primary-colour);
  padding: 5px;
}
#torwebbooking .tor-chatbot__text-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
  max-height: 500px;
  height: 300px;
  padding: 0 10px;
  overflow: auto;
}
#torwebbooking .tor-chatbot__name p {
  color: #111;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  margin-top: -5px;
}
#torwebbooking .tor-chatbot__text {
  color: var(--chatbot-text-colour);
  font-size: 14px;
  line-height: 16px;
  background-color: var(--chatbot-primary-colour);
  border-radius: 5px;
  padding: 10px;
  max-width: calc(100% - 50px);
}
#torwebbooking .tor-chatbot__text p {
  color: var(--chatbot-text-colour);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
#torwebbooking .tor-chatbot__text p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-chatbot__text--client {
  color: #111;
  background-color: #eee;
  margin-left: auto;
}
#torwebbooking .tor-chatbot__text--client p {
  color: #111;
}
#torwebbooking .tor-chatbot__input-wrap {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 0 10px 10px;
}
#torwebbooking .tor-chatbot__input {
  flex: 1 1 auto;
  height: 36px;
}
#torwebbooking .tor-chatbot__buttons-inner {
  display: grid;
  grid-template-columns: repeat(2, auto);
  /* Adjust based on your needs */
  gap: 5px;
  justify-content: start;
  margin-left: auto;
}
#torwebbooking .tor-chatbot__button-inner:last-child {
  justify-self: end;
}
#torwebbooking .tor-chatbot__button-inner {
  padding: 0.5rem 1rem;
  background-color: var(--btn-color);
  border: 2px solid var(--btn-color);
  color: var(--btn-offset-color);
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s;
}
#torwebbooking .tor-chatbot__button-inner:not(:disabled):hover {
  color: var(--btn-hover-offset-color);
  background-color: var(--btn-hover-color);
  border-color: var(--btn-hover-color);
}
#torwebbooking .tor-chatbot__btn {
  flex: 0 0 auto;
  position: relative;
  width: 40px;
  height: 40px;
  background-color: var(--chatbot-primary-colour);
  border-radius: 50%;
}
#torwebbooking .tor-chatbot__footer {
  width: 100%;
}
#torwebbooking .tor-chatbot__icon {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background-color: var(--chatbot-icon-colour);
  border-radius: 50%;
  margin-left: auto;
  box-shadow: 0 0 4px 2px #00000040;
}
#torwebbooking .tor-chatbot__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-chatbot__prompt {
  position: relative;
  color: var(--chatbot-text-colour);
  font-size: 14px;
  line-height: 16px;
  background-color: var(--chatbot-primary-colour);
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  display: none;
}
#torwebbooking .tor-chatbot__prompt::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: auto;
  top: auto;
  right: 40px;
  transform: rotate(45deg);
  height: 10px;
  width: 10px;
  background-color: var(--chatbot-primary-colour);
  pointer-events: none;
}
#torwebbooking .calendar-pips {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 3px;
  pointer-events: none;
}
@media screen and (min-width: 600px) {
  #torwebbooking .calendar-pips {
    gap: 1px;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .calendar-pips {
    gap: 3px;
  }
}
#torwebbooking .calendar-pip {
  color: var(--cal-super-saver-text);
  width: 10px;
  height: 10px;
  background-color: var(--cal-super-saver);
  border: 1px solid #fff;
  border-radius: 50%;
}
#torwebbooking .calendar-pip--off-peak {
  background-color: var(--cal-off-peak);
}
#torwebbooking .calendar-pip--peak {
  background-color: var(--cal-peak);
}
#torwebbooking .calendar-pip--sunset {
  background-color: var(--cal-sunset);
}
#torwebbooking .calendar-pip--4 {
  background-color: var(--price-band-4);
}
#torwebbooking .calendar-pip--5 {
  background-color: var(--price-band-5);
}
#torwebbooking .calendar-filters {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  width: 100%;
}
#torwebbooking .calendar-filters-gesture {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  width: 100%;
}
#torwebbooking .calendar-filter {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: calc((100% - 30px) / 4);
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .calendar-filter {
    width: calc((100% - 60px) / 7);
    min-width: 94px;
  }
}
#torwebbooking .calendar-filter--active {
  font-weight: 700;
  border-color: var(--btn-color);
}
#torwebbooking .calendar-filter--super-saver {
  color: var(--cal-super-saver-text);
  background-color: var(--cal-super-saver);
}
#torwebbooking .calendar-filter--off-peak {
  color: var(--cal-off-peak-text);
  background-color: var(--cal-off-peak);
}
#torwebbooking .calendar-filter--peak {
  color: var(--cal-peak-text);
  background-color: var(--cal-peak);
}
#torwebbooking .calendar-filter--sunset {
  color: var(--cal-sunset-text);
  background-color: var(--cal-sunset);
}
#torwebbooking .calendar-filter--4 {
  color: var(--price-band-4-text);
  background-color: var(--price-band-4);
}
#torwebbooking .calendar-filter--5 {
  color: var(--price-band-5-text);
  background-color: var(--price-band-5);
}
#torwebbooking .calendar-filter__icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .calendar-filter__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-ticket-accessibility {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
  padding: 5px;
}
#torwebbooking .tor-ticket-accessibility h2 {
  color: var(--primary-content-font-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
#torwebbooking .tor-ticket-accessibility__field {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-ticket-accessibility__field {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-ticket-accessibility__label {
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}
#torwebbooking .tor-ticket-accessibility__label--100 {
  flex: 0 0 auto;
  width: 100px;
}
#torwebbooking .tor-ticket-accessibility__select {
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-ticket-accessibility__select {
    max-width: 250px;
  }
}
#torwebbooking .tor-gift {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-gift {
    flex-flow: row;
  }
}
#torwebbooking .tor-gift__section {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-gift__section {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-gift__section h2 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-gift__section h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-gift__section h2 {
    font-size: 36px;
    line-height: 42px;
  }
}
#torwebbooking .tor-gift__section--img {
  background-color: var(--content-container-bg-color);
  padding: 5px;
}
#torwebbooking .tor-gift__form {
  flex: 1 1 auto;
  background-color: var(--content-container-bg-color);
  padding: 5px;
}
#torwebbooking .tor-gift__radios {
  display: flex;
  flex-flow: column;
  gap: 10px;
  background-color: var(--content-container-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-gift__radios {
    flex-flow: row;
  }
}
#torwebbooking .tor-gift__img-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
#torwebbooking .tor-gift__img {
  width: calc((100% - 5px) / 2);
  background-color: #eee;
  border: solid 4px transparent;
  border-radius: 10px;
  aspect-ratio: 170 / 130;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-gift__img {
    width: calc((100% - 15px) / 4);
  }
}
#torwebbooking .tor-gift__img:first-child {
  width: 100%;
  aspect-ratio: 710 / 240;
}
#torwebbooking .tor-gift__img--selected {
  border-color: var(--btn-color);
}
#torwebbooking .tor-membership-renew .tor-event-slider {
  width: 100%;
}
#torwebbooking .tor-upsell-actions {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  bottom: auto;
  transform: translateY(-50%);
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  pointer-events: none;
}
#torwebbooking .tor-upsell-action {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  pointer-events: all;
}
#torwebbooking .tor-upsell-action img {
  position: absolute;
  opacity: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-ticket-rows-wrapper--tilted .tor-timeslots__filters,
#torwebbooking .tor-ticket-rows-wrapper--tilted .tor-categories {
  border-radius: 22px 12px 12px 88px/112px 145px 76px 43px;
}
#torwebbooking .tor-ticket-rows-wrapper--tilted .tor-tickets-wrap__content {
  border-radius: 6px 12px 12px 4px/42px 35px 66px 43px;
  transform: rotate(-0.6deg);
}
#torwebbooking .tor-ticket-rows-wrapper--tilted .tab-info {
  border-radius: 112px 145px 76px 8px/7px 12px 2px 88px;
  transform: rotate(1deg);
}
#torwebbooking .tor-ticket-rows-wrapper--tilted .tor-tickets-wrap__overview,
#torwebbooking .tor-ticket-rows-wrapper--tilted .tor-tickets-gift {
  border-radius: 112px 145px 76px 8px/7px 12px 2px 88px;
}
#torwebbooking .tor-social-facebook {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  background-color: #4267b2;
  border-radius: 2px;
  padding: 1px 4px;
}
#torwebbooking .tor-social-facebook svg {
  height: 15px;
  object-fit: contain;
}
#torwebbooking .tor-social-share {
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: var(--btn-offset-color);
  background-color: var(--btn-color);
  border-radius: 5px;
  padding: 1px 12px 1px 12px;
}
#torwebbooking .tor-social-x {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 3px;
  height: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  background-color: #000;
  border-radius: 9999px;
  padding: 1px 12px 1px 12px;
}
#torwebbooking .tor-social-x svg {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  fill: #fff;
}
#torwebbooking .tor-order-finish-icons {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-colour-bar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: auto;
  width: 290px;
  background-color: #eee;
  padding: 5px;
  z-index: 9999;
}
#torwebbooking .tor-colour-bar h2 {
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#torwebbooking .tor-colour-bar__field {
  display: flex;
  flex-flow: column;
  gap: 5px;
  margin-bottom: 10px;
}
#torwebbooking .tor-colour-bar__field:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-colour-bar__field label {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-colour-bar__input-wrap {
  display: flex;
  flex-flow: row;
}
#torwebbooking .tor-colour-bar__input {
  flex: 1 1 auto;
  color: #000;
  border: 1px solid #333 !important;
  border-right: none !important;
  box-shadow: none !important;
  padding: 5px;
}
#torwebbooking .tor-colour-bar__button {
  flex: 0 0 auto;
  width: 40px;
  border: 1px solid #333 !important;
  border-left: none !important;
}
#torwebbooking .tor-retail {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 0 5px;
  margin-top: 20px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-retail {
    flex-flow: row wrap;
    align-items: flex-start;
  }
}
#torwebbooking .tor-retail__img-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: #fff;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-retail__img-wrap {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-retail__img-wrap {
    flex-flow: row;
    margin-bottom: 35px;
  }
}
#torwebbooking .tor-retail__thumbnails {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row;
  gap: 5px;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-retail__thumbnails {
    margin-top: 12px;
    overflow-x: auto;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-retail__thumbnails {
    flex-flow: column;
    width: 100px;
    max-height: 360px;
    overflow-y: auto;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-retail__thumbnails {
    width: 158px;
    max-height: 540px;
  }
}
#torwebbooking .tor-retail__thumb {
  flex: 0 0 auto;
  position: relative;
  width: calc((100% - 10px) / 3);
  aspect-ratio: 158 / 214;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-retail__thumb {
    width: 100%;
    height: calc((100% - 10px) / 3);
    order: 0;
  }
}
#torwebbooking .tor-retail__thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-retail__thumb iframe {
  pointer-events: none;
}
#torwebbooking .tor-retail__img {
  aspect-ratio: 698 / 661;
  padding: 30px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-retail__img {
    order: 1;
  }
}
#torwebbooking .tor-retail__img img {
  object-fit: contain;
}
#torwebbooking .tor-retail__img .glide__bullets {
  display: none !important;
}
#torwebbooking .tor-retail__text {
  display: flex;
  flex-flow: column;
  gap: 15px;
  color: var(--secondary-content-font-color);
  font-size: 16px;
  line-height: 20px;
  /*@media screen and (min-width: 960px) {
            width: 42%;
        }*/
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-retail__text {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-retail__text h2 {
  color: var(--event-heading-color);
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  text-transform: none !important;
}
#torwebbooking .tor-retail__stock {
  color: #04539C;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
}
#torwebbooking .members-only-text {
  text-align: center;
  background-color: var(--members-only-bg);
  padding: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .members-only-text {
    margin: 0 20px;
  }
}
#torwebbooking .members-only-text h1,
#torwebbooking .members-only-text h2,
#torwebbooking .members-only-text h3,
#torwebbooking .members-only-text h4,
#torwebbooking .members-only-text h5,
#torwebbooking .members-only-text h6,
#torwebbooking .members-only-text p {
  color: var(--members-only-text);
}
#torwebbooking .tor-gift-title {
  font-size: 22px;
  line-height: 26px;
}
#torwebbooking .tor-text h2 {
  color: var(--text-heading);
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-text h2 {
    font-size: 26px;
    line-height: 28px;
  }
}
#torwebbooking .tor-text p {
  color: var(--text-body);
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
}
#torwebbooking .tor-text a {
  color: var(--general-link);
  text-decoration: underline;
}
#torwebbooking .tor-text a:hover {
  color: green;
}
#torwebbooking .tor-sub-det {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-sub-det {
    flex-flow: row;
  }
}
#torwebbooking .tor-sub-det__img {
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  aspect-ratio: 400 / 250;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-sub-det__img {
    order: 3;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-sub-det__img {
    width: 200px;
  }
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-sub-det__img {
    width: 310px;
  }
}
#torwebbooking .tor-sub-det__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-sub-det__text {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-sub-det__heading {
  background-color: var(--sub-det-heading-bg);
  padding: 5px;
}
#torwebbooking .tor-sub-det__heading h2 {
  color: var(--sub-det-heading-text);
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-sub-det__heading h2 {
    font-size: 30px;
    line-height: 34px;
  }
}
#torwebbooking .tor-sub-det__desc {
  flex: 1 1 auto;
  color: var(--sub-det-desc-text);
  font-size: 12px;
  line-height: 14px;
  background-color: var(--sub-det-desc-bg);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-sub-det__desc {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .newsletter-link {
  color: var(--newsletter-text);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-decoration: underline;
  text-align: left;
  padding: 5px 0;
}
#torwebbooking .tor-pay {
  display: flex;
  flex-flow: column;
  gap: 15px;
}
#torwebbooking .tor-pay__heading {
  display: flex;
  flex-flow: column;
  gap: 10px;
  background-color: var(--client-details-heading-bg);
  padding: 5px 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-pay__heading {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }
}
#torwebbooking .tor-pay__heading h2 {
  color: var(--client-details-heading-text);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#torwebbooking .tor-form__subheading-slider,
#torwebbooking .tor-pay__heading-slider {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-form__subheading-slider,
  #torwebbooking .tor-pay__heading-slider {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-pay__field-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  padding: 5px;
}
#torwebbooking .tor-pay__field-group {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-pay__field-group {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-pay__address-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-pay__address-wrap {
    flex-flow: row;
  }
}
#torwebbooking .tor-pay__address-half {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-pay__address-half {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-pay__address-map {
  flex: 1 1 auto;
}
#torwebbooking .overflow-hidden {
  overflow: hidden !important;
}
#torwebbooking .tor-education-event-name {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  width: 100%;
  color: #627281;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  padding: 5px;
}
#torwebbooking .tor-education-event-name__icon {
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-education-event-name__icon svg {
  fill: #627281;
  object-fit: contain;
}
#torwebbooking .tor-education-details {
  display: flex;
  flex-flow: column;
  gap: 15px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-education-details {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-education-details h2 {
  color: #24394C;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#torwebbooking .tor-education-details p {
  color: #828282;
  font-size: 14px;
  margin: 0;
}
#torwebbooking .tor-education-details__row {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  gap: 10px;
}
#torwebbooking .tor-education-timeslots {
  display: flex;
  flex-flow: row wrap;
  gap: 5px 10px;
  width: 100%;
}
#torwebbooking .tor-education-timeslot {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  width: 150px;
  border: 1px solid #ddd;
}
#torwebbooking .tor-education-timeslot--full {
  width: 100%;
}
#torwebbooking .tor-education-timeslot--selected {
  border-color: var(--selected-key-color);
}
#torwebbooking .tor-education-timeslot--selected::after {
  border-color: var(--selected-key-color);
}
#torwebbooking .tor-education-timeslot__time {
  flex: 0 0 auto;
  width: 50px;
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  background-color: #F0F26E;
  padding: 12px 0;
}
#torwebbooking .tor-education-timeslot__group {
  flex: 0 0 auto;
  width: 50px;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  background-color: #24394C;
  padding: 12px 0;
}
#torwebbooking .tor-education-timeslot__spaces {
  flex: 1 1 auto;
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  background-color: #fff;
  padding: 12px 0;
}
#torwebbooking .tor-capacity-allocation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
#torwebbooking .tor-capacity-allocation__modal {
  background: white;
  border-radius: 8px;
  padding: 30px;
  max-width: 500px;
  width: 90%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  position: relative;
}
#torwebbooking .tor-capacity-allocation__header {
  margin-bottom: 25px;
}
#torwebbooking .tor-capacity-allocation__header h3 {
  color: #24394C;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px 0;
}
#torwebbooking .tor-capacity-allocation__header p {
  color: #666;
  font-size: 14px;
  margin: 0;
}
#torwebbooking .tor-capacity-allocation__form {
  margin-bottom: 25px;
}
#torwebbooking .tor-capacity-allocation__form-group {
  margin-bottom: 20px;
}
#torwebbooking .tor-capacity-allocation__form-group label {
  display: block;
  margin-bottom: 8px;
  color: #24394C;
  font-weight: 500;
  font-size: 14px;
}
#torwebbooking .tor-capacity-allocation__quantity-control {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #f8f9fa;
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}
#torwebbooking .tor-capacity-allocation__quantity-label {
  flex: 1;
  color: #495057;
  font-weight: 500;
}
#torwebbooking .tor-capacity-allocation__quantity-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}
#torwebbooking .tor-capacity-allocation__quantity-btn {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #dee2e6;
  background: white;
  color: #495057;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
#torwebbooking .tor-capacity-allocation__quantity-btn:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}
#torwebbooking .tor-capacity-allocation__quantity-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#torwebbooking .tor-capacity-allocation__quantity-btn--add:hover:not(:disabled) {
  background: #d4edda;
  border-color: #28a745;
  color: #28a745;
}
#torwebbooking .tor-capacity-allocation__quantity-btn--minus:hover:not(:disabled) {
  background: #f8d7da;
  border-color: #dc3545;
  color: #dc3545;
}
#torwebbooking .tor-capacity-allocation__quantity-input {
  width: 60px;
  text-align: center;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 6px;
  font-size: 14px;
  background: white;
}
#torwebbooking .tor-capacity-allocation__quantity-input:focus {
  outline: none;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#torwebbooking .tor-capacity-allocation__summary {
  background: #e7f3ff;
  border: 1px solid #b3d7ff;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 25px;
  text-align: center;
}
#torwebbooking .tor-capacity-allocation__summary-label {
  color: #0066cc;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
#torwebbooking .tor-capacity-allocation__summary-value {
  color: #24394C;
  font-size: 18px;
  font-weight: 700;
}
#torwebbooking .tor-capacity-allocation__actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
#torwebbooking .tor-capacity-allocation__btn {
  padding: 10px 20px;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
#torwebbooking .tor-capacity-allocation__btn--cancel {
  background: #6c757d;
  color: white;
}
#torwebbooking .tor-capacity-allocation__btn--cancel:hover {
  background: #545b62;
}
#torwebbooking .tor-capacity-allocation__btn--confirm {
  background: #28a745;
  color: white;
}
#torwebbooking .tor-capacity-allocation__btn--confirm:hover {
  background: #218838;
}
#torwebbooking .tor-capacity-allocation__btn--confirm:disabled {
  background: #6c757d;
  cursor: not-allowed;
}
#torwebbooking .tor-capacity-allocation__close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 24px;
  color: #6c757d;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
#torwebbooking .tor-capacity-allocation__close:hover {
  background: #f8f9fa;
  color: #495057;
}
#torwebbooking .tor-education-timeslot--allocated {
  border-left-color: #28a745 !important;
}
#torwebbooking .tor-education-timeslot--allocated .tor-education-timeslot__group {
  background-color: #d4edda;
  color: #155724;
  font-weight: 600;
}
#torwebbooking .tor-education-count-wrap {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 20px;
}
#torwebbooking .tor-capacity-allocation {
  padding: 20px 0;
}
#torwebbooking .tor-capacity-allocation__info {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
  border-left: 4px solid #007bff;
}
#torwebbooking .tor-capacity-allocation__info p {
  margin: 0 0 5px 0;
  color: #495057;
}
#torwebbooking .tor-capacity-allocation__info p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-capacity-allocation__form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#torwebbooking .tor-capacity-allocation__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #e9ecef;
}
#torwebbooking .tor-capacity-allocation__row:last-child {
  border-bottom: none;
}
#torwebbooking .tor-capacity-allocation__label {
  font-weight: 600;
  color: #495057;
  min-width: 100px;
}
#torwebbooking .tor-capacity-allocation__total {
  background-color: #e9ecef;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  color: #495057;
  font-size: 16px;
  margin-top: 10px;
}
#torwebbooking .tor-education-count {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
#torwebbooking .tor-education-count__text {
  color: #24394C;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
#torwebbooking .tor-education-count__icon {
  position: relative;
  width: 35px;
  height: 35px;
}
#torwebbooking .tor-education-count__icon svg {
  fill: #7CC2A2;
}
#torwebbooking .tor-education-slider {
  flex: 1 1 auto;
  display: flex;
  max-height: 6px;
  flex-flow: row;
  justify-content: space-between;
  position: relative;
  margin: 12px 0;
}
#torwebbooking .tor-education-slider__point {
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  transform: translateY(-50%) translateY(10px);
  width: 35px;
  height: 35px;
  background-color: #01AA07;
  border-radius: 50%;
  z-index: 1;
}
#torwebbooking .tor-education-slider__point--end {
  right: 0;
  left: auto;
  background-color: #D49639;
}
#torwebbooking .tor-education-slider__line-text {
  position: relative;
  width: 35px;
  text-align: center;
}
#torwebbooking .tor-education-slider__text {
  color: #627281;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
#torwebbooking .tor-education-slider__line {
  position: absolute;
  top: auto;
  right: auto;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  width: 2px;
  height: 23px;
  background-color: #D9D9D9;
}
#torwebbooking .tor-education-slider__marker-line {
  position: absolute;
  top: auto;
  right: auto;
  left: 25%;
  bottom: 5px;
  width: 2px;
  height: 23px;
  background-color: #D9D9D9;
}
#torwebbooking .tor-group-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-group-wrap {
    flex-flow: row;
  }
}
#torwebbooking .tor-group-wrap__half {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-group-wrap__half {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-group-wrap__half .tor-education-event-name {
  padding: 0;
}
#torwebbooking .tor-groups {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
#torwebbooking .tor-groups__heading {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-groups__heading {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-group__title {
  color: #24394C;
  font-size: 12px;
  line-height: 16px;
}
#torwebbooking .tor-group__title span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
#torwebbooking .tor-group-btn {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  width: calc((100% - 10px) / 2);
  color: #24394C;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-group-btn {
    width: calc((100% - 20px) / 3);
  }
}
#torwebbooking .tor-group-btn--red {
  border-color: #B40000;
}
#torwebbooking .tor-group-btn--red .tor-group-btn__time {
  color: #B40000;
}
#torwebbooking .tor-group-btn__name {
  color: #24394C;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-group-btn__time {
  text-transform: uppercase;
}
#torwebbooking .tor-education-dash-header {
  margin: 30px;
  font-size: 3.3rem;
  font-family: Verlag, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #030303;
  line-height: 1.1;
  text-align: center;
  text-indent: 0px;
}
#torwebbooking .tor-education-dash-top {
  display: flex;
  flex-flow: column;
  gap: 50px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-education-dash-top {
    flex-flow: row;
  }
}
#torwebbooking .tor-education-dash-top .TorCalendarSwipe-Month-container {
  width: 100%;
}
#torwebbooking .tor-education-dash-top__left {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-education-dash-top__left {
    width: calc(60% - 5px);
  }
}
#torwebbooking .tor-education-dash-top__right {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-education-dash-top__right {
    width: calc(40% - 5px);
  }
}
#torwebbooking .tor-education-checkbox-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#torwebbooking .tor-education-checkbox-wrap h2 {
  color: #24394C;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}
#torwebbooking .tor-education-checkbox-wrap__checkboxes {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
#torwebbooking .tor-education-checkbox-wrap__checkboxes:not(.tor-education-checkbox-wrap__checkboxes--columned) .tor-field {
  flex: 0 0 auto;
  width: calc((100% - 10px) / 2);
}
#torwebbooking .tor-education-checkbox-wrap__col {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: calc((100% - 10px) / 2);
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-education-checkbox-wrap__col {
    width: calc((100% - 20px) / 3);
  }
}
#torwebbooking .tor-education-checkbox-wrap__col .tor-field {
  flex: revert;
}
#torwebbooking .tor-education-qty {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
#torwebbooking .tor-upsell-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 1000px) {
  #torwebbooking .tor-upsell-wrap {
    flex-flow: row;
    align-content: flex-start;
  }
}
#torwebbooking .tor-upsell-wrap__left {
  flex: 0 0 auto;
}
@media screen and (min-width: 1000px) {
  #torwebbooking .tor-upsell-wrap__left {
    width: calc(65% - 5px);
  }
}
#torwebbooking .tor-upsell-wrap__right {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 1000px) {
  #torwebbooking .tor-upsell-wrap__right {
    width: calc(35% - 5px);
  }
}
#torwebbooking .tor-upsell-booking {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell-booking {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-upsell-booking h3 {
  width: 100%;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-upsell-booking h3 {
    font-size: 36px;
    line-height: 40px;
  }
}
#torwebbooking .tor-upsell-booking__half {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell-booking__half {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-upsell-booking__img {
  aspect-ratio: 468 / 346;
  object-fit: cover;
}
#torwebbooking .tor-upsell-booking__timeslots {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
#torwebbooking .tor-upsell-booking__timeslots .tor-timeslot {
  width: calc((100% - 5px) / 2) !important;
}
#torwebbooking .tor-upsell-booking__timeslots .tor-timeslot__time {
  margin: 0 auto;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-sidebar-half {
    flex: 0 0 auto;
    width: 50%;
  }
}
#torwebbooking .tor-welcome__heading {
  display: flex;
  flex-flow: column;
  gap: 50px;
  font-family: Verlag, sans-serif;
  text-align: center;
  padding: 10px;
}
#torwebbooking .tor-welcome__heading h1 {
  color: #627181;
  font-size: 28px;
  line-height: 32px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-welcome__heading h1 {
    font-size: 36px;
    line-height: 40px;
  }
}
#torwebbooking .tor-welcome__heading h1 strong {
  color: #293745;
  font-weight: 700;
}
#torwebbooking .tor-welcome__heading h2 {
  color: #627181;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-welcome__heading h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
#torwebbooking .tor-welcome__links {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 20px;
  padding: 10px 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-welcome__links {
    gap: 40px;
    padding: 25px 5px;
  }
}
#torwebbooking .tor-welcome__banner {
  position: relative;
  width: 100%;
  height: 300px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-welcome__banner {
    height: 500px;
  }
}
#torwebbooking .tor-welcome__banner img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-welcome-link {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
}
#torwebbooking .tor-welcome-link__circle {
  flex: 0 0 auto;
  position: relative;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 10px solid #243646;
}
#torwebbooking .tor-welcome-link__circle svg {
  width: 110px;
  height: 110px;
}
#torwebbooking .tor-welcome-link__text {
  color: #24394C;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
}
#torwebbooking .tor-donation-circles {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 15px;
  padding: 5px;
  background-color: var(--don-page-circle-bg);
}
#torwebbooking .tor-donation-circles h2 {
  width: 100%;
  color: var(--don-page-circle-heading);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
#torwebbooking .tor-donation-circles__circle {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
}
#torwebbooking .tor-donation-circles__circle p {
  color: var(--don-page-cause-text);
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
#torwebbooking .tor-donation-circles__btn--selected::after {
  content: '';
}
#torwebbooking .tor-donation-circles__btn {
  position: relative;
  width: 146px;
  height: 146px;
  border-radius: 50%;
  background-color: #fff;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-donation-circles__btn {
    width: 175px;
    height: 175px;
  }
}
#torwebbooking .tor-donation-circles__btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-donation-circles__btn::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 8px solid var(--btn-color);
}
#torwebbooking .tor-donation-circles__btn.tor-circle::after,
#torwebbooking .tor-donation-circles__btn.tor-circle img {
  border-radius: 50%;
}
#torwebbooking .tor-retail-choice {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 80px;
  color: #000;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #627281;
  border-radius: 5px;
  padding: 10px;
  overflow: hidden;
}
#torwebbooking .tor-retail-choice:disabled {
  color: #000000a6;
  background-color: #f3f3f3;
  background-image: linear-gradient(to top left, transparent, transparent 48%, #acacac 50%, transparent 52%, transparent);
}
#torwebbooking .tor-retail-choice:disabled .tor-retail-choice__colour {
  opacity: 0.7;
}
#torwebbooking .tor-retail-choice--selected {
  border-color: #000;
  border-width: 3px;
}
#torwebbooking .tor-retail-choice--colour {
  justify-content: flex-start;
}
#torwebbooking .tor-retail-choice__colour {
  flex: 0 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
#torwebbooking .tor-retail-accordion {
  display: flex;
  flex-flow: column;
}
#torwebbooking .tor-retail-accordion--active .tor-retail-accordion__body {
  display: block;
}
#torwebbooking .tor-retail-accordion--active .tor-retail-accordion__btn::after {
  transform: translateY(-50%) rotate(180deg);
}
#torwebbooking .tor-retail-accordion__btn {
  position: relative;
  color: #24394C;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  text-align: left;
  border-top: 1px solid #24394C;
  padding: 5px 35px 5px 5px;
}
#torwebbooking .tor-retail-accordion__btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: transparent url("../images/accordion-arrow.svg") no-repeat center center / cover;
}
#torwebbooking .tor-retail-accordion__body {
  display: none;
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  padding: 5px;
}
#torwebbooking .tor-retail-accordion__body p {
  margin-bottom: 5px;
}
#torwebbooking .tor-retail-accordion__body p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-retail-reviews {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-retail-reviews {
    flex-flow: row;
  }
}
#torwebbooking .tor-retail-reviews__summary {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-retail-reviews__summary {
    width: 250px;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-retail-reviews__summary {
    width: 400px;
    font-size: 20px;
    line-height: 34px;
  }
}
#torwebbooking .tor-retail-reviews__summary p {
  color: #627281;
  font-weight: 700;
}
#torwebbooking .tor-retail-reviews__heading {
  font-size: 28px;
  line-height: 32px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-retail-reviews__heading {
    font-size: 36px;
    line-height: 40px;
  }
}
#torwebbooking .tor-retail-reviews__rating {
  font-size: 40px;
  line-height: 44px;
  margin-top: 15px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-retail-reviews__rating {
    font-size: 48px;
    line-height: 52px;
  }
}
#torwebbooking .tor-retail-reviews__reviews {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-retail-reviews__reviews {
    width: calc(100% - 260px);
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-retail-reviews__reviews {
    width: calc(100% - 410px);
  }
}
#torwebbooking .tor-retail-reviews__sub-heading {
  color: #627281;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-retail-reviews__sub-heading {
    font-size: 28px;
    line-height: 32px;
  }
}
#torwebbooking .tor-retail-reviews__review-track {
  display: flex;
  flex-flow: row;
  gap: 5px;
  width: 100%;
  overflow-x: auto;
}
#torwebbooking .tor-retail-reviews__review {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  gap: 15px;
  width: 280px;
  color: #627281;
  font-size: 20px;
  line-height: 24px;
  background-color: #FAFAFA;
  padding: 5px;
}
@media screen and (min-width: 1200px) {
  #torwebbooking .tor-retail-reviews__review {
    width: calc((100% - 10px) / 3);
  }
}
#torwebbooking .tor-retail-reviews__review h3 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
}
#torwebbooking .tor-newsletter-interests {
  display: flex;
  flex-flow: row wrap;
  gap: 10px 15px;
  padding: 5px;
  background-color: #F6F6F6;
}
#torwebbooking .tor-newsletter-interests .tor-field {
  flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 500px) {
  #torwebbooking .tor-newsletter-interests .tor-field {
    width: calc((100% - 15px) / 2);
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-newsletter-interests .tor-field {
    width: calc((100% - 30px) / 3);
  }
}
#torwebbooking .tor-sub-heading {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#torwebbooking .tor-sub-heading__heading {
  color: #627281;
  font-size: 24px;
  line-height: 28px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-sub-heading__heading {
    font-size: 32px;
    line-height: 36px;
  }
}
#torwebbooking .tor-sub-heading__heading strong {
  font-weight: 700;
}
#torwebbooking .tor-sub-heading__actions {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-sub-heading__actions {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }
}
#torwebbooking .tor-sub-heading__actions-row {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 15px;
}
#torwebbooking .tor-sub-heading__action-text {
  color: #000;
  font-size: 15px;
  line-height: 18px;
}
#torwebbooking .tor-sub-heading__action-input {
  flex: 1 1 auto;
  width: calc(100% - 68px);
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #fff;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-sub-heading__action-input {
    width: 210px;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-sub-heading__action-input {
    width: 300px;
  }
}
#torwebbooking .tor-sub-heading__action-btn {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
}
#torwebbooking .tor-sub-heading__action-btn svg {
  fill: #627281;
}
#torwebbooking .tor-newsletter-grat {
  display: none;
  flex-flow: column;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-newsletter-grat {
    flex-flow: row;
  }
}
#torwebbooking .tor-newsletter-grat__icon {
  flex: 0 0 auto;
  position: relative;
  width: 94px;
  height: 100px;
}
#torwebbooking .tor-newsletter-grat__text {
  color: #00468B;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-newsletter-grat__text {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }
}
#torwebbooking .tor-gift-voucher {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#torwebbooking .tor-gift-voucher__banner {
  width: 100%;
  background-color: #eee;
  aspect-ratio: 1450 / 295;
  max-height: 300px;
  overflow: hidden;
}
#torwebbooking .tor-gift-voucher__section {
  display: flex;
  flex-flow: column;
  gap: 10px;
  background-color: #EEE;
  padding: 5px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-gift-voucher__section {
    padding: 15px;
  }
}
#torwebbooking .tor-gift-voucher__section h1 {
  color: #24394C;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
}
#torwebbooking .tor-gift-voucher__section p {
  color: #24394C;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
#torwebbooking .tor-gift-voucher__section--heading {
  background-color: var(--gv-heading-bg);
}
#torwebbooking .tor-gift-voucher__section--heading h1 {
  color: var(--gv-heading-text);
}
#torwebbooking .tor-gift-voucher__section--strapline {
  background-color: var(--gv-strapline-bg);
}
#torwebbooking .tor-gift-voucher__section--strapline p {
  color: var(--gv-strapline-text);
}
#torwebbooking .tor-gift-voucher__section--gv-choices {
  background-color: var(--gv-choices-bg);
}
#torwebbooking .tor-gift-voucher__section--gv-choices p {
  color: var(--gv-choices-text);
}
#torwebbooking .tor-gift-voucher__section--footer {
  background-color: var(--gv-footer-bg);
}
#torwebbooking .tor-gift-voucher__section--recipient-form {
  background-color: var(--gv-recipient-bg);
}
#torwebbooking .tor-gift-voucher__btns {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-gift-voucher__btns {
    flex-flow: row;
  }
}
#torwebbooking .tor-gift-voucher__btns .tor-btn {
  width: calc((100% - 10px) / 2);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-gift-voucher__btns .tor-btn {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-gift-voucher__btns .tor-btn {
    flex: 1 1 auto;
  }
}
#torwebbooking .tor-gift-voucher__custom-wrap {
  display: flex;
  flex-flow: row;
  gap: 10px;
  width: calc((100% - 10px) / 2);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-gift-voucher__custom-wrap {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-gift-voucher__custom-wrap {
    flex: 1 1 auto;
  }
}
#torwebbooking .tor-gift-voucher__custom-wrap .tor-btn {
  flex: 1 1 auto;
}
#torwebbooking .tor-gift-voucher__layouts {
  display: flex;
  flex-flow: row;
  gap: 10px;
  padding-bottom: 5px;
  overflow-x: auto;
}
#torwebbooking .tor-gift-voucher__layout {
  flex: 0 0 auto;
  position: relative;
  height: 150px;
  background-color: #eee;
  border-radius: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-gift-voucher__layout {
    height: 200px;
  }
}
#torwebbooking .tor-share-tickets-header {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-share-tickets-header {
    font-size: 20px;
    line-height: 22px;
  }
}
#torwebbooking .ticket-share-checkbox {
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-retail-card .tor-card__image {
  background-color: #fff;
  /*img {
        height: calc(100% - 10px);
      }*/
}
#torwebbooking .tor-layout {
  width: 100%;
  max-width: 854px;
  margin: auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout .tor-key-wrap--timeslot {
    max-width: 60%;
  }
}
#torwebbooking .tor-layout .tor-card__image {
  aspect-ratio: 255 / 249;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-layout .tor-card__image {
    max-height: 180px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout .tor-event {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 5px 4px;
  }
}
#torwebbooking .tor-layout .tor-event__img {
  aspect-ratio: 1 / 1;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout .tor-event__img {
    width: calc((100% - 8px) / 2);
  }
}
#torwebbooking .tor-layout .tor-event__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}
#torwebbooking .tor-layout .tor-event__img video {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout .tor-event__content-wrap {
    width: calc((100% - 8px) / 2);
    order: 2;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout .tor-event__bar {
    width: 100%;
    order: 3;
  }
}
#torwebbooking .tor-layout-slim-image {
  width: 100%;
  max-width: 854px;
  margin: auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-slim-image .tor-key-wrap--timeslot {
    max-width: 60%;
  }
}
#torwebbooking .tor-layout-slim-image .tor-card__image {
  aspect-ratio: 255 / 249;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-slim-image .tor-event {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
  }
}
#torwebbooking .tor-layout-slim-image .tor-event__img {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-slim-image .tor-event__img {
    flex: 0 0 auto;
    width: 265px;
    aspect-ratio: 265 / 400;
  }
}
#torwebbooking .tor-layout-slim-image .tor-event__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 265 / 400;
}
#torwebbooking .tor-layout-slim-image .tor-event__img video {
  width: 100%;
  height: 100%;
  aspect-ratio: 265 / 400;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-slim-image .tor-event__content-wrap {
    flex: 1 1 auto;
    width: calc(100% - 270px);
    order: 2;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-slim-image .tor-event__bar {
    width: 100%;
    order: 3;
  }
}
#torwebbooking .tor-layout-full-image {
  width: 100%;
  max-width: 854px;
  margin: auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-full-image .tor-key-wrap--timeslot {
    max-width: 60%;
  }
}
#torwebbooking .tor-layout-full-image .tor-card__image {
  aspect-ratio: 255 / 249;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-full-image .tor-event {
    display: flex;
    flex-flow: column;
    gap: 5px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-full-image .tor-event .glide__bullets {
    left: 25%;
  }
}
#torwebbooking .tor-layout-full-image .tor-event__img {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-full-image .tor-event__img {
    aspect-ratio: 844 / 400;
  }
}
#torwebbooking .tor-layout-full-image .tor-event__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 844 / 400;
}
#torwebbooking .tor-layout-full-image .tor-event__img video {
  width: 100%;
  height: 100%;
  aspect-ratio: 844 / 400;
}
#torwebbooking .tor-layout-wide {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-layout-wide .tor-resident {
    flex-flow: row;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-layout-wide .tor-resident__tickets {
    width: calc(40.8% - 5px);
  }
}
@media screen and (min-width: 1190px) {
  #torwebbooking .tor-layout-wide .tor-timeslot {
    width: calc((100% - 10px) / 3);
  }
}
#torwebbooking .tor-layout-wide .tor-card__image {
  aspect-ratio: 480 / 300;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide .tor-event:not(.tor-event--sidebar) {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 5px 4px;
  }
}
#torwebbooking .tor-layout-wide .tor-event:not(.tor-event--sidebar) .tor-event__img {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide .tor-event:not(.tor-event--sidebar) .tor-event__img {
    width: calc((100% - 8px) / 2);
    aspect-ratio: 713 / 401;
  }
}
#torwebbooking .tor-layout-wide .tor-event:not(.tor-event--sidebar) .tor-event__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 713 / 401;
}
#torwebbooking .tor-layout-wide .tor-event:not(.tor-event--sidebar) .tor-event__img video {
  width: 100%;
  height: 100%;
  aspect-ratio: 713 / 401;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide .tor-event__content-wrap {
    width: calc((100% - 8px) / 2);
    order: 2;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide .tor-event__bar {
    width: 100%;
    order: 3;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide .tor-tickets-wrap__content,
  #torwebbooking .tor-layout-wide .tor-tickets-wrap__info {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide .tor-donation__actions {
    width: 100%;
    max-width: 506px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide .tor-lookup__map {
    aspect-ratio: 500 / 121;
  }
}
#torwebbooking .tor-layout-wide-full-image {
  width: 100%;
  max-width: 1480px;
  margin: auto;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-layout-wide-full-image .tor-resident {
    flex-flow: row;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-layout-wide-full-image .tor-resident__tickets {
    width: calc(40.8% - 5px);
  }
}
@media screen and (min-width: 1190px) {
  #torwebbooking .tor-layout-wide-full-image .tor-timeslot {
    width: calc((100% - 10px) / 3);
  }
}
#torwebbooking .tor-layout-wide-full-image .tor-card__image {
  aspect-ratio: 480 / 300;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide-full-image .tor-event {
    display: flex;
    flex-flow: column;
    gap: 5px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide-full-image .tor-event .glide__bullets {
    left: 25%;
  }
}
#torwebbooking .tor-layout-wide-full-image .tor-event__img {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide-full-image .tor-event__img {
    aspect-ratio: 1470 / 600;
  }
}
#torwebbooking .tor-layout-wide-full-image .tor-event__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1470 / 600;
}
#torwebbooking .tor-layout-wide-full-image .tor-event__img video {
  width: 100%;
  height: 100%;
  aspect-ratio: 1470 / 600;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide-full-image .tor-tickets-wrap__content,
  #torwebbooking .tor-layout-wide-full-image .tor-tickets-wrap__info {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide-full-image .tor-donation__actions {
    width: 100%;
    max-width: 506px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-layout-wide-full-image .tor-lookup__map {
    aspect-ratio: 500 / 121;
  }
}
#torwebbooking .tor-account-select {
  flex: 0 0 auto;
  width: 100%;
  color: #24394C;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #627281;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: auto;
  margin-right: 5px;
}
@media screen and (min-width: 500px) {
  #torwebbooking .tor-account-select {
    width: 140px;
  }
}
#torwebbooking .tor-account-select--history {
  margin-right: 0;
}
@media screen and (max-width: 499px) {
  #torwebbooking .tor-account-select--history {
    width: 140px;
  }
}
#torwebbooking .tor-account-field {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 5px;
}
#torwebbooking .tor-account-field--house-no {
  flex: 0 0 auto;
  width: 62px;
}
#torwebbooking .tor-account-field--postcode {
  flex: 0 0 auto;
  width: calc(100% - 92px);
}
#torwebbooking .tor-account-field__label {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-account-field__input {
  flex: 1 1 auto;
  width: 100%;
  color: #627281;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #627281;
  border-radius: 5px;
  box-shadow: none;
  margin: 0;
  padding: 6px;
}
#torwebbooking .tor-account-field__input::placeholder {
  color: #A6A4A4;
}
#torwebbooking .tor-account-section {
  display: flex;
  flex-flow: column;
}
#torwebbooking .tor-account-section--active .tor-account-section__heading::after {
  transform: translateY(-50%) rotate(180deg);
}
#torwebbooking .tor-account-section--active .tor-account-section__body,
#torwebbooking .tor-account-section--active .tor-account-section__table-wrap,
#torwebbooking .tor-account-section--active .tor-account-membership {
  display: block;
}
#torwebbooking .tor-account-section__heading {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 5px;
  color: var(--account-section-heading-text);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: left;
  background-color: var(--account-heading-bg-color);
  padding: 6px 35px 6px 5px;
}
@media screen and (min-width: 500px) {
  #torwebbooking .tor-account-section__heading {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-section__heading {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-account-section__heading::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: transparent url("../images/accordion-arrow.svg") no-repeat center center / cover;
}
#torwebbooking .tor-account-section__heading--no-arrow {
  padding-right: 05px;
}
#torwebbooking .tor-account-section__heading--no-arrow::after {
  display: none;
}
#torwebbooking .tor-account-section__heading-red {
  color: #8F2F06;
}
#torwebbooking .tor-account-section__subheading {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 5px;
  color: var(--secondary-system-font-color);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: left;
  background-color: var(--account-bg-color);
  padding: 6px 35px 6px 5px;
  margin: 5px 0;
}
@media screen and (min-width: 500px) {
  #torwebbooking .tor-account-section__subheading {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-section__subheading {
    font-size: 16px;
    line-height: 18px;
  }
}
#torwebbooking .tor-account-section__create-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-section__create-wrap {
    flex-flow: row;
  }
}
#torwebbooking .tor-account-section__create-field-group {
  flex: 0 0 auto;
  width: 100%;
  background-color: var(--account-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-section__create-field-group {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-account-section__right-align-btn {
  margin-left: auto;
}
#torwebbooking .tor-account-section__heading-text {
  display: flex;
  flex-flow: row;
  align-items: center;
}
#torwebbooking .tor-account-section__heading-icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#torwebbooking .tor-account-section__heading-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-account-section__heading-icon svg {
  fill: var(--account-section-icon);
}
#torwebbooking .tor-account-section__text-heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  color: #627281;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  margin-bottom: 10px;
}
#torwebbooking .tor-account-section__text-icon {
  position: relative;
  width: 30px;
  height: 30px;
}
#torwebbooking .tor-account-section__text-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-account-section__footer {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
#torwebbooking .tor-account-section__body {
  position: relative;
  display: none;
  padding: 5px 0;
}
#torwebbooking .tor-account-section__social-text {
  display: flex;
  flex-flow: column;
  align-content: center;
  text-align: center;
}
@media screen and (min-width: 820px) {
  #torwebbooking .tor-account-section__social-text {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    text-align: left;
  }
}
#torwebbooking .tor-account-section__social-text p {
  margin-bottom: 10px;
}
#torwebbooking .tor-account-section__body--flush {
  padding: 0;
}
#torwebbooking .tor-account-section__field-info {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  gap: 5px;
  background-color: var(--account-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-section__field-info {
    gap: 10px;
  }
}
#torwebbooking .tor-account-section__field-left {
  display: flex;
  flex-flow: column;
  width: calc(100% - 105px);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-section__field-left {
    flex: 0 0 auto;
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-section__field-left {
    flex-flow: row;
    align-items: flex-start;
    gap: 10px;
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-section__field-group {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-account-section__info-right {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-section__info-right {
    flex: 0 0 auto;
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-account-section__info-right p {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
#torwebbooking .tor-account-section__social-img {
  flex: 0 0 auto;
  position: relative;
  width: 100px;
  height: 100px;
}
@media screen and (min-width: 820px) {
  #torwebbooking .tor-account-section__social-img {
    order: 2;
  }
}
#torwebbooking .tor-account-section__social-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-account-section__table-wrap {
  display: none;
  width: 100%;
}
#torwebbooking .tor-membership {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
  width: calc((100% - 5px) / 2);
  border-radius: 5px;
  background-color: #EBEBEB;
  padding: 5px;
  cursor: pointer;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership {
    flex-flow: row;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-membership {
    width: 100%;
  }
}
#torwebbooking .tor-membership__primary {
  position: absolute;
  right: 5px;
  top: 5px;
  left: auto;
  bottom: auto;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-membership__primary img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-membership__body {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership__body {
    align-items: flex-start;
  }
}
#torwebbooking .tor-membership__body p {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-membership__body p + .tor-membership__uppercase {
  text-transform: uppercase;
}
#torwebbooking .tor-membership__body p + .tor-membership__small-text {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-membership__body p + .tor-membership__black {
  color: #000;
}
#torwebbooking .tor-membership__body p + .tor-membership__orange {
  color: #F35D08;
}
#torwebbooking .tor-membership__body p + .tor-membership__green {
  color: #4db532;
}
#torwebbooking .tor-membership__body p + .tor-membership__red {
  color: #ff1f00;
}
#torwebbooking .tor-membership__body p + .tor-membership__blue {
  color: #1b7dd1;
}
#torwebbooking .tor-membership-tab {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: var(--renew-body-bg);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership-tab {
    flex-flow: row;
    align-items: flex-start;
  }
}
#torwebbooking .tor-membership-tab__renew-wrap-account--renewal {
  flex-flow: column !important;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-membership-tab__renew-wrap-account--renewal {
    flex-flow: row !important;
    justify-content: space-between !important;
  }
  #torwebbooking .tor-membership-tab__renew-wrap-account--renewal .tor-field {
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-membership-tab__renew-wrap-account--renewal .tor-cb-slider__text,
  #torwebbooking .tor-membership-tab__renew-wrap-account--renewal .tor-customtext-top,
  #torwebbooking .tor-membership-tab__renew-wrap-account--renewal .tor-membership-tab__payment-date-label {
    font-size: 20px;
    line-height: 24px;
  }
  #torwebbooking .tor-membership-tab__renew-wrap-account--renewal .tor-field {
    flex: 0 0 auto;
  }
}
#torwebbooking .tor-membership-tab--flow {
  background-color: var(--system-sub-bg-color);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership-tab--flow {
    flex-flow: column;
  }
}
#torwebbooking .tor-membership-tab--flow .tor-membership-tab__renew-wrap {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
#torwebbooking .tor-membership-tab--flow .tor-membership-tab__payment-date-label {
  font-size: 14px;
}
#torwebbooking .tor-membership-tab--flow .tor-field--checkbox {
  width: 100%;
  justify-content: flex-end;
}
#torwebbooking .tor-membership-tab__text-radios {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership-tab__text-radios {
    flex-flow: row;
    align-items: flex-start;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership-tab__text-radios .tor-membership-tab__half--text,
  #torwebbooking .tor-membership-tab__text-radios .tor-membership-tab__half {
    flex: 0 0 auto;
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-membership-tab__cards {
  display: flex;
  flex-flow: column;
  gap: 15px;
  width: 100%;
}
#torwebbooking .tor-membership-tab__cards-title {
  color: var(--primary-content-font-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
#torwebbooking .tor-membership-tab__heading {
  color: var(--primary-content-font-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
#torwebbooking .tor-membership-tab__right {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-membership-tab__right {
    flex-flow: row wrap;
    gap: 10px;
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-membership-tab__wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-membership-tab__wrap {
    flex-flow: row wrap;
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-membership-tab__half--membership {
    flex: 0 0 auto;
    width: 324px;
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-membership-tab__half--text {
    flex: 0 0 auto;
    width: calc((100% - 324px - 10px) / 2);
  }
}
#torwebbooking .tor-membership-tab__half--text p {
  color: var(--renew-body-text);
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
}
#torwebbooking .tor-membership-tab__half--text p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-membership-tab__notice {
  color: #8F2F06 !important;
}
#torwebbooking .tor-membership-tab__subheading {
  color: var(--renew-heading-text);
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  background-color: var(--renew-heading-bg);
  padding: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-membership-tab__radios {
    flex: 0 0 auto;
    width: calc((100% - 324px - 10px) / 2);
  }
}
#torwebbooking .tor-membership-tab__renew-wrap {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background-color: #F5F5F5;
  margin: 5px 0;
  padding: 5px;
  width: 100%;
}
#torwebbooking .tor-membership-tab__renew-wrap-account {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  background-color: var(--renew-body-bg);
  margin: 5px 0;
  padding: 5px;
}
#torwebbooking .tor-membership-tab__payment-date {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
#torwebbooking .tor-membership-tab__payment-date-label {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-membership-tab__payment-date-input {
  width: 60px;
  color: #24394C;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 4px;
}
#torwebbooking .tor-membership-tab__renew {
  width: auto;
}
#torwebbooking .tor-membership-tab__action {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 5px;
}
#torwebbooking .tor-membership-card {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
}
#torwebbooking .tor-membership-card__actions {
  display: flex;
  flex-flow: row;
  gap: 25px;
  margin-left: auto;
}
#torwebbooking .tor-membership-card__radio {
  width: 24px;
  height: 24px;
  border: 2px solid #626F81;
  border-radius: 50%;
  background-color: #fff;
}
#torwebbooking .tor-membership-card__radio:checked {
  background-color: #7CC2A2;
}
#torwebbooking .tor-membership-card__delete {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #8F2F06;
  border-radius: 50%;
  background-color: #fff;
}
#torwebbooking .tor-membership-card__delete::before,
#torwebbooking .tor-membership-card__delete::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 10px;
  height: 2px;
  background-color: #8F2F06;
}
#torwebbooking .tor-membership-card__delete::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#torwebbooking .tor-membership-card__delete::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#torwebbooking .tor-card__delete {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #8F2F06;
  border-radius: 50%;
  background-color: #fff;
}
#torwebbooking .tor-card__delete::before,
#torwebbooking .tor-card__delete::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 10px;
  height: 2px;
  background-color: #8F2F06;
}
#torwebbooking .tor-card__delete::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#torwebbooking .tor-card__delete::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#torwebbooking .tor-membership-select {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
#torwebbooking .tor-membership-select:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-membership-select p {
  color: #24394C;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
#torwebbooking .tor-membership-select__price {
  min-width: 60px;
}
#torwebbooking .tor-membership-select__name {
  flex: 0 0 auto;
}
#torwebbooking .tor-membership-select__select {
  flex: 0 0 auto;
  width: 100px;
  color: #24394C;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  background-color: #fff;
  padding: 2px;
  margin-left: auto;
}
#torwebbooking .tor-membership-select__name-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
#torwebbooking .tor-membership-select__name-wrap p:not(.tor-membership-select__name) {
  font-weight: 400;
}
#torwebbooking .tor-membership-select__input {
  flex: 0 0 auto;
  width: 30px;
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  background-color: #ECECEC;
  border: solid 1px #627281;
  padding: 0;
}
#torwebbooking .tor-membership-select__checkbox {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 2px;
  appearance: none;
}
#torwebbooking .tor-membership-select__checkbox:checked {
  background: #008551 url("../images/membership-tick.svg") no-repeat center center / contain !important;
  border-color: #008551 !important;
}
#torwebbooking .tor-sub-warning,
#torwebbooking .tor-sub-info,
#torwebbooking .tor-sub-toggle {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-sub-warning img,
#torwebbooking .tor-sub-info img,
#torwebbooking .tor-sub-toggle img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-sub-info svg {
  fill: #9DC6FB;
}
#torwebbooking .tor-account-location {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-location {
    flex-flow: row;
  }
}
#torwebbooking .tor-account-location__icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 26px;
}
#torwebbooking .tor-account-location__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-account-location__fields {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: var(--account-bg-color);
  padding: 5px;
}
#torwebbooking .tor-account-location__field-row {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
@media screen and (min-width: 400px) {
  #torwebbooking .tor-account-location__field-row .tor-btn {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-location__field-row .tor-btn {
    width: 100%;
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-location__field-row .tor-btn {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-account-location__map-wrap {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  width: 100%;
  background-color: var(--account-bg-color);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-location__map-wrap {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-account-location__map {
  flex: 1 1 auto;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-location__map {
    aspect-ratio: 444 / 194;
  }
}
#torwebbooking .tor-account-location__map-footer {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
#torwebbooking .tor-account-location__map-distance {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-account-location__map-icon {
  position: relative;
  width: 20px;
  height: 25px;
}
#torwebbooking .tor-account-location__map-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-account-offers {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: var(--account-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-offers {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-account-offers__no-offers {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-account-offers__no-offers p {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-account-offers__no-offers p strong {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-account-offers__offers {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-offers__offers {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-event-offers {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  width: 100%;
}
#torwebbooking .tor-offer {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  border: 1px solid #627281;
  border-radius: 6px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-offer {
    flex: 0 0 auto;
    flex-flow: row;
    align-items: center;
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-offer--event {
  align-items: flex-start;
  width: 100%;
  background-color: var(--event-discount-bg-color);
  border: none;
  border-radius: 0;
  padding: 10px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-offer--event {
    width: calc((100% - 10px) / 2);
  }
}
#torwebbooking .tor-offer__img {
  position: relative;
  width: 75px;
  height: 75px;
}
#torwebbooking .tor-offer__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#torwebbooking .tor-offer__text p {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-offer__text strong {
  font-weight: 700;
}
#torwebbooking .tor-offer__text .tor-offer__large {
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-offer__underlined {
  text-decoration: underline;
}
#torwebbooking .tor-center-text {
  text-align: center;
}
#torwebbooking .tor-account-membership {
  display: none;
  background-color: #F8F8F8;
}
#torwebbooking .tor-account-membership__header {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: #D1DCEA;
  margin-top: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-membership__header {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-account-membership__heading {
  color: #24394C;
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
  padding: 5px 5px 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-membership__heading {
    flex: 0 0 auto;
    width: 252px;
    padding-bottom: 5px;
  }
}
#torwebbooking .tor-account-membership__header-info {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  padding: 0 5px 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-membership__header-info {
    padding-top: 5px;
  }
}
#torwebbooking .tor-account-membership__body {
  display: flex;
  flex-flow: column;
  gap: 10px;
  background-color: #fff;
  padding: 5px 0;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-account-membership__body {
    flex-flow: row;
    align-items: flex-start;
  }
}
#torwebbooking .tor-account-membership__wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-membership__wrap {
    flex: 0 0 auto;
    flex-flow: column;
    width: 255px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-membership__large-membership {
    flex: 1 1 auto;
  }
}
#torwebbooking .tor-membership {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
  width: calc((100% - 5px) / 2);
  border-radius: 5px;
  background-color: #EBEBEB;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership {
    flex-flow: row;
    width: 100%;
  }
}
#torwebbooking .tor-membership__img {
  position: relative;
  width: 100px;
  height: 100px;
  min-width: 100px;
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}
#torwebbooking .tor-membership__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#torwebbooking .tor-membership__body {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-membership__body {
    align-items: flex-start;
  }
}
#torwebbooking .tor-membership__body p {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-membership__body p + .tor-membership__uppercase {
  text-transform: uppercase;
}
#torwebbooking .tor-membership__body p + .tor-membership__small-text {
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-membership__body p + .tor-membership__black {
  color: #000;
}
#torwebbooking .tor-membership__body p + .tor-membership__orange {
  color: #F35D08;
}
#torwebbooking .tor-large-membership {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: #fff;
  border-radius: 5px;
  padding: 0;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-large-membership--renewal .tor-membership-tab {
    gap: 10px;
  }
  #torwebbooking .tor-large-membership--renewal .tor-large-membership__renewal-info p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }
  #torwebbooking .tor-large-membership--renewal .tor-membership-tab__half--membership,
  #torwebbooking .tor-large-membership--renewal .tor-membership-tab__half--text,
  #torwebbooking .tor-large-membership--renewal .tor-membership-tab__radios {
    width: calc((100% - 10px) / 2);
  }
  #torwebbooking .tor-large-membership--renewal .tor-membership-tab__half--text p,
  #torwebbooking .tor-large-membership--renewal .tor-membership-tab__subheading,
  #torwebbooking .tor-large-membership--renewal .tor-membership-select__name,
  #torwebbooking .tor-large-membership--renewal .tor-membership-select p,
  #torwebbooking .tor-large-membership--renewal .tor-ticket__text p,
  #torwebbooking .tor-large-membership--renewal .tor-ticket__total p {
    font-size: 16px;
    line-height: 20px;
  }
  #torwebbooking .tor-large-membership--renewal .tor-membership-select__checkbox {
    width: 35px;
    height: 35px;
  }
}
#torwebbooking .tor-large-membership__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
#torwebbooking .tor-large-membership__heading p {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-large-membership__heading p {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-large-membership__img-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  width: 100px;
  overflow: hidden;
}
#torwebbooking .tor-large-membership__img {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}
#torwebbooking .tor-large-membership__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-large-membership__radio-wrap {
  display: flex;
  flex-flow: column;
  gap: 10px;
  background-color: #F5F5F5;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-large-membership__radio-wrap {
    flex-flow: row wrap;
    align-items: center;
  }
}
#torwebbooking .tor-large-membership__radio-wrap p {
  width: 100%;
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-large-membership__radio-wrap p {
    width: 90px;
  }
}
#torwebbooking .tor-large-membership__radio-wrap .tor-btn {
  margin-left: auto;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-large-membership__radio-wrap--media {
    flex-flow: row wrap;
  }
  #torwebbooking .tor-large-membership__radio-wrap--media p {
    order: -1;
  }
  #torwebbooking .tor-large-membership__radio-wrap--media .tor-large-membership__wallet-btns {
    order: -1;
    width: 100%;
  }
  #torwebbooking .tor-large-membership__radio-wrap--media .tor-radio {
    width: auto;
  }
}
#torwebbooking .tor-large-membership__wallet-btns {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  width: auto;
  margin: 0 auto;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-large-membership__wallet-btns {
    margin-right: 0;
  }
}
#torwebbooking .tor-large-membership__renewal-info {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
#torwebbooking .tor-large-membership__body {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px;
  background-color: #F5F5F5;
  padding: 5px;
  border-radius: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-large-membership__body {
    flex-flow: row;
    align-items: flex-start;
  }
}
#torwebbooking .tor-large-membership__primary {
  position: absolute;
  right: 5px;
  top: 5px;
  left: auto;
  bottom: auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  width: 84px;
}
#torwebbooking .tor-large-membership__primary-img {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
}
#torwebbooking .tor-large-membership__primary-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-large-membership__primary-text {
  color: #4C7397;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
#torwebbooking .tor-large-membership__img-text {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-large-membership__pill {
  color: #24394C;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  background-color: #F9B188;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 5px;
}
#torwebbooking .tor-large-membership__pill--blue {
  background-color: #9ad0ff;
}
#torwebbooking .tor-large-membership__pill--red {
  background-color: #FFA89C;
}
#torwebbooking .tor-large-membership__pill--green {
  background-color: #5fd042;
}
#torwebbooking .tor-large-membership__fields {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-large-membership__fields {
    flex: 1 1 auto;
    width: auto;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-large-membership__fields .tor-field__label {
    width: 80px;
  }
}
#torwebbooking .tor-large-membership__fields .tor-field__input {
  min-height: 30px;
}
#torwebbooking .tor-large-membership__footer {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
#torwebbooking .tor-large-membership__footer-text {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
#torwebbooking .tor-large-membership__footer-large-text {
  font-size: 14px;
  line-height: 16px;
}
#torwebbooking .tor-large-membership__wallet-btn {
  position: relative;
  width: 100px;
  height: 30px;
}
#torwebbooking .tor-large-membership__wallet-btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-account-ph {
  width: 100%;
}
#torwebbooking .tor-account-ph__month {
  background-color: #EFEFEF;
  padding: 5px 10px;
  margin-top: 5px;
}
#torwebbooking .tor-account-ph__month p {
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
#torwebbooking .tor-account-ph__month--subs {
  margin: 10px 0 5px;
}
#torwebbooking .tor-account-ph__month--subs:first-child {
  margin-top: 5px;
}
#torwebbooking .tor-account-ph__subs-title {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#torwebbooking .tor-account-ph__subs-title p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
#torwebbooking .tor-account-ph__subs-title p:first-child {
  color: #000;
  font-size: 16px;
  line-height: 18px;
}
#torwebbooking .tor-account-ph__subs-total {
  display: flex;
  flex-flow: row;
  align-items: center;
}
#torwebbooking .tor-account-ph__subs-total-item {
  flex: 1 1 0px;
}
#torwebbooking .tor-account-ph__subs-total-item:last-child {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}
#torwebbooking .tor-account-ph__row {
  display: flex;
  flex-flow: row;
  align-items: center;
  background-color: #F8F8F8;
  padding: 5px 0;
}
#torwebbooking .tor-account-ph__cell {
  flex: 0 0 auto;
  width: 55px;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  padding: 0 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-ph__cell {
    width: 110px;
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-ph__cell {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-account-ph__cell--50 {
  width: 50px;
}
#torwebbooking .tor-account-ph__cell--70 {
  width: 70px;
}
#torwebbooking .tor-account-ph__cell--80 {
  width: 80px;
}
#torwebbooking .tor-account-ph__cell--grow {
  flex: 1 0 auto;
}
#torwebbooking .tor-account-ph__cell--btn {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  width: 70px;
}
#torwebbooking .tor-account-ph__cell--uppercase {
  text-transform: uppercase;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-ph__cell--hide-mob {
    display: none;
  }
}
#torwebbooking .tor-account-ph__inner-heading {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  gap: 5px;
  background-color: #80A1C5;
  padding: 5px;
}
#torwebbooking .tor-account-ph__inner-heading-col {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: calc((100% - 5px) / 2);
}
#torwebbooking .tor-account-ph__inner-heading-text {
  display: flex;
  flex-flow: row;
  align-items: center;
}
#torwebbooking .tor-account-ph__inner-heading-text p {
  color: #fff;
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-account-ph__inner-table {
  margin-bottom: 5px;
}
#torwebbooking .tor-account-ph__inner-heading-title {
  width: 80px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-ph__inner-heading-title {
    width: 100px;
  }
}
#torwebbooking .tor-account-ph__row-wrap {
  margin-top: 5px;
}
#torwebbooking .tor-account-ph__inner-row {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  padding: 5px;
}
#torwebbooking .tor-account-ph__inner-row--title {
  background-color: #fff;
}
#torwebbooking .tor-account-ph__inner-row--title .tor-account-ph__inner-cell {
  color: #24394C;
  font-weight: 600;
}
#torwebbooking .tor-account-ph__inner-cell {
  flex: 0 0 auto;
  color: #000;
  font-size: 12px;
  line-height: 14px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-ph__inner-cell {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-ph__inner-cell--hide-mob {
    display: none;
  }
}
#torwebbooking .tor-account-ph__inner-cell--55 {
  width: 55px;
}
#torwebbooking .tor-account-ph__inner-cell--60 {
  width: 60px;
}
#torwebbooking .tor-account-ph__inner-cell--75 {
  width: 75px;
}
#torwebbooking .tor-account-ph__inner-cell--95 {
  width: 95px;
}
#torwebbooking .tor-account-ph__inner-cell--20 {
  width: 20px;
}
#torwebbooking .tor-account-ph__inner-cell--qty {
  width: 50px;
  text-align: center;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-ph__inner-cell--qty {
    width: 75px;
  }
}
#torwebbooking .tor-account-ph__inner-cell--grow {
  flex: 1 1 82px;
}
#torwebbooking .tor-account-select {
  flex: 0 0 auto;
  width: 100%;
  color: #24394C;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #627281;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: auto;
  margin-right: 5px;
}
@media screen and (min-width: 500px) {
  #torwebbooking .tor-account-select {
    width: 140px;
  }
}
#torwebbooking .tor-account-select--history {
  margin-right: 0;
}
@media screen and (max-width: 499px) {
  #torwebbooking .tor-account-select--history {
    width: 140px;
  }
}
#torwebbooking .tor-account-donate {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
  padding-top: 5px;
}
#torwebbooking .tor-account-donate__heading {
  width: 100%;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
#torwebbooking .tor-account-donate__total {
  flex: 0 0 auto;
  width: 220px;
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-align: center;
  padding: 5px 0;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-donate__total {
    background-color: #EFEFEF;
  }
}
#torwebbooking .tor-account-donate__body {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-donate__body {
    flex-flow: row;
    align-items: flex-start;
  }
}
#torwebbooking .tor-account-donate__graph {
  position: relative;
}
#torwebbooking .tor-account-donate__row {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 5px 0;
}
#torwebbooking .tor-account-donate__row--checkbox {
  background-color: #EFEFEF;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
}
#torwebbooking .tor-account-donate__row--heading {
  background-color: #EFEFEF;
}
#torwebbooking .tor-account-donate__row--heading .tor-account-donate__cell {
  color: #24394C;
  font-weight: 600;
}
#torwebbooking .tor-account-donate__cell {
  flex: 0 0 auto;
  width: 70px;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  padding: 0 5px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-donate__cell {
    width: 110px;
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-account-donate__cell--align-center {
  text-align: center;
}
#torwebbooking .tor-account-donate__cell--grow {
  flex: 1 1 auto;
}
@media screen and (max-width: 599px) {
  #torwebbooking .tor-account-donate__cell--date {
    width: 60px;
  }
}
#torwebbooking .tor-event__venue-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-event__venue-wrap {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-event__venue-info {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  background-color: var(--event-info-bg-color);
}
#torwebbooking .tor-event__venue-text {
  flex: 1 1 auto;
  padding: 5px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#torwebbooking .tor-event__venue-text::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  #torwebbooking .tor-event__venue-text {
    height: 333px;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-event__venue-text {
    height: 276px;
  }
}
#torwebbooking .tor-event__venue-text--education p {
  margin-bottom: 5px;
}
#torwebbooking .tor-event__venue-btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  padding: 5px;
}
#torwebbooking .venue-btn {
  flex: 1 1 20%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: 5px;
}
@media screen and (max-width: 959px) {
  #torwebbooking .venue-btn {
    border: none;
  }
}
#torwebbooking .venue-btn--active {
  border-color: var(--venue-btn-active);
}
#torwebbooking .venue-btn--active .venue-btn__icon svg {
  fill: var(--venue-btn-active);
}
#torwebbooking .venue-btn--active .venue-btn__text {
  color: var(--venue-btn-active);
}
#torwebbooking .venue-btn__icon {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
}
#torwebbooking .venue-btn__icon svg {
  fill: var(--venue-btn-inactive);
}
#torwebbooking .venue-btn__text {
  color: var(--venue-btn-inactive);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (max-width: 959px) {
  #torwebbooking .venue-btn__text {
    display: none;
  }
}
#torwebbooking .tor-today {
  background-color: var(--tor-today-bg-color);
  padding: 10px 5px 5px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-today {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-today__heading {
  color: var(--primary-content-font-color);
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 10px;
}
#torwebbooking .tor-today__heading strong {
  font-weight: 600;
}
#torwebbooking .tor-today__block {
  padding-left: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-today__block:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-today__block-heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-today__block-heading-icon {
  flex: 0 0 auto;
  position: relative;
  width: 15px;
  height: 15px;
}
#torwebbooking .tor-today__block-heading-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-today__block-heading-text {
  color: var(--primary-content-font-color);
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
#torwebbooking .tor-today__block-text {
  display: flex;
  flex-flow: row wrap;
  padding-left: 25px;
}
#torwebbooking .tor-today__block-text p {
  width: 100%;
  color: var(--secondary-content-font-color);
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 10px;
}
#torwebbooking .tor-today__block-text p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-today__icon-text {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 10px;
}
#torwebbooking .tor-today__icon-text:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-today__icon {
  flex: 0 0 auto;
  position: relative;
  width: 15px;
  height: 15px;
}
#torwebbooking .tor-today__icon img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-event-venue {
  background-color: var(--event-info-bg-color);
  padding: 5px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-event-venue {
    width: calc((100% - 5px) / 2);
  }
}
#torwebbooking .tor-event-venue__heading {
  color: var(--primary-content-font-color);
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 10px;
}
#torwebbooking .tor-event-venue__heading strong {
  font-weight: 600;
}
#torwebbooking .tor-event-venue__block {
  padding-left: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-event-venue__block:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-event-venue__block-heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
#torwebbooking .tor-event-venue__block-heading-icon {
  flex: 0 0 auto;
  position: relative;
  width: 15px;
  height: 15px;
}
#torwebbooking .tor-event-venue__block-heading-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-event-venue__block-heading-text {
  color: var(--primary-content-font-color);
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
#torwebbooking .tor-event-venue__block-text {
  display: flex;
  flex-flow: row wrap;
  padding-left: 25px;
}
#torwebbooking .tor-event-venue__block-text p {
  width: 100%;
  color: var(--secondary-content-font-color);
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 10px;
}
#torwebbooking .tor-event-venue__block-text p:last-child {
  margin-bottom: 0;
}
#torwebbooking .tor-event-venue__block-col {
  width: calc((100% - 5px) / 2);
}
#torwebbooking .tor-account-uv {
  display: flex;
  flex-flow: column;
  gap: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-uv {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-account-uv__block {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-uv__block {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-uv__block {
    width: calc((100% - 330px) / 2);
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-uv__block-btns {
    flex: 0 0 auto;
    width: auto;
  }
}
#torwebbooking .tor-account-uv__block-btns .tor-account-uv__body {
  align-items: center;
  padding: 5px;
}
#torwebbooking .tor-account-uv__action {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  padding: 0 5px;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-uv__action {
    justify-content: center;
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-uv__block--tickets {
    flex: 1 1 auto;
    width: 320px;
  }
}
#torwebbooking .tor-account-uv__heading {
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
  background-color: #EDEDED;
  padding: 5px;
  margin-bottom: 5px;
}
#torwebbooking .tor-account-uv__body {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: #F6F6F6;
  padding: 5px 0;
}
#torwebbooking .tor-account-uv__change-date-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-uv__change-date-wrap {
    flex-flow: row wrap;
  }
}
#torwebbooking .tor-account-uv__change-date-block {
  width: 100%;
  background-color: #EFEFEF;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-uv__change-date-block {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-account-uv__change-date-block--table {
    flex: 0 0 auto;
    width: 100%;
  }
}
#torwebbooking .tor-account-uv__change-date-heading {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  background-color: #627281;
  padding: 4px;
}
#torwebbooking .tor-account-uv__body--date-time .tor-account-uv__row p {
  width: 80px;
}
#torwebbooking .tor-account-uv__body--date-time .tor-account-uv__row p:nth-child(2) {
  width: auto;
}
#torwebbooking .tor-account-uv__row {
  display: flex;
  flex-flow: row;
  gap: 5px;
  padding: 0 5px;
}
#torwebbooking .tor-account-uv__row p {
  flex: 0 0 auto;
  width: 70px;
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-account-uv__row p:nth-child(1),
#torwebbooking .tor-account-uv__row p:nth-child(2) {
  flex: 1 1 auto;
}
#torwebbooking .tor-account-uv__row p:nth-child(3) {
  width: 20px;
}
#torwebbooking .tor-account-uv__row p:nth-child(4) {
  width: 60px;
  text-align: right;
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-account-uv__row--btns {
    justify-content: center;
  }
}
#torwebbooking .tor-account-uv__wallet-btn {
  position: relative;
  width: 100px;
  height: 30px;
}
#torwebbooking .tor-account-uv__wallet-btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-move-table {
  display: flex;
  flex-flow: column;
  background-color: #fff;
  margin-top: 5px;
}
#torwebbooking .tor-move-table__row {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 5px;
}
#torwebbooking .tor-move-table__row--heading {
  background-color: #E8E8E8;
}
#torwebbooking .tor-move-table__row--heading .tor-move-table__cell {
  font-weight: 700;
}
#torwebbooking .tor-move-table__cell {
  width: calc((100% - 105px) / 2);
  color: #24394C;
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .tor-move-table__cell:first-child {
  width: 40px;
}
#torwebbooking .tor-move-table__cell:last-child {
  width: 65px;
  text-align: right;
}
#torwebbooking .tor-move-table__checkox {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border: 1px solid #000;
  border-radius: 5px;
}
#torwebbooking .tor-move-table__checkox:checked {
  background: var(--quantity-btn-color) !important;
}
#torwebbooking .tor-upsell {
  display: flex;
  flex-flow: column;
  gap: 5px;
  margin: 0 auto;
}
#torwebbooking .tor-upsell .glide__slide {
  height: auto;
}
#torwebbooking .tor-upsell__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  background-color: var(--upsell-tabs-bg-color);
  padding: 10px 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell__heading {
    font-size: 36px;
    line-height: 40px;
  }
}
#torwebbooking .tor-upsell__heading--accordion {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
#torwebbooking .tor-upsell__heading--accordion-active .tor-upsell__accordion-icon svg {
  fill: #DE901B;
}
#torwebbooking .tor-upsell__accordion-icon {
  flex: 0 0 auto;
  position: relative;
  width: 45px;
  height: 45px;
}
#torwebbooking .tor-upsell__accordion-icon svg {
  fill: #7CC2A2;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell--50-50 {
    flex-flow: row wrap;
  }
  #torwebbooking .tor-upsell--50-50 .tor-upsell__tabs {
    width: 100%;
  }
  #torwebbooking .tor-upsell--50-50 .tor-upsell__img {
    width: 50%;
  }
  #torwebbooking .tor-upsell--50-50 .tor-upsell__text-wrap {
    width: 50%;
  }
}
#torwebbooking .tor-upsell--tilted .tor-upsell__heading {
  border-radius: 22px 12px 12px 88px/112px 145px 76px 43px;
}
#torwebbooking .tor-upsell--tilted .tor-card__image-wrap {
  border-radius: 112px 145px 76px 8px/7px 12px 2px 88px;
  overflow: hidden;
}
#torwebbooking .tor-upsell--tilted .upsell-ticket-group,
#torwebbooking .tor-upsell--tilted .tor-card__body {
  border-radius: 6px 12px 12px 4px/42px 35px 66px 43px;
}
#torwebbooking .tor-upsell__img {
  position: relative;
  aspect-ratio: 400 / 300;
  border: 3px solid var(--upsell-img-border-color);
  border-left-width: 6px;
  border-bottom-width: 6px;
}
#torwebbooking .tor-upsell__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
#torwebbooking .tor-upsell__tabs {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  background-color: var(--upsell-tabs-bg-color);
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
#torwebbooking .tor-upsell__tab {
  flex: 1 1 0px;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  background-color: transparent;
  border-radius: 5px 5px 0 0;
  padding: 10px 5px;
}
#torwebbooking .tor-upsell__tab--active {
  background-color: var(--upsell-body-bg-color);
}
#torwebbooking .tor-upsell__tab--active .tor-upsell__tab-text {
  color: var(--upsell-tab-active-text-color);
}
#torwebbooking .tor-upsell__heading-icon,
#torwebbooking .tor-upsell__tab-icon {
  position: relative;
  width: 26px;
  height: 20px;
}
#torwebbooking .tor-upsell__heading-icon img,
#torwebbooking .tor-upsell__tab-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-upsell__heading-text,
#torwebbooking .tor-upsell__tab-text {
  color: var(--upsell-tab-text-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell__heading-text,
  #torwebbooking .tor-upsell__tab-text {
    font-size: 14px;
    line-height: 16px;
  }
}
#torwebbooking .tor-upsell__text-wrap {
  display: flex;
  flex-flow: column;
  padding: 5px;
}
#torwebbooking .tor-upsell__text-wrap h2 {
  color: var(--upsell-header-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
#torwebbooking .tor-upsell__text-wrap p {
  color: var(--upsell-text-color);
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
#torwebbooking .tor-upsell__block {
  background-color: #fff;
}
#torwebbooking .tor-upsell__block-content {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell__block-content {
    flex-flow: row;
  }
}
#torwebbooking .tor-upsell__block-text {
  font-size: 14px;
  line-height: 18px;
  padding: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-upsell__block-text {
    font-size: 20px;
    line-height: 24px;
  }
}
#torwebbooking .tor-upsell__block-img {
  width: 100%;
  height: 248px;
  object-fit: cover;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell__block-img {
    flex: 0 0 auto;
    width: 235px;
    aspect-ratio: 235 / 248;
  }
}
#torwebbooking .tor-upsell__block-footer {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell__block-footer {
    flex-flow: row;
    align-items: center;
  }
}
#torwebbooking .tor-upsell__content {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: var(--upsell-body-bg-color);
  padding: 5px;
}
#torwebbooking .tor-upsell__ticket-groups {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-upsell__flex-wrap {
  display: flex;
  flex-flow: row;
  gap: 5px;
}
#torwebbooking .upsell-ticket-group {
  display: flex;
  flex-flow: column;
  gap: 5px;
  background-color: var(--upsell-body-bg-color);
  padding: 5px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .upsell-ticket-group {
    flex-flow: row wrap;
  }
}
#torwebbooking .upsell-ticket-group__img {
  flex: 0 0 auto;
  position: relative;
  width: 110px;
  height: 110px;
}
@media screen and (max-width: 599px) {
  #torwebbooking .upsell-ticket-group__img {
    display: none;
  }
}
#torwebbooking .upsell-ticket-group__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .upsell-ticket-group__ticket {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .upsell-ticket-group__ticket {
    width: calc(100% - 115px);
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .upsell-ticket-group__ticket {
    width: calc((100% - 120px) / 2);
  }
}
#torwebbooking .upsell-ticket-group__ticket .tor-ticket {
  margin-bottom: 0;
}
#torwebbooking .upsell-ticket-group__ticket .tor-ticket__text {
  padding-bottom: 0;
}
#torwebbooking .upsell-ticket-group__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
#torwebbooking .upsell-ticket-group__heading h3 {
  color: var(--upsell-header-color);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
#torwebbooking .upsell-ticket-group__heading-icon {
  display: block;
  position: relative;
  width: 15px;
  height: 20px;
}
#torwebbooking .upsell-ticket-group__heading-icon svg {
  fill: var(--upsell-header-color);
}
#torwebbooking .upsell-ticket-group__time-wrap {
  display: flex;
  flex-flow: column;
  gap: 5px;
  width: 100%;
}
@media screen and (min-width: 760px) {
  #torwebbooking .upsell-ticket-group__time-wrap {
    width: calc((100% - 120px) / 2);
  }
}
#torwebbooking .upsell-ticket-group__time-wrap p {
  color: var(--upsell-text-color);
  font-size: 12px;
  line-height: 14px;
}
#torwebbooking .upsell-ticket-group__timeslots {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
#torwebbooking .upsell-ticket-group__timeslot {
  position: relative;
  color: #333;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  width: calc((100% - 10px) / 3);
  background-color: #fff;
  border-top: 5px solid #CFF6C5;
  padding: 5px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .upsell-ticket-group__timeslot {
    width: calc((100% - 25px) / 6);
  }
}
#torwebbooking .upsell-ticket-group__timeslot--busy {
  border-top-color: var(--busy-key-color);
}
#torwebbooking .upsell-ticket-group__timeslot--disabled {
  pointer-events: none;
  border-top-color: rgba(217, 217, 217, 0.35);
}
#torwebbooking .upsell-ticket-group__timeslot--disabled::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(217, 217, 217, 0.35);
}
#torwebbooking .upsell-ticket-group__timeslot--selected {
  border-top-color: var(--selected-key-color);
}
@keyframes ldio-x02c7jiekuh {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#torwebbooking .ldio-x02c7jiekuh div {
  left: 94px;
  top: 48px;
  position: absolute;
  animation: ldio-x02c7jiekuh linear 1s infinite;
  background: #5e5e5e;
  width: 12px;
  height: 24px;
  border-radius: 6px / 12px;
  transform-origin: 6px 52px;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.91666667s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -0.83333333s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.75s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.66666667s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.58333333s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.5s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.41666667s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.33333333s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.25s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.16666667s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.08333333s;
  background: #5e5e5e;
}
#torwebbooking .ldio-x02c7jiekuh div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
  background: #5e5e5e;
}
#torwebbooking .loadingio-spinner-spinner-5duqwt17si {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
}
#torwebbooking .ldio-x02c7jiekuh {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
  /* see note above */
}
#torwebbooking .ldio-x02c7jiekuh div {
  box-sizing: content-box;
}
#torwebbooking .tor-upsell__flex-item {
  width: calc((100% - 5px) / 2);
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-upsell__flex-item {
    width: calc((100% - 10px) / 3);
  }
}
@media screen and (min-width: 780px) {
  #torwebbooking .tor-upsell__flex-item {
    width: calc((100% - 20px) / 5);
  }
}
#torwebbooking .tor-upsell__btn-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 5px;
  margin: 10px 0;
}
#torwebbooking .tor-upsell__footer {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  gap: 5px;
  background-color: var(--footer-bg-color);
  padding: 5px;
  margin-top: auto;
}
#torwebbooking .tor-upsell__input-wrap {
  width: 100px;
}
#torwebbooking .tor-upsell__input {
  width: 100%;
  min-height: 31px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  padding: 5px;
  border-radius: 5px;
  display: none;
}
#torwebbooking .tor-custom-donation__input-wrap {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 168px;
  color: #000;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-custom-donation__input-wrap {
    width: 100%;
  }
}
#torwebbooking .tor-custom-donation__input {
  flex: 1 1 auto;
  width: 100%;
  max-width: 226px;
  min-height: 31px;
  font-size: 20px;
  line-height: 17px;
  font-weight: 700;
  padding: 5px;
  border-radius: 5px;
}
#torwebbooking .tor-trade {
  width: 100%;
  max-width: 854px;
  margin: 0 auto;
}
#torwebbooking .tor-trade--education {
  max-width: 1200px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-trade--education {
    margin-top: 70px;
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-trade--education .tor-trade-login__content-img {
    width: 326px;
    height: 120px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-trade--education .tor-trade-login__sidebar {
    flex: 0 0 auto;
    width: 334px;
  }
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-trade--education .tor-trade-login__content {
    flex: 1 1 auto;
    width: auto;
  }
}
#torwebbooking .tor-trade--account .tor-trade-login__content {
  max-width: 600px;
  margin: 0 auto;
}
#torwebbooking .tor-trade--account .tor-trade-login__content-img {
  width: 600px;
  height: 110px;
}
#torwebbooking .tor-logo-image {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-trade-login {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-top: 50px;
  padding: 10px;
  margin: 5px;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-trade-login {
    flex-flow: row;
    padding: 20px;
  }
}
#torwebbooking .tor-trade-login--education .tor-trade-login__footer p,
#torwebbooking .tor-trade-login--education .tor-trade-login__sub-header {
  font-family: Arial, sans-serif;
}
#torwebbooking .tor-trade-login--education .tor-trade-login__offer {
  background-color: transparent;
}
#torwebbooking .tor-trade-login--education .tor-trade-login__offer img {
  object-fit: cover;
}
#torwebbooking .tor-trade-login--education .tor-trade-login__offer .tor-logo-image {
  transition: all linear 600ms;
}
#torwebbooking .tor-trade-login--education .tor-trade-login__offer .tor-logo-image:nth-child(2) {
  opacity: 0;
}
#torwebbooking .tor-trade-login--education .tor-trade-login__offer--switched .tor-logo-image:nth-child(2) {
  opacity: 1;
}
#torwebbooking .tor-trade-login--education .tor-trade-login__offer--switched .tor-logo-image:nth-child(1) {
  opacity: 0;
}
#torwebbooking .tor-trade-login--align-center {
  align-items: center;
}
#torwebbooking .tor-trade-login__sidebar {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-trade-login__sidebar {
    width: 200px;
    padding: 10px 0;
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-trade-login__sidebar {
    width: 268px;
  }
}
#torwebbooking .tor-trade-login__sidebar p {
  margin-bottom: 0;
}
#torwebbooking .tor-trade-login__message {
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  background-color: #008081;
  border-radius: 10px;
  padding: 10px;
}
#torwebbooking .tor-trade-login__content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 15px;
  width: 100%;
  padding: 20px;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-trade-login__content {
    width: calc(100% - 210px);
  }
}
@media screen and (min-width: 760px) {
  #torwebbooking .tor-trade-login__content {
    width: calc(100% - 273px);
  }
}
#torwebbooking .tor-trade-login__trade-logo {
  position: relative;
  width: 100%;
  height: 30px;
}
#torwebbooking .tor-trade-login__header {
  color: #DA148B;
  font-size: 24px;
  line-height: 30px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}
#torwebbooking .tor-trade-login__sub-header {
  color: #627281;
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
  text-align: center;
}
#torwebbooking .tor-trade-login__offer-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
#torwebbooking .tor-trade-login__offer {
  position: relative;
  width: calc((100% - 5px) / 2);
  max-height: 160px;
  background-color: #eee;
  aspect-ratio: 130 / 117;
}
@media screen and (min-width: 600px) {
  #torwebbooking .tor-trade-login__offer {
    max-height: 100%;
  }
}
#torwebbooking .tor-trade-login__footer {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#torwebbooking .tor-trade-login__footer p {
  color: #008081;
  font-size: 14px;
  line-height: 16px;
  font-weight: 800;
}
#torwebbooking .tor-trade-login__footer-img {
  position: relative;
  width: 100%;
  height: 46px;
}
#torwebbooking .tor-trade-login__content-heading {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 20px;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-trade-login__content-heading {
    padding-bottom: 40px;
  }
}
#torwebbooking .tor-trade-login__content-heading p {
  color: #24394C;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 0;
}
#torwebbooking .tor-trade-login__content-img {
  position: relative;
  width: 100%;
  aspect-ratio: 500 / 150;
}
@media screen and (min-width: 960px) {
  #torwebbooking .tor-trade-login__content-img {
    width: 500px;
    height: 150px;
  }
}
#torwebbooking .tor-trade-form {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}
#torwebbooking .tor-trade-form--full {
  max-width: 100%;
}
#torwebbooking .tor-trade-form__row {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
#torwebbooking .tor-trade-form__row--align-start {
  align-items: flex-start;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-trade-form__row--col-mob {
    flex-flow: column;
  }
}
#torwebbooking .tor-trade-form__static-icon {
  flex: 0 0 auto;
  position: relative;
  width: 60px;
  height: 40px;
}
#torwebbooking .tor-trade-form__results {
  flex: 1 1 auto;
  height: 150px;
  background-color: #F9F9F9;
  border: 1px solid #eee;
  overflow-y: auto;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-trade-form__results {
    width: 100%;
  }
}
#torwebbooking .tor-trade-form__label {
  width: 60px;
  color: #24394C;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  font-family: Arial, sans-serif;
  text-align: center;
}
#torwebbooking .tor-trade-form__input-wrap {
  position: relative;
  width: 100%;
}
#torwebbooking .tor-trade-form__input {
  width: 100%;
  color: #24394C;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  background-color: #fff;
  padding: 16px 5px 16px 60px;
  border: 1px solid #627281;
  border-radius: 5px;
}
#torwebbooking .tor-trade-form__input::placeholder {
  color: #9D9D9D;
}
#torwebbooking .tor-trade-form__input--static-icon {
  padding-left: 5px;
}
#torwebbooking .tor-trade-form__input-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
}
#torwebbooking .tor-trade-form__text-btn {
  width: 100%;
  color: #627281;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 5px;
}
#torwebbooking .tor-trade-results {
  display: flex;
  flex-flow: column;
  font-family: Arial, sans-serif;
}
#torwebbooking .tor-trade-results__row {
  display: flex;
  flex-flow: row;
}
#torwebbooking .tor-trade-results__row.selected-row-education {
  background-color: var(--back-btn-color);
}
#torwebbooking .tor-trade-results__row.selected-row-education .tor-trade-results__cell {
  color: #fff;
}
#torwebbooking .tor-trade-results__row--heading {
  position: sticky;
  top: 0;
  background-color: #24394C;
}
#torwebbooking .tor-trade-results__row--heading .tor-trade-results__cell {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#torwebbooking .tor-trade-results__cell {
  font-family: Arial, sans-serif;
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  padding: 5px;
}
#torwebbooking .tor-trade-results__cell:first-child {
  width: 10%;
}
#torwebbooking .tor-trade-results__cell:nth-child(2) {
  width: 50%;
}
#torwebbooking .tor-trade-results__cell:nth-child(3) {
  width: 20%;
}
@media screen and (max-width: 959px) {
  #torwebbooking .tor-trade-results__cell--hide-mob {
    display: none;
  }
}
#torwebbooking .tor-trade-nav {
  background-color: #EFEFEF;
  padding-top: 5px;
}
#torwebbooking .tor-trade-nav__list {
  display: flex;
  flex-flow: row;
  gap: 10px;
  margin: 0;
  margin-left: 5px;
}
#torwebbooking .tor-trade-nav__item {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 2px;
  list-style-type: none;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  width: 92px;
  cursor: pointer;
}
#torwebbooking .tor-trade-nav__item--active {
  background-color: #fff;
}
#torwebbooking .tor-trade-nav__item--active .tor-trade-nav__text {
  color: #24394C;
}
#torwebbooking .tor-trade-filter-calendar {
  width: 75%;
}
#torwebbooking .tor-trade-filter-calendar .pika-table {
  width: 100%;
}
#torwebbooking .tor-trade-nav__icon {
  position: relative;
  width: 25px;
  height: 25px;
}
#torwebbooking .tor-trade-nav__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#torwebbooking .tor-trade-nav__text {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}
#torwebbooking .tor-trade-date-wrap {
  display: flex;
  flex-flow: row;
  gap: 5px;
  margin-top: 10px;
}
#torwebbooking .tor-trade-date-wrap__days {
  display: flex;
  flex-flow: row;
  gap: 2px;
  width: calc(100% - 0px);
}
#torwebbooking .tor-trade-calendar-filters {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#torwebbooking .tor-trade-date-wrap__month {
  width: 300px;
}
#torwebbooking .tor-trade-day {
  flex: 1 1 15%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  border: 1px solid #627281;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 5px;
  cursor: pointer;
}
#torwebbooking .tor-trade-day--active {
  border-color: transparent;
}
#torwebbooking .tor-trade-day--active .tor-trade-day__date {
  color: #005FB6;
}
#torwebbooking .tor-trade-day__date {
  color: #627281;
  font-size: 15px;
  line-height: 17px;
  font-weight: 800;
}
#torwebbooking .tor-trade-day__weekday {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.tor-overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
.tor-schedule-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  z-index: 9999;
}
@media screen and (min-width: 600px) {
  .tor-schedule-modal {
    padding: 30px;
  }
}
.tor-schedule-modal .tor-schedule-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  width: 30px;
  height: 30px;
  background: transparent;
  padding: 0;
  border: 0;
  appearance: none;
}
.tor-schedule-modal .tor-schedule-modal__close::before,
.tor-schedule-modal .tor-schedule-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  height: 2px;
  width: 15px;
  background-color: #111;
}
.tor-schedule-modal .tor-schedule-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.tor-schedule-modal .tor-schedule-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.tor-schedule-modal .tor-schedule-modal__content {
  position: relative;
  width: 100%;
  max-width: 500px;
  background-color: #F1F1F1;
  padding: 10px;
}
.tor-schedule-modal .tor-schedule-modal__item-wrap {
  padding: 10px 0;
}
.tor-schedule-modal .tor-schedule-modal__item {
  display: flex;
  flex-flow: column;
  gap: 5px;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .tor-schedule-modal .tor-schedule-modal__item {
    flex-flow: row;
    align-items: flex-start;
  }
}
.tor-schedule-modal .tor-schedule-modal__item:last-child {
  margin-bottom: 0;
}
.tor-schedule-modal .tor-schedule-modal__item p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  .tor-schedule-modal .tor-schedule-modal__item p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (min-width: 600px) {
  .tor-schedule-modal .tor-schedule-modal__item p:first-child {
    flex: 0 0 auto;
    width: 140px;
  }
}
.tor-modal {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px;
  z-index: 2000;
  /*.tor-trade--education {
        max-width: 1200px;
        margin-top: 50px;
        margin-bottom: 50px;

        @media screen and (min-width: 760px) {
            margin-top: 150px;
            margin-bottom: 150px;
        }
    }*/
  /*.tor-trade-login__content {
        display: flex;
        flex-flow: column;
        justify-content: center;
        gap: 15px;
        width: 100%;
        background-color: #F6F6F6;
        border-radius: 10px;
        padding: 20px;

        @media screen and (min-width: 600px) {
            width: calc(100% - 273px);
        }
    }*/
}
.tor-modal li {
  padding-left: 0;
}
.tor-modal .tor-nav-list {
  display: flex;
  flex-flow: column;
  width: 100%;
  background-color: var(--login-modal-menu-bg);
  margin: 0 !important;
}
.tor-modal .tor-nav-list__item {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  width: 100%;
  margin: 0;
  list-style: none;
}
.tor-modal .tor-nav-list__btn {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  color: var(--login-modal-menu-text);
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 5px;
  border-bottom: 1px solid var(--login-modal-menu-border);
}
.tor-modal .tor-nav-list__icon {
  flex: 0 0 auto;
  position: relative;
  width: 30px;
  height: 30px;
}
.tor-modal .tor-nav-list__icon svg {
  fill: var(--login-modal-menu-icon);
}
.tor-modal .tor-form__subheading-slider,
.tor-modal .tor-pay__heading-slider {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-form__subheading-slider,
  .tor-modal .tor-pay__heading-slider {
    width: calc((100% - 10px) / 2);
  }
}
.tor-modal .check-account-img {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
}
.tor-modal .check-account-img__img {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.tor-modal .check-account-img__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tor-modal .tor-event-slider__label {
  color: var(--secondary-system-font-color);
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  transition: color 200ms linear;
}
.tor-modal .tor-event-slider__label--left {
  color: var(--primary-system-font-color);
  text-align: right;
  order: 2;
}
.tor-modal .tor-event-slider__label--right {
  text-align: left;
  order: 4;
}
.tor-modal .tor-pay {
  display: flex;
  flex-flow: column;
  gap: 15px;
}
.tor-modal .tor-pay__heading {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background-color: var(--client-details-heading-bg);
  padding: 5px 10px;
}
.tor-modal .tor-pay__heading h2 {
  color: var(--client-details-heading-text);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.tor-modal .tor-pay__heading-slider {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-pay__heading-slider {
    width: calc((100% - 10px) / 2);
  }
}
.tor-modal .tor-pay__field-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.tor-modal .tor-pay__field-group {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-pay__field-group {
    width: calc((100% - 10px) / 2);
  }
}
.tor-modal .tor-form__address-wrap,
.tor-modal .tor-pay__address-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-form__address-wrap,
  .tor-modal .tor-pay__address-wrap {
    flex-flow: row;
  }
}
.tor-modal .tor-form__address-wrap {
  width: 100%;
}
.tor-modal .tor-form__address-half,
.tor-modal .tor-pay__address-half {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-form__address-half,
  .tor-modal .tor-pay__address-half {
    width: calc((100% - 10px) / 2);
  }
}
.tor-modal .tor-form__address-map,
.tor-modal .tor-pay__address-map {
  flex: 1 1 auto;
  min-height: 200px;
}
.tor-modal .tor-field__input--checkbox {
  flex: 0 0 auto;
  width: 22px !important;
  height: 22px !important;
  accent-color: var(--primary-color);
  border: 1px solid #000;
  border-radius: 5px;
  margin-left: 10px;
}
.tor-modal .tor-event-slider__slider {
  flex: 0 0 auto;
  position: relative;
  width: 60px;
  height: 30px;
  background-color: var(--dual-slider-bg-color);
  border-radius: 30px;
  appearance: none;
  order: 3;
}
.tor-modal .tor-event-slider__slider::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  bottom: auto;
  transform: translateY(-50%) translateX(3px);
  width: 22px;
  height: 22px;
  background-color: var(--dual-slider-pip-color);
  border: 2px solid #fff;
  border-radius: 50%;
  transition: transform 200ms linear;
}
.tor-modal .tor-event-slider__slider:checked::after {
  transform: translateY(-50%) translateX(33px);
}
.tor-modal .tor-event-slider__slider:checked ~ .tor-event-slider__label--left {
  color: var(--secondary-system-font-color) !important;
}
.tor-modal .tor-event-slider__slider:checked ~ .tor-event-slider__label--right {
  color: var(--primary-system-font-color) !important;
}
.tor-modal .tor-field__input-wrap {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.tor-modal .tor-field__input-wrap--gap {
  gap: 10px;
}
.tor-modal .tor-field__input-wrap--lookup {
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-field--stacked {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .tor-modal .tor-field--stacked .tor-field__label {
    margin-right: 0;
  }
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-field--stacked .tor-field__label {
    margin-bottom: 5px;
  }
}
.tor-modal .tor-field {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-field {
    flex: 1 1 auto;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    width: auto;
  }
}
.tor-modal .tor-trade {
  width: 100%;
  max-width: 854px;
  margin: 0 auto;
}
.tor-modal .tor-trade--account .tor-trade-login__content {
  max-width: 600px;
  margin: 0 auto;
}
.tor-modal .tor-trade--account .tor-trade-login__content-img {
  width: 600px;
  height: 110px;
}
.tor-modal .tor-logo-image {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-modal .tor-trade-login {
  display: flex;
  flex-flow: row;
  gap: 10px;
  margin-top: 50px;
}
.tor-modal .tor-trade-login--education .tor-trade-login__content {
  background-color: #fff;
}
.tor-modal .tor-trade-login--education .tor-trade-login__footer p,
.tor-modal .tor-trade-login--education .tor-trade-login__sub-header {
  font-family: Arial, sans-serif;
}
.tor-modal .tor-trade-login--education .tor-trade-login__offer {
  background-color: transparent;
}
.tor-modal .tor-trade-login--education .tor-trade-login__offer img {
  object-fit: cover;
}
.tor-modal .tor-trade-login--align-center {
  align-items: center;
}
.tor-modal .tor-trade-login__sidebar {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 268px;
  padding: 10px 0;
}
.tor-modal .tor-trade-login__sidebar p {
  margin-bottom: 0;
}
.tor-modal .tor-trade-login__message {
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  background-color: #008081;
  border-radius: 10px;
  padding: 10px;
}
.tor-modal .tor-trade-login__trade-logo {
  position: relative;
  width: 100%;
  height: 30px;
}
.tor-modal .tor-trade-login__header {
  color: #DA148B;
  font-size: 24px;
  line-height: 30px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}
.tor-modal .tor-trade-login__sub-header {
  color: #627281;
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
  text-align: center;
}
.tor-modal .tor-trade-login__offer-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
.tor-modal .tor-trade-login__offer {
  position: relative;
  width: calc((100% - 5px) / 2);
  background-color: #eee;
  aspect-ratio: 130 / 117;
}
.tor-modal .tor-trade-login__footer {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.tor-modal .tor-trade-login__footer p {
  color: #008081;
  font-size: 14px;
  line-height: 16px;
  font-weight: 800;
}
.tor-modal .tor-trade-login__footer-img {
  position: relative;
  width: 100%;
  height: 46px;
}
.tor-modal .tor-trade-login__content-heading {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 20px;
  padding-bottom: 40px;
}
.tor-modal .tor-trade-login__content-heading p {
  color: #24394C;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 0;
}
.tor-modal .tor-trade-login__content-img {
  position: relative;
  width: 500px;
  height: 150px;
}
.tor-modal .tor-trade-form {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}
.tor-modal .tor-trade-form--full {
  max-width: 100%;
}
.tor-modal .tor-trade-form__row {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 10px;
}
.tor-modal .tor-trade-form__row--align-start {
  align-items: flex-start;
}
.tor-modal .tor-trade-form__static-icon {
  flex: 0 0 auto;
  position: relative;
  width: 60px;
  height: 40px;
}
.tor-modal .tor-trade-form__results {
  flex: 1 1 auto;
  height: 150px;
  background-color: #F9F9F9;
  border: 1px solid #eee;
  overflow-y: auto;
}
.tor-modal .tor-trade-form__label {
  width: 60px;
  color: #24394C;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  font-family: Arial, sans-serif;
  text-align: center;
}
.tor-modal .tor-trade-form__input-wrap {
  position: relative;
  width: 100%;
}
.tor-modal .tor-trade-form__input {
  width: 100%;
  color: #24394C;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  background-color: #fff;
  padding: 16px 5px 16px 60px;
  border: 1px solid #627281;
  border-radius: 5px;
}
.tor-modal .tor-trade-form__input::placeholder {
  color: #9D9D9D;
}
.tor-modal .tor-trade-form__input--static-icon {
  padding-left: 5px;
}
.tor-modal .tor-trade-form__input-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: auto;
  bottom: auto;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
}
.tor-modal .tor-trade-form__text-btn {
  width: 100%;
  color: #627281;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 5px;
}
.tor-modal .tor-trade-results {
  display: flex;
  flex-flow: column;
  font-family: Arial, sans-serif;
}
.tor-modal .tor-trade-results__row {
  display: flex;
  flex-flow: row;
}
.tor-modal .tor-trade-results__row.selected-row-education {
  background-color: #008081;
}
.tor-modal .tor-trade-results__row.selected-row-education .tor-trade-results__cell {
  color: #fff;
}
.tor-modal .tor-trade-results__row--heading {
  position: sticky;
  top: 0;
  background-color: #24394C;
}
.tor-modal .tor-trade-results__row--heading .tor-trade-results__cell {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.tor-modal .tor-trade-results__cell {
  font-family: Arial, sans-serif;
  color: #24394C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  padding: 5px;
}
.tor-modal .tor-trade-results__cell:first-child {
  width: 10%;
}
.tor-modal .tor-trade-results__cell:nth-child(2) {
  width: 50%;
}
.tor-modal .tor-trade-results__cell:nth-child(3) {
  width: 20%;
}
.tor-modal .tor-trade-nav {
  background-color: #EFEFEF;
  padding-top: 5px;
}
.tor-modal .tor-trade-nav__list {
  display: flex;
  flex-flow: row;
  gap: 10px;
  margin: 0;
  margin-left: 5px;
}
.tor-modal .tor-trade-nav__item {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 2px;
  list-style-type: none;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  width: 92px;
  cursor: pointer;
}
.tor-modal .tor-trade-nav__item--active {
  background-color: #fff;
}
.tor-modal .tor-trade-nav__item--active .tor-trade-nav__text {
  color: #24394C;
}
.tor-modal .tor-trade-filter-calendar {
  width: 75%;
}
.tor-modal .tor-trade-filter-calendar .pika-table {
  width: 100%;
}
.tor-modal .tor-trade-nav__icon {
  position: relative;
  width: 25px;
  height: 25px;
}
.tor-modal .tor-trade-nav__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-modal .tor-trade-nav__text {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}
.tor-modal .tor-trade-date-wrap {
  display: flex;
  flex-flow: row;
  gap: 5px;
  margin-top: 10px;
}
.tor-modal .tor-trade-date-wrap__days {
  display: flex;
  flex-flow: row;
  gap: 2px;
  width: calc(100% - 0px);
}
.tor-modal .tor-trade-calendar-filters {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.tor-modal .tor-trade-date-wrap__month {
  width: 300px;
}
.tor-modal .tor-trade-day {
  flex: 1 1 15%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  border: 1px solid #627281;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 5px;
  cursor: pointer;
}
.tor-modal .tor-trade-day--active {
  border-color: transparent;
}
.tor-modal .tor-trade-day--active .tor-trade-day__date {
  color: #005FB6;
}
.tor-modal .tor-trade-day__date {
  color: #627281;
  font-size: 15px;
  line-height: 17px;
  font-weight: 800;
}
.tor-modal .tor-trade-day__weekday {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.tor-modal .tor-modal__content {
  position: relative;
  width: 100%;
  max-width: 360px;
  background-color: #fff;
  padding: 20px 10px;
  border-radius: 10px;
  overflow: auto;
  max-height: 80vh;
}
.tor-modal .tor-modal__content p {
  font-size: 12px;
  line-height: 14px;
  font-family: Arial, 'sans-serif';
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal__content p {
    font-size: 14px;
    line-height: 16px;
  }
}
.tor-modal .tor-modal__content--members-only {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.tor-modal .tor-modal__content--members-only h2 {
  font-size: 16px;
  line-height: 18px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal__content--members-only h2 {
    font-size: 20px;
    line-height: 22px;
  }
}
.tor-modal .tor-modal__content--gap {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.tor-modal .tor-modal__content--gap .tor-form__actions {
  margin-top: 0;
}
.tor-modal .tor-modal__content--full-height {
  max-height: 100%;
}
.tor-modal .tor-modal__content--newsletter {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.tor-modal .tor-modal__content--newsletter h2 {
  color: var(--newsletter-heading-text);
  font-size: 18px;
  line-height: 22px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal__content--newsletter h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.tor-modal .tor-modal__heading {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.tor-modal .tor-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  width: 30px !important;
  height: 30px !important;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  appearance: none;
}
.tor-modal .tor-modal__close::before,
.tor-modal .tor-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  height: 2px;
  width: 15px;
  background-color: #111;
}
.tor-modal .tor-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.tor-modal .tor-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.tor-modal .tor-modal__title {
  display: block;
  color: #24394C;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal__title {
    font-size: 20px;
    line-height: 22px;
  }
}
.tor-modal .tor-modal__title--icon {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
.tor-modal .tor-modal__title-icon {
  position: relative;
  width: 20px;
  height: 20px;
}
.tor-modal .tor-modal__title-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-modal .tor-modal__actions {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.tor-modal .tor-modal__actions--justify-end {
  justify-content: flex-end;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal__actions--strict-half .tor-modal__action {
    flex: 1 1 auto;
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal__action {
    width: calc((100% - 10px) / 2);
  }
}
.tor-modal .tor-modal__event-img {
  aspect-ratio: 16 / 9;
}
.tor-modal .tor-checkout {
  background-color: transparent;
  padding: 0;
}
.tor-modal .tor-checkout__checkout-types {
  margin-bottom: 0;
}
.tor-modal .tor-missed-payment {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.tor-modal .tor-missed-payment__heading {
  text-align: center;
}
.tor-modal .tor-missed-payment__title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.tor-modal .tor-missed-payment__total {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
}
.tor-modal .adyen-checkout__payment-method__header {
  padding-top: 12px;
}
.tor-modal .tor-modal-inactive {
  display: flex;
  flex-flow: column;
  gap: 5px;
  padding: 5px 10px;
}
.tor-modal .tor-modal-inactive__text-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 20px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal-inactive__text-wrap {
    flex-flow: row;
  }
}
.tor-modal .tor-modal-inactive__icon {
  flex: 0 0 auto;
  position: relative;
  width: 80px;
  height: 80px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal-inactive__icon {
    width: 100px;
    height: 100px;
  }
}
.tor-modal .tor-modal-inactive__icon svg {
  fill: #FF9900;
}
.tor-modal .tor-modal-inactive__text {
  flex: 1 1 auto;
  color: #000;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal-inactive__text {
    text-align: left;
  }
}
.tor-modal .tor-modal-inactive__text h2 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
@media screen and (min-width: 500px) {
  .tor-modal .tor-modal-inactive__text h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal-inactive__text h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.tor-modal .tor-modal-inactive__text p {
  font-size: 16px;
  line-height: 18px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-modal-inactive__text p {
    font-size: 18px;
    line-height: 20px;
  }
}
.tor-modal .tor-modal-inactive__actions {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
@media screen and (min-width: 500px) {
  .tor-modal .tor-modal-inactive__actions {
    flex-flow: row;
    justify-content: flex-end;
  }
}
.tor-modal .tor-modal-inactive__action {
  flex: 0 0 auto;
  width: 100%;
  color: #000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #dedede;
  padding: 10px;
  border-radius: 5px;
}
@media screen and (min-width: 500px) {
  .tor-modal .tor-modal-inactive__action {
    width: auto;
  }
}
.tor-modal .tor-lookup__content-wrap {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
@media screen and (min-width: 760px) {
  .tor-modal .tor-lookup__content-wrap {
    flex-flow: row;
  }
}
.tor-modal .tor-lookup__info-wrap {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  gap: 10px;
  color: #000;
}
.tor-modal .tor-lookup__info-wrap h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
}
.tor-modal .tor-lookup__info {
  min-height: 110px;
  color: #000;
  font-size: 16px;
  line-height: 18px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-lookup__check {
    width: 50%;
  }
}
.tor-modal .tor-lookup__map {
  position: relative;
  flex: 0 0 auto;
  aspect-ratio: 340 / 280;
  overflow: hidden;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-lookup__map {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 760px) {
  .tor-modal .tor-lookup__map {
    width: 340px;
  }
}
.tor-modal .tor-lookup__map iframe {
  width: 100%;
  height: 100%;
}
.tor-modal .tor-lookup__icon {
  flex: 0 0 auto;
  position: relative;
  width: 100px;
  height: 100px;
}
.tor-modal .tor-lookup__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-modal .tor-lookup__content {
  display: flex;
  flex-flow: column;
}
.tor-modal .tor-lookup__content p {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}
.tor-modal .jstor-tickets-wrap-inner {
  width: 100%;
}
.tor-modal .tor-lookup__input-wrap {
  display: flex;
  flex-flow: row;
}
.tor-modal .tor-lookup__label {
  display: block;
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
}
.tor-modal .tor-lookup__input {
  flex: 1 1 auto;
  font-size: 12px;
  line-height: 14px;
  color: #627281;
  background-color: #fff;
  border: 1px solid #627281;
  padding: 8px 5px;
  margin-right: 10px;
}
.tor-modal .tor-lookup__address {
  margin-bottom: 5px;
}
.tor-modal .tor-lookup__address p {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  margin-bottom: 0;
}
.tor-modal .tor-lookup__confirmation {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.tor-modal .tor-lookup__confirmation p {
  color: #627281;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}
.tor-modal .tor-lookup__confirmation-icon {
  flex: 0 0 auto;
  position: relative;
  display: block;
  width: 38px;
  height: 35px;
  background: transparent url("../images/geo-approve.svg") no-repeat center center / contain;
  margin-left: auto;
}
.tor-modal .tor-lookup__confirmation-icon--failed {
  width: 35px;
  background-image: url("../images/geo-unapprove.svg");
}
.tor-modal .tor-lookup__notice {
  color: #8F2F06;
  font-size: 12px;
  line-height: 14px;
  margin-top: auto;
}
.tor-modal .tor-lookup__notice p {
  color: #8F2F06;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}
.tor-modal--650 .tor-modal__content {
  max-width: 650px;
}
.tor-modal--800 .tor-modal__content {
  max-width: 800px;
}
.tor-modal--900 .tor-modal__content {
  max-width: 900px;
}
.tor-modal--950 .tor-modal__content {
  max-width: 950px;
}
.tor-modal--1000 .tor-modal__content {
  max-width: 1000px;
}
.tor-modal--video-gallery {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 400ms linear;
}
.tor-modal--video-gallery .tor-modal__content {
  padding: 30px 0 !important;
  border-radius: 0;
  background-color: #000;
}
.tor-modal--video-gallery .tor-modal__close::before,
.tor-modal--video-gallery .tor-modal__close::after {
  background-color: #ccc;
}
.tor-modal--video-gallery .glide__bullet {
  background-color: #ccc;
}
.swal2-html-container {
  font-family: Arial, sans-serif;
}
.tor-modal .tor-event-slider {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 5px;
}
.tor-modal .tor-event-slider--large-text .tor-event-slider__label {
  font-size: 14px;
  line-height: 16px;
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-event-slider--large .tor-event-slider__slider {
    width: 100px;
    height: 40px;
  }
  .tor-modal .tor-event-slider--large .tor-event-slider__slider::after {
    width: 35px;
    height: 35px;
  }
  .tor-modal .tor-event-slider--large .tor-event-slider__slider:checked::after {
    transform: translateY(-50%) translateX(62px);
  }
  .tor-modal .tor-event-slider--large .tor-event-slider__label {
    font-size: 20px;
    line-height: 24px;
  }
}
.tor-modal .tor-event-slider--single .tor-event-slider__slider {
  background-color: var(--single-slider-bg-color);
}
.tor-modal .tor-event-slider--single .tor-event-slider__slider::after {
  background-color: var(--single-slider-pip-color);
}
.tor-modal .tor-event-slider--single .tor-event-slider__slider:checked::after {
  background-color: var(--single-slider-pip-on-color);
}
.tor-modal .tor-event-slider--single .tor-event-slider__slider:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tor-modal .tor-event-slider--green .tor-event-slider__slider::after {
  background-color: #01AA07;
}
.tor-modal .tor-event-slider__icon {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
}
.tor-modal .tor-event-slider__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tor-modal .tor-event-slider__icon svg {
  fill: var(--secondary-system-font-color);
}
.tor-modal .tor-event-slider__label {
  color: var(--secondary-system-font-color);
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  transition: color 200ms linear;
}
.tor-modal .tor-event-slider__label--left {
  color: var(--primary-system-font-color);
  text-align: right;
  order: 2;
}
.tor-modal .tor-event-slider__label--right {
  text-align: left;
  order: 4;
}
.tor-modal .tor-event-slider__slider {
  flex: 0 0 auto;
  position: relative;
  width: 60px;
  height: 30px;
  background-color: var(--dual-slider-bg-color);
  border-radius: 30px;
  appearance: none;
  order: 3;
}
.tor-modal .tor-event-slider__slider::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  bottom: auto;
  transform: translateY(-50%) translateX(3px);
  width: 22px;
  height: 22px;
  background-color: var(--dual-slider-pip-color);
  border: 2px solid #fff;
  border-radius: 50%;
  transition: transform 200ms linear;
}
.tor-modal .tor-event-slider__slider:checked::after {
  transform: translateY(-50%) translateX(33px);
}
.tor-modal .tor-event-slider__slider:checked ~ .tor-event-slider__label--left {
  color: var(--secondary-system-font-color) !important;
}
.tor-modal .tor-event-slider__slider:checked ~ .tor-event-slider__label--right {
  color: var(--primary-system-font-color) !important;
}
.tor-modal .tor-large-membership__img-wrap {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
  width: 100px;
  overflow: hidden;
}
.tor-modal .tor-large-membership__img {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}
.tor-modal .tor-large-membership__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 599px) {
  .tor-modal .tor-field__icon--pay {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .tor-modal .tor-field__input-wrap--wrap {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 599px) {
  .tor-modal .tor-pay__heading {
    flex-flow: column;
  }
}
@media screen and (min-width: 600px) {
  .tor-modal .tor-pay__field-wrap--account-check .tor-large-membership__img-wrap,
  .tor-modal .tor-pay__field-wrap--account-check .tor-pay__field-group {
    width: calc((100% - 20px) / 3) !important;
  }
}
.tor-modal .tor-pay__field-wrap--account-check .tor-large-membership__img-wrap {
  align-items: center;
}
.tor-modal .tor-pay__field-wrap--account-check .tor-field {
  flex: 0 0 auto;
}
.tor-header-fixed {
  margin-top: 92px;
}
@media screen and (min-width: 960px) {
  .tor-header-fixed {
    margin-top: 98px;
  }
}
@media screen and (min-width: 1200px) {
  .tor-header-fixed {
    margin-top: 100px;
  }
}
.tor-header-fixed .tor-header {
  position: fixed !important;
  top: 0;
  background-color: #fff;
  z-index: 1000;
}
.tor-footer-fixed {
  margin-bottom: 41px;
}
.tor-footer-fixed .tor-footer__actions {
  position: fixed !important;
  bottom: 0;
  padding: 5px;
  z-index: 1000;
}
@media screen and (min-width: 600px) {
  .tor-footer-fixed .tor-footer__actions {
    padding: 5px 0;
  }
}
/* Custom styles for booking notes field */
#torwebbooking .tor-field__input--booking-notes,
.tor-modal .tor-field__input--booking-notes {
  min-height: 120px;
  padding: 15px;
  border-radius: 8px;
  border: 2px solid #e0e0e0;
  background-color: #fafafa;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
#torwebbooking .tor-field__input--booking-notes:focus,
.tor-modal .tor-field__input--booking-notes:focus {
  border-color: var(--primary-color);
  background-color: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(98, 114, 129, 0.1);
}
#torwebbooking .tor-checkout__booking-notes,
.tor-modal .tor-checkout__booking-notes {
  margin: 20px 0;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 10px;
  border: 1px solid #e9ecef;
}
#torwebbooking .tor-checkout__booking-notes .tor-field__label,
.tor-modal .tor-checkout__booking-notes .tor-field__label {
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--primary-color-dark);
}