@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
/*

	CONFIGURATOR
	1. Turn Sections ON/OFF
	2. Fonts
	3. Colours
	4. layout

*/
/*

		1. 

	*/
/*

		2. Fonts

	*/
/*

		3. Colours

	*/
.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-color: #f30103;
}

.g-button.primary {
  color: white;
}
.g-button.primary svg {
  color: white;
  fill: white;
}
.g-button.primary:hover {
  background-color: #0c2351;
}
.g-button.secondary {
  border-color: #f30103;
  color: #f30103;
  border-width: 2px;
}
.g-button.secondary:hover {
  color: #f30103;
  background-color: transparent;
}
.g-button.secondary svg {
  color: #f30103;
  fill: #f30103;
}
.g-button.tertiary {
  color: #1F1F1F;
  border-color: #f30103;
  padding: 0.71875rem 0.3125rem;
}
.g-button.tertiary:hover {
  color: #0c2351;
}
.g-button:hover {
  background-color: #0c2351;
}

.theatre-booking-flow-header .carousel__item.is-active, .tour-calendar__navigation__wrap .carousel__item.is-active, #offerPageHeading .scroll-left, #offerPageHeading .scroll-right {
  background: #f30103;
  color: 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: white;
  fill: 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: #0c2351;
}

.theatre-booking-flow-header .carousel__item, .tour-calendar__navigation__wrap .carousel__item {
  border-color: #f30103;
}

#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 0.625rem;
  }
}
/* Forms & Input buttons */
.g-faux-input {
  color: #f30103;
  border-color: #f30103;
}
.g-faux-input.radio {
  box-shadow: inset rgba(244, 244, 244, 0.6) 0 0 0 2px;
}

input[type=checkbox]:checked ~ .g-faux-input,
input[type=radio]:checked ~ .g-faux-input {
  background: #f30103;
}

.pv-registration-check .clear-deposit input {
  color: #f30103;
}

/* Faux selects */
.dropdown-button:after {
  background: #f30103;
}

.dropdown-container .dropdown a:hover {
  color: #0c2351;
}

.time-slot-month__block {
  border: 2px solid #f30103;
}

.time-slot-month__block--selected {
  background-color: #f30103;
}

.g-icon.shield, .g-ui-box-header .g-icon.shield {
  fill: #f30103;
}

.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 0.9375rem;
  min-height: auto;
  background-color: #fff;
}

.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: transparent;
  box-shadow: none;
  color: #1F1F1F;
  font-weight: 400;
}

.g-masthead.has-image .g-block-head.sub .g-block-head-inner {
  font-size: 1.625rem;
  text-transform: none;
}

.g-ad-container,
.g-ui-box.ad-banner {
  display: none;
}

.g-browse-filter {
  display: none;
}

.l-footer {
  display: none;
}

/* Reviews */
.ratings,
#BVRRContainer,
.bvr-container {
  display: none;
}

/* Confirmation Page - hide 'Share with Friends' */
/* Tour Video */
/* Customer Service area */
/* Nav tabs */
.cs-tabs-login.secondary-nav {
  display: none;
}

/* ** */
/* Venue Accessibility driver/link */
/* ** */
body {
  font-family: "Roboto", sans-serif;
  background: #fcee00;
  color: #1F1F1F;
}

.l-header {
  background: transparent;
  border: none;
}

.g-powered-by-see a {
  color: #1F1F1F;
  text-decoration: none;
  display: block;
}
.g-powered-by-see a svg {
  width: 1.8rem;
  height: 1em;
  fill: #1F1F1F;
}
.g-powered-by-see:hover svg {
  fill: #0c2351;
}

.g-grey {
  background: #fcee00;
}

main a,
.g-follow-widget-label {
  color: #f30103;
}

main a:hover,
.reveal-section p.js-accordion-trigger:hover {
  color: #0c2351;
}

.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: #fcee00;
  background: #fff;
}

.g-ui-box, .alt-info-note, .exchange-for {
  background: #fff;
}

.alt-info-note {
  border: 4px solid #f30103;
  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: #fff;
  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(243, 1, 3, 0.9);
}

