:root {
	--green-bg: #A47864;
	--green: #A47864;
	--lightgreen: #b9907d;
	--gray-lighter: #d5d5d5;
	--gray-light: #96a3ac;
	--gray: #96a3ac;
	--gray-dark: #3e3e3e;
	--black: #1c1c1c;
	--white: #FFF;
	--font-body: 'gidoleregular', sans-serif;
	--font-headlines: 'Bebas Neue', sans-serif;
}
@media (print), (prefers-reduced-motion: reduce) {
	.no_animations {
		display: block;
	}
}
html, body {
	overflow-x: hidden;
	scroll-behavior: smooth;
	color: var(--white);
	font-family: var(--font-body);
	font-size: calc(1rem + .15vw) !important;
	font-weight: 400;
	font-style: normal;
	height: 100%;
	min-height: 100%;
}
h1, h2, h3 {
	font-size: calc(1.33rem + .15vw) !important;
	font-family: var(--font-headlines);
	font-weight: 400 !important;
}
main em, main i {
	font-style: normal;
}
main b, main strong {
	font-weight: 700;
}
body.natchtemplate-light main, body.natchtemplate-light, body.natchtemplate-dark, .l-content>.g-outer.g-grey {
	font-size: calc(1rem + .15vw) !important;
	font-weight: 400;
	font-family: var(--font-body);
}
body.natchtemplate-light {
	background: #FFF;
}
body.natchtemplate-light main, .l-content>.g-outer.g-grey {
	background: none !important;
	background-color: transparent !important;
	min-height: 100vh;
}
body.natchtemplate-light main>.g-masthead:not(.g-grey) {
	display: block !important;
	background: none !important;
	background-color: transparent !important;
}
body.natchtemplate-light:not(.landing-page) main .g-grid .g-ui-box {
	border: 1px solid var(--gray-lighter);
}
body.natchtemplate-light main .g-grid .g-powered-by-see {
	display: flex;
	justify-content: center;
	align-items: center;
	background: none !important;
	box-shadow: none !important;
}
body.natchtemplate-light main .g-grid .g-powered-by-see a {
	display: flex;
	justify-content: center;
	align-items: center;
}
body.natchtemplate-light .g-outer.tight {
	padding-bottom: 0;
}
*.g-order-summary-top-title, *.g-order-summary p strong,
*.border {
	font-size: calc(1.33rem + .15vw) !important;
	font-family: var(--font-headlines);
	font-weight: 400 !important;
}
body.natchtemplate-light main .g-masthead .g-inner h1 span {
	font-size: calc(42px + .15vw) !important;
}
body.natchtemplate-light main .g-masthead .g-inner h2 {
	color: #000;
	font-size: calc(0.8rem + .15vw) !important;
	font-family: var(--font-body);
}
input[type=date], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
	background-color: rgba(255, 255, 255, 0.3)
}
input[type=date]:hover, input[type=date]:focus, input[type=date]:focus-visible, input[type=date]:focus-within, input[type=datetime]:hover, input[type=datetime]:focus, input[type=datetime]:focus-visible, input[type=datetime]:focus-within, input[type=email]:hover, input[type=email]:focus, input[type=email]:focus-visible, input[type=email]:focus-within, input[type=month]:hover, input[type=month]:focus, input[type=month]:focus-visible, input[type=month]:focus-within, input[type=number]:hover, input[type=number]:focus, input[type=number]:focus-visible, input[type=number]:focus-within, input[type=password]:hover, input[type=password]:focus, input[type=password]:focus-visible, input[type=password]:focus-within, input[type=search]:hover, input[type=search]:focus, input[type=search]:focus-visible, input[type=search]:focus-within, input[type=tel]:hover, input[type=tel]:focus, input[type=tel]:focus-visible, input[type=tel]:focus-within, input[type=text]:hover, input[type=text]:focus, input[type=text]:focus-visible, input[type=text]:focus-within, input[type=time]:hover, input[type=time]:focus, input[type=time]:focus-visible, input[type=time]:focus-within, input[type=url]:hover, input[type=url]:focus, input[type=url]:focus-visible, input[type=url]:focus-within, input[type=week]:hover, input[type=week]:focus, input[type=week]:focus-visible, input[type=week]:focus-within, textarea:hover, textarea:focus, textarea:focus-visible, textarea:focus-within {
	border-color: var(--green) !important;
	background-color: rgba(255, 255, 255, 1) !important;
	transition: .3s ease all;
}
i.fa-brands {
	font-family: "Font Awesome 6 Brands" !important;
}
.l-header.full .g-site-search.full .g-button, .g-scroll-control-button, .g-blocklist.box .g-blocklist-link:after, .g-button.primary {
	background-color: var(--gray-dark);
	color: var(--white);
}
button {
	border-radius: 4px !important;
	font-family: var(--font-headlines);
	transition: .3s ease all;
}
button i.fa {
	font-family: "Font Awesome 6 Free" !important;
	font-size: calc(1.5rem + .15vw) !important;
}
body.natchtemplate-light select:hover, body.natchtemplate-light select:focus, body.natchtemplate-light select:focus-visible, body.natchtemplate-light select:focus-within {
	border: 1px solid var(--green) !important
}
.g-button {
	font-size: calc(1rem + .15vw) !important;
	line-height: 1.1 !important;
	height: auto !important;
}
button#goBack {
	max-width: 33%;
}
.g-button,
.g-button.primary {
	font-family: var(--font-headlines);
	border: 2px solid var(--gray-dark);
	background-color: var(--gray-dark);
	color: var(--white);
	border-radius: 4px;
}
.g-button.primary svg {
	color: var(--white);
	fill: var(--white)
}
.g-button.primary:hover {
	background-color: var(--gray-dark);
	border: 2px solid var(--gray-dark);
	color: var(--white);
	border-radius: 4px;
}
.g-button.secondary {
	background-color: var(--white);
	color: var(--gray-dark);
	border: 2px solid var(--gray-dark);
	border-radius: 4px;
}
.g-button.secondary:hover {
	color: var(--gray-dark);
	color: var(--white);
	background-color: rgba(0, 0, 0, 0);
	border-radius: 4px;
}
.your-basket .g-button.secondary.full {
	margin: .625rem auto;
	line-height: 1.33;
	padding-right: .875rem;
}
.g-button.secondary svg {
	color: var(--white);
	opacity: 1;
	fill: var(--white);
	transition: 0s;
}
button.basket-remove-item.g-button.secondary:hover svg,
button.basket-remove-item.g-button.secondary:focus svg {
	fill: var(--white);
	opacity: 1;
	color: var(--white);
	transition: 0s;
}
.basket-event strong.g-order-summary-top-title.notranslate {
	font-size: calc(1.33rem + .15vw) !important;
}
.basket-event .g-order-summary-item span {
	font-size: calc(.8rem + .15vw) !important;
}
.g-button.tertiary {
	color: var(--gray-dark);
	border-color: var(--gray-dark);
	padding: .71875rem .3125rem;
	border-radius: 4px;
}
.g-button.tertiary:hover {
	color: #FFF;
	border-radius: 4px;
}
.g-button:hover {
	background-color: #ceb26147;
	border-radius: 4px;
}
body:not(.landing-page).g-ui-box {
	background: #FFF !important;
	border: 1px solid var(--gray-light);
}
header:has(.save-the-date-header) {
	background: var(--green);
	padding-bottom: 1.33rem;
}
button.g-button.secondary.offside.small.basket-remove-item {
	max-width: 25px;
	max-height: 25px;
	height: 25px;
	min-height: 25px;
	border: 0;
}
.postage-price--free {
	color: var(--gray-dark)
}
#offerPageHeading {
	border-color: rgba(0, 0, 0, 0.1) !important;
	background: rgba(0, 0, 0, 0.1) !important;
}
#offerPageHeading ul li.offer-page-select:first-of-type {
	border-radius: 8px 0 0 0;
}
#offerPageHeading ul li.offer-page-select a {
	font-family: var(--font-headlines);
}
main .g-grid table.see-table tr.t-head.offer-description th {
	background-color: var(--green);
	color: var(--white);
	font-family: var(--font-headlines);
	line-height: inherit;
	height: auto;
	padding: .625rem .9375rem;
}
.theatre-booking-flow-header .carousel__item.is-active, .tour-calendar__navigation__wrap .carousel__item.is-active, #offerPageHeading .scroll-left, #offerPageHeading .scroll-right {
	background: var(--gray-dark);
	color: var(--white)
}
.theatre-booking-flow-header .carousel__item.is-active svg, .tour-calendar__navigation__wrap .carousel__item.is-active svg, #offerPageHeading .scroll-left svg, #offerPageHeading .scroll-right svg {
	color: var(--white);
	fill: var(--white)
}
.theatre-booking-flow-header .carousel__item.is-active:hover, .tour-calendar__navigation__wrap .carousel__item.is-active:hover, #offerPageHeading .scroll-left:hover, #offerPageHeading .scroll-right:hover {
	background-color: #ceb26147
}
.theatre-booking-flow-header .carousel__item, .tour-calendar__navigation__wrap .carousel__item {
	border-color: var(--gray-dark)
}
#buyTickets {
	float: right;
	margin: 0 0 1.225rem 1.225rem
}
button.g-button.primary.half+a.g-button.secondary.small.active {
	float: none
}
@media screen and (max-width: 43rem) {
	#buyTickets {
		float: none;
		width: 100%;
		clear: both;
		margin: 0 0 .625rem
	}
}
.g-faux-input {
	color: var(--gray-dark);
	border-color: var(--gray-dark)
}
.g-faux-input.radio {
	box-shadow: inset rgba(244, 244, 244, .6) 0 0 0 2px
}
input[type=checkbox]:checked~.g-faux-input, input[type=radio]:checked~.g-faux-input {
	background: var(--gray-dark)
}
.natchtemplate-light .form-fields .form-field label.contain input+.g-faux-input[type=radio]:checked, .natchtemplate-light .form-fields .form-field label.contain input+.g-faux-input[type=checkbox]:checked, .natchtemplate-light .form-fields .form-field label.contain input:checked+.g-faux-input.checkbox, body.natchtemplate-light input[type=checkbox]:checked+.g-faux-input {
	background: var(--gray-dark) !important;
	color: var(--white);
	border-color: var(--gray-dark) !important
}
.pv-registration-check .clear-deposit input {
	color: var(--gray-dark)
}
.dropdown-button:after {
	background: var(--gray-dark)
}
.dropdown-container .dropdown a:hover {
	color: #96a3ac
}
.g-nav-breadcrumbs {
	display: none
}
.g-masthead.has-image {
	background-image: none !important;
	max-width: 100%;
	position: relative;
	padding: 3.125rem .9375rem;
	min-height: auto;
	background-color: var(--white)
}
.g-masthead.has-image .g-masthead-title {
	padding: 0
}
.g-masthead.has-image .g-block-head-inner, .g-masthead.has-image .g-block-head.sub .g-block-head-inner {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	color: var(--gray-dark);
	font-weight: 400
}
.g-masthead.has-image .g-block-head.sub .g-block-head-inner {
	font-size: calc(0.8rem + .15vw) !important;
	text-transform: none
}
.g-ad-container, .g-ui-box.ad-banner {
	display: none
}
.g-browse-filter {
	display: none
}
.l-footer {
	display: none
}
.ratings, #BVRRContainer, .bvr-container {
	display: none
}
.l-header {
	background: rgba(0, 0, 0, 0);
	border: none
}
.g-powered-by-see a {
	color: var(--gray-dark);
	text-decoration: none;
	display: block
}
.g-powered-by-see a svg {
	width: 1.8rem;
	height: 1em;
	fill: var(--gray-dark)
}
.g-powered-by-see:hover svg {
	fill: #96a3ac
}
.g-grey {
	background: #ceb26147
}
main a, .g-follow-widget-label {
	color: var(--gray-dark)
}
main a:hover, .reveal-section p.js-accordion-trigger:hover {
	color: #96a3ac
}
.l-header h1.border, .l-header h2.border, .l-header h3.border, main h1.border, main h2.border, main h3.border, main h4.border {
	padding-bottom: 0
}
.l-header h1.border::after, .l-header h2.border::after, .l-header h3.border::after, main h1.border::after, main h2.border::after, main h3.border::after, main h4.border::after, .price-list .t-head th h3::after {
	display: none
}
.g-masthead {
	border-bottom-color: #ceb26147;
	background: var(--white)
}
.g-ui-box, .alt-info-note, .exchange-for {
	background: var(--white)
}
.alt-info-note {
	border-radius: 4px
}
.g-table tbody th, .g-table tbody td, .price-list th, .price-list tr td, .g-blocklist.box .g-blocklist-link, .g-blocklist.box .g-blocklist-item-extended {
	border-color: var(--white);
	background: #f4f4f4
}
@media(max-width: 33.75rem) {
	.g-table tr, .price-list tr {
		background: #f4f4f4
	}
}
.g-order-summary-top, .g-order-summary-item {
	border-color: #eee
}
.g-has-overlay .g-overlay, .g-has-overlay .g-overlay .g-overlay-content {
	background: rgba(31, 31, 31, .9)
}
.g-has-overlay .g-overlay.join-waiting-list .g-overlay-content {
	background: rgba(255, 255, 255, .85);
	padding: .625rem
}
.g-table tbody th, .g-table tbody td, .price-list th, .price-list tr td, .g-blocklist.box .g-blocklist-link, .g-blocklist-main, .g-blocklist-sub-text {
	color: var(--gray-dark)
}
.l-header .g-nav-main .g-nav-main-item:not(:first-child) a:hover::after, .l-header .g-nav-main .g-nav-main-item:not(:first-child) a.active::after, .l-header h1 a:hover, .l-header h2 a:hover, .l-header h3 a:hover {
	background: var(--gray-dark)
}
.l-header h1 a, .l-header h2 a, .l-header h3 a, main h1 a, main h2 a, main h3 a, main h4 a {
	color: var(--gray-dark)
}
.g-logo img {
	display: block
}
.g-driver {
	background: var(--white)
}
.g-driver .g-driver-text {
	color: var(--gray-dark)
}
.g-driver .g-driver-icon svg {
	fill: var(--white)
}
.g-driver-icon.reverse {
	line-height: 3rem;
	min-height: 3rem;
}
.g-feature-list .g-feature-list-item .g-feature-list-container a:hover .g-feature-list-content .title, .address-list span {
	border-bottom-color: var(--gray-dark)
}
.warning, .cs-info-extend, #user-order-list .your-tickets {
	color: #222
}
.transaction-fee-message p {
	line-height: 1rem;
	clear: right
}
.transaction-fee-gen {
	clear: right
}
.g-block-head.sub .g-block-head-inner, .g-masthead.green-content .g-masthead-content {
	color: var(--gray-dark)
}
.g-countdown-container.inline .page-countdown .timer, .g-countdown-container.mobile-only .page-countdown .timer {
	color: var(--gray-dark)
}
.g-blocklist.numbers .g-button.show-more {
	color: var(--gray-dark)
}
.g-progress-nav-link.current, .g-progress-nav-link.past {
	color: rgba(31, 31, 31, .8)
}
.g-icon {
	fill: var(--white)
}
.pv-shared-link-order .g-icon {
	fill: var(--gray-dark)
}
.l-header h1 a:hover svg.g-icon, .l-header h2 a:hover svg.g-icon, .l-header h3 a:hover svg.g-icon, main h1 a:hover svg.g-icon, main h2 a:hover svg.g-icon, main h3 a:hover svg.g-icon, main h4 a:hover svg.g-icon, .g-blocklist.numbers .g-button.show-more svg, h2 svg, .pv-carousel-control svg, .reveal-section p.js-accordion-trigger .g-icon.chevron-right svg, .pv-shared-link-order p.js-accordion-trigger .g-icon.chevron-right svg, .g-block-head-sub-link>svg.g-icon.map-marker, svg.g-follow-widget-icon, .handling-fee-info .icon-info {
	fill: var(--gray-dark)
}
.g-blocklist-item .g-blocklist-link .g-icon {
	fill: var(--white)
}
main ul.bull li:before, .narrative ul li:before {
	color: var(--gray-dark)
}
.pv-search-results .results-div {
	color: var(--gray-dark)
}
.v-tour-index:not(.theatre-booking-flow) .g-grid-col.x8, .v-venue-index .g-grid-col.x8, .event-list .g-grid-col.x8 {
	flex-basis: 100%;
	max-width: 100%;
	min-width: 100%
}
.v-tour-index:not(.theatre-booking-flow) .g-grid-col.x4, .v-venue-index .g-grid-col.x4, .event-list .g-grid-col.x4 {
	display: none
}
.g-blocklist-item .g-blocklist.box .g-blocklist-main {
	flex-basis: 8.9725rem
}
.l-complete .g-grid-col.x8 {
	flex-basis: 100%;
	max-width: 100%;
	min-width: 100%
}
.l-complete .g-grid-col.x4 {
	display: none
}
.l-complete main .g-masthead .g-inner h1,
.l-complete main .g-masthead .g-inner h1 .exclamation {
	font-size: calc(1.33rem + .15vw) !important;
	font-family: var(--font-headlines);
	font-weight: 400 !important;
}
.g-countdown-container.inline .page-countdown p, .g-countdown-container.mobile-only .page-countdown p {
	color: var(--gray-dark)
}
.g-promo-flydown-icon {
	background: var(--gray-dark)
}
@media(max-width: 55rem) {
	.js-behaviours-floatingbasket, .g-countdown-container.mobile-only {
		background: rgba(244, 244, 244, .85)
	}
}
.g-feature-box {
	border-color: var(--gray-dark)
}
.g-feature-box svg, .g-feature-box .s-number {
	color: var(--gray-dark);
	fill: var(--gray-dark)
}
.g-floatingbasket-content .g-order-summary-items .g-icon.close {
	color: var(--gray-dark);
	fill: var(--gray-dark)
}
.form-field label.contain {
	background: #f4f4f4
}
.messi-modal {
	background: var(--white)
}
.messi-box .messi-wrapper {
	background: rgba(255, 255, 255, .2)
}
.messi-box .messi-titlebox {
	background: var(--white);
	color: var(--gray-dark);
	text-shadow: none
}
.messi-box .messi-content {
	color: var(--gray-dark);
	font-family: "Roboto", sans-serif;
	background: var(--white)
}
.messi-box .messi-content .bt-all {
	color: var(--gray-dark)
}
.l-layout .l-content>.white-bg {
	background: #ceb26147
}
.hidden, .country-text, .g-button.see-hidden-postcode {
	display: none
}
.center {
	text-align: center
}
.tight+.tight {
	margin: 1.875rem 0
}
.gdpr-close {
	display: none
}
.register .results {
	padding: 20px;
	border: 2px solid #555;
	border-radius: 4px;
	margin: 10px 0px;
	background-color: var(--white)
}
.register .results h2 {
	margin-top: 0
}
.register .results .question-results {
	align-items: center;
	justify-content: center
}
.register .results .question-results .bar {
	display: block;
	width: 100%;
	margin: 10px 0px
}
.register .results .question-results .answer {
	background: #555;
	display: block;
	padding: 5px;
	border-radius: 4px;
	border: 2px solid #555;
	color: var(--white)
}
.register .results .question-results .answer p {
	margin: 0
}
.tour-offer-star, .tour-offer-star-pos, .tour-offer-star-calendar-pos, .tour-offer-star-pos-df, .tour-offer-star-pos-df-find-tickets {
	fill: #e7c829
}
.g-order-summary-item-amount svg.info-popup {
	fill: var(--gray-dark)
}
.checkout-orderdetails__content {
	margin-left: 0
}
.form-field__group .form-field {
	display: block
}
.g-ui-box .top {
	margin-bottom: .625rem
}
body.natchtemplate-light main .g-grid select {
	background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PCEtLSEgRm9udCBBd2Vzb21lIFBybyA2LjQuMiBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZSAoQ29tbWVyY2lhbCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4gLS0+PHBhdGggZD0iTTI2Ny4zIDM5NS4zYy02LjIgNi4yLTE2LjQgNi4yLTIyLjYgMGwtMTkyLTE5MmMtNi4yLTYuMi02LjItMTYuNCAwLTIyLjZzMTYuNC02LjIgMjIuNiAwTDI1NiAzNjEuNCA0MzYuNyAxODAuN2M2LjItNi4yIDE2LjQtNi4yIDIyLjYgMHM2LjIgMTYuNCAwIDIyLjZsLTE5MiAxOTJ6Ii8+PC9zdmc+) rgba(255, 255, 255, 0.3) no-repeat;
	background-position: 95% 45%;
	border: 1px solid #bababa;
}
.arr-down, .arr-up {
	border-width: 0 .3em .3em 0
}
.react-calendar .react-calendar__navigation__label__labelText {
	color: var(--gray-dark) !important
}
.react-calendar .react-calendar__navigation__arrow, .react-calendar .react-calendar__tile--active, .react-calendar .react-calendar__tile--active:enabled:hover, .react-calendar .react-calendar__tile--active:enabled:focus {
	background-color: var(--gray-dark) !important;
	color: var(--white)
}
.react-calendar .react-calendar__navigation button.disabled, .react-calendar .react-calendar__navigation button[disabled], .react-calendar .react-calendar__navigation .button.disabled, .react-calendar .react-calendar__navigation .button[disabled] {
	background-color: #ceb26147 !important;
	border-color: #ceb26147 !important
}
.react-calendar .react-calendar__tile--active abbr {
	color: var(--white)
}
.react-calendar button, .react-calendar .button {
	padding: 10px !important
}
.support-centre {
	position: fixed;
	bottom: 4px;
	right: 10px;
	font-weight: 500;
	z-index: 999
}
.l-gdpr-banner {
	z-index: 998
}
.l-header.full .g-site-search.full .g-button, .g-scroll-control-button, .g-blocklist.box .g-blocklist-link:after, .g-driver-icon, .g-driver-icon.reverse, .g-driver-arrow, .g-button.primary {
	background: var(--gray-dark) !important;
}
.g-logo img {
	margin: auto
}
.tight+.tight {
	margin: 1.875rem 0
}
.g-masthead {
	display: none
}
div.g-grey {
	background: rgba(0, 0, 0, 0)
}
#offerPageHeading {
	background: none;
}
#offerPageHeading .scroll-left, #offerPageHeading .scroll-right {
	display: none !important;
}
#offerPageHeading ul {
	margin: 0 0 .9375rem;
	height: auto;
	padding: 0;
	border-bottom: none
}
#offerPageHeading ul li {
	display: inline-block;
	margin: 0 0 .3125rem 0;
	border: 1px solid #dcdcdc
}
#offerPageHeading ul li.half-season-ticket {
	display: block;
	clear: both;
	max-width: 300px
}
#offerPageHeading ul li.current-offer-page a,
#offerPageHeading ul li.current-offer-page a:not(:hover) {
	color: var(--gray-dark) !important;
}
#offerPageHeading ul li a {
	display: block;
	color: var(--gray-dark)
}
#offerPageHeading ul li a:hover {
	color: #96a3ac
}
#offerPageHeading ul li:last-child {
	width: auto;
	border-right: 1px solid #dcdcdc
}
#tabs #offerPageHeading {
	display: flex;
	align-items: center
}
#tabs #offerPageHeading ul {
	margin: 0
}
#tabs #offerPageHeading ul li {
	margin: 0 2px
}
#tabs .scroll-left, #tabs .scroll-right {
	background: var(--gray-dark);
	height: 100%;
	width: 100%;
	max-height: 1rem;
	min-height: 1rem;
	max-width: 1rem;
	min-width: 1rem;
	display: flex;
	align-items: center;
	justify-items: center;
	border-radius: 50%
}
#tabs .scroll-left .g-icon, #tabs .scroll-right .g-icon {
	margin-left: 0
}
#tabs .offer-page-select {
	border-style: solid;
	border-color: #dcdcdc;
	border-radius: 6px 6px 0 0;
	border-width: 1px 1px 0 1px;
	border-bottom: 1px solid #dcdcdc
}
#tabs .offer-page-select.current-offer-page {
	font-weight: 500;
	background-color: var(--white);
	border-color: var(--gray-dark);
}
@media only screen and (max-width: 767px) {
	#offerPageHeading ul {
		height: auto
	}
	#offerPageHeading ul li:not(.current-offer-page) {
		display: block
	}
	#offerPageHeading ul li.current-offer-page {
		background-color: var(--white)
	}
}
.x4 .g-floatingbasket .g-button.primary.half.hidden {
	display: none !important
}
.upsell-sum-orig p, .upsell-intro {
	display: none
}
abbr[title] {
	border-bottom: none !important;
	cursor: inherit !important;
	text-decoration: none !important
}
*, .react-calendar, .react-calendar button, h1, h2, h3, h4, h5, h6, p, div, span {
	font-weight: 400;
	transition: .5s ease all;
}
.l-header.full .g-site-search.full .g-button, .g-scroll-control-button, .g-blocklist.box .g-blocklist-link:after, .g-driver-icon, .g-driver-icon.reverse, .g-driver-arrow, .g-button.primary, .react-calendar__tile--active, .react-calendar__tile--active:enabled:hover, .react-calendar__tile--active:enabled:focus {
	background-color: var(--gray-dark) !important;
	transition: .5s ease all;
}
li .react-calendar .react-calendar__navigation button.disabled, li .react-calendar .react-calendar__navigation button[disabled], li .react-calendar .react-calendar__navigation .button.disabled, li .react-calendar .react-calendar__navigation .button[disabled] {
	background-color: var(--gray-dark) !important;
	border-color: var(--gray-dark) !important;
	transition: .5s ease all;
}
.g-button {
	border-radius: 40px;
	box-shadow: none !important;
	transition: .5s ease all;
}
.g-button.primary {
	color: var(--white) !important;
	transition: .5s ease all;
}
.g-button.primary svg {
	color: var(--white);
	fill: var(--white)
}
.g-button.secondary {
	background-color: var(--white) !important;
	border-color: var(--gray-dark) !important;
	color: var(--gray-dark) !important;
	border-width: 2px;
	transition: .5s ease all;
}
.g-button.secondary:hover {
	color: var(--white) !important;
	border-color: var(--gray-dark) !important;
	background-color: var(--gray-dark) !important;
	transition: .5s ease all;
}
.g-button.secondary svg {
	color: var(--gray-dark) !important;
	fill: var(--gray-dark) !important;
	transition: .5s ease all;
}
.g-button.secondary:hover svg {
	color: var(--white) !important;
	fill: var(--white) !important;
	transition: .5s ease all;
}
.g-button.tertiary {
	background-color: var(--white) !important;
	color: #222;
	border-color: var(--gray-dark) !important;
	padding: .71875rem .3125rem;
	transition: .5s ease all;
}
.g-button.tertiary:hover {
	color: #FFF !important;
	transition: .5s ease all;
}
.g-button:hover {
	background-color: #3a3a3a !important;
	transition: .5s ease all;
}
main .g-button.half {
	line-height: 1.33 !important;
}
.theatre-booking-flow-header .carousel__item.is-active, .tour-calendar__navigation__wrap .carousel__item.is-active {
	background: var(--gray-dark) !important;
	color: var(--white);
	transition: .5s ease all;
}
.theatre-booking-flow-header .carousel__item.is-active svg, .tour-calendar__navigation__wrap .carousel__item.is-active svg {
	color: var(--white);
	fill: var(--white);
	transition: .5s ease all;
}
.theatre-booking-flow-header .carousel__item.is-active:hover, .tour-calendar__navigation__wrap .carousel__item.is-active:hover, #offerPageHeading .scroll-left:hover, #offerPageHeading .scroll-right:hover {
	background-color: var(--gray-dark) !important;
	transition: .5s ease all;
}
.theatre-booking-flow-header .carousel__item, .tour-calendar__navigation__wrap .carousel__item {
	border-color: var(--gray-dark) !important;
	transition: .5s ease all;
}
#buyTickets {
	float: right;
	margin: 0 0 1.225rem 1.225rem;
	transition: .5s ease all;
}
button.g-button.primary.half+a.g-button.secondary.small.active {
	float: none
}
@media screen and (max-width: 43rem) {
	#buyTickets {
		float: none;
		width: 100%;
		clear: both;
		margin: 0 0 .625rem
	}
}
.g-faux-input {
	color: var(--gray-dark) !important;
	border-color: var(--gray-dark) !important;
	transition: .5s ease all;
}
.g-faux-input.radio {
	box-shadow: inset rgba(244, 244, 244, .6) 0 0 0 2px
}
input[type=checkbox]:checked~.g-faux-input, input[type=radio]:checked~.g-faux-input {
	background: var(--gray-dark) !important
}
.pv-registration-check .clear-deposit input {
	color: var(--gray-dark) !important
}
.dropdown-button:after {
	background: var(--gray-dark) !important
}
.dropdown-container .dropdown a:hover {
	color: var(--gray-dark) !important
}
.g-nav-breadcrumbs {
	display: none
}
.l-header.complex-header {
	display: none
}
.g-masthead.has-image {
	background-image: none !important;
	max-width: 100%;
	position: relative;
	padding: 3.125rem .9375rem;
	min-height: auto;
	background-color: var(--white);
	transition: .5s ease all;
}
.g-masthead.has-image .g-masthead-title {
	padding: 0
}
.g-masthead.has-image .g-block-head-inner, .g-masthead.has-image .g-block-head.sub .g-block-head-inner {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	color: #222;
	font-weight: 400
}
.g-masthead.has-image .g-block-head.sub .g-block-head-inner {
	font-size: calc(0.8rem + .15vw) !important;
	text-transform: none
}
.g-ad-container, .g-ui-box.ad-banner {
	display: none
}
.g-browse-filter {
	display: none
}
.l-footer {
	display: none
}
.ratings, #BVRRContainer, .bvr-container {
	display: none
}
.cs-tabs-login.secondary-nav {
	display: none
}
body {
	font-family: "Nunito Sans", sans-serif;
	background: var(--white);
	color: #222
}
.l-header {
	background: rgba(0, 0, 0, 0);
	border: none
}
.g-powered-by-see a {
	color: #222;
	text-decoration: none;
	display: block
}
.g-powered-by-see a svg {
	width: 1.8rem;
	height: 1em;
	fill: #222
}
.g-powered-by-see:hover svg {
	fill: var(--gray-dark) !important
}
.g-grey {
	background: var(--white)
}
main a, .g-follow-widget-label {
	color: inherit !important
}
main a:hover, .reveal-section p.js-accordion-trigger:hover {
	color: inherit !important
}
.l-header h1.border, .l-header h2.border, .l-header h3.border, main h1.border, main h2.border, main h3.border, main h4.border {
	padding-bottom: 0
}
.l-header h1.border::after, .l-header h2.border::after, .l-header h3.border::after, main h1.border::after, main h2.border::after, main h3.border::after, main h4.border::after, .price-list .t-head th h3::after {
	display: none
}
.g-masthead {
	border-bottom-color: var(--white);
	background: var(--white)
}
.g-ui-box, .alt-info-note, .exchange-for {
	background: var(--white)
}
.g-ui-box {
	box-shadow: rgba(0, 0, 0, .16) 0px 1px 4px;
	border-radius: 16px
}
.g-ui-box.tight {
	box-shadow: none;
	border-radius: 8px
}
.alt-info-note {
	border: 4px solid var(--gray-dark) !important;
	border-radius: 4px
}
.g-table tbody th, .g-table tbody td, .price-list th, .price-list tr td, .g-blocklist.box .g-blocklist-link, .g-blocklist.box .g-blocklist-item-extended {
	border-color: var(--white);
	background: #fafafa
}
@media(max-width: 33.75rem) {
	.g-table tr, .price-list tr {
		background: #fafafa
	}
}
.g-order-summary-top, .g-order-summary-item {
	border-color: #eee
}
.g-has-overlay .g-overlay, .g-has-overlay .g-overlay .g-overlay-content {
	background: rgba(91, 24, 28, .9)
}
.g-has-overlay .g-overlay.join-waiting-list .g-overlay-content {
	background: rgba(255, 255, 255, .85);
	padding: .625rem
}
.g-table tbody th, .g-table tbody td, .price-list th, .price-list tr td, .g-blocklist.box .g-blocklist-link, .g-blocklist-main, .g-blocklist-sub-text {
	color: #222
}
.l-header .g-nav-main .g-nav-main-item:not(:first-child) a:hover::after, .l-header .g-nav-main .g-nav-main-item:not(:first-child) a.active::after, .l-header h1 a:hover, .l-header h2 a:hover, .l-header h3 a:hover {
	background: var(--gray-dark) !important
}
.l-header h1 a, .l-header h2 a, .l-header h3 a, main h1 a, main h2 a, main h3 a, main h4 a {
	color: #222
}
.g-logo img {
	display: block
}
.g-driver {
	background: var(--white)
}
.g-driver .g-driver-text {
	color: #222
}
.g-driver .g-driver-icon svg {
	fill: var(--white)
}
.g-feature-list .g-feature-list-item .g-feature-list-container a:hover .g-feature-list-content .title, .address-list span {
	border-bottom-color: var(--gray-dark) !important
}
.warning, .cs-info-extend, #user-order-list .your-tickets {
	color: #222
}
.transaction-fee-message p {
	line-height: 1rem;
	clear: right
}
.transaction-fee-gen {
	clear: right
}
.g-block-head.sub .g-block-head-inner, .g-masthead.green-content .g-masthead-content {
	color: var(--gray-dark) !important
}
.g-countdown-container.inline .page-countdown .timer, .g-countdown-container.mobile-only .page-countdown .timer {
	color: var(--gray-dark) !important
}
.g-blocklist.numbers .g-button.show-more {
	color: var(--gray-dark) !important
}
.g-progress-nav-link.current, .g-progress-nav-link.past {
	color: rgba(34, 34, 34, .8)
}
.g-icon {
	fill: var(--white)
}
.pv-shared-link-order .g-icon {
	fill: var(--gray-dark) !important
}
.l-header h1 a:hover svg.g-icon, .l-header h2 a:hover svg.g-icon, .l-header h3 a:hover svg.g-icon, main h1 a:hover svg.g-icon, main h2 a:hover svg.g-icon, main h3 a:hover svg.g-icon, main h4 a:hover svg.g-icon, .g-blocklist.numbers .g-button.show-more svg, h2 svg, .pv-carousel-control svg, .reveal-section p.js-accordion-trigger .g-icon.chevron-right svg, .pv-shared-link-order p.js-accordion-trigger .g-icon.chevron-right svg, .g-block-head-sub-link>svg.g-icon.map-marker, svg.g-follow-widget-icon, .handling-fee-info .icon-info {
	fill: var(--gray-dark) !important
}
.g-blocklist-item .g-blocklist-link .g-icon {
	fill: var(--white)
}
main ul.bull li:before, .narrative ul li:before {
	color: var(--gray-dark) !important
}
.pv-search-results .results-div {
	color: #222
}
.v-tour-index:not(.theatre-booking-flow) .g-grid-col.x8, .v-venue-index .g-grid-col.x8, .event-list .g-grid-col.x8 {
	flex-basis: 100%;
	max-width: 100%;
	min-width: 100%
}
.v-tour-index:not(.theatre-booking-flow) .g-grid-col.x4, .v-venue-index .g-grid-col.x4, .event-list .g-grid-col.x4 {
	display: none
}
.g-blocklist-item .g-blocklist.box .g-blocklist-main {
	flex-basis: 8.9725rem
}
.l-complete .g-grid-col.x8 {
	flex-basis: 100%;
	max-width: 100%;
	min-width: 100%
}
.l-complete .g-grid-col.x4 {
	display: none
}
.g-countdown-container.inline .page-countdown p, .g-countdown-container.mobile-only .page-countdown p {
	color: #222
}
.g-promo-flydown-icon {
	background: var(--gray-dark) !important
}
@media(max-width: 55rem) {
	.js-behaviours-floatingbasket, .g-countdown-container.mobile-only {
		background: rgba(244, 244, 244, .85)
	}
}
.g-feature-box {
	border-color: var(--gray-dark) !important
}
.g-feature-box svg, .g-feature-box .s-number {
	color: var(--gray-dark) !important;
	fill: var(--gray-dark) !important
}
.g-floatingbasket-content .g-order-summary-items .g-icon.close {
	color: #222;
	fill: #222
}
.form-field label.contain {
	background: #f4f4f4
}
.messi-modal {
	background: var(--white)
}
.messi-box .messi-wrapper {
	background: rgba(255, 255, 255, .2)
}
.messi-box .messi-titlebox {
	background: var(--white);
	color: #222;
	text-shadow: none
}
.messi-box .messi-content {
	color: #222;
	font-family: "Nunito Sans", sans-serif;
	background: var(--white)
}
.messi-box .messi-content .bt-all {
	color: var(--gray-dark) !important
}
.l-layout .l-content>.white-bg {
	background: var(--white)
}
.hidden, .country-text, .g-button.see-hidden-postcode {
	display: none
}
.center {
	text-align: center
}
.tight+.tight {
	margin: 1.875rem 0
}
.gdpr-close {
	display: none
}
.register .results {
	padding: 20px;
	border: 2px solid #555;
	border-radius: 4px;
	margin: 10px 0px;
	background-color: var(--white)
}
.register .results h2 {
	margin-top: 0
}
.register .results .question-results {
	align-items: center;
	justify-content: center
}
.register .results .question-results .bar {
	display: block;
	width: 100%;
	margin: 10px 0px
}
.register .results .question-results .answer {
	background: #555;
	display: block;
	padding: 5px;
	border-radius: 4px;
	border: 2px solid #555;
	color: var(--white)
}
.register .results .question-results .answer p {
	margin: 0
}
.tour-offer-star, .tour-offer-star-pos, .tour-offer-star-calendar-pos, .tour-offer-star-pos-df, .tour-offer-star-pos-df-find-tickets {
	fill: #e7c829
}
.g-order-summary-item-amount svg.info-popup {
	fill: var(--gray-dark) !important
}
.checkout-orderdetails__content {
	margin-left: 0
}
.form-field__group .form-field {
	display: block
}
.g-ui-box .top {
	margin-bottom: .625rem
}
main .g-grid table.see-table .arr-down {
	border-color: var(--gray-dark);
	top: 40px;
}
main .g-grid table.see-table .arr-up {
	border-color: var(--gray-dark);
	top: 50px;
}
main .g-grid table.see-table tr.t-head.offer-description h3 {
	font-size: calc(1.25rem + .15vw) !important;
}
@media(max-width:900px) {
	main .g-grid table.see-table tr.t-head.offer-description th {
		max-height: auto !important;
	}
	main .g-grid table.see-table tr.t-head.offer-description h3 {
		max-height: 48px;
	}
	main .g-grid table.see-table .arr-down {
		top: 50px;
	}
	main .g-grid table.see-table .arr-up {
		top: 45px;
	}
}
.react-calendar .react-calendar__navigation__label__labelText {
	color: var(--gray-dark) !important;
}
.react-calendar .react-calendar__navigation__arrow, .react-calendar .react-calendar__tile--active, .react-calendar .react-calendar__tile--active:enabled:hover, .react-calendar .react-calendar__tile--active:enabled:focus {
	background-color: var(--gray-dark) !important;
	color: var(--white)
}
.react-calendar .react-calendar__navigation button.disabled, .react-calendar .react-calendar__navigation button[disabled], .react-calendar .react-calendar__navigation .button.disabled, .react-calendar .react-calendar__navigation .button[disabled] {
	background-color: #ceb26147 !important;
	border-color: #ceb26147 !important
}
.react-calendar .react-calendar__tile--active abbr {
	color: var(--white)
}
.react-calendar button, .react-calendar .button {
	padding: 10px !important
}
.support-centre {
	position: fixed;
	bottom: 4px;
	right: 10px;
	font-weight: 500;
	z-index: 999
}
.l-gdpr-banner {
	/* display: inherit !important; */
	z-index: 99999
}
.g-logo img {
	margin: auto
}
.tight+.tight {
	margin: 1.875rem 0
}
.g-masthead {
	display: none
}
div.g-grey {
	background: rgba(0, 0, 0, 0)
}
.price-narr-cont img {
	max-width: 150px
}
#offerPageHeading ul {
	margin: 0 0 .9375rem;
	height: auto;
	padding: 0;
	border-bottom: none
}
#offerPageHeading ul li {
	display: inline-block;
	margin: 0 0 .3125rem 0;
	border: 1px solid #dcdcdc
}
#offerPageHeading ul li.half-season-ticket {
	display: block;
	clear: both;
	max-width: 300px
}
#offerPageHeading ul li a {
	display: block;
	color: var(--gray-dark) !important
}
#offerPageHeading ul li a:hover {
	color: var(--gray-dark) !important
}
#offerPageHeading ul li:last-child {
	width: auto;
	border-right: 1px solid #dcdcdc
}
@media only screen and (max-width: 767px) {
	#offerPageHeading .scroll-left, #offerPageHeading .scroll-right {
		border: 1px solid var(--gray-dark) !important;
		background: var(--white) !important;
		color: var(--gray-dark);
		display: block;
	}
	#offerPageHeading .scroll-left svg, #offerPageHeading .scroll-right svg {
		color: var(--gray-dark);
		fill: var(--gray-dark)
	}
	#offerPageHeading ul {
		height: auto
	}
	#offerPageHeading ul li:not(.current-offer-page) {
		display: block
	}
	#offerPageHeading ul li.current-offer-page {
		background-color: var(--white)
	}
}
.v-tour-timeslots .react-calendar__navigation__label__labelText {
	color: var(--gray-dark) !important;
	text-transform: uppercase;
	font-size: calc(0.8rem + .15vw) !important
}
.l-header h1.border, .l-header h2.border, .l-header h3.border, main h1.border, main h2.border, main h3.border, main h4.border {
	text-align: inherit
}
@main .time-slots #key label.key-label {
	color: #444 !important
}
main .time-slots a {
	color: var(--black) !important
}
.time-slots #times .g-grid-col .high, .time-slots #times .g-grid-col p.future-on-sale.high {
	color: var(--black);
	background-color: var(--white) !important;
	border: 1px solid var(--black);
	border-radius: 0
}
.time-slots #times .g-grid-col .mid, .time-slots #times .g-grid-col p.future-on-sale.mid {
	background-color: var(--white) !important;
	border: 1px solid #eeaa17 !important;
	border-radius: 0
}
.time-slots #times .g-grid-col .low, .time-slots #times .g-grid-col p.future-on-sale.low {
	background-color: var(--white) !important;
	border: 1px solid #ea431e !important;
	border-radius: 0
}
.time-slots #key span.none {
	color: #444;
	background-color: var(--white) !important;
	border: 1px solid #a0a096 !important;
	border-radius: 0
}
main .g-driver-link:hover .g-driver-icon {
	background: var(--black) !important
}
.g-grid div[data-behaviour=stickOnScroll] {
	padding-top: 2.35rem
}
.narrative i,
.narrative em, .question .question-footer i, .question .question-footer em {
	font-style: italic !important
}
.narrative b,
.narrative strong, .question .question-footer b, .question .question-footer strong {
	font-weight: 700 !important
}
body.natchtemplate-light main .g-grid .g-ui-box .g-ui-box-content.event-info p:last-child,
body.natchtemplate-light main .g-grid .g-ui-box .g-ui-box-content.event-info h3,
body.natchtemplate-light main .g-grid .g-ui-box .g-ui-box-content.event-info a,
body.natchtemplate-light main .g-grid .g-ui-box .g-ui-box-content.event-info p,
.v-event-eventdetails main .g-grid table.see-table tr.ticket td,
.natchtemplate-light main .g-grid .g-ui-box.eventinfo h3 a,
.natchtemplate-light main .g-grid .g-ui-box.eventinfo p:last-child,
main span[style="font-size: 14px;"],
main .g-order-summary-top-details {
	font-size: calc(0.8rem + .15vw) !important
}
/* custom header */
header.the-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: auto;
	background: var(--gray-dark) !important;
	position: relative;
	padding: 1rem;
}
.the-header .header-wrapper,
.the-header .the-header-wrapper {
	max-width: 1440px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 1rem 80px 1rem 1rem;
	margin: 0 auto;
	transition: .3s ease all;
}
@media(max-width:768px) {
	.the-header .header-wrapper,
	.the-header .the-header-wrapper {
		padding: 1rem;
		transition: .3s ease all;
	}
}
.the-header .the-site-logo {
	max-width: 48%;
	display: flex;
	justify-content: center;
}
.the-header .the-site-logo img {
	max-width: 500px;
	display: flex;
	justify-content: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
	transition: .3s ease max-width;
}
.the-header h1 {
	display: block;
	color: var(--white);
	text-align: left;
	margin: 2.5rem auto 0;
	font-weight: 400;
	font-size: calc(49px + .15vw);
	line-height: 50px;
}
.the-header h1 a {
	color: var(--white);
	margin: 0 auto;
	text-transform: capitalize;
	transition: .3s ease all;
}
.the-header .the-menu {
	display: flex;
	justify-content: start;
	align-items: center;
	list-style: none;
	width: 100%;
	transition: .3s ease all;
}
.the-header ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	list-style: none;
	transition: .3s ease all;
}
.the-header li {
	display: flex;
	margin: 0;
	padding: 1rem;
	transition: .3s ease all;
}
.the-header li a {
	color: var(--white);
	display: flex;
	text-transform: capitalize;
	font-size: calc(0.8rem + .15vw) !important;
	padding: 5px 10px;
	line-height: 50px;
	white-space: nowrap;
	font-weight: 400;
	border-bottom: 2px dashed transparent;
	transition: .3s ease color;
}
.the-header li a:hover,
.the-header li a:focus {
	color: var(--white);
	font-weight: 400;
	border-bottom: 2px dashed var(--white);
	transition: .3s ease color;
}
.the-header *:focus {
	outline: 2px dashed rgba(255, 255, 255, 0.4);
	outline-offset: 2px;
}
.the-header h1 {
	padding-left: 1.5rem;
}
.the-header p a {
	display: flex;
	justify-content: center;
	color: var(--white);
	font-size: calc(1rem + .15vw);
	text-transform: uppercase;
	font-weight: 700;
	margin: 1rem auto;
	transition: .3s ease color;
}
.the-header .social-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	margin-bottom: 1rem;
	bottom: 0;
}
.the-header .social-icons a,
.the-header .social-icons a i {
	color: var(--white);
	padding: 0 5px;
	font-size: calc(1.5rem + .15vw) !important;
	transition: .3s ease color;
}
.the-header .social-icons a:hover i,
.the-header .social-icons a:focus i {
	color: #979797;
	font-family: 'Font Awesome 6 Free';
	transition: .3s ease color;
}
.the-header button i:before {
	color: var(--white);
	font-family: 'Font Awesome 6 Free' !important;
}
.the-header .the-menu:not(.is-visible),
.the-header button:not(.is-visible) {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease opacity;
	background: transparent;
	border: 0;
}
.the-header button.is-visible,
.the-header .the-menu.is-visible {
	display: flex !important;
	opacity: 1;
	visibility: visible;
	transition: .3s ease opacity;
	background: transparent;
	border: 0;
}
main+footer {
	background-color: transparent !important;
	padding: 2rem 4rem 2rem;
	margin: 0 auto 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: var(--font-headlines);
	position: relative;
}
.v-customer-service-index main+footer {
	display: none;
}
main+footer .address {
	color: var(--black);
	text-align: center;
	padding: 1rem 2rem;
	margin: 1rem auto;
	font-size: calc(2rem + .15vw);
	line-height: 1.5;
}
main+footer .customer-links {
	position: fixed;
	bottom: 60px;
	right: 12px;
	top: auto;
	left: auto;
	white-space: nowrap;
}
main+footer a {
	padding: 10px 20px;
	border-radius: 100px;
	background: var(--black);
	color: var(--white);
	margin: 0 0 0 auto;
	font-size: calc(0.8rem + .15vw) !important;
	text-transform: uppercase;
	border: 2px solid var(--gray-light);
}
main+footer a:hover,
main+footer a:focus {
	background: var(--white);
	color: var(--gray-dark);
	border: 2px solid var(--gray-dark);
}
main p, main span, main div, main a {
	font-size: calc(.8rem + .15vw);
}
.v-tour-index main .g-outer .g-blocklist.box .g-blocklist-main {
	border-radius: 8px 0 0 8px !important;
	color: var(--black);
	background: var(--lightgreen);
}
body.natchtemplate-light main .g-blocklist a.g-blocklist-link {
	background: var(--white) !important;
	border-radius: 8px !important;
}
@media(min-width:1081px) {
	header.the-header:not(.full-screen) {
		min-height: auto !important;
		max-height: auto !important;
		height: auto !important;
		transition: .3s ease all;
	}
	.the-header button.menu-toggle.hidden-desktop.is-visible {
		position: absolute;
		top: -999910px;
		right: -999910px;
	}
	#selecttickets h3 {
		padding: 0.4em 0 !important
	}
}
@media(max-width:1080px) {
	#selecttickets h3 {
		padding: 0 0 .4em 0 !important
	}
	.the-header button.menu-toggle.hidden-desktop.is-visible {
		position: absolute;
		top: 12px;
		right: 12px;
		font-family: 'Font Awesome 6 Free';
	}
	.the-header .header-wrapper, .the-header .the-header-wrapper {
		justify-content: center !important;
	}
	.the-header .the-site-logo {
		max-width: 100%;
	}
	.the-header .the-site-logo img {
		max-width: 85%;
		z-index: 99999;
	}
	.the-header .social-icons i {
		display: none;
	}
	header.the-header.full-screen {
		min-height: 100vh !important;
		max-height: 100vh !important;
		height: 100vh !important;
		background: var(--green) !important;
		transition: .3s ease all;
	}
	header.full-screen .header-wrapper {
		flex-direction: column-reverse;
		justify-content: start !important;
		height: 100vh;
	}
	.full-screen ul.menu-main {
		flex-direction: column;
	}
	.full-screen ul.menu-main li {
		padding: 0;
	}
	.full-screen.the-header .the-menu {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.full-screen .header-wrapper div {
		height: 33%;
	}
	.full-screen .header-wrapper div.social-icons,
	.full-screen .header-wrapper div.social-icons i {
		display: flex;
		bottom: 0;
	}
}
::selection {
	background: var(--green);
	color: var(--white);
	text-shadow: 1px 1px 0 #000;
}
::-webkit-selection {
	background: var(--green);
	color: var(--white);
	text-shadow: 1px 1px 0 #000;
}
::-moz-selection {
	background: var(--green);
	color: var(--white);
	text-shadow: 1px 1px 0 #000;
}
#offerPageHeading {
	border-color: var(--white);
}
#tabs #offerPageHeading ul {
	margin: 0;
}
#tabs #offerPageHeading ul li {
	margin: 0 5px 0 0;
	border-radius: 0;
}
#tabs #offerPageHeading ul li:first-of-type {
	border-radius: 8px 0 0 0;
}
#offerPageHeading ul li.offer-page-select {
	background: #fff;
	border-color: #fff;
	opacity: 0.7;
}
#offerPageHeading ul li.offer-page-select.current-offer-page {
	border: 1px solid transparent !important;
	opacity: 1;
}
body.natchtemplate-light .g-order-summary-total {
	background: #f8f9fa8f;
	color: #212429;
}
.v-customer-service-index p.order-tracker-intro-text {
	font-size: calc(0.8rem + .15vw) !important;
	line-height: 1.2;
	color: var(--black)
}
.v-customer-service-index main .g-grid .g-ui-box .g-ui-box-content p:last-child {
	font-size: calc(0.8rem + .15vw) !important
}
*.basket-remove-item, *.basket-remove-item svg, *.basket-remove-item use {
	transition: 0.2s ease all !important;
}
.l-checkout input.valid {
	pointer-events: all !important;
	cursor: text !important
}
.l-complete .g-order-summary .g-order-summary-top-details,
.l-checkout .g-order-summary .g-order-summary-top-details {
	color: var(--black);
}
.x4 .g-floatingbasket .g-button.primary.half.hidden {
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.l-complete main .g-grid .g-ui-box h2.border {
	margin-top: 2.33rem;
}
.v-customer-service-index .l-content button#findOrder {
	margin-bottom: 10px;
}
.v-customer-service-index .l-content a#goBack {
	width: 100% !important;
	max-width: 100%;
	margin: 0 auto !important;
}
.v-customer-service-index .g-grid .g-ui-box.active {
	padding-top: 2.33rem;
	padding-bottom: 5rem;
}
.v-customer-service-index.natchtemplate-light form #emailsection label {
	display: none;
}
.v-customer-service-index.natchtemplate-light form input[type=email], .v-customer-service-index.natchtemplate-light form input[type=email]#ReminderEmailAddress {
	background: none !important;
	background-color: transparent !important;
	border-color: var(--gray-dark);
}
.order-card-button {
	background: var(--gray-dark)
}
.order-card-main {
	background: var(--grey-lighter);
	box-shadow: 0 0 4px 2px rgba(73, 80, 87, 0.25);
}
.v-customer-service-index main.l-content li.form-field:has(input[type=email]):before {
	content: "";
}
header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	max-height: 280px;
	padding-top: 1rem;
}
.save-the-date-header, .clutch-header {
	max-width: 1024px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 auto;
}
.save-the-date-header img {
	max-width: 50%;
	height: auto;
	max-height: 180px;
	margin: 0;
	padding: 0;
}
@media (max-width:890px) {
	.save-the-date-header img {
		max-width: 85vw;
		width: auto;
		height: auto;
		margin: 0;
		padding: 10px 0 0;
		transition: .5s linear height;
	}
	.block-image {
		max-width: 300px;
		margin: 1rem auto;
		transition: .5s ease max-width;
	}
}
@media (max-width:600px) {
	.save-the-date-header img {
		max-width: 90vw;
		width: auto;
		height: auto;
		margin: 0;
		padding: 10px 0 0;
		transition: .5s linear height;
	}
}
.clutch-header img.clutch {
	display: flex;
	justify-content: center;
	max-width: 250px;
	width: 100%;
	margin: 0 0 -60px 0;
	padding: 0;
}
.breadcrumb_container {
	background: #121212;
}
.breadcrumb_container .breadcrumbs_v3 {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 58rem;
	margin: auto;
	padding: 0 10px;
}
.breadcrumb_container .breadcrumbs_v3 .breadcrumb {
	margin: 10px;
}
.breadcrumb_container .breadcrumbs_v3 .breadcrumb a {
	text-decoration: none;
	opacity: 0.6;
}
.breadcrumb_container .breadcrumbs_v3 .breadcrumb .bc_icon {
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(0.8rem + .15vw) !important;
	margin: auto;
	color: #ffffff;
}
.breadcrumb_container .breadcrumbs_v3 .breadcrumb .bc_text {
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: calc(.6rem + .15vw);
	font-weight: 700;
}
.breadcrumb_container .breadcrumbs_v3 .bc_active .bc_text {
	color: var(--lightgreen);
	opacity: 1;
}
.breadcrumb_container .breadcrumbs_v3 .bc_active .bc_icon {
	color: var(--lightgreen);
	opacity: 1;
}
.breadcrumb_container .breadcrumbs_v3 .bc_link {
	background: #ffffff;
	width: 55px;
	height: 4px;
	border-radius: 4px;
	margin: 0;
}
.breadcrumb_container .breadcrumbs_v3 .bc_link:has(+ .bc_active) {
	background: var(--lightgreen);
	opacity: 1;
}
.v-event-eventdetails form+.deposit-notice.warning {
	background: #25c27459;
	color: #131313;
}
.ucode-extra-info {
	display: none;
}
body.natchtemplate-light main .g-grid .g-ui-box.eventinfo * {
	font-size: calc(0.8rem + .15vw) !important
}
body.natchtemplate-light main .g-blocklist a.g-blocklist-link .g-blocklist-main time {
	color: var(--black);
	font-family: var(--font-headlines);
	font-size: calc(0.8rem + .15vw) !important
}
body.natchtemplate-light tr.t-head:has(.ticket-type) th {
	color: var(--black);
	font-family: var(--font-headlines);
	/* border-bottom: 1px solid var(--white) !important; */
	border-radius: 0 !important;
}
#enterRegCode form input#Code[type=text], input[type=date], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
	background: rgba(255, 255, 255, 0.3);
}
#enterRegCode form .field-validation-error span {
	padding: 0 .5rem;
	top: 3rem;
	font-size: calc(.8rem + .15vw) !important;
}
#enterRegCode form:has(.field-validation-error:not(:empty)) {
	margin-bottom: 2rem;
}
body.natchtemplate-light .g-order-summary .g-order-summary-item.custom-fee .g-order-summary-item-name, body.natchtemplate-light .g-order-summary .g-order-summary-item.custom-fee .g-order-summary-item-amount {
	color: var(--gray-dark) !important
}
.g-order-summary p, .g-order-summary h3 span, .g-order-summary p {
	font-size: calc(16px + .15vw) !important;
	font-weight: 400 !important;
}
svg.g-icon.shield.primary-colour-fill {
	fill: black;
}
.price-list .row-span-10+tr+tr+tr+tr+tr+tr+tr+tr+tr td, .price-list .row-span-2+tr td, .price-list .row-span-3+tr+tr td, .price-list .row-span-4+tr+tr+tr td, .price-list .row-span-5+tr+tr+tr+tr td, .price-list .row-span-6+tr+tr+tr+tr+tr td, .price-list .row-span-7+tr+tr+tr+tr+tr+tr td, .price-list .row-span-8+tr+tr+tr+tr+tr+tr+tr td, .price-list .row-span-9+tr+tr+tr+tr+tr+tr+tr+tr td, .price-list tr[class*=" row-span-"] .block-selection, .price-list tr[class^=row-span-] .block-selection {
	border-bottom: .625rem solid transparent;
}
body.natchtemplate-light main .g-grid table.see-table tr.ticket td, body.natchtemplate-light main .g-grid table.see-table tr .includes-cell {
	border-top-color: #FFF !important;
}
.v-event-eventdetails main .g-grid table.see-table tr.ticket td, .natchtemplate-light main .g-grid .g-ui-box.eventinfo h3 a, .natchtemplate-light main .g-grid .g-ui-box.eventinfo p:last-child, body.natchtemplate-light main .g-grid table.see-table tr.ticket td[data-cost] span, body.natchtemplate-light main .merged-price-row td {
	font-size: calc(0.6rem + .15vw) !important;
	color: var(--black) !important
}
body.natchtemplate-light main .price-list .fees {
	font-size: calc(.5rem + .25vw);
	opacity: 0.6;
}
main .ticket {
	position: relative;
}
main .ticket:after {
	border-top: 1px solid var(--lightgreen);
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	height: 5px;
}
.natchtemplate-light main .price-list tr td:first-of-type {
	line-height: 1.33;
}
main td.includes-cell {
	padding: .625rem 1rem !important;
}
main td.includes-cell span {
	font-size: calc(.6rem + .15vw) !important;
	margin-bottom: 4px;
	display: block;
}
main .price-list .merged-price-row td:not(.includes-cell) {
	padding-bottom: inherit;
}
main .price-list .merged-price-row td {
	padding-left: 1rem;
}
main .g-faux-input.radio {
	box-shadow: inset #d5d5d5 0 0 0 2px;
}
main .insurance-choice span.us-tp-recom {
	font-family: var(--font-headlines);
	color: var(--green) !important;
}
main .validation-top>span.field-validation-error, main .field-validation-error>span {
	font-family: var(--font-headlines);
	font-size: calc(16px + .15vw);
}
main .insurance-warning-lm {
	background-color: transparent;
	border-radius: .2em;
	color: var(--gray-dark);
	margin-bottom: 15px;
	padding: 1rem;
	text-align: left;
}
main .orderTotalRefundText {
	max-width: 100%;
}
main #stripe-element {
	opacity: 0.66;
}
main .form-field label {
	font-size: calc(0.8rem + .15vw) !important
}
@media(max-width:640px) {
	main form .inline input {
		max-width: 100% !important;
		margin-bottom: 6px;
	}
}
@media (max-width: 33.75rem) {
	.g-table tr, .price-list tr {
		background: none !important;
	}
}
.messi .messi-box .messi-wrapper a:after {
	color: var(--green)
}
.messi .messi-box .messi-wrapper .messi-titlebox span,
main .g-countdown-container.inline .page-countdown .timer, main .g-countdown-container.mobile-only .page-countdown .timer {
	font-family: var(--font-headlines)
}
.messi .messi-box .messi-wrapper .messi-content, .messi .messi-box .messi-content .bt-all {
	font-family: var(--font-body)
}
main .g-small-print p {
	font-size: calc(0.6rem + .15vw) !important
}
body.natchtemplate-light main .g-grid .g-ui-box.eventinfo h3 a,
main .delivery label.contain, main .postage-price--free {
	font-size: calc(1rem + .15vw) !important;
	font-family: var(--font-headlines);
}
main .delivery .form-field:last-of-type {
	border-top: 1px solid var(--white);
	padding-top: 2rem;
}
main .form-fields .form-field label.contain small {
	font-family: var(--font-body);
}
body.natchtemplate-light main a .insurance-sel-error a, body.natchtemplate-light main a .insurance-sel-error .g-small-print {
	font-size: calc(.6rem + .15vw) !important;
}
body.natchtemplate-light main .g-grid table.see-table tr.description .price-narr-cont.pre-line-format span {
	color: var(--black);
	margin-left: 1px !important;
	font-size: calc(0.6rem + .15vw) !important;
	display: inline-block;
}
body.natchtemplate-light main tr.merged-price-row {
	width: calc(100% + 100%);
	/* display: block; */
}
body.natchtemplate-light main td.has-merges {
	line-height: 1.1 !important;
}
.l-gdpr-banner p, .l-gdpr-banner a {
	font-size: calc(0.8rem + .15vw) !important
}
@media(max-width:890px) {
	body.natchtemplate-light.v-tour-index main .g-outer .g-blocklist.box .g-blocklist-main {
		border-radius: 8px 0 0 0 !important;
		color: var(--black);
	}
}
main .g-progress-nav-link:not(.current) .g-progress-nav-link {
	opacity: 0.5;
}
main .g-masthead .g-progress-nav-link {
	font-family: var(--font-headlines);
	color: #ccc;
}
main .g-masthead .g-progress-nav-link:before {
	background: #ededed;
	font-family: var(--font-headlines);
	color: #3a3a3a;
}
main .g-masthead .current.g-progress-nav-link:before {
	background: #3a3a3a;
	color: #FFF;
}
main .g-masthead.checkout h1.g-masthead-title.border {
	font-size: calc(2rem + .15vw) !important;
}
main p#postageOptionHelpText {
	font-size: calc(0.8rem + .15vw);
}
body.natchtemplate-light main .price-list #PriceType2_Price+.merged-price-row+.merged-price-row td:not(.includes-cell),
body.natchtemplate-light main .price-list #PriceType3_Price+.merged-price-row+.merged-price-row td,
body.natchtemplate-light main .price-list #PriceType3_Price+.merged-price-row+.merged-price-row+.merged-price-row td,
body.natchtemplate-light main .price-list #PriceType4_Price+.merged-price-row+.merged-price-row td,
body.natchtemplate-light main .price-list #PriceType4_Price+.merged-price-row+.merged-price-row+.merged-price-row td,
body.natchtemplate-light main .price-list #PriceType5_Price+.merged-price-row+.merged-price-row td,
body.natchtemplate-light main .price-list #PriceType5_Price+.merged-price-row+.merged-price-row+.merged-price-row td,
body.natchtemplate-light main .price-list #PriceType6_Price+.merged-price-row+.merged-price-row td,
body.natchtemplate-light main .price-list #PriceType6_Price+.merged-price-row+.merged-price-row+.merged-price-row td {
	display: none;
}
.l-checkout main li.form-field.inline {
	display: flex;
}
.l-checkout main li.form-field.inline input {
	margin-right: 1rem;
}
.v-customer-service-index main .breadcrumb_container {
	display: none;
}
.v-customer-service-index.natchtemplate-light main>.g-masthead:not(.g-grey),
.v-customer-service-index main.l-content .g-outer.g-grey.tight {
	background: none !important;
	box-shadow: none !important;
}
.v-customer-service-index main p, .v-customer-service-index main label {
	color: var(--black);
}
.v-customer-service-index main.l-content button#findOrder, .v-customer-service-index .l-content a#goBack {
	height: auto
}
.v-customer-service-index main .g-order-summary .g-order-summary-top-details {
	color: var(--gray-dark)
}
.v-customer-service-index .arr-down, .v-customer-service-index .arr-up {
	border-color: var(--gray-dark);
}
.v-customer-service-index .cs-navbar-item {
	background: var(--gray-dark);
	font-family: var(--font-headlines);
	line-height: 1;
}
.natchtemplate-light main .price-list tr td:first-of-type {
	border-top: 1px solid #FFF !important;
}
@media screen and (max-width: 600px) {
	.v-event-eventdetails main .g-grid table.see-table tr.description .price-narr-cont {
		margin: -25px 0 -40px !important;
		height: auto;
	}
	.price-list .has-description, .price-list .has-restrictions {
		padding: 1.625rem .9375rem 0;
	}
	.natchtemplate-light main .price-list tr td:first-of-type.has-merges {
		line-height: 1.33;
		padding-top: 1.33rem;
	}
	body.natchtemplate-light main tr.merged-price-row {
		padding: inherit;
	}
	.v-event-eventdetails main .g-grid table.see-table tr.ticket td:before,
	.v-event-eventdetails main .g-grid table.see-table tr.description:before {
		font-family: var(--font-headlines);
	}
	body.natchtemplate-light main .g-grid table.see-table tr.description .price-narr-cont.pre-line-format span, .v-event-eventdetails main .g-grid table.see-table tr.ticket td, .natchtemplate-light main .g-grid .g-ui-box.eventinfo h3 a, .natchtemplate-light main .g-grid .g-ui-box.eventinfo p:last-child, body.natchtemplate-light main .g-grid table.see-table tr.ticket td[data-cost] span, body.natchtemplate-light main .merged-price-row td, body.natchtemplate-light main td.includes-cell span, body.natchtemplate-light main .price-list .fees {
		font-size: calc(.7rem + .25vw) !important
	}
	main .includes-cell>span {
		display: none;
	}
}
body.natchtemplate-light main .price-list .fees, body.natchtemplate-light main a[data-handler="contextOverlay"]:has(.fees) {
	display: none !important
}
aside.g-driver.tight.small.link.icon {
	display: none;
}
body.natchtemplate-light.v-event-eventdetails main tr.ticket>td[class], body.natchtemplate-light.v-event-eventdetails main tr.ticket>td.has-merges {
	font-weight: 700;
	font-size: 100% !important;
}
@media(max-width:600px) {
	body.natchtemplate-light.v-event-eventdetails main tr.ticket>td[class], body.natchtemplate-light.v-event-eventdetails main tr.ticket>td.has-merges {
		font-size: 125% !important;
		margin-top: 10px;
	}
}
@media screen and (max-width: 540px) {
	.v-event-eventdetails main .g-grid table.see-table tr.ticket td:first-of-type:before {
		content: "";
	}
	.v-event-eventdetails main .g-grid table.see-table tr.ticket td:first-of-type {
		font-family: var(--font-headlines);
		font-weight: 400;
		font-size: 24px !important;
	}
}
body.natchtemplate-light main span.g-order-summary-item-amount.face-value-info>svg {
	display: none;
}
body.natchtemplate-light main .g-floatingbasket a.g-order-summary-item-remove svg.g-icon.close {
	background-repeat: no-repeat;
}