@import "../../BaseTemplate/css/WebOverrides.css";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
:root {
  --body-font-color: #000;
  --heading-font-color: #134154;
  --primary-link-color: #134154;
  --primary-link-color-hover: #134154;
  --body-background-color: #fff;
  --section-background-color: #fff;
  --item-background-color: #fff;
  --event-image-display: none;
  --body-font-family: "acumin-pro-condensed", roboto, arial;
  --status-label-text-color: #fff;
  --status-label-background-color: #134154;
}

body.l-layout {
  background-image: url(../images/bg-texture.jpg);
}

.l-content {
  background-image: url(../images/palm-tree.svg), url(../images/surfboard.svg);
  background-repeat: no-repeat;
  background-size: 150px, 150px;
  background-position: left 95%, right 5%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

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

.h2, h2 {
  font-size: 20px;
}

.h3, .h4, h3, h4 {
  font-size: 16px;
}

.g-button.primary {
  padding: 16px;
}

button.g-button.primary:has(svg) {
  padding: 16px;
}

.g-masthead,
.g-masthead.has-image {
  background: transparent !important;
  border: none;
}
.g-masthead .g-masthead-title,
.g-masthead.has-image .g-masthead-title {
  font-weight: 700;
  color: #134154;
}
.g-masthead .g-block-head-inner,
.g-masthead.has-image .g-block-head-inner {
  font-weight: 700;
  color: #134154;
}

.g-logo img {
  margin: 10px auto;
}

.tight + .tight {
  margin: 1.875rem 0;
}

.g-button.primary {
  text-transform: uppercase;
  font-weight: 700;
  background-color: linear-gradient(90deg, #94deff, #6bd4e5);
}
.g-button.primary:hover {
  opacity: 0.7;
}

.g-button.secondary {
  text-transform: uppercase;
  font-weight: 700;
}

.g-blocklist.box .g-blocklist-main {
  flex-basis: 11rem;
}

.supportcentre .genesys-mxg-frame {
  display: none;
}
.supportcentre .cx-messenger-1qfeen {
  display: none;
}

#pricesTab #prices {
  display: flex;
  flex-direction: column;
}
#pricesTab #prices #offerPageHeading {
  order: 2;
}
#pricesTab #prices #selecttickets {
  order: 3;
}
#pricesTab #prices .g-button {
  order: 1;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 0 0 auto;
}

/* fees switch  - how is this going to be a thing on new design ? */
/*.price-list {
	a .fees {
		text-transform: capitalize;
		font-style: normal;
	}

	.fees-cost {
		font-size: 1rem;
	}

	.total-cost {
		font-size: 0.8rem;
		font-style: italic;
	}

	.ticket-value {
		width: 30%;
	}
}*/
/*.price-list {
	tbody {
		.ticket {
			td {
				font-weight: 500;

				.fees-cost {

					br {
						display: none;
					}

					.fees {
						margin-left: 0.5rem !important;
						font-size: 1rem;
					}
				}
			}
		}

		.description {
			.pre-line-format {
				white-space: normal;
				padding-bottom: 1rem;
				letter-spacing: 0.5px;

				a {
					color: #134154;
				}
			}
		}
	}
}*/
#coachFilter,
#coachFilterThurs {
  margin-top: 5px;
}