.g-has-overlay .g-overlay.join-waiting-list .g-overlay-content {
  background: rgba(255, 255, 255, 0.85);
  padding: 0.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: #1F1F1F;
}

.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: #f30103;
}

.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: #1F1F1F;
}

.g-logo img {
  display: block;
}

.g-driver {
  background: #fff;
}
.g-driver .g-driver-text {
  color: #1F1F1F;
}
.g-driver .g-driver-icon svg {
  fill: 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: #f30103;
}

.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: #f30103;
}

.g-countdown-container.inline .page-countdown .timer,
.g-countdown-container.mobile-only .page-countdown .timer {
  color: #f30103;
}

.g-blocklist.numbers .g-button.show-more {
  color: #f30103;
}

.g-progress-nav-link.current, .g-progress-nav-link.past {
  color: rgba(31, 31, 31, 0.8);
}

.g-icon {
  fill: #fff;
}

.pv-shared-link-order .g-icon {
  fill: #f30103;
}

.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: #f30103;
}

.g-blocklist-item .g-blocklist-link .g-icon {
  fill: white;
}

main ul.bull li:before,
.narrative ul li:before {
  color: #f30103;
}

.pv-search-results .results-div {
  color: #1F1F1F;
}

.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: #1F1F1F;
}

.g-promo-flydown-icon {
  background: #f30103;
}

@media (max-width: 55rem) {
  .js-behaviours-floatingbasket,
  .g-countdown-container.mobile-only {
    background: rgba(244, 244, 244, 0.85);
  }
}
.g-feature-box {
  border-color: #f30103;
}
.g-feature-box svg,
.g-feature-box .s-number {
  color: #f30103;
  fill: #f30103;
}

.g-floatingbasket-content .g-order-summary-items .g-icon.close {
  color: #1F1F1F;
  fill: #1F1F1F;
}

.form-field label.contain {
  background: #f4f4f4;
}

.messi-modal {
  background: #fff;
}

.messi-box .messi-wrapper {
  background: rgba(255, 255, 255, 0.2);
}
.messi-box .messi-titlebox {
  background: #fff;
  color: #1F1F1F;
  text-shadow: none;
}
.messi-box .messi-content {
  color: #1F1F1F;
  font-family: "Roboto", sans-serif;
  background: #fff;
}
.messi-box .messi-content .bt-all {
  color: #f30103;
}

.l-layout .l-content > .white-bg {
  background: #fcee00;
}

.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: #fff;
}
.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: #fff;
}
.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: #f30103;
}

.checkout-orderdetails__content {
  margin-left: 0;
}

.form-field__group .form-field {
  display: block;
}

.g-ui-box .top {
  margin-bottom: 0.625rem;
}

.arr-down, .arr-up {
  border: solid #f30103;
  border-width: 0 0.3em 0.3em 0;
}

.react-calendar .react-calendar__navigation__label__labelText {
  color: #f30103 !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: #f30103 !important;
  color: #fff;
}
.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: #808080 !important;
  border-color: #808080 !important;
}
.react-calendar .react-calendar__tile--active abbr {
  color: #fff;
}
.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;
  width: initial;
}

.v-home .g-inner.sports {
  display: none;
}

.offer-code-entered.success-imp {
  padding: 0.5rem;
  border: 1px solid #f30103;
  margin-bottom: 5px;
}
.offer-code-entered.success-imp svg {
  fill: #f30103;
}