/*.page-countdown {
	font-size: 20px !important;

	.timer {
		font-size: 30px !important;
	}
}*/
/**Breadcrumbs 3: The Last Crusade**/
.breadcrumbs_v3 {
  max-width: 60rem;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  overflow: inherit;
  position: relative;
  height: 120px;
}
.breadcrumbs_v3 .breadcrumbs-container {
  position: absolute;
  display: flex;
  align-items: center;
  margin: 0 15px;
}
.breadcrumbs_v3 .breadcrumbs-container .progress-item {
  display: inline-block;
  color: #134154;
  width: 125px;
  text-align: center;
}
.breadcrumbs_v3 .breadcrumbs-container .progress-item .breadcrumb-title {
  /*min-height: 50px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1em 0;
}
.breadcrumbs_v3 .breadcrumbs-container .progress-item .breadcrumb-title a {
  color: #134154;
}
.breadcrumbs_v3 .breadcrumbs-container .progress-item .breadcrumb-node {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.breadcrumbs_v3 .breadcrumbs-container .progress-item .breadcrumb-node .breadcrumb-connector {
  width: 100%;
  position: absolute;
  transform: translate(50%, 0);
  height: 4px;
  background: #c1c1c1;
}
.breadcrumbs_v3 .breadcrumbs-container .progress-item .breadcrumb-node svg {
  fill: #c1c1c1;
  border: 3px solid #c1c1c1;
  background: #c1c1c1;
  width: 30px;
  height: 30px;
  display: block;
  margin: auto;
  padding: 5px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.breadcrumbs_v3 .breadcrumbs-container img {
  height: 35px;
}

.v-tour-index .breadcrumbs_v3 .breadcrumbs-container .tickets svg,
.v-tour-timeslots .breadcrumbs_v3 .breadcrumbs-container .tickets svg,
.v-event-eventdetails .breadcrumbs_v3 .breadcrumbs-container .tickets svg,
.v-event-upsell .breadcrumbs_v3 .breadcrumbs-container .tickets svg,
.landing-options .breadcrumbs_v3 .breadcrumbs-container .tickets svg {
  border: 3px solid #134154;
  background: #134154;
  fill: #134154;
}
.v-tour-index .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector,
.v-tour-timeslots .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector,
.v-event-eventdetails .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector,
.v-event-upsell .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector,
.landing-options .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector {
  background: #134154;
}
.v-tour-index .breadcrumbs_v3 .breadcrumbs-container .basket svg,
.v-tour-index .breadcrumbs_v3 .breadcrumbs-container .checkouts svg,
.v-tour-index .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.v-tour-index .breadcrumbs_v3 .breadcrumbs-container .done svg,
.v-tour-timeslots .breadcrumbs_v3 .breadcrumbs-container .basket svg,
.v-tour-timeslots .breadcrumbs_v3 .breadcrumbs-container .checkouts svg,
.v-tour-timeslots .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.v-tour-timeslots .breadcrumbs_v3 .breadcrumbs-container .done svg,
.v-event-eventdetails .breadcrumbs_v3 .breadcrumbs-container .basket svg,
.v-event-eventdetails .breadcrumbs_v3 .breadcrumbs-container .checkouts svg,
.v-event-eventdetails .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.v-event-eventdetails .breadcrumbs_v3 .breadcrumbs-container .done svg,
.v-event-upsell .breadcrumbs_v3 .breadcrumbs-container .basket svg,
.v-event-upsell .breadcrumbs_v3 .breadcrumbs-container .checkouts svg,
.v-event-upsell .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.v-event-upsell .breadcrumbs_v3 .breadcrumbs-container .done svg,
.landing-options .breadcrumbs_v3 .breadcrumbs-container .basket svg,
.landing-options .breadcrumbs_v3 .breadcrumbs-container .checkouts svg,
.landing-options .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.landing-options .breadcrumbs_v3 .breadcrumbs-container .done svg {
  border: 3px solid #c1c1c1;
  background: #fff;
  fill: #fff;
}

.l-basket .breadcrumbs_v3 .breadcrumbs-container .tickets svg,
.v-basket-index .breadcrumbs_v3 .breadcrumbs-container .tickets svg {
  border: 3px solid #134154;
  background: #134154;
  fill: #fff;
}
.l-basket .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector,
.v-basket-index .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector {
  background: #134154;
}
.l-basket .breadcrumbs_v3 .breadcrumbs-container .basket svg,
.v-basket-index .breadcrumbs_v3 .breadcrumbs-container .basket svg {
  border: 3px solid #134154;
  background: #134154;
  fill: #134154;
}
.l-basket .breadcrumbs_v3 .breadcrumbs-container .checkouts svg,
.l-basket .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.l-basket .breadcrumbs_v3 .breadcrumbs-container .done svg,
.v-basket-index .breadcrumbs_v3 .breadcrumbs-container .checkouts svg,
.v-basket-index .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.v-basket-index .breadcrumbs_v3 .breadcrumbs-container .done svg {
  border: 3px solid #c1c1c1;
  background: #fff;
  fill: #fff;
}

.l-checkout.v-purchase-configure .breadcrumbs_v3 .breadcrumbs-container .tickets svg,
.l-checkout.v-purchase-configure .breadcrumbs_v3 .breadcrumbs-container .basket svg {
  border: 3px solid #134154;
  background: #134154;
  fill: #fff;
}
.l-checkout.v-purchase-configure .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector,
.l-checkout.v-purchase-configure .breadcrumbs_v3 .breadcrumbs-container .basket .breadcrumb-connector {
  background: #134154;
}
.l-checkout.v-purchase-configure .breadcrumbs_v3 .breadcrumbs-container .checkouts svg {
  border: 3px solid #134154;
  background: #134154;
  fill: #134154;
}
.l-checkout.v-purchase-configure .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.l-checkout.v-purchase-configure .breadcrumbs_v3 .breadcrumbs-container .done svg {
  border: 3px solid #c1c1c1;
  background: #fff;
  fill: #fff;
}

.l-checkout .breadcrumbs_v3 .breadcrumbs-container .tickets svg,
.l-checkout .breadcrumbs_v3 .breadcrumbs-container .basket svg,
.l-checkout .breadcrumbs_v3 .breadcrumbs-container .checkouts svg {
  border: 3px solid #134154;
  background: #134154;
  fill: #fff;
}
.l-checkout .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector,
.l-checkout .breadcrumbs_v3 .breadcrumbs-container .basket .breadcrumb-connector,
.l-checkout .breadcrumbs_v3 .breadcrumbs-container .checkouts .breadcrumb-connector {
  background: #134154;
}
.l-checkout .breadcrumbs_v3 .breadcrumbs-container .payment svg {
  border: 3px solid #134154;
  background: #134154;
  fill: #134154;
}
.l-checkout .breadcrumbs_v3 .breadcrumbs-container .done svg {
  border: 3px solid #c1c1c1;
  background: #fff;
  fill: #fff;
}

.l-complete .breadcrumbs_v3 .breadcrumbs-container .tickets svg,
.l-complete .breadcrumbs_v3 .breadcrumbs-container .basket svg,
.l-complete .breadcrumbs_v3 .breadcrumbs-container .checkouts svg,
.l-complete .breadcrumbs_v3 .breadcrumbs-container .payment svg,
.l-complete .breadcrumbs_v3 .breadcrumbs-container .done svg {
  border: 3px solid #134154;
  background: #134154;
  fill: #fff;
}
.l-complete .breadcrumbs_v3 .breadcrumbs-container .tickets .breadcrumb-connector,
.l-complete .breadcrumbs_v3 .breadcrumbs-container .basket .breadcrumb-connector,
.l-complete .breadcrumbs_v3 .breadcrumbs-container .checkouts .breadcrumb-connector,
.l-complete .breadcrumbs_v3 .breadcrumbs-container .payment .breadcrumb-connector,
.l-complete .breadcrumbs_v3 .breadcrumbs-container .done .breadcrumb-connector {
  background: #134154;
}

@media only screen and (max-width: 40rem) {
  .breadcrumbs_v3 .breadcrumbs-container .progress-item {
    width: 65px;
    font-size: 13px;
  }
  .payment_methods img {
    max-height: 25px;
  }
  .price-list tr td:first-child {
    max-width: 100%;
  }
}
/**End**/
/* now with basket */
/*.pv-shared-basket-header {
	float: none;
	margin: 0;
	max-width: 58.75rem;
	position: relative;
	width: auto;
	text-align: right;
	margin-right: 0;

	.footer {
		background: none;
	}

	.basket-view-container {
		right: -21.5rem !important;
	}

	.g-sprite-icon::before {
		background: none;
	}

	.close-w-border {
		display: block !important;
	}

	.basket-link.basket-black {
		border-radius: 20px;
		background: #000;
		border: 1px solid #000;
		color: #fff;
		margin-left: 5px;

		span {
			background: #000;
			border: 1px solid #000;
			color: #fff;
			padding: 0;
			margin-left: 0;
			height: 22px;
			line-height: 19px;
		}
	}

	.g-order-summary-item {
		display: block !important;
		width: auto !important;

		svg {
			border: none !important;
			background: inherit !important;
			fill: var(--primary-link-color) !important;
		}
	}

}


.basket-options {
	padding: 1rem;
	border: 2px solid #000;
	min-height: 36rem;
	position: relative;

	.g-button {
		position: absolute;
		bottom: 1rem;
		width: 91%;
	}

	p {
		margin: 0 0.5rem 0 0;
	}
}*/
.supportcentre.sc145 .breadcrumbs_v3 {
  display: none;
}

b,
strong {
  font-weight: 501;
}

.price-list .t-head.offer-description th p {
  font-size: 1rem;
}

.add-more-options {
  justify-content: center;
}
.add-more-options .add-more a {
  font-size: 16px;
  text-align: center;
  color: #fff;
}

@media only screen and (min-width: 60rem) {
  .basket-menu.x2 {
    max-width: 19.667%;
    min-width: 19.667%;
  }
  .basket-menu.x2 .g-button {
    font-size: 12px;
  }
  .basket-menu.x4 .g-button {
    font-size: 16px;
  }
}
.fixed-scroll {
  top: 8rem;
}

.basket-event .g-order-summary-top img {
  display: none;
}
.basket-event .g-order-summary-top-text-container {
  border: 0;
  padding-left: 0;
}

/*.delivery {
	.warning.g-small-print {
		display: none
	}

	ul {
		padding-left: 1.5rem;
	}
}*/
.landing-options .g-inner {
  max-width: 75rem;
}
.landing-options .g-inner a {
  display: block;
  text-decoration: none;
}
.landing-options .g-inner a:hover {
  text-decoration: none;
}
.landing-options .g-grid-col {
  display: block;
  padding: 10px;
  text-align: left;
  position: relative;
  margin: 0;
}
.landing-options .g-grid-col .t-ui-box {
  padding: 28px;
  background-size: cover;
  border-radius: 10px;
  background-position: inherit;
}
.landing-options .g-grid-col .t-ui-box:hover {
  opacity: 0.9;
}
.landing-options .g-grid-col .t-ui-box:hover .g-button.primary {
  border: 2px solid #fff;
  color: #fff;
  background-color: transparent;
}
.landing-options .g-grid-col .t-ui-box:hover .g-button.primary svg {
  fill: #fff;
}
.landing-options .g-grid-col .t-ui-box h2 {
  color: #fff;
  text-transform: Uppercase;
  font-size: 48px;
  font-weight: 300;
  margin: 7.5rem 0 1rem 0;
  line-height: 1;
}
.landing-options .g-grid-col .t-ui-box .description {
  display: none;
  text-decoration: none;
  color: #fff;
  padding-bottom: 10px;
}
.landing-options .g-grid-col .t-ui-box .g-button.primary {
  margin-top: 0.5rem;
  color: #000;
  background: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #fff;
}
.landing-options .g-grid-col .t-ui-box .g-button.primary svg {
  fill: #000;
}
.landing-options .one-day,
.landing-options .two-day {
  display: none;
}

@media screen and (max-width: 30rem) {
  .landing-options .g-grid-col .g-ui-box .g-button.primary {
    display: block;
    position: relative;
    margin-top: 10px;
  }
  .landing-options .g-grid-col .g-ui-box.fixed-height {
    padding-bottom: 4.5rem;
  }
  .t-head.offer-description {
    padding: 0.625rem 0;
  }
}
.add-more h2 {
  font-size: 22px;
}

.basket-menu img {
  border-radius: 5px 5px 0 0;
}
.basket-menu .workshop-link {
  border-radius: 0 0 5px 5px;
}

.v2-price-group h3 {
  border-bottom: none;
  background: var(--primary-link-color);
  color: #fff;
  padding: 1rem;
  border-radius: 5px;
}

.arr-down, .arr-up {
  border: solid #fff;
  border-width: 0 0.2em 0.2em 0;
  float: right;
  margin: 0 10px;
  padding: 0.3em;
}

/*body.l-layout.v-password-protected {
	& :not(main.l-content):not(main.l-content *) {
		display: contents;
	}
}*/
.boardmastersspa .basket-menu .workshop-link {
  border-radius: 5px;
}

.spa-options .g-inner {
  max-width: 60rem;
}
.spa-options .g-inner a {
  display: block;
  text-decoration: none;
}
.spa-options .g-inner a:hover {
  text-decoration: none;
}
.spa-options .g-grid-col {
  display: block;
  padding: 10px;
  text-align: left;
  position: relative;
  margin: 0;
}
.spa-options .g-grid-col .t-ui-box {
  padding: 28px;
  background-size: cover;
  border-radius: 10px;
  background-position: inherit;
}
.spa-options .g-grid-col .t-ui-box:hover {
  opacity: 0.9;
}
.spa-options .g-grid-col .t-ui-box:hover .g-button.primary {
  border: 2px solid #fff;
  color: #fff;
  background-color: transparent;
}
.spa-options .g-grid-col .t-ui-box:hover .g-button.primary svg {
  fill: #fff;
}
.spa-options .g-grid-col .t-ui-box h2 {
  color: #fff;
  text-transform: Uppercase;
  font-size: 48px;
  font-weight: 300;
  margin: 7.5rem 0 1rem 0;
  line-height: 1;
}
.spa-options .g-grid-col .t-ui-box .description {
  display: none;
  text-decoration: none;
  color: #fff;
  padding-bottom: 10px;
}
.spa-options .g-grid-col .t-ui-box .g-button.primary {
  margin-top: 0.5rem;
  background: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #fff;
}
.spa-options .one-day,
.spa-options .two-day {
  display: none;
}
.spa-options .add-more-options .add-more {
  text-align: center;
}

@media screen and (max-width: 30rem) {
  .spa-options .g-grid-col .g-ui-box .g-button.primary {
    display: block;
    position: relative;
    margin-top: 10px;
  }
  .spa-options .g-grid-col .g-ui-box.fixed-height {
    padding-bottom: 4.5rem;
  }
  .t-head.offer-description {
    padding: 0.625rem 0;
  }
}