/* all below is the test for the new support centre layout, needs to be as generic as possible */
.supportcentre .g-inner #genesys-support-center {
  /* first set of items here, resets to base defaults */
}
.supportcentre .g-inner #genesys-support-center .KnowledgeSearch_mainContainer_wExYe .Containers_gridRow_UaQQ5 {
  display: block;
}
.supportcentre .g-inner #genesys-support-center .KnowledgeSearch_mainContainer_wExYe .Containers_gridRow_UaQQ5 div.sm-col-12 {
  display: flex;
  width: 100%;
  margin: 0;
  justify-content: center;
}
.supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .categoriesContainer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.85rem;
  margin: 0;
}
.supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .categoriesContainer .CategoryGridItem_categoryGridItemContainer_minov {
  padding: 0;
  margin: 0;
}
.supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .categoriesContainer .CategoryGridItem_categoryGridItemContainer_minov .CategoryGridItem_categoryGridItem_Ty4v5 {
  margin: 0;
}
.supportcentre .g-inner #genesys-support-center .sm-padding-h-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.supportcentre .g-inner #genesys-support-center .sm-margin-b-8 {
  margin-bottom: 1rem;
}
.supportcentre .g-inner #genesys-support-center input[type=search], .supportcentre .g-inner #genesys-support-center input[type=text] {
  border: 0;
  background: #fff;
  max-width: 100%;
}
.supportcentre .g-inner #genesys-support-center div.md-col-6.sm-col-12 a.CategoryGridItem_categoryGridItem_Ty4v5 {
  padding: 5px;
  height: 70px;
  background-color: var(--brand-hero-background-color);
  border-radius: 5px;
  color: var(--color-white);
}
.supportcentre .g-inner #genesys-support-center div.md-col-6.sm-col-12 a.CategoryGridItem_categoryGridItem_Ty4v5 span {
  font-weight: 501;
  text-align: center;
}
.supportcentre .g-inner #genesys-support-center div.md-col-10.sm-col-12 a.CategoryGridItem_categoryGridItem_Ty4v5 {
  padding: 5px;
  height: 70px;
  background-color: var(--brand-hero-background-color);
  border-radius: 5px;
  color: var(--color-white);
  width: auto;
}
.supportcentre .g-inner #genesys-support-center div.md-col-10.sm-col-12 a.CategoryGridItem_categoryGridItem_Ty4v5 span {
  font-weight: 501;
  text-align: center;
}
.supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .lg-col-8 {
  flex: 0 0 100%;
}
.supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .lg-offset-2 {
  margin-left: 0;
}
.supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .sm-margin-b-4 {
  margin-bottom: 1rem;
}
.supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .lg-col-3 {
  flex: 0 0 33%;
}
.supportcentre .g-inner #genesys-support-center .TopViewedArticleItem_topViewedArticleItem_pOasJ {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.supportcentre .g-inner #genesys-support-center .TopViewedArticleItem_topViewedArticleItem_pOasJ span {
  font-weight: 400;
}
.supportcentre .g-inner #genesys-support-center .Divider_divider_ag81Q {
  margin: 1rem;
}
.supportcentre .g-inner #genesys-support-center .text-4xl {
  font-size: 2rem;
  color: var(--brand-hero-text-color) !important;
}
.supportcentre .g-inner #genesys-support-center .ArticleFeedback_container_NSOit .font-semibold {
  font-weight: 400;
}
.supportcentre .g-inner #genesys-support-center .ArticleFeedback_container_NSOit .text-xl {
  font-size: 1rem;
}
.supportcentre .g-inner #genesys-support-center .ArticleFeedback_container_NSOit .text-lg {
  font-size: 0.9rem;
}
.supportcentre .g-inner #genesys-support-center .KnowledgeArticle_container_Jdefe, .supportcentre .g-inner #genesys-support-center .Containers_mainContainer_UFNOj[data-testid=knowledge-categories-container] {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  margin-bottom: 2rem;
}
.supportcentre .g-inner #genesys-support-center .KnowledgeArticle_bodyContainer_zDJL0[data-testid=knowledge-article-body] p, .supportcentre .g-inner #genesys-support-center .Containers_mainContainer_UFNOj[data-testid=knowledge-categories-container] p {
  color: #000;
  font-size: 1rem;
}
.supportcentre .g-inner #genesys-support-center .Containers_gridRow_UaQQ5 .md-col-6 {
  padding: 0.5rem;
}
.supportcentre .g-inner #genesys-support-center p[data-testid=article-last-updated] {
  display: none !important;
}
.supportcentre .g-inner #genesys-support-center div[data-testid=knowledge-articles-container] div.sm-col-12.md-col-6 {
  border-radius: 10px !important;
  margin: 1% !important;
  color: #1c1c1c !important;
  background-color: var(--brand-hero-background-color) !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  padding: 10px !important;
  flex: 0 0 48%;
  text-align: center;
}
.supportcentre .g-inner #genesys-support-center .font-normal {
  font-weight: 300;
}
.supportcentre .g-inner #genesys-support-center .TopViewedArticleItem_topViewedArticleItemIcon_kY3U5 {
  fill: var(--brand-hero-background-color);
}
.supportcentre .g-inner #genesys-support-center .ArticleByCategory_articleByCategory_ArCNr {
  color: var(--brand-hero-text-color) !important;
}
.supportcentre .g-inner #genesys-support-center div.md-col-6.sm-col-12 a.CategoryGridItem_categoryGridItem_Ty4v5 {
  color: var(--brand-hero-text-color) !important;
}

@media only screen and (max-width: 60rem) {
  .supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .lg-col-3 {
    flex: 0 0 100%;
    margin-bottom: 0;
    width: 100%;
  }
  .supportcentre .g-inner #genesys-support-center div.md-col-10.sm-col-12 a.CategoryGridItem_categoryGridItem_Ty4v5 {
    width: 100%;
    height: 50px;
  }
  .supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .sm-col-12 {
    padding: 0px 4px;
  }
  .supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .sm-margin-b-3 {
    margin-bottom: 10px;
  }
  .supportcentre .g-inner #genesys-support-center div.md-col-6.sm-col-12 a.CategoryGridItem_categoryGridItem_Ty4v5 {
    height: 3rem;
  }
  .supportcentre .g-inner #genesys-support-center .Containers_moduleContainer_KOLiF .text-lg {
    font-size: 1rem;
  }
}
/*End Support Centre Styling*/
.time-slot-month {
  justify-content: flex-end;
}
.time-slot-month .mw-100 {
  max-width: 300px !important;
}
.time-slot-month .time-slot-month__block, .time-slot-month .g-button.primary {
  padding: 5px !important;
}
.time-slot-month .time-slot-month__block {
  border: 2px solid #f30103;
}
.time-slot-month .time-slot-month__text {
  font-size: 14px;
  display: block;
  text-align: center;
}
.time-slot-month .g-button.primary {
  cursor: default;
}
.time-slot-month .g-button.primary:hover {
  background: #f30103;
}
.time-slot-month .time-slot-month__block:not(.g-button.primary) {
  cursor: pointer;
}
.time-slot-month .time-slot-month__block:not(.g-button.primary):hover {
  background: #f30103;
}

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

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

.g-masthead {
  display: none;
}

div.g-grey {
  background: transparent;
}

.l-gdpr-banner button.g-button.secondary,
.messi-box {
  background: #f30103;
}

.l-gdpr-banner button.g-button.secondary:hover {
  background: #0c2351;
}

.l-header h1 a:hover, .l-header h2 a:hover, .l-header h3 a:hover, main h1 a:hover, main h2 a:hover, main h3 a:hover, main h4 a:hover {
  color: #1F1F1F;
}

#tabs #offerPageHeading {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dcdcdc;
}
#tabs #offerPageHeading ul {
  margin: 0;
}
#tabs #offerPageHeading ul li {
  margin: 0 2px;
}
#tabs .scroll-left,
#tabs .scroll-right {
  background: #f30103;
  height: 100%;
  width: 100%;
  max-height: 1.625rem;
  min-height: 1.625rem;
  max-width: 1.625rem;
  min-width: 1.625rem;
  display: flex;
  align-items: center;
  justify-items: center;
  border-radius: 6px;
}
#tabs .scroll-left .g-icon,
#tabs .scroll-right .g-icon {
  margin: 0;
}
#tabs .offer-page-select {
  border-style: solid;
  border-color: #dcdcdc;
  border-radius: 6px 6px 0 0;
  border-width: 1px 1px 0 1px;
}
#tabs .offer-page-select.current-offer-page {
  font-weight: 500;
  background-color: #fff;
  border-color: #f30103;
}

.pv-event-offer-code .offer-code-entered {
  color: #f30103;
  border-bottom: 1px solid #f30103;
}
.pv-event-offer-code .offer-code-entered svg {
  fill: #f30103;
}