@keyframes slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-up {
  from {
    transform: translateY(101%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes reveal {
  0% {
    -webkit-clip-path: inset(0% 0% 100% 0%);
            clip-path: inset(0% 0% 100% 0%);
  }
  100% {
    -webkit-clip-path: inset(0%);
            clip-path: inset(0%);
  }
}
:root {
  --width--full--padded: calc(100% - (var(--section--margin-inline) * 2));
  --width--xs: 838px;
  --width--xs--padded: min(var(--width--xs), var(--width--full--padded));
  --width--s: 934px;
  --width--s--padded: min(var(--width--s), var(--width--full--padded));
  --width--m: 796px;
  --width--m--padded: min(var(--width--m), var(--width--full--padded));
  --width--l: 1047px;
  --width--l--padded: min(var(--width--l), var(--width--full--padded));
  --width--xl: 1200px;
  --width--xl--padded: min(var(--width--xl), var(--width--full--padded));
  --width--max: 1366px;
  --width--max--padded: min(var(--width--max), var(--width--full--padded));
  --width--fluid-min: 390px;
  --width--fluid-min--padded: min(var(--width--fluid-min), var(--width--full--padded));
  --width--fluid-max: 1200px;
  --width--fluid-max--padded: min(var(--width--fluid-max), var(--width--full--padded));
}

:root {
  --color--black: #000;
  --color--black--hsl: 0deg, 0%, 0%;
  --color--black--h: 0deg;
  --color--black--s: 0%;
  --color--black--l: 0%;
  --color--white: #fff;
  --color--white--hsl: 0deg, 0%, 100%;
  --color--white--h: 0deg;
  --color--white--s: 0%;
  --color--white--l: 100%;
  --color--off-white: #f6f9ed;
  --color--off-white--hsl: 75deg, 50%, 95.2941176471%;
  --color--off-white--h: 75deg;
  --color--off-white--s: 50%;
  --color--off-white--l: 95.2941176471%;
  --color--cream: #f4f2ba;
  --color--cream--hsl: 57.9310344828deg, 72.5%, 84.3137254902%;
  --color--cream--h: 57.9310344828deg;
  --color--cream--s: 72.5%;
  --color--cream--l: 84.3137254902%;
  --color--blue: #3971e2;
  --color--blue--hsl: 220.1183431953deg, 74.449339207%, 55.4901960784%;
  --color--blue--h: 220.1183431953deg;
  --color--blue--s: 74.449339207%;
  --color--blue--l: 55.4901960784%;
  --color--red: #e22b15;
  --color--red--hsl: 6.4390243902deg, 82.995951417%, 48.431372549%;
  --color--red--h: 6.4390243902deg;
  --color--red--s: 82.995951417%;
  --color--red--l: 48.431372549%;
  --color--burgundy: #a80e13;
  --color--burgundy--hsl: 358.0519480519deg, 84.6153846154%, 35.6862745098%;
  --color--burgundy--h: 358.0519480519deg;
  --color--burgundy--s: 84.6153846154%;
  --color--burgundy--l: 35.6862745098%;
  --color--green: #2e8267;
  --color--green--hsl: 160.7142857143deg, 47.7272727273%, 34.5098039216%;
  --color--green--h: 160.7142857143deg;
  --color--green--s: 47.7272727273%;
  --color--green--l: 34.5098039216%;
  --color--marine: #567880;
  --color--marine--hsl: 191.4285714286deg, 19.6261682243%, 41.9607843137%;
  --color--marine--h: 191.4285714286deg;
  --color--marine--s: 19.6261682243%;
  --color--marine--l: 41.9607843137%;
  --color--yellow: #faa600;
  --color--yellow--hsl: 39.84deg, 100%, 49.0196078431%;
  --color--yellow--h: 39.84deg;
  --color--yellow--s: 100%;
  --color--yellow--l: 49.0196078431%;
  --color--pink: #ec5f73;
  --color--pink--hsl: 351.4893617021deg, 78.7709497207%, 64.9019607843%;
  --color--pink--h: 351.4893617021deg;
  --color--pink--s: 78.7709497207%;
  --color--pink--l: 64.9019607843%;
  --color--lavender: #7677a6;
  --color--lavender--hsl: 238.75deg, 21.2389380531%, 55.6862745098%;
  --color--lavender--h: 238.75deg;
  --color--lavender--s: 21.2389380531%;
  --color--lavender--l: 55.6862745098%;
  --color--orange: #f55f1b;
  --color--orange--hsl: 18.7155963303deg, 91.5966386555%, 53.3333333333%;
  --color--orange--h: 18.7155963303deg;
  --color--orange--s: 91.5966386555%;
  --color--orange--l: 53.3333333333%;
  --color--mustard: #d99020;
  --color--mustard--hsl: 36.3243243243deg, 74.297188755%, 48.8235294118%;
  --color--mustard--h: 36.3243243243deg;
  --color--mustard--s: 74.297188755%;
  --color--mustard--l: 48.8235294118%;
  --color--navy: #1d335b;
  --color--navy--hsl: 218.7096774194deg, 51.6666666667%, 23.5294117647%;
  --color--navy--h: 218.7096774194deg;
  --color--navy--s: 51.6666666667%;
  --color--navy--l: 23.5294117647%;
  --color--neutral-100: #f5f5f5;
  --color--neutral-100--hsl: 0deg, 0%, 96.0784313725%;
  --color--neutral-100--h: 0deg;
  --color--neutral-100--s: 0%;
  --color--neutral-100--l: 96.0784313725%;
  --color--neutral-200: #ededed;
  --color--neutral-200--hsl: 0deg, 0%, 92.9411764706%;
  --color--neutral-200--h: 0deg;
  --color--neutral-200--s: 0%;
  --color--neutral-200--l: 92.9411764706%;
  --color--neutral-300: #d9d9d9;
  --color--neutral-300--hsl: 0deg, 0%, 85.0980392157%;
  --color--neutral-300--h: 0deg;
  --color--neutral-300--s: 0%;
  --color--neutral-300--l: 85.0980392157%;
  --color--neutral-400: #bababa;
  --color--neutral-400--hsl: 0deg, 0%, 72.9411764706%;
  --color--neutral-400--h: 0deg;
  --color--neutral-400--s: 0%;
  --color--neutral-400--l: 72.9411764706%;
  --color--neutral-500: #8c8c8c;
  --color--neutral-500--hsl: 0deg, 0%, 54.9019607843%;
  --color--neutral-500--h: 0deg;
  --color--neutral-500--s: 0%;
  --color--neutral-500--l: 54.9019607843%;
  --color--neutral-600: #595959;
  --color--neutral-600--hsl: 0deg, 0%, 34.9019607843%;
  --color--neutral-600--h: 0deg;
  --color--neutral-600--s: 0%;
  --color--neutral-600--l: 34.9019607843%;
  --color--neutral-700: #393939;
  --color--neutral-700--hsl: 0deg, 0%, 22.3529411765%;
  --color--neutral-700--h: 0deg;
  --color--neutral-700--s: 0%;
  --color--neutral-700--l: 22.3529411765%;
  --color--accent: #000000;
  --color--accent--hsl: 0deg, 0%, 0%;
  --color--accent--h: 0deg;
  --color--accent--s: 0%;
  --color--accent--l: 0%;
  --color--focus: #000;
  --color--focus--hsl: 0deg, 0%, 0%;
  --color--focus--h: 0deg;
  --color--focus--s: 0%;
  --color--focus--l: 0%;
  --color--error: #e02929;
  --color--error--hsl: 0deg, 74.693877551%, 51.9607843137%;
  --color--error--h: 0deg;
  --color--error--s: 74.693877551%;
  --color--error--l: 51.9607843137%;
  --color--error-light: #f5ebeb;
  --color--error-light--hsl: 0deg, 33.3333333333%, 94.1176470588%;
  --color--error-light--h: 0deg;
  --color--error-light--s: 33.3333333333%;
  --color--error-light--l: 94.1176470588%;
  --color--success: #000;
  --color--success--hsl: 0deg, 0%, 0%;
  --color--success--h: 0deg;
  --color--success--s: 0%;
  --color--success--l: 0%;
  --color--success-light: #f6f9ed;
  --color--success-light--hsl: 75deg, 50%, 95.2941176471%;
  --color--success-light--h: 75deg;
  --color--success-light--s: 50%;
  --color--success-light--l: 95.2941176471%;
  --color--disabled: #bababa;
  --color--disabled--hsl: 0deg, 0%, 72.9411764706%;
  --color--disabled--h: 0deg;
  --color--disabled--s: 0%;
  --color--disabled--l: 72.9411764706%;
  --color--background: #fff;
  --color--background--hsl: 0deg, 0%, 100%;
  --color--background--h: 0deg;
  --color--background--s: 0%;
  --color--background--l: 100%;
  --color--text: #000;
  --color--text--hsl: 0deg, 0%, 0%;
  --color--text--h: 0deg;
  --color--text--s: 0%;
  --color--text--l: 0%;
  --space--xxs: 4px;
  --space--xs: 8px;
  --space--s: 12px;
  --space--m: 16px;
  --space--l: 24px;
  --space--xl: 32px;
  --space--xxl: 40px;
  --space--layout--xs: 48px;
  --space--layout--s: 64px;
  --space--layout--m: 80px;
  --space--layout--l: 100px;
  --space--layout--xl: 130px;
  --space--layout: calc((32 * 1px) + (48 - 32) * var(--fluid--bp));
  --space--base: var(--space--l);
  --space--prose: var(
      --space--base
  );
  --space--stack: var(
      --space--base
  );
  --fs--base: 1rem;
  --fs--body: calc(((18 / 16) * 1rem) + (16 - 18) * var(--fluid--bp));
  --fs--body-l: 1.25rem;
  --fs--body-xl: calc(((22 / 16) * 1rem) + (24 - 22) * var(--fluid--bp));
  --fs--hero: calc(((48 / 16) * 1rem) + (144 - 48) * var(--fluid--bp));
  --fs--xxl: calc(((48 / 16) * 1rem) + (80 - 48) * var(--fluid--bp));
  --fs--xl: calc(((48 / 16) * 1rem) + (60 - 48) * var(--fluid--bp));
  --fs--l: calc(((36 / 16) * 1rem) + (60 - 36) * var(--fluid--bp));
  --fs--heading-l: calc(((36 / 16) * 1rem) + (48 - 36) * var(--fluid--bp));
  --fs--h1: 2.5rem;
  --fs--h2: calc(((28 / 16) * 1rem) + (32 - 28) * var(--fluid--bp));
  --fs--h3: calc(((24 / 16) * 1rem) + (28 - 24) * var(--fluid--bp));
  --fs--h4: calc(((20 / 16) * 1rem) + (24 - 20) * var(--fluid--bp));
  --fs--h5: calc(((18 / 16) * 1rem) + (20 - 18) * var(--fluid--bp));
  --fs--h6: 1rem;
  --fs--xs: 1rem;
  --fs--promo: calc(((32 / 16) * 1rem) + (60 - 32) * var(--fluid--bp));
  --fs--page-header: calc(((40 / 16) * 1rem) + (96 - 40) * var(--fluid--bp));
  --fw--normal: 500;
  --fw--bold: 700;
  --fw--xbold: 800;
  --fw--black: 900;
  --ff--primary: "golos-text", sans-serif;
  --ff--secondary: "inter-tight-variable", sans-serif;
  --text-underline-offset: 0.15em;
  --heading--margin-top: var(--space--prose);
  --heading--margin-bottom: 16px;
  --border-radius--s: 4px;
  --border-radius--m: 6px;
  --border-radius--l: 15px;
  --border--1: 1px solid var(--color--black);
  --transition--duration: 200ms;
  --transition--base: var(--transition--duration) ease-out;
  --btn--size: 48px;
  --btn--icon-size: 40px;
  --btn--border-width: 1px;
  --btn--padding-block: 14px;
  --btn--padding-inline: 18px;
  --btn--border-radius: 0px;
  --btn--background-color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
  --link--color: inherit;
  --link--color--hover: inherit;
  --link--text-decoration: underline;
  --link--text-decoration--hover: underline;
  --article-content--margin-block: 24px;
  --container--padding-inline: calc((16 * 1px) + (48 - 16) * var(--fluid--bp));
  --section--max-width: var(--width--l);
  --section--margin-inline: var(--container--padding-inline);
  --section--margin-block: var(--space--layout);
  --section--padding-inline: var(--container--padding-inline);
  --section--padding-block: var(--space--layout);
  --form--column-gap: 16px;
  --form--row-gap: calc(((32 / 16) * 1rem) + (36 - 32) * var(--fluid--bp));
  --form--label-spacing: 8px;
  --form--field--row-gap: var(--space--xs);
  --form--field--column-gap: var(--space--s);
  --input--background-color: var(--color--white);
  --input--background-color--focus: var(--color--white);
  --input--border-width: 1px;
  --input--border-color: currentColor;
  --input--border-radius: 0;
  --input--color: currentColor;
  --input--gap: var(--space--xs);
  --input--padding-block: calc(11px - var(--input--border-width));
  --input--padding-inline: calc(11px - var(--input--border-width));
  --input--placeholder-color: currentColor;
  --checkbox--size: 1.5em;
  --checkbox--check-size: 1.125em;
  --checkbox--checkmark-size: 1em;
  --checkbox--input--background-color: transparent;
  --radio--size: 1.5em;
  --radio--check-size: 1.125em;
  --grid--column-gap: var(--space--base);
  --grid--row-gap: var(--space--xl);
  --grid--columns: 1;
  --grid--item--min-width: 21.875rem;
  --table--header--background-color: var(--color--white);
  --table--header--border: var(--border--1);
  --table--row--padding-block: var(--space--l);
  --table--row--padding-inline: var(--space--xs);
  --table--row--background-color--even: var(--color--white);
  --table--row--background-color--odd: var(--color--neutral-100);
  --fluid--min-width: 390;
  --fluid--max-width: 1200;
  --fluid--screen: 100vw;
  --fluid--bp: calc(
      (var(--fluid--screen) - var(--fluid--min-width) / 16 * 1rem) /
          (var(--fluid--max-width) - var(--fluid--min-width))
  );
  --uri-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.6 21.3a1 1 0 0 1-1-1V3.4l-7.9 8A1 1 0 0 1 .3 9.8L9.9.3a1 1 0 0 1 1.4 0L21 9.9a1 1 0 0 1-1.5 1.4l-7.9-7.9v16.9c0 .5-.4 1-1 1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --uri-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 24'%3E%3Cpath stroke='%23000' d='M.9 12a11.5 11.5 0 1 1 23 0 11.5 11.5 0 0 1-23 0Z'/%3E%3Cpath fill='%23000' d='M17.3 15.5 16 17 7.4 8.5 8.8 7l8.5 8.4Z'/%3E%3Cpath fill='%23000' d='m16 7 1.3 1.5-8.5 8.4-1.4-1.4L16 7.1Z'/%3E%3C/svg%3E");
  --uri-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='M11.94 28.88 0 16.93l5.7-5.7 6.24 6.25L26.31 3.13 32 8.82'/%3E%3C/svg%3E");
}
@media (min-width: 75em) {
  :root {
    --article-content--margin-block: 48px;
  }
}
@media (min-width: 48em) {
  :root {
    --grid--columns: 2;
    --grid--column-gap: var(--space--l);
    --grid--row-gap: var(--space--xxl);
  }
}
@media (min-width: 62em) {
  :root {
    --grid--columns: 4;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --fluid--screen: calc(var(--fluid--max-width) * 1px);
  }
}

/* More intuitive box sizing model */
*,
*::before,
*::after {
  box-sizing: border-box;
  min-width: 0;
}

/* Remove default margins */
:where(body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd) {
  margin: 0;
}

/* Prevent font size inflation */
html {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
html:focus-within {
  scroll-behavior: smooth;
}

/* Allow percentage-based heights */
html,
body {
  height: 100%;
}

/* Set core body defaults */
body {
  min-height: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* Remove built-in form typography styles */
input,
button,
textarea,
select {
  font: inherit;
}

/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

small {
  font-size: 80%;
}

:where(form) {
  margin: 0;
}

.page-header__hero--tagline,
.type-hero {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--hero);
  line-height: 0.95;
}

.type-heading-xxl {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--xxl);
  line-height: 1.25;
}

.type-heading-xl {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--xl);
  line-height: 1.25;
}

.type-heading-l {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--l);
  line-height: 1.25;
}

.ticket-quantity-buttons__counter, h1,
.type-h1 {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--h1);
  line-height: 1.25;
}

.recommendations__login .section__header, .recommendations__create-account .section__header, .search-results__title,
.search-results .related .section__heading, .timeline__header--content, .no-results__title, .no-results__section .section__heading, .quote__text, .site-header__header-menu a, .page-template-page-jobs-list .related .section__heading, .page-header--404 .main-content__intro, h2,
.type-h2 {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--h2);
  line-height: 1.25;
}

.customer-donation-history__donation-amount, .order-summary .booking-pathway__header, .donate-per-ticket__summary--total, .search-form__label, .site-header-full-menu, .support__frequency--label, h3,
.type-h3 {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--h3);
  line-height: 1.33333;
}

.account-overview-navigation__list--header, .basket-item__title, .booking-pathway__header, .booking-pathway__no-results--title, .login-status .section__header, .page-header__subheading, .event-detail h3, h4,
.type-h4 {
  font-family: var(--ff--primary);
  font-weight: var(--fw--xbold);
  font-size: var(--fs--h4);
  line-height: 1.2;
}

.past-orders .order-content__header, .membership-prompt .booking-pathway__header,
.donation-prompt .booking-pathway__header, .extras-instance__title, .instance-event-summary__title, .confirmed-order__header, h5,
.type-h5 {
  font-family: var(--ff--primary);
  font-weight: var(--fw--xbold);
  font-size: var(--fs--h5);
  line-height: 1.22;
}

.personalised-offer__title, .seat-info-dialog__header, .seat-info-dialog__seat-name, .booking-pathway__filters .booking-pathway__header, .extras-instance__price, .booking-pathway__summary .booking-pathway__header, .basket-summary__item--header, .donate-per-ticket__carousel--status, .donate-per-ticket__header, .donate-per-ticket__heading--info, .donate-per-ticket__summary--donation, .booking-pathway__preferences--form legend, .no-results__section .search-form__label, .events-calendar__month-name, .filters legend, .filters .search-form__label, .filters__blog-list label, .post-details__accessibility--list-group strong, .post-details dt, .post-details .wysiwyg-content h1,
.post-details .wysiwyg-content h2,
.post-details .wysiwyg-content h3,
.post-details .wysiwyg-content h4,
.post-details .wysiwyg-content h5,
.post-details .wysiwyg-content h6,
.post-details .wysiwyg-content strong, .site-header__utility-menu--link, .page-header--404 .search-form__label, .form-field__label,
.btn--link, h6,
.type-h6 {
  font-family: var(--ff--primary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h6);
  line-height: 1.25;
}

.type-heading-xs {
  font-family: var(--ff--primary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--xs);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  line-height: 1.14;
}

.memberships .section__heading, .support .section__heading, .promo .section__heading,
.type-heading-promo {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--promo);
  line-height: 1.13;
}

.page-header__heading,
.type-heading-page-header {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--page-header);
  line-height: 1.12;
}

.card__title,
.type-card-header {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: 2rem;
  line-height: 1;
}

.type-card-date {
  font-family: var(--ff--secondary);
  font-variation-settings: "wght" var(--fw--normal);
  font-size: 1rem;
  line-height: 1.4;
}

.btn, .btn--filter,
.btn--pill, .gform_button,
.type-button {
  font-family: var(--ff--secondary);
  font-size: var(--fs--base);
  font-variation-settings: "wght" var(--fw--bold);
  line-height: 1;
}

.type-body-xs {
  --space--prose: 16px;
  font-family: var(--ff--secondary);
  font-size: calc(((14 / 16) * 1rem) + (12 - 14) * var(--fluid--bp));
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.33;
}

.gform-field-label--type-sub,
.gfield_description, .form-field--error .validation-message,
.form-field--error .gfield_validation_message,
.gfield_error .validation-message,
.gfield_error .gfield_validation_message, .card--people .role, .card--people .email-link, .media__item--caption, .download-item__title .size,
.error-block,
.error-block h2,
.error-block h3,
.error-block h4,
.error-block h5, .error-message,
.confirmation-message,
.gform_validation_errors,
.gform_confirmation_message,
.validation-summary-errors, .error-message h2,
.confirmation-message h2,
.gform_validation_errors h2,
.gform_confirmation_message h2,
.validation-summary-errors h2,
.error-message h3,
.confirmation-message h3,
.gform_validation_errors h3,
.gform_confirmation_message h3,
.validation-summary-errors h3,
.error-message h4,
.confirmation-message h4,
.gform_validation_errors h4,
.gform_confirmation_message h4,
.validation-summary-errors h4,
.error-message h5,
.confirmation-message h5,
.gform_validation_errors h5,
.gform_confirmation_message h5,
.validation-summary-errors h5,
.type-body-s {
  --space--prose: 20px;
  font-family: var(--ff--secondary);
  font-size: calc(((16 / 16) * 1rem) + (14 - 16) * var(--fluid--bp));
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.43;
}

.extras-instance .ticket-quantity-buttons__counter,
.extras-instance .extras-instance__buttons__counter, .event-message__header, .label__required,
.gfield_required, .site-header-full-menu__sub-menu--panel .support .section__introduction, .card__surtitle, .card__dates, .card__time, .card__genre, .card--people .card__title, .card--partner .card__title, body,
.type-body {
  font-family: var(--ff--secondary);
  font-size: var(--fs--body);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.6;
}

.main-content__intro, .page-header--404 .main-content__text,
.type-body-l {
  font-size: var(--fs--body-l);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.4;
}

.promo .section__introduction,
.promo .content--text,
.type-body-xl {
  font-size: var(--fs--body-xl);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.33;
}

label,
.label,
legend,
.type-input-label {
  font-family: var(--ff--secondary);
  font-size: var(--fs--body);
  font-variation-settings: "wght" var(--fw--bold);
  line-height: 1.3;
}

html {
  color: var(--color--foreground);
  background-color: var(--color--background);
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  text-underline-offset: var(--text-underline-offset);
}

.page-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.SpektrixFooter {
  display: none;
}

:where(p, ul, ol, table, iframe, embed, hr, address, pre, dl, fieldset):where(:not([class~=not-prose] *)) {
  margin-block: var(--space--prose);
}

:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
}
:where(h1, h2, h3, h4, h5, h6):where(:not([class~=not-prose] *)) {
  margin-block-start: var(--heading--margin-top, 0px);
  margin-block-end: var(--heading--margin-bottom, 0px);
}
:where(h1, h2, h3, h4, h5, h6):where(:not([class~=not-prose] *)) + p {
  margin-top: var(--heading--margin-bottom);
}

strong,
b {
  font-weight: normal;
  font-variation-settings: "wght" var(--fw--bold);
}

details,
summary {
  list-style: none;
}

::-webkit-details-marker,
summary::marker {
  display: none;
}

ul,
ol {
  padding-left: 1.2em;
}

li {
  position: relative;
  margin-bottom: 0.5em;
}
li:last-child {
  margin-bottom: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
[role=list] {
  margin: 0;
  padding: 0;
  list-style: none;
}
[role=list] li {
  list-style-image: none;
  margin-bottom: 0;
}
[role=list] li::after {
  content: none;
}

button,
[type=submit] {
  font-family: var(--ff--secondary);
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  cursor: pointer;
  color: currentColor;
}

svg {
  width: 100%;
  height: auto;
}
svg:where(:not(.svg--stroke)) {
  fill: currentColor;
}

:where(.svg--stroke) path {
  stroke: currentColor;
}

*:focus-visible {
  outline: 3px dotted var(--color--focus);
  outline-offset: 3px;
}
*:focus-visible:not(:focus-visible):focus-visible, *:focus-visible:not(:focus-visible):active {
  outline-style: none;
  outline-width: 0;
}

.force-show {
  display: flex !important;
}

.force-hide {
  display: none !important;
}

.progress-nav__inner,
.container {
  width: 100%;
  max-width: var(--container--width, var(--width--max));
  margin-inline: auto;
}

.progress-nav__inner,
:where(.container:not(.container .container)) {
  padding-inline: var(--container--padding-inline);
}

.upsell-block, .customer-membership, .preferences-block, .account-navigation, .error404,
.page-template-page-404-error, .error404 .related,
.page-template-page-404-error .related, .featured__tab-panel, .card--video-gallery, .media,
.has-black-background-color {
  --color--background: var(--color--black);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
  --btn--border-color--hover: var(--color--off-white);
  --input--background-color: transparent;
}

.has-black-color {
  color: var(--color--black);
}

.timeline .related, .featured__tab-panel .related--featured .card__content, .page-children__wrapper .related:nth-child(2n), .related.related__venue-events, .page-template-page-home .related-content, .page-template-page-jobs-list .related,
.has-white-background-color {
  --color--background: var(--color--white);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--venue-accent, var(--color--black));
  --btn--color--hover: var(--color--white);
}

.has-white-color {
  color: var(--color--white);
}

.page-template-page-whats-on, .customer-details-form, .search-results,
.search-no-results, .search-results .feed-list,
.search-no-results .feed-list, .form-section__inner, .timeline__nav, .timeline__item:nth-child(2n-1), .no-results__card, .filters__search, .post-details__inner, .post-details__job, .quote, .related, .card--image-gallery, .card--job, .media[data-theme=light], .media[data-theme=light] .dialog-container,
.has-off-white-background-color {
  --color--background: var(--color--off-white);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --color--disabled: #898a83;
}

.has-off-white-color {
  color: var(--color--off-white);
}

.has-cream-background-color {
  --color--background: var(--color--cream);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}

.has-cream-color {
  color: var(--color--cream);
}

.has-blue-background-color {
  --color--background: var(--color--blue);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-blue-color {
  color: var(--color--blue);
}

.has-red-background-color {
  --color--background: var(--color--red);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-red-color {
  color: var(--color--red);
}

.has-burgundy-background-color {
  --color--background: var(--color--burgundy);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-burgundy-color {
  color: var(--color--burgundy);
}

.has-green-background-color {
  --color--background: var(--color--green);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-green-color {
  color: var(--color--green);
}

.upsell-block__orders-upsell,
.has-marine-background-color {
  --color--background: var(--color--marine);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-marine-color {
  color: var(--color--marine);
}

.has-yellow-background-color {
  --color--background: var(--color--yellow);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-yellow-color {
  color: var(--color--yellow);
}

.customer-donation-history,
.has-pink-background-color {
  --color--background: var(--color--pink);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-pink-color {
  color: var(--color--pink);
}

.upsell-block__overview-upsell,
.has-lavender-background-color {
  --color--background: var(--color--lavender);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-lavender-color {
  color: var(--color--lavender);
}

.personalised-offers,
.has-orange-background-color {
  --color--background: var(--color--orange);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--off-white);
  --btn--background-color--hover: var(--color--off-white);
  --btn--color--hover: var(--color--orange);
  --btn--border-color--hover: var(--color--off-white);
}

.has-orange-color {
  color: var(--color--orange);
}

.has-mustard-background-color {
  --color--background: var(--color--mustard);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}

.has-mustard-color {
  color: var(--color--mustard);
}

.upsell-block__help-upsell, .upsell-block__preferences-upsell, .related-stories,
.has-navy-background-color {
  --color--background: var(--color--navy);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--off-white);
  --btn--background-color--hover: var(--color--off-white);
  --btn--color--hover: var(--color--black);
}

.has-navy-color {
  color: var(--color--navy);
}

.has-neutral-100-background-color {
  --color--background: var(--color--neutral-100);
  background-color: var(--color--background);
}

.has-neutral-100-color {
  color: var(--color--neutral-100);
}

.has-neutral-200-background-color {
  --color--background: var(--color--neutral-200);
  background-color: var(--color--background);
}

.has-neutral-200-color {
  color: var(--color--neutral-200);
}

.has-neutral-300-background-color {
  --color--background: var(--color--neutral-300);
  background-color: var(--color--background);
}

.has-neutral-300-color {
  color: var(--color--neutral-300);
}

.has-neutral-400-background-color {
  --color--background: var(--color--neutral-400);
  background-color: var(--color--background);
}

.has-neutral-400-color {
  color: var(--color--neutral-400);
}

.has-neutral-500-background-color {
  --color--background: var(--color--neutral-500);
  background-color: var(--color--background);
}

.has-neutral-500-color {
  color: var(--color--neutral-500);
}

.has-neutral-600-background-color {
  --color--background: var(--color--neutral-600);
  background-color: var(--color--background);
}

.has-neutral-600-color {
  color: var(--color--neutral-600);
}

.has-neutral-700-background-color {
  --color--background: var(--color--neutral-700);
  background-color: var(--color--background);
}

.has-neutral-700-color {
  color: var(--color--neutral-700);
}

.has-accent-background-color {
  --color--background: var(--color--accent);
  background-color: var(--color--background);
}

.has-accent-color {
  color: var(--color--accent);
}

.has-focus-background-color {
  --color--background: var(--color--focus);
  background-color: var(--color--background);
}

.has-focus-color {
  color: var(--color--focus);
}

.has-error-background-color {
  --color--background: var(--color--error);
  background-color: var(--color--background);
}

.has-error-color {
  color: var(--color--error);
}

.has-error-light-background-color {
  --color--background: var(--color--error-light);
  background-color: var(--color--background);
}

.has-error-light-color {
  color: var(--color--error-light);
}

.has-success-background-color {
  --color--background: var(--color--success);
  background-color: var(--color--background);
}

.has-success-color {
  color: var(--color--success);
}

.has-success-light-background-color {
  --color--background: var(--color--success-light);
  background-color: var(--color--background);
}

.has-success-light-color {
  color: var(--color--success-light);
}

.has-disabled-background-color {
  --color--background: var(--color--disabled);
  background-color: var(--color--background);
}

.has-disabled-color {
  color: var(--color--disabled);
}

.has-background-background-color {
  background-color: var(--color--background);
}

.has-background-color {
  color: var(--color--background);
}

.has-text-background-color {
  --color--background: var(--color--text);
  background-color: var(--color--background);
}

.has-text-color {
  color: var(--color--text);
}

.event-details,
.grid--auto,
.grid {
  display: grid;
  grid-template-columns: repeat(var(--grid--columns), minmax(0, 1fr));
  -moz-column-gap: var(--grid--column-gap, 0px);
       column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
}

.grid--auto {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--grid--item--min-width, 21.875rem), 100%), 1fr));
}

.flex-grid {
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: var(--grid--column-gap, 0px);
       column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
}
.flex-grid > *,
.flex-grid-item {
  width: calc(100% / var(--grid--columns) - var(--grid--column-gap, 0px) + var(--grid--column-gap, 0px) / var(--grid--columns));
}

.flex-list {
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: var(--grid--column-gap, 0px);
       column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
  align-items: center;
  justify-content: flex-start;
}

.mask-icon,
.section-navigation__root > a::after,
.section-navigation .page_item_has_children > a::after,
.progress-nav-item:has(~ .is-active) .progress-nav-item__icon::before,
.btn--mask-icon::before,
.btn--mask-icon--after::after,
.btn--filter::after,
.btn--pill::after {
  width: var(--icon--size, 1em);
  height: var(--icon--size, 1em);
  background-color: currentColor;
  content: "";
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: var(--icon--url);
          mask-image: var(--icon--url);
}

.img-fit {
  position: relative;
  display: block;
  overflow: hidden;
}
.img-fit > * {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  -o-object-fit: var(--img-fit--object-fit, cover);
     object-fit: var(--img-fit--object-fit, cover);
}

.img-fit--contain {
  --img-fit--object-fit: contain;
}

.personalised-offer__introduction > *:first-child, .upsell-block__introduction > *:first-child, .push-notification__content > *:first-child, .extras-instance__header--content > *:first-child, .extras-instance__summary > *:first-child, .event-instance__date > *:first-child,
.event-instance .time > *:first-child, .event-instance__booking > *:first-child, .gform_fields > *:first-child, .ginput_complex > *:first-child, .timeline__item--container > *:first-child, .timeline__item--content > *:first-child, .no-results__card > *:first-child, .no-results__summary > *:first-child, .site-footer address > *:first-child, .main-content__intro > *:first-child, .card__summary > *:first-child, .page-header__content > *:first-child, .article__sidebar > *:first-child, .error-text > *:first-child,
.wysiwyg-content > *:first-child, .section > *:first-child, .section__inner > *:first-child,
.section > [class*=__inner] > *:first-child,
.margin-trim > *:first-child {
  margin-block-start: 0;
}
.personalised-offer__introduction > *:last-child, .upsell-block__introduction > *:last-child, .push-notification__content > *:last-child, .extras-instance__header--content > *:last-child, .extras-instance__summary > *:last-child, .event-instance__date > *:last-child,
.event-instance .time > *:last-child, .event-instance__booking > *:last-child, .gform_fields > *:last-child, .ginput_complex > *:last-child, .timeline__item--container > *:last-child, .timeline__item--content > *:last-child, .no-results__card > *:last-child, .no-results__summary > *:last-child, .site-footer address > *:last-child, .main-content__intro > *:last-child, .card__summary > *:last-child, .page-header__content > *:last-child, .article__sidebar > *:last-child, .error-text > *:last-child,
.wysiwyg-content > *:last-child, .section > *:last-child, .section__inner > *:last-child,
.section > [class*=__inner] > *:last-child,
.margin-trim > *:last-child {
  margin-block-end: 0;
}

.margin-trim-start > *:first-child {
  margin-block-start: 0;
}

.margin-trim-end > *:last-child {
  margin-block-end: 0;
}

.card-carousel > *, .top-picks__cards > *,
.discount-event-feed__cards > *,
:where(.stack) > * {
  margin-block: 0;
}
.card-carousel :where(.stack > * + *), .top-picks__cards :where(.stack > * + *),
.discount-event-feed__cards :where(.stack > * + *),
:where(.stack) :where(.stack > * + *) {
  margin-block-start: var(--space--stack);
}

.card-carousel > * + *, .top-picks__cards > * + *,
.discount-event-feed__cards > * + * {
  margin-block-start: var(--space--stack);
}

:where(.stack--xxs) > * + * {
  --space--stack: var(--space--xxs);
}

:where(.stack--xs) > * + * {
  --space--stack: var(--space--xs);
}

:where(.stack--s) > * + * {
  --space--stack: var(--space--s);
}

:where(.stack--m) > * + * {
  --space--stack: var(--space--m);
}

:where(.stack--l) > * + * {
  --space--stack: var(--space--l);
}

:where(.stack--xl) > * + * {
  --space--stack: var(--space--l);
}

:where(.stack--layout) > * + * {
  --space--stack: var(--space--layout);
}

:where(:-moz-any-link) {
  color: var(--link--color);
  text-decoration: var(--link--text-decoration);
}

:where(:any-link),
.link,
.btn--link {
  color: var(--link--color);
  -webkit-text-decoration: var(--link--text-decoration);
          text-decoration: var(--link--text-decoration);
}
:where(:-moz-any-link):focus-visible, :where(:-moz-any-link):active {
  color: var(--link--color--hover);
  text-decoration: var(--link--text-decoration--hover);
}
:where(:any-link):focus-visible, :where(:any-link):active,
.link:focus-visible,
.link:active,
.btn--link:focus-visible,
.btn--link:active {
  color: var(--link--color--hover);
  -webkit-text-decoration: var(--link--text-decoration--hover);
          text-decoration: var(--link--text-decoration--hover);
}
@media (hover: hover) {
  :where(:-moz-any-link):hover {
    color: var(--link--color--hover);
    text-decoration: var(--link--text-decoration--hover);
  }
  :where(:any-link):hover,
  .link:hover,
  .btn--link:hover {
    color: var(--link--color--hover);
    -webkit-text-decoration: var(--link--text-decoration--hover);
            text-decoration: var(--link--text-decoration--hover);
  }
}

.link--secondary {
  color: var(--link--color);
  -webkit-text-decoration: var(--link--text-decoration);
          text-decoration: var(--link--text-decoration);
  font-variation-settings: "wght" var(--fw--bold);
}
.link--secondary:focus-visible, .link--secondary:active {
  color: var(--link--color--hover);
  -webkit-text-decoration: var(--link--text-decoration--hover);
          text-decoration: var(--link--text-decoration--hover);
}
@media (hover: hover) {
  .link--secondary:hover {
    color: var(--link--color--hover);
    -webkit-text-decoration: var(--link--text-decoration--hover);
            text-decoration: var(--link--text-decoration--hover);
  }
}

.btn--black {
  --btn--background-color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

.btn--secondary,
.btn--white {
  --btn--background-color: var(--color--white);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--neutral-200);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

.btn--blue {
  --btn--background-color: var(--color--blue);
  --btn--border-color: var(--color--blue);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--neutral-700);
  --btn--border-color--hover: var(--color--neutral-700);
  --btn--color--hover: var(--color--white);
}

.btn--red {
  --btn--background-color: var(--color--red);
  --btn--border-color: var(--color--red);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--neutral-700);
  --btn--border-color--hover: var(--color--neutral-700);
  --btn--color--hover: var(--color--white);
}

.btn--neutral-200 {
  --btn--background-color: var(--color--neutral-200);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--neutral-300);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

p.btn {
  margin-block: 0;
  pointer-events: none;
}

.gform_button, .btn--filter,
.btn--pill,
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--btn--padding-block) + 2px) var(--btn--padding-inline) var(--btn--padding-block);
  font-family: var(--ff--primary);
  gap: 0.75rem;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: var(--btn--border-width) solid var(--btn--border-color);
  border-radius: var(--btn--border-radius, 0px);
  background-color: var(--btn--background-color);
  color: var(--btn--color);
  transition: all var(--transition--base);
  transition-property: background-color, color, border-color, box-shadow, transform;
}
.gform_button:focus-visible, .btn--filter:focus-visible,
.btn--pill:focus-visible, .gform_button:active, .btn--filter:active,
.btn--pill:active,
.btn:focus-visible,
.btn:active {
  background-color: var(--btn--background-color--hover);
  color: var(--btn--color--hover);
  border-color: var(--btn--border-color--hover);
  text-decoration: none;
}
@media (hover: hover) {
  .gform_button:hover, .btn--filter:hover,
  .btn--pill:hover,
  .btn:hover {
    background-color: var(--btn--background-color--hover);
    color: var(--btn--color--hover);
    border-color: var(--btn--border-color--hover);
    text-decoration: none;
  }
}
.gform_button svg, .btn--filter svg,
.btn--pill svg,
.btn svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}
.coming-soon.gform_button, .coming-soon.btn--filter,
.coming-soon.btn--pill,
.btn.coming-soon {
  --btn--background-override: var(--color--yellow);
  --btn--border-color-override: var(--color--yellow);
}
.application-closed.gform_button, .application-closed.btn--filter,
.application-closed.btn--pill,
.btn.application-closed {
  --btn--background-override: var(--color--black);
  --btn--color-override: var(--color--off-white);
  --btn--border-color-override: var(--color--off-white);
}
[type=reset].gform_button, [type=reset].btn--filter,
[type=reset].btn--pill,
.btn[type=reset] {
  --btn--background-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--off-white);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--padding-inline: 20px;
}
[type=reset][aria-hidden=true].gform_button, [type=reset][aria-hidden=true].btn--filter,
[type=reset][aria-hidden=true].btn--pill,
.btn[type=reset][aria-hidden=true] {
  display: none;
}

@media (min-width: 48em) {
  .btn--lg {
    --btn--padding-block: 18px;
    --btn--padding-inline: 30px;
    font-size: 1.5rem;
  }
}

.carousel__controls--prev__text:disabled, .carousel__controls--next__text:disabled, .events-calendar :disabled .btn,
.events-calendar .disabled .btn, .gform_button:disabled, .btn--filter:disabled,
.btn--pill:disabled, .disabled.gform_button, .disabled.btn--filter,
.disabled.btn--pill,
.btn:disabled,
.btn.disabled,
.btn--disabled {
  background-color: transparent;
  border-color: var(--color--disabled);
  color: var(--color--disabled);
  pointer-events: none;
}

.btn--link {
  --btn--icon-size: 1.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-variation-settings: "wght" var(--fw--bold);
  background-color: unset;
  padding: unset;
  text-align: inherit;
  border: 0;
  border-radius: 0;
  transition: none;
  -webkit-text-decoration: var(--link--text-decoration);
          text-decoration: var(--link--text-decoration);
}
.btn--link svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}
.btn--link:focus-visible,
.btn--link:active {
  color: var(--link--color--hover);
  -webkit-text-decoration: var(--link--text-decoration--hover);
          text-decoration: var(--link--text-decoration--hover);
  background-color: unset;
}
@media (hover: hover) {
  .btn--link:hover {
    color: var(--link--color--hover);
    -webkit-text-decoration: var(--link--text-decoration--hover);
            text-decoration: var(--link--text-decoration--hover);
    background-color: unset;
  }
}

.btn--remove, .btn--play,
.btn--square {
  padding: 0 0.3em;
  min-width: var(--btn--size, 2.75rem);
  min-height: var(--btn--size, 2.75rem);
  z-index: 1;
  border-radius: var(--btn--border-radius, 0px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn--remove svg, .btn--play svg,
.btn--square svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}

.btn--play {
  --btn--icon-size: 1em;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--color--white);
  border: 1px solid var(--color--white);
  transition: background-color var(--transition--base);
}
.btn--play:hover, .btn--play:focus-visible {
  background-color: var(--color--black);
}

.btn--mask-icon {
  --icon--size: var(--btn--icon-size, 1em);
  position: relative;
  overflow: hidden;
}
.btn--filter,
.btn--pill,
.btn--mask-icon--after {
  --icon--size: var(--btn--icon-size, 1em);
  position: relative;
  overflow: hidden;
}
.search-form__button {
  background-color: unset;
  display: inline;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  font-family: inherit;
  gap: 0;
  font-weight: inherit;
  text-align: inherit;
  border: 0;
  border-radius: 0;
  background-color: unset;
  color: inherit;
  transition: none;
}
.search-form__button:focus-visible, .search-form__button:active {
  background-color: unset;
  color: inherit;
  border-color: unset;
  text-decoration: none;
}
@media (hover: hover) {
  .search-form__button:hover {
    background-color: unset;
    color: inherit;
    border-color: unset;
    text-decoration: none;
  }
}

.carousel__controls--prev, .carousel__controls--next,
[data-control-prev],
[data-control-next] {
  --space--gap: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: var(--btn--size);
  height: var(--btn--size);
  border: 1px solid var(--btn--border-color, var(--color--black));
  background-color: var(--btn--background-color, transparent);
  color: var(--btn--color, var(--color--black));
  transition: all var(--transition--base);
}
.carousel__controls--prev svg, .carousel__controls--next svg,
[data-control-prev] svg,
[data-control-next] svg {
  width: calc(var(--btn--size) / 2.5);
}
.carousel__controls--prev:disabled, .carousel__controls--next:disabled,
[data-control-prev]:disabled,
[data-control-next]:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.carousel__controls--prev:disabled:hover, .carousel__controls--next:disabled:hover, .carousel__controls--prev:disabled:focus-visible, .carousel__controls--next:disabled:focus-visible,
[data-control-prev]:disabled:hover,
[data-control-prev]:disabled:focus-visible,
[data-control-next]:disabled:hover,
[data-control-next]:disabled:focus-visible {
  background-color: var(--btn--background-color, transparent);
  color: var(--btn--color, var(--color--black));
}
.carousel__controls--prev:hover, .carousel__controls--next:hover, .carousel__controls--prev:focus-visible, .carousel__controls--next:focus-visible,
[data-control-prev]:hover,
[data-control-prev]:focus-visible,
[data-control-next]:hover,
[data-control-next]:focus-visible {
  background-color: var(--btn--background-color--hover, transparent);
  color: var(--btn--color--hover, var(--color--black));
}

.carousel__controls--prev, .carousel__controls--prev__text,
[data-control-prev] {
  transform: translateX(calc((var(--btn--size) / 2 + var(--space--gap) / 2) * -1));
}
.carousel__controls--prev svg, .carousel__controls--prev__text svg,
[data-control-prev] svg {
  transform: rotate(-90deg);
}

.carousel__controls--next, .carousel__controls--next__text,
[data-control-next] {
  transform: translateX(calc(var(--btn--size) / 2 + var(--space--gap) / 2));
}
.carousel__controls--next svg, .carousel__controls--next__text svg,
[data-control-next] svg {
  transform: rotate(90deg);
}

.btn--cross {
  width: var(--btn--size);
  height: var(--btn--size);
}
.btn--cross svg {
  transform: rotate(45deg);
}

.btn--ticket,
.btn--icon {
  --btn--icon-size: 1.3em;
}
.btn--ticket svg,
.btn--icon svg {
  width: auto;
  transform: translateY(-2px);
  flex-shrink: 0;
}

.btn--ticket {
  --btn--icon-size: 1em;
}
.btn--ticket svg {
  transform: rotate(30deg) translateY(-2px);
}

.btn--search .icon--arrow svg {
  transform: rotate(-90deg);
}
.btn--search[aria-expanded=false] .icon--arrow {
  display: none;
}
.btn--search[aria-expanded=true] .icon--magnify {
  display: none;
}
.btn--search[aria-expanded=false] .icon--magnify {
  animation: fade-in 0.2s linear forwards;
}
.btn--search[aria-expanded=true] .icon--arrow {
  animation: fade-in 0.3s linear forwards;
}

.btn--play-pause .pause-icon {
  display: none;
}
.btn--play-pause svg {
  height: 16px;
  width: auto;
}
.btn--play-pause.playing .play-icon {
  display: none;
}
.btn--play-pause.playing .pause-icon {
  display: block;
}

.btn--primary-cta {
  --btn--background-color: var(--venue-accent, transparent);
  --btn--border-color: var(--venue-accent, var(--color--white));
}

[type=radio]:has(~ .btn--checkbox), [type=radio]:has(~ .btn--pill),
[type=checkbox]:has(~ .btn--checkbox),
[type=checkbox]:has(~ .btn--pill) {
  position: absolute;
  top: 0;
  right: 100vw;
  height: 0;
  width: 0;
  opacity: 0;
}
[type=radio]:checked ~ .btn--checkbox,
[type=radio]:checked ~ .btn--pill,
[type=checkbox]:checked ~ .btn--checkbox,
[type=checkbox]:checked ~ .btn--pill {
  background-color: var(--btn--background-color--hover);
  color: var(--btn--color--hover);
  border-color: var(--btn--border-color--hover);
}

.btn--filter,
.btn--pill {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --icon--url: var(--uri-cross);
  --icon--size: 1.3em;
  padding: 10px 12px 8px;
  line-height: 1.3;
}
.btn--filter::after,
.btn--pill::after {
  transform: translateY(-1px);
}
.btn--filter[aria-selected=false]::after,
.btn--pill[aria-selected=false]::after {
  display: none;
}
.btn--filter[name=reset],
.btn--pill[name=reset] {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--marine);
}

.btn--remove {
  --btn--size: 24px;
  --btn--icon-size: 0.8em;
  border-radius: 500px;
  padding: 0;
}
@media (min-width: 48em) {
  .btn--remove {
    margin-top: 10px;
  }
}
.btn--remove svg {
  transform: rotate(45deg);
}

.btn--success {
  --btn--background-color: var(--color--green);
  --btn--border-color: var(--color--green);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--icon-size: 1em;
}
.btn--success svg {
  transform: translateY(-1px);
}

.section {
  margin-block-end: var(--section--margin-block);
}
.section__heading {
  margin: 0 0 var(--heading--margin-bottom, 0px);
}
.section__heading p {
  margin: 0;
}
.section__header {
  margin-bottom: var(--space--base);
}
@media (min-width: 48em) {
  .section__header:where(:has(.section__header--button)) {
    display: flex;
    align-items: flex-start;
  }
}
.section__header--text-content {
  flex: 1;
}
.section__header--button {
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  min-height: var(--btn--size);
}
.section__header--button svg {
  height: 0.9em;
  width: auto;
  transform: rotate(90deg) translateX(-6px);
}
@media (min-width: 48em) {
  .section__header--button svg {
    display: none;
  }
}
.section.has-background {
  padding-block: var(--section--padding-block);
}

:where(.section:not(:first-child)) {
  margin-block-start: var(--section--margin-block);
}

.theme-kings {
  --btn--background-color: var(--color--red);
  --btn--border-color: var(--color--red);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}
.theme-kings .section__heading {
  color: var(--color--red);
}

.theme-festival {
  --btn--background-color: var(--color--blue);
  --btn--border-color: var(--color--blue);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}
.theme-festival .section__heading {
  color: var(--color--blue);
}

.theme-studio {
  --btn--background-color: var(--color--green);
  --btn--border-color: var(--color--green);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}
.theme-studio .section__heading {
  color: var(--color--green);
}

.table {
  border-collapse: collapse;
  width: 100%;
  line-height: inherit;
}
.table th,
.table td {
  padding: var(--table--row--padding-block) var(--table--row--padding-inline);
}
.table th {
  height: var(--table--header--height);
  background-color: var(--table--header--background-color);
  border-bottom: var(--table--header--border);
  font-variation-settings: "wght" var(--fw--bold);
  text-align: left;
}
.table td {
  height: var(--table--row--height);
}
.table td:first-child {
  text-align: left;
}
.table tr:nth-child(even) {
  background-color: var(--table--row--background-color--even);
}
.table tr:nth-child(odd) {
  background-color: var(--table--row--background-color--odd);
}
.table tfoot::before {
  content: "";
  display: block;
  height: var(--space--layout);
}
.table tfoot tr:first-of-type {
  border-top: var(--border--1);
}
.table tfoot .label {
  font-variation-settings: "wght" var(--fw--bold);
}
.table tfoot .grand-total td {
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
}

.responsive-table {
  overflow-x: scroll;
  overflow-y: hidden;
}
.responsive-table > table {
  margin-block: 0;
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea, select {
  display: block;
  width: 100%;
  padding-top: calc(var(--input--padding-block) + 1px);
  padding-bottom: calc(var(--input--padding-block) - 1px);
  padding-inline: var(--input--padding-inline);
  border: var(--input--border-width) solid var(--input--border-color);
  border-radius: var(--input--border-radius);
  background: var(--input--background-color);
  box-shadow: none;
  color: var(--input--color);
  font-family: inherit;
  line-height: inherit;
}

select {
  position: relative;
  min-width: 6em;
  max-width: 100%;
}
select:not([multiple]) {
  padding-right: 2em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.382823 0.817787C-0.0565166 1.25713 -0.0565165 1.96944 0.382823 2.40878L5.15579 7.18175C5.59513 7.62109 6.30744 7.62109 6.74678 7.18175C7.18612 6.74241 7.18612 6.0301 6.74678 5.59076L1.97381 0.817787C1.53447 0.378447 0.822163 0.378447 0.382823 0.817787Z' fill='black'/%3E%3Cpath d='M11.617 0.817819C11.1777 0.378479 10.4654 0.378479 10.026 0.817819L5.25307 5.59079C4.81373 6.03013 4.81373 6.74244 5.25307 7.18178C5.69241 7.62112 6.40472 7.62112 6.84406 7.18178L11.617 2.40881C12.0564 1.96947 12.0564 1.25716 11.617 0.817819Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: right var(--input--padding-block) top 50%;
  background-repeat: no-repeat;
  background-size: 0.6875em auto;
  cursor: pointer;
}
select:not([multiple]):focus-visible, select:not([multiple]):active {
  background-color: transparent;
}

.form-grid {
  display: grid;
  grid-auto-flow: row;
  -moz-column-gap: var(--form--row-gap);
       column-gap: var(--form--row-gap);
  row-gap: var(--form--row-gap);
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: "left left left right right right";
}
.form-grid > * {
  grid-column: 1/-1;
}

@media (min-width: 36em) {
  .form-item--left {
    grid-column: left;
  }
}

@media (min-width: 36em) {
  .form-item--right {
    grid-column: right;
  }
}

.form-field--compound {
  display: flex;
  flex-flow: row wrap;
  gap: var(--space--s);
  align-items: flex-start;
}
.form-field--compound label,
.form-field--compound .label {
  width: 100%;
}

::-moz-placeholder {
  color: var(--input--placeholder-color);
  opacity: 1;
}

::placeholder {
  color: var(--input--placeholder-color);
  opacity: 1;
}

fieldset {
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
}
fieldset + fieldset {
  margin-top: var(--form--row-gap);
}

label,
.label,
legend {
  display: inline-block;
  cursor: pointer;
  margin-bottom: var(--form--label-spacing);
  padding: 0;
}

.form-field__label {
  margin-top: var(--form--row-gap);
  margin-bottom: 8px;
}

textarea {
  resize: vertical;
}

input.datepicker {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 18'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4.8.6c.2 0 .4.2.4.4v1.2h5.6V1a.4.4 0 0 1 .8 0v1.2H13c.4 0 .7.1 1 .3.6.3 1 .7 1.3 1.2l.3 1.1v10c0 .4-.1.7-.3 1-.3.6-.7 1-1.2 1.3l-1.1.3H3c-.4 0-.7-.1-1-.3-.6-.3-1-.7-1.3-1.2l-.3-1.1v-10c0-.4.1-.7.3-1 .3-.6.7-1 1.2-1.3L3 2.2h1.4V1c0-.2.2-.4.4-.4ZM4.4 3H3.1l-.8.2a2 2 0 0 0-.9.9l-.2.8V7h13.6V5l-.2-.8a2 2 0 0 0-.9-.9L13 3h-1.3v1.2a.4.4 0 1 1-.8 0V3H5.2v1.2a.4.4 0 1 1-.8 0V3Zm10.4 4.8H1.2v6.9l.2.8c.2.4.5.7.9.9l.8.2h9.8l.8-.2c.4-.2.7-.5.9-.9l.2-.8V7.8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: right var(--input--padding-block) top 50%;
  background-repeat: no-repeat;
  background-size: 1.3em auto;
}

.form-field--checkbox-radio,
.gchoice,
.form-field--radio,
.form-field--checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-areas: "input label";
  -moz-column-gap: var(--input--gap);
       column-gap: var(--input--gap);
  row-gap: var(--space--xxs);
  padding-top: 3px;
  font-variation-settings: "wght" var(--fw--normal);
}
.form-field--checkbox-radio + .form-field--checkbox,
.form-field--checkbox-radio + .form-field--radio,
.gchoice + .form-field--checkbox,
.form-field--radio + .form-field--checkbox,
.form-field--checkbox + .form-field--checkbox,
.gchoice + .form-field--radio,
.form-field--radio + .form-field--radio,
.form-field--checkbox + .form-field--radio {
  margin-top: 20px;
}
.form-field--checkbox-radio > *,
.gchoice > *,
.form-field--radio > *,
.form-field--checkbox > * {
  grid-column: label;
  justify-self: flex-start;
}
.form-field--checkbox-radio [type=checkbox],
.form-field--checkbox-radio [type=radio],
.form-field--checkbox-radio .input,
.gchoice [type=checkbox],
.form-field--radio [type=checkbox],
.form-field--checkbox [type=checkbox],
.gchoice [type=radio],
.form-field--radio [type=radio],
.form-field--checkbox [type=radio],
.gchoice .input,
.form-field--radio .input,
.form-field--checkbox .input {
  grid-area: input;
}
.form-field--checkbox-radio [role=tab],
.gchoice [role=tab],
.form-field--radio [role=tab],
.form-field--checkbox [role=tab] {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-areas: "input label";
  -moz-column-gap: var(--input--gap);
       column-gap: var(--input--gap);
  row-gap: var(--space--xxs);
  align-items: center;
}
.form-field--checkbox-radio [role=tab][aria-selected=true] .input::before, .form-field--checkbox-radio [role=tab][aria-selected=true] .input::after,
.gchoice [role=tab][aria-selected=true] .input::before,
.form-field--radio [role=tab][aria-selected=true] .input::before,
.form-field--checkbox [role=tab][aria-selected=true] .input::before,
.gchoice [role=tab][aria-selected=true] .input::after,
.form-field--radio [role=tab][aria-selected=true] .input::after,
.form-field--checkbox [role=tab][aria-selected=true] .input::after {
  opacity: 1;
}
.form-field--checkbox-radio:where(:has([role=tab])),
.gchoice:where(:has([role=tab])),
.form-field--radio:where(:has([role=tab])),
.form-field--checkbox:where(:has([role=tab])) {
  display: block;
}
.form-field--checkbox-radio label,
.form-field--checkbox-radio .label,
.gchoice label,
.form-field--radio label,
.form-field--checkbox label,
.gchoice .label,
.form-field--radio .label,
.form-field--checkbox .label {
  line-height: 1;
  font-variation-settings: "wght" var(--fw--normal);
  margin-bottom: 0;
}

[type=checkbox],
[type=radio],
.form-field--radio [role=tab] .input {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--checkbox--input--background-color);
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: currentColor;
  width: var(--checkbox--size);
  height: var(--checkbox--size);
  border: var(--input--border-width) solid var(--input--border-color);
  transform: translateY(-6px);
}
[type=checkbox]::before,
[type=radio]::before,
.form-field--radio [role=tab] .input::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: var(--checkbox--check-size);
  height: var(--checkbox--check-size);
  opacity: 0;
  background-color: var(--color--accent);
}
[type=checkbox]:disabled,
[type=radio]:disabled,
.form-field--radio [role=tab] .input:disabled {
  --color--accent: var(--color--neutral-400);
  color: var(--color--disabled);
  cursor: not-allowed;
}
[type=checkbox]:disabled ~ label,
[type=checkbox]:disabled .label,
[type=radio]:disabled ~ label,
[type=radio]:disabled .label,
.form-field--radio [role=tab] .input:disabled ~ label,
.form-field--radio [role=tab] .input:disabled .label {
  color: var(--color--disabled);
  cursor: not-allowed;
}
[type=checkbox] ~ label:where(:not(.btn--pill)),
[type=checkbox] .label,
[type=radio] ~ label:where(:not(.btn--pill)),
[type=radio] .label,
.form-field--radio [role=tab] .input ~ label:where(:not(.btn--pill)),
.form-field--radio [role=tab] .input .label {
  display: block;
  font-variation-settings: "wght" var(--fw--normal);
  margin-bottom: 0;
}
[type=checkbox]:where(:not(:checked)) ~ .btn--pill::after,
[type=radio]:where(:not(:checked)) ~ .btn--pill::after,
.form-field--radio [role=tab] .input:where(:not(:checked)) ~ .btn--pill::after {
  display: none;
}
[type=checkbox]:disabled,
[type=radio]:disabled,
.form-field--radio [role=tab] .input:disabled {
  color: var(--color--neutral-600);
}
[type=checkbox]:checked::before, [type=checkbox]:checked::after,
[type=radio]:checked::before,
[type=radio]:checked::after,
.form-field--radio [role=tab] .input:checked::before,
.form-field--radio [role=tab] .input:checked::after {
  opacity: 1;
}

[type=checkbox] {
  border-radius: var(--input--border-radius);
}
[type=checkbox]::before, [type=checkbox]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[type=checkbox]::before {
  background-color: transparent;
  transition: all var(--transition--base);
  transition-property: background-color;
}
[type=checkbox]::after {
  content: "";
  width: var(--checkbox--checkmark-size);
  height: var(--checkbox--checkmark-size);
  -webkit-mask-image: var(--uri-tick);
          mask-image: var(--uri-tick);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  opacity: 0;
  transition: all var(--transition--base);
  transition-property: background-color;
}

[type=radio],
.form-field--radio [role=tab] .input {
  --check-scale: 1;
  border-radius: 50%;
}
[type=radio]::before,
.form-field--radio [role=tab] .input::before {
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(var(--check-scale, 0));
}

.width--xs {
  max-width: var(--width--xs);
}

.width--s {
  max-width: var(--width--s);
}

.width--m {
  max-width: var(--width--m);
}

.width--l {
  max-width: var(--width--l);
}

.width--xl {
  max-width: var(--width--xl);
}

.width--max {
  max-width: var(--width--max);
}

.width--fluid-min {
  max-width: var(--width--fluid-min);
}

.width--fluid-max {
  max-width: var(--width--fluid-max);
}

.width--full {
  max-width: 100%;
}

.width--full--padded {
  max-width: var(--width--full--padded);
}

.wysiwyg-content {
  --heading--margin-top: 12px;
  --heading--margin-bottom: 24px;
}
.wysiwyg-content figure {
  max-width: 100% !important;
}

.small {
  font-size: 0.875rem;
}

.wp-caption {
  position: relative;
}
.wp-caption .wp-caption-text {
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--color--white);
  font-size: 0.875rem;
  padding: 8px var(--container--padding-inline);
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 62em) {
  .wp-caption .wp-caption-text {
    padding-inline: 12px;
  }
}

.error-message,
.confirmation-message,
.gform_validation_errors,
.gform_confirmation_message,
.validation-summary-errors,
.error-block {
  padding: var(--space--m);
  border: 1px solid var(--color--error);
  background-color: var(--color--error-light);
  color: var(--color--black);
  margin-bottom: var(--space--m);
  outline: 0;
}
.error-message h2,
.confirmation-message h2,
.gform_validation_errors h2,
.gform_confirmation_message h2,
.validation-summary-errors h2,
.error-message h3,
.confirmation-message h3,
.gform_validation_errors h3,
.gform_confirmation_message h3,
.validation-summary-errors h3,
.error-message h4,
.confirmation-message h4,
.gform_validation_errors h4,
.gform_confirmation_message h4,
.validation-summary-errors h4,
.error-message h5,
.confirmation-message h5,
.gform_validation_errors h5,
.gform_confirmation_message h5,
.validation-summary-errors h5,
.error-block h2,
.error-block h3,
.error-block h4,
.error-block h5 {
  margin: 0;
  text-transform: none;
}
.error-message:empty,
.confirmation-message:empty,
.gform_validation_errors:empty,
.gform_confirmation_message:empty,
.validation-summary-errors:empty,
.error-block:empty {
  display: none;
}

.accordion {
  --container--width: var(--width--s);
}

.accordion-item {
  position: relative;
  margin-bottom: 0.5rem;
}
.accordion-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space--m);
  text-align: left;
  width: 100%;
  padding: 16px;
  transition: background-color var(--transition--base);
  background-color: var(--color--off-white);
}
.accordion-item__header:hover, .accordion-item__header:focus-visible {
  background-color: var(--color--marine);
  color: var(--color--white);
}
.accordion-item__header svg {
  transform: scaleY(-1);
  width: 1.1875rem;
  flex-shrink: 0;
  transform-origin: center;
}
.accordion-item__header[aria-expanded=true] svg {
  transform: scaleY(1);
}
.accordion-item__heading {
  font-size: var(--fs--h5);
  line-height: 1.2;
  margin: 0;
}
.accordion-item__content-panel {
  width: 100%;
  overflow: hidden;
  transition: height var(--transition--base);
}
.accordion-item__content-panel--inner {
  max-width: var(--width--s);
  padding: 16px;
}
@media (min-width: 48em) {
  .accordion-item__content-panel--inner {
    display: flex;
    gap: 24px;
  }
  .accordion-item__content-panel--inner > * {
    flex: 1;
  }
}
@media (max-width: 47.99em) {
  .accordion-item__image {
    margin-bottom: 16px;
  }
}

.article__inner {
  position: relative;
}
.article__content {
  container-name: content;
  container-type: inline-size;
  grid-area: content;
  margin-top: var(--article-content--margin-block);
}
.article__content:has(.related:last-child) {
  margin-bottom: 0;
}
.article__content:has(.filters:first-child) {
  margin-top: 0;
}
.article__sidebar {
  container-name: sidebar;
  container-type: inline-size;
  grid-area: sidebar;
  margin-block: var(--article-content--margin-block);
}
.article--sidebar .article__inner {
  display: grid;
  -moz-column-gap: var(--grid--row-gap);
       column-gap: var(--grid--row-gap);
  row-gap: var(--grid--row-gap);
  grid-template-areas: "content" "sidebar";
}
@media (min-width: 48em) {
  .article--sidebar .article__inner {
    grid-template-columns: 3fr 1fr;
    grid-template-areas: "content sidebar";
  }
}

.single-post .article__content {
  margin-top: 24px;
}

.page-template-page-home .article__content {
  margin-top: 0;
}

.downloads {
  --container--width: var(--width--s);
  --grid--row-gap: var(--grid--column-gap);
}
@media (min-width: 62em) {
  .downloads {
    --grid--columns: 2;
  }
}

.download-item a {
  text-decoration: none;
  display: block;
  background-color: var(--color--off-white);
  border: 1px solid var(--color--black);
  transition: background-color var(--transition--base);
}
.download-item a:focus-visible, .download-item a:active {
  background-color: var(--color--black);
  color: var(--color--white);
}
@media (hover: hover) {
  .download-item a:hover {
    background-color: var(--color--black);
    color: var(--color--white);
  }
}
.download-item__content {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
}
.download-item__content svg {
  width: 48px;
  height: auto;
  flex-shrink: 0;
}
.download-item__title {
  margin: 0;
  font-size: var(--fs--h5);
  line-height: 1.2;
}
.download-item__title .size {
  display: block;
  margin-top: 12px;
  line-height: 1;
}

.slick-slider.grid {
  display: block;
}

.media {
  --container--width: var(--width--s);
  --space--slide-gap: 10px;
  padding-block: var(--section--padding-block);
  overflow: hidden;
}
.media[data-theme=light] {
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
}
.media:last-child {
  margin-bottom: 0;
}
.media + .related,
.media + .media {
  margin-top: 0;
}
.media .container {
  position: relative;
  margin-block: 0;
}
.media .container .slick-slider {
  position: static;
}
.media .section-header {
  margin-top: 0;
}
.media [data-control-prev],
.media [data-control-next] {
  background-color: transparent;
  color: var(--color--foreground);
  border-color: var(--color--foreground);
}
.media [data-control-prev]:hover, .media [data-control-prev]:focus-visible,
.media [data-control-next]:hover,
.media [data-control-next]:focus-visible {
  background-color: var(--color--foreground);
  color: var(--color--background);
}
.media__carousels {
  position: relative;
}
@media (min-width: 48em) {
  .media__carousels + .section--media__button-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.media__button-wrapper {
  text-align: center;
  margin-top: var(--space--m);
}
.media__item {
  position: relative;
}
.media__item img {
  display: block;
  aspect-ratio: 16/9;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 470px;
}
.media__item--caption {
  padding: 16px 0 0;
}
@media (min-width: 48em) {
  .media__item--caption {
    padding: 24px;
  }
}

.video-image-wrapper {
  position: relative;
  overflow: hidden;
}
.video-image-wrapper [data-dialog-open],
.video-image-wrapper [data-go-to] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-image-wrapper [data-dialog-open]:hover .btn--play, .video-image-wrapper [data-dialog-open]:focus-visible .btn--play,
.video-image-wrapper [data-go-to]:hover .btn--play,
.video-image-wrapper [data-go-to]:focus-visible .btn--play {
  background-color: var(--color--black);
}
.video-image-wrapper img {
  transition: transform var(--transition--base);
}
.video-image-wrapper:has([data-go-to]:hover) img, .video-image-wrapper:has([data-go-to]:focus-visible) img {
  transform: scale(1.1);
}

.media__carousel .video-image-wrapper [data-dialog-open] .btn--play,
.media__carousel .video-image-wrapper [data-go-to] .btn--play {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.media__carousel.slick-slider {
  margin: 0;
}
.media__carousel-nav {
  margin-right: 0;
  padding-top: var(--space--s);
  padding-bottom: calc(var(--space--s) * 2 + var(--btn--size));
}
@media (min-width: 48em) {
  .media__carousel-nav {
    margin-inline: 0;
  }
}
.media__carousel-nav .slick-track {
  display: flex;
}
.media__carousel-nav .slick-slide {
  float: none;
  padding-inline: var(--space--slide-gap);
}
.media__carousel-nav .media__item img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.media__carousel-nav.slick-slider {
  margin-bottom: 0;
}
.media__carousel-nav .slick-current .media__image {
  border: 1px solid var(--color--white);
}

[data-main-carousel=header-carousel] .slick-arrow {
  display: none !important;
}

.partners {
  --container--width: var(--width--s);
  --grid--columns: 2;
}
@media (min-width: 48em) {
  .partners {
    --grid--columns: 4;
  }
}
.partners__list {
  --grid--item--min-width: 9.375rem;
}

.card--partner {
  text-align: center;
  height: 100%;
}
.card--partner img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 100px;
}
.card--partner .card__title {
  display: inline;
  margin: 0;
  line-height: 1;
  font-size: 0.875rem;
  transition: all var(--transition--base);
}
.card--partner .card__image {
  aspect-ratio: 1/1;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  padding: 16px;
}
.card--partner.no-image {
  background-color: var(--color--off-white);
}
.card--partner .card-content {
  text-align: center;
}
.card--partner .card-link {
  height: 100%;
  text-decoration: none;
}
.card--partner .card-link:hover, .card--partner .card-link:focus-visible {
  text-decoration: underline;
}

.people-archive-partners {
  --container--width: var(--width--s);
  --height: 65px;
  margin-top: 24px;
}
@media (min-width: 62em) {
  .people-archive-partners {
    --height: 80px;
  }
}
.people-archive-partners__images {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 48px;
       column-gap: 48px;
  row-gap: 24px;
}
.people-archive-partners__images img {
  height: var(--height);
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.people {
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --container--width: var(--width--s);
  --grid--columns: 2;
  overflow: hidden;
}
@media (min-width: 48em) {
  .people {
    --grid--columns: 4;
  }
}
.people .slick-slider {
  position: relative;
  padding-bottom: calc(var(--btn--size) + 24px);
  margin-right: -24px;
}
.people .slick-slider .slick-list {
  overflow: visible;
}
.people .slick-slider .people__list--item {
  padding-right: 24px;
}
.people .slick-slider [data-control-prev],
.people .slick-slider [data-control-next] {
  right: calc(var(--btn--size) - var(--space--gap) / 2 + 24px);
  left: auto;
}
@media (min-width: 48em) {
  .people__list--no-images {
    --grid--columns: 3;
  }
}
.people__list--no-images .name {
  font-variation-settings: "wght" var(--fw--bold);
}
.people__list--no-images p {
  margin: 0;
}
.people__list--no-images p + p {
  margin-top: 4px;
}
.people[data-type=list] .card--people.has-no-image .card-content {
  position: relative;
  aspect-ratio: auto;
  background-color: transparent;
  padding: 0;
}

.people-image-fallback {
  aspect-ratio: 1/1;
  background-color: var(--color--mint-light);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--transition--base);
}
.people-image-fallback svg {
  width: 40%;
}

.card--people {
  position: relative;
}
.card--people .card__title {
  font-variation-settings: "wght" var(--fw--bold);
  margin: 0 0 4px;
  line-height: 1.25;
}
.card--people .role {
  margin: 0;
}
.card--people .card__image {
  position: relative;
  margin: 0 0 var(--space--xs) 0;
}
.card--people .card__image img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.card--people .btn--square {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(246, 249, 237, 0.6);
  z-index: 3;
  transition: all var(--transition--base);
}
.card--people img {
  transition: transform var(--transition--base);
}
.card--people .card-modal-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}
.card--people .card-modal-button:hover + .card__image, .card--people .card-modal-button:focus-visible + .card__image {
  overflow: hidden;
}
.card--people .card-modal-button:hover + .card__image .btn--square, .card--people .card-modal-button:focus-visible + .card__image .btn--square {
  background-color: var(--color--off-white);
}
.card--people .card-modal-button:hover + .card__image img, .card--people .card-modal-button:focus-visible + .card__image img {
  transform: scale(1.1);
}
.card--people.has-no-image .card-content {
  position: relative;
  aspect-ratio: 1/1;
  background-color: var(--color--off-white);
  padding: 16px;
}
.card--people.has-no-image .card-content .btn--square {
  background-color: var(--color--white);
}
.card--people.has-no-image .card-modal-button:hover + .card-content .btn--square, .card--people.has-no-image .card-modal-button:focus-visible + .card-content .btn--square {
  background-color: var(--color--black);
  color: var(--color--white);
}
.person-profile {
  max-width: var(--width--xs);
  margin: auto;
  padding-bottom: var(--section--margin-inline);
}
@media (min-width: 62em) {
  .person-profile {
    display: grid;
    grid-template-areas: "img img img bio bio bio bio bio";
    -moz-column-gap: var(--space--l);
         column-gap: var(--space--l);
  }
}
.person-profile__image {
  width: calc(((155 / 16) * 1rem) + (275 - 155) * var(--fluid--bp));
  margin-bottom: 32px;
  grid-area: img;
}
@media (min-width: 62em) {
  .person-profile__image {
    width: 100%;
  }
}
.person-profile__bio {
  grid-area: bio;
}
.person-profile__title {
  font-size: var(--fs--h1);
  line-height: 1;
  margin-top: 0;
  margin-bottom: 8px;
}
.person-profile__role {
  margin-top: 0;
  margin-bottom: 12px;
}
@media (min-width: 48em) {
  .person-profile__role {
    font-size: var(--fs--body-l);
  }
}
.person-profile__email {
  display: inline-block;
  margin-bottom: 12px;
}
.person-profile__social {
  grid-area: soc;
}
.person-profile__networks {
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
}
.person-profile__networks svg {
  height: 30px;
  width: auto;
}
.person-profile a {
  transition: all var(--transition--base);
}
.person-profile a:hover, .person-profile a:focus-visible {
  color: var(--venue-accent, var(--color--blue));
}

.dialog--person .dialog-container {
  background-color: var(--color--off-white);
  color: var(--color--black);
}

.progress-nav {
  --color--background: var(--color--neutral-100);
  background-color: var(--color--background);
}
.progress-nav__inner {
  padding-block: var(--space--m);
}
.progress-nav__items {
  counter-reset: nav-items;
}

.progress-nav-item {
  counter-increment: nav-items;
}
.progress-nav-item__wrap {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--space--xs);
}
.progress-nav-item__icon {
  --color--background: var(--color--neutral-300);
  background-color: var(--color--background);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  font-variation-settings: "wght" var(--fw--bold);
  border-radius: 50%;
  text-align: center;
  transition: background-color var(--transition--base);
}
.progress-nav-item__icon::before {
  content: counter(nav-items);
}
.progress-nav-item.is-active .progress-nav-item__icon {
  --color--background: var(--color--neutral-400);
  background-color: var(--color--background);
}
.progress-nav-item:has(~ .is-active) .progress-nav-item__icon::before {
  --icon--url: url("../images/tick.svg");
  --icon--size: 14px;
  display: block;
  content: "";
}
.progress-nav-item.is-active .progress-nav-item__text {
  font-variation-settings: "wght" var(--fw--bold);
}
.progress-nav-item__link {
  text-decoration: none;
}
.progress-nav-item__link:hover {
  text-decoration: none;
}
.progress-nav-item__link:hover .progress-nav-item__text {
  text-decoration: underline;
}
.progress-nav-item__link:hover::before {
  --color--background: var(--color--neutral-400);
  background-color: var(--color--background);
}

.event-access-badges {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.event-access-badges li {
  list-style-image: none;
  margin-bottom: 0;
}
.event-access-badges li::after {
  content: none;
}

.event-access-badge {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--space--base);
}
.event-access-badge__icon {
  max-width: 35px;
}

.event-sidebar {
  padding: var(--space--xl);
  background: var(--color--blue);
}

.event-details {
  --grid--columns: 1;
}
@media (min-width: 48em) {
  .event-details {
    --grid--columns: 3;
  }
}
@media (min-width: 62em) {
  .event-details {
    --grid--columns: 4;
  }
}

.event-detail h3 {
  margin-bottom: 0;
}

.page-header {
  --venue-logo-fill: currentColor;
  --content--block-padding: calc(((12 / 16) * 1rem) + (32 - 12) * var(--fluid--bp));
  position: relative;
  background-color: var(--site-header--background-color);
  color: var(--site-header--color);
  overflow: hidden;
}
.page-header:where(:has(.page-header__image)) {
  --site-header--background-color: var(--color--black);
  --site-header--color: var(--color--off-white);
}
.page-header:has([data-sticky]) {
  z-index: 200;
}
.page-header__image, .page-header__carousel {
  position: relative;
  width: 100%;
}
.page-header__image::after, .page-header__carousel::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
}
.page-header__image img, .page-header__carousel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-header__image + .page-header__content, .page-header__carousel + .page-header__content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.page-header__image {
  aspect-ratio: 1/1;
  max-height: 570px;
}
.page-header__image iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  aspect-ratio: 16/9;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}
.page-header__image--caption {
  position: relative;
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--color--white);
  font-size: 0.875rem;
  padding: 8px var(--container--padding-inline);
  z-index: 3;
}
@media (min-width: 48em) {
  .page-header__image--caption {
    position: absolute;
    top: auto;
    height: auto;
  }
}
@media (min-width: 62em) {
  .page-header__image--caption {
    padding-inline: 12px;
  }
}
@media (min-width: 48em) {
  .page-header__carousel .media__item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  }
}
.page-header__carousel .media__item img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 100%;
}
@media (min-width: 48em) {
  .page-header__carousel .media__item img {
    aspect-ratio: auto;
    height: 100vh;
  }
}
.page-header__carousel-nav {
  --space--slide-gap: var(--container--padding-inline);
  margin-inline: calc(var(--container--padding-inline) * -1);
  padding-left: var(--container--padding-inline);
  padding-right: calc(var(--container--padding-inline) + 24px);
}
@media (min-width: 48em) {
  .page-header__carousel-nav {
    --space--slide-gap: 16px;
    position: relative;
    padding: 0;
    margin-left: 0;
    margin-right: calc(var(--space--slide-gap) * -1);
    padding-bottom: 16px;
    display: flex;
    align-items: flex-end;
  }
}
.page-header__carousel-nav .slick-list {
  overflow: hidden;
}
.page-header__carousel-nav .slick-slide {
  padding-left: 0;
  height: 100%;
}
.page-header__carousel-nav .media__carousel-nav {
  --btn--background-color: transparent;
  --btn--border-color: var(--color--white);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--black);
  padding-top: 0;
  padding-bottom: 16px;
  opacity: 0;
}
@media (min-width: 48em) {
  .page-header__carousel-nav .media__carousel-nav {
    position: static;
    padding-bottom: 0;
    width: 100%;
  }
}
.page-header__carousel-nav .media__carousel-nav.slick-initialized {
  animation: fade-in var(--transition--base) forwards;
}
.page-header [data-control-prev],
.page-header [data-control-next] {
  left: auto;
  right: calc(var(--btn--size) - var(--space--gap) / 2 + 12px);
  bottom: 140px;
  z-index: 5;
}
@media (max-width: 47.99em) {
  .page-header [data-control-prev],
  .page-header [data-control-next] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .page-header [data-control-prev]:active, .page-header [data-control-prev]:focus-visible,
  .page-header [data-control-next]:active,
  .page-header [data-control-next]:focus-visible {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: fixed;
    top: 30px;
    left: 20px;
    white-space: normal;
    width: auto;
  }
}
.page-header .btn--play-pause {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  position: absolute;
  top: auto;
  right: 4px;
  bottom: 4px;
  left: auto;
  width: var(--btn--size, 2.75rem);
  height: var(--btn--size, 2.75rem);
  z-index: 20;
}
@media (min-width: 48em) {
  .page-header .btn--play-pause {
    right: var(--container--padding-inline);
    bottom: calc(((12 / 16) * 1rem) + (32 - 12) * var(--fluid--bp));
  }
}
.page-header .btn--play-pause:hover, .page-header .btn--play-pause:focus-visible {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--black);
}
.page-header__content {
  padding-block: var(--content--block-padding);
}
@media (min-width: 48em) {
  .page-header__content:has(.page-header__carousel-nav) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "title title title nav" "group group group group";
  }
}
.page-header__content:has(.page-header__carousel-nav) .page-header__content__title {
  grid-area: title;
}
.page-header__content:has(.page-header__carousel-nav) .page-header__carousel-nav {
  grid-area: nav;
  overflow: visible;
}
.page-header__content:has(.page-header__carousel-nav) .page-header__post-info {
  grid-area: group;
}
@media (min-width: 75em) {
  .page-header__content:has(.page-header__image) .page-header__content__title {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: min-content 1fr;
    grid-template-areas: "sur sur sur img" "tit tit tit img";
  }
}
.page-header__content:has(.page-header__image) .page-header__content__title .page-header__image {
  grid-area: img;
}
.page-header__content:has(.page-header__image) .page-header__content__title .page-header__surtitle {
  grid-area: sur;
}
.page-header__content:has(.page-header__image) .page-header__content__title .page-header__heading {
  grid-area: tit;
}
@media (min-width: 75em) {
  .page-header__content:has(.page-header__image) .page-header__content__title .page-header__heading {
    padding-right: 24px;
  }
}
.page-header__heading {
  margin: 0;
}
.page-header__subheading {
  margin-block: var(--space--base);
}
.page-header .venue-logo {
  flex-shrink: 0;
}
.page-header .venue-logo svg {
  max-height: 45px;
  width: 110px;
}
.page-header .venue-logo__list {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
}
@media (min-width: 48em) {
  .page-header .venue-logo__list {
    gap: 16px;
    margin-bottom: 3px;
  }
}
.page-header__surtitle {
  margin: 0 0 8px;
  font-size: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
}
.page-header__subtitle {
  font-size: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
  margin: 0;
}
@media (min-width: 48em) {
  .page-header__post-info {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
.page-header__post-info--text {
  margin-bottom: 0;
}
.page-header__post-info--group {
  font-size: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .page-header__post-info--group {
    line-height: 1;
  }
}
@media (min-width: 75em) {
  .page-header__post-info--group {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 16px;
  }
}
.page-header__post-info--group .date {
  font-variation-settings: "wght" var(--fw--bold);
  display: block;
}
.page-header__post-info--group .genre {
  margin: 0;
}
@media (min-width: 48em) {
  .page-header__post-info--group .genre {
    margin-top: 4px;
  }
}
@media (min-width: 48em) {
  .page-header__post-info:has(.page-header__subtitle) {
    margin-top: 0;
  }
}
@media (max-width: 47.99em) {
  .page-header__actions {
    --btn--color: var(--color--black);
    --btn--border-color: var(--color--black);
    background-color: var(--color--off-white);
    color: var(--color--black);
    margin-top: 24px;
    margin-inline: calc(var(--container--padding-inline) * -1);
    padding-inline: var(--container--padding-inline);
    padding-block: 16px;
  }
}
.page-header__actions .btn {
  width: auto;
  display: inline-flex;
  white-space: nowrap;
}
@media (min-width: 48em) {
  .page-header__actions .btn:where(:not(.btn--primary-cta)) {
    --btn--background-color: var(
        --btn--background-override,
        var(--color--off-white)
    );
    --btn--color: var(
        --btn--color-override,
        var(--color--black)
    );
    --btn--border-color: var(
        --btn--border-color-override,
        var(--color--black)
    );
  }
}
.page-header__actions .btn.coming-soon {
  background: var(--color--yellow) !important;
  color: #000;
  border-color: var(--color--yellow);
}
.page-header__actions .btn.priority-booking {
  background: #3971E2;
  border-color: #3971E2;
}
.page-header__actions .btn.priority-booking:hover {
  background: transparent;
  border-color: var(--btn--color--hover);
}
.page-header__actions .btn--icon {
  --btn--icon-size: 0.9em;
}
.page-header__actions[data-sticky] {
  min-height: 48px;
}
.page-header__actions--buttons {
  top: 11px;
  width: 100%;
  display: flex;
  gap: 8px;
}
@media (min-width: 48em) {
  .page-header__actions--buttons {
    max-width: var(--true-width);
  }
}
.page-header__actions--buttons > * {
  flex: 1;
}
@media (min-width: 48em) {
  .page-header:has(.btn--play-pause) .page-header__actions {
    padding-right: calc(var(--btn--size) + 16px);
  }
}
@media (max-width: 47.99em) {
  .page-header:has(.btn--play-pause:not(.playing)) .featured-video img {
    display: block;
    position: relative;
    z-index: 2;
  }
}
.page-header .featured-video img {
  display: none;
}
@media (min-width: 48em) {
  .page-header .video-image-wrapper [data-dialog-open] {
    margin: auto;
    z-index: 10;
  }
  .page-header .video-image-wrapper [data-dialog-open] .btn--play {
    width: var(--btn--size);
    height: var(--btn--size);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}
.page-header--condensed {
  padding: 0 var(--container--padding-inline);
}
.page-header--condensed .page-header__image + .page-header__content, .page-header--condensed .page-header__carousel + .page-header__content {
  position: static;
}
.page-header--condensed .page-header__image {
  margin-bottom: 16px;
}
.page-header--condensed .page-header__image::after {
  content: none;
}
@media (min-width: 48em) {
  .page-header--condensed .page-header__actions {
    min-width: 50%;
  }
}
@media (min-width: 62em) {
  .page-header--condensed .page-header__actions {
    min-width: 25%;
  }
}
.page-header--condensed .page-header__actions .btn:where(:not(.btn--primary-cta)) {
  --btn--background-color: var(--venue-accent);
  --btn--color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
}
.page-header--condensed .page-header__actions .btn--primary-cta {
  --btn--background-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
}
@media (max-width: 87.49em) {
  .page-header--condensed .page-header__content {
    padding-inline: 0;
  }
}
.page-header--post {
  --container--width: var(--width--s);
  --site-header--background-color: var(--color--off-white);
  --site-header--color: var(--color--black);
  --fs--page-header: calc(((28 / 16) * 1rem) + (48 - 28) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .page-header--post {
    --content--block-padding: 24px;
  }
}
.page-header--post .page-header__image {
  aspect-ratio: unset;
  max-width: var(--width--max);
  margin-inline: auto;
  max-height: 100%;
  overflow: visible;
}
@media (min-width: 48em) {
  .page-header--post .page-header__image {
    padding-inline: var(--container--padding-inline);
  }
}
.page-header--post .page-header__image img {
  position: relative;
  height: auto;
  z-index: 2;
}
@media (min-width: 48em) {
  .page-header--post .page-header__image--caption {
    width: auto;
    left: var(--container--padding-inline);
    right: var(--container--padding-inline);
  }
}
.page-header--post .page-header__image::after {
  background: var(--color--white);
  z-index: 0;
  top: 50%;
  bottom: -1px;
  left: 50%;
  width: 200vw;
  transform: translateX(-50%);
}
.page-header__post-info {
  margin-top: 16px;
  font-size: calc(((16 / 16) * 1rem) + (20 - 16) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .page-header__post-info {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 48em) {
  .page-header--festival .btn:where(:not(.btn--primary-cta)) {
    --btn--background-color: transparent;
    --btn--color: var(--color--white);
    --btn--border-color: var(--color--white);
    --btn--background-color--hover: var(--color--white);
    --btn--color--hover: var(--color--black);
  }
}
@media (max-width: 47.99em) {
  .page-header--space .page-header__content {
    top: 0;
  }
}
@media (max-width: 47.99em) {
  .page-header--space .page-header__content__title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
}
.page-header--space .venue-logo__list {
  margin-bottom: 16px;
}
.page-header--job .page-header__heading {
  font-size: calc(((28 / 16) * 1rem) + (48 - 28) * var(--fluid--bp));
}
@media (max-width: 47.99em) {
  .page-header--job .page-header__content {
    padding-bottom: 16px;
  }
}
@media (min-width: 48em) {
  .page-header--job .page-header__content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
  }
}
.page-header--job .page-header__content .page-header__content__title {
  grid-column: span 3;
}
.page-header--job .page-header__content .page-header__actions {
  width: 100%;
}
.page-header__hero {
  color: var(--color--off-white);
}
.page-header__hero--item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
}
.page-header__hero--tagline {
  color: var(--color--off-white);
  z-index: 3;
  margin-top: auto;
  margin-bottom: calc(var(--btn--size) + 32px);
  word-spacing: 200vw;
}
@media (min-width: 62em) {
  .page-header__hero--tagline {
    margin-bottom: 24px;
  }
}
.page-header__hero .arrow-icon {
  position: absolute;
  bottom: 16px;
  left: var(--container--padding-inline);
  z-index: 3;
}
@media (min-width: 48em) {
  .page-header__hero .arrow-icon {
    display: none;
  }
}
.page-header__hero .arrow-icon svg {
  height: 26px;
  width: auto;
  transform: rotate(180deg);
}
.page-header__hero .btn--play-pause {
  --btn--background-color: transparent;
  --btn--color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--background-color--hover: var(--color--off-white);
  --btn--color--hover: var(--color--black);
  right: var(--container--padding-inline);
  bottom: 16px;
}
@media (min-width: 62em) {
  .page-header__hero .btn--play-pause {
    bottom: 48px;
  }
}
@media (min-width: 62em) {
  .page-header--search .page-header__heading, .page-header--404 .page-header__heading {
    font-size: var(--fs--xl);
  }
}
.page-header--search .page-header__content, .page-header--404 .page-header__content {
  padding-bottom: calc(((32 / 16) * 1rem) + (48 - 32) * var(--fluid--bp));
}
.page-header--404 .main-content {
  --space--prose: 16px;
  margin-block: 0;
}
.page-header--404 .search-form__group {
  max-width: 610px;
}
@media (max-width: 47.99em) {
  .page-header--festival,
  .page-header--event,
  .page-header--programme,
  .page-template-page-support .page-header {
    padding: 0 var(--container--padding-inline);
  }
}
@media (max-width: 47.99em) {
  .page-header--festival .page-header__image, .page-header--festival .page-header__carousel,
  .page-header--event .page-header__image,
  .page-header--event .page-header__carousel,
  .page-header--programme .page-header__image,
  .page-header--programme .page-header__carousel,
  .page-template-page-support .page-header .page-header__image,
  .page-template-page-support .page-header .page-header__carousel {
    margin-bottom: 16px;
  }
  .page-header--festival .page-header__image::after, .page-header--festival .page-header__carousel::after,
  .page-header--event .page-header__image::after,
  .page-header--event .page-header__carousel::after,
  .page-header--programme .page-header__image::after,
  .page-header--programme .page-header__carousel::after,
  .page-template-page-support .page-header .page-header__image::after,
  .page-template-page-support .page-header .page-header__carousel::after {
    content: none;
  }
}
.page-header--festival .page-header__carousel::after,
.page-header--event .page-header__carousel::after,
.page-header--programme .page-header__carousel::after,
.page-template-page-support .page-header .page-header__carousel::after {
  content: none;
}
@media (max-width: 47.99em) {
  .page-header--festival .page-header__content,
  .page-header--event .page-header__content,
  .page-header--programme .page-header__content,
  .page-template-page-support .page-header .page-header__content {
    position: static;
    padding: 0;
  }
}

.page-header--festival .page-header__content,
.page-header--programme:where(.page-header--full) .page-header__content,
.page-header--event:where(.page-header--full) .page-header__content,
.page-template-page-support .page-header .page-header__content {
  margin-top: var(--header-height);
}
@media (min-width: 48em) {
  .page-header--festival .page-header__image, .page-header--festival .page-header__carousel,
  .page-header--programme:where(.page-header--full) .page-header__image,
  .page-header--programme:where(.page-header--full) .page-header__carousel,
  .page-header--event:where(.page-header--full) .page-header__image,
  .page-header--event:where(.page-header--full) .page-header__carousel,
  .page-template-page-support .page-header .page-header__image,
  .page-template-page-support .page-header .page-header__carousel {
    height: 100vh;
    height: 100svh;
    max-height: 100vh;
    max-height: 100svh;
  }
}
.page-header--festival .page-header__image + .page-header__content, .page-header--festival .page-header__carousel + .page-header__content,
.page-header--programme:where(.page-header--full) .page-header__image + .page-header__content,
.page-header--programme:where(.page-header--full) .page-header__carousel + .page-header__content,
.page-header--event:where(.page-header--full) .page-header__image + .page-header__content,
.page-header--event:where(.page-header--full) .page-header__carousel + .page-header__content,
.page-template-page-support .page-header .page-header__image + .page-header__content,
.page-template-page-support .page-header .page-header__carousel + .page-header__content {
  margin-top: 0;
}

.page-header--event .page-header__actions,
.page-header--programme .page-header__actions,
.page-header--job .page-header__actions {
  --btn--background-color: transparent;
  --btn--color: var(--color--white);
  --btn--border-color: var(--color--white);
  display: flex;
  gap: 8px;
}
@media (max-width: 47.99em) {
  .page-header--event .page-header__actions,
  .page-header--programme .page-header__actions,
  .page-header--job .page-header__actions {
    background-color: var(--color--black);
    color: var(--color--white);
    padding: 8px;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }
  .page-header--event .page-header__actions.is-visible,
  .page-header--programme .page-header__actions.is-visible,
  .page-header--job .page-header__actions.is-visible {
    opacity: 1;
    pointer-events: auto;
  }
  .page-header--event .page-header__actions > *,
  .page-header--programme .page-header__actions > *,
  .page-header--job .page-header__actions > * {
    flex: 1;
  }
}
@media (min-width: 48em) {
  .page-header--event .page-header__actions,
  .page-header--programme .page-header__actions,
  .page-header--job .page-header__actions {
    width: 50%;
  }
  .page-header--event .page-header__actions > *,
  .page-header--programme .page-header__actions > *,
  .page-header--job .page-header__actions > * {
    flex: 1;
  }
}
@media (min-width: 75em) {
  .page-header--event .page-header__actions,
  .page-header--programme .page-header__actions,
  .page-header--job .page-header__actions {
    width: 25%;
  }
}

.page-header--event .page-header__post-info--group,
.page-header--programme .page-header__post-info--group {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
@media (min-width: 48em) {
  .page-header--event .page-header__post-info--group,
  .page-header--programme .page-header__post-info--group {
    padding: 0;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
}
@media (max-width: 47.99em) {
  .page-header--event .page-header__content,
  .page-header--programme .page-header__content {
    padding-bottom: 24px;
  }
}

.page-template-page-support .page-header .btn {
  --btn--background-color: var(--color--lavender);
  --btn--color: var(--color--off-white);
  --btn--border-color: var(--color--lavender);
  width: 100%;
}
@media (min-width: 48em) {
  .page-template-page-support .page-header__actions {
    width: 50%;
  }
}
@media (min-width: 75em) {
  .page-template-page-support .page-header__actions {
    width: 25%;
  }
}

body:where(.kings-theatre):where(:has(.page-header--condensed)) .site-header,
body:where(.kings-theatre):where(:has(.page-header--condensed)) .page-header--condensed, body:where(.studio-theatre):where(:has(.page-header--condensed)) .site-header,
body:where(.studio-theatre):where(:has(.page-header--condensed)) .page-header--condensed, body:where(.festival-theatre):where(:has(.page-header--condensed)) .site-header,
body:where(.festival-theatre):where(:has(.page-header--condensed)) .page-header--condensed {
  --site-header--background-color: var(--venue-accent);
  --site-header--color: var(--color--off-white);
}

.card {
  --space--prose: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.card:has(.venue-logo--kings) {
  --venue-accent: var(--color--red);
  --btn--background-color--hover: var(--venue-accent);
  --btn--border-color--hover: var(--venue-accent);
  --btn--color--hover: var(--color--white);
}
.card:has(.venue-logo--festival) {
  --venue-accent: var(--color--blue);
  --btn--background-color--hover: var(--venue-accent);
  --btn--border-color--hover: var(--venue-accent);
  --btn--color--hover: var(--color--white);
}
.card:has(.venue-logo--studio) {
  --venue-accent: var(--color--green);
  --btn--background-color--hover: var(--venue-accent);
  --btn--border-color--hover: var(--venue-accent);
  --btn--color--hover: var(--color--white);
}
.card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 16px;
}
.card__heading {
  text-wrap: balance;
  margin-top: 4px;
}
.card__heading:first-child {
  margin-top: 0;
}
.card__surtitle {
  margin-bottom: 8px;
}
.card__title {
  margin: 0;
}
.card__dates {
  line-height: 1.25;
  font-variation-settings: "wght" var(--fw--bold);
}
.card__dates + .card__genre {
  margin-top: 6px;
}
.card__time {
  margin-top: 4px;
}
.card__summary {
  position: relative;
  z-index: 2;
  text-wrap: pretty;
}
.card__summary .venue-logo__list {
  margin-bottom: 5px;
}
.card .venue-logo__list svg {
  height: 46px;
  width: auto;
  flex-shrink: 0;
}
@media (min-width: 62em) {
  .card .venue-logo__list svg {
    width: 100%;
  }
}
.card:has(.card__summary .venue-logo__list) .card__actions {
  padding-top: 12px;
  margin-top: 0;
}
.card__genre {
  line-height: 1.25;
}
.card__image {
  width: 100%;
  aspect-ratio: var(--card--image-aspect-ratio, 1/1);
  overflow: hidden;
  position: relative;
}
.card__image-inner {
  width: 100%;
  height: 100%;
}
.card__image .btn--square {
  --btn--background-color: rgba(0, 0, 0, 0.7);
  --btn--color: var(--color--white);
  --btn--border-color: var(--color--white);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.card__actions {
  padding-top: 16px;
  margin-top: 0;
  display: flex;
  gap: 12px;
}
.card__btn {
  --btn--background-color: transparent;
  --btn--color: currentColor;
  flex: 1;
}
.card__action2 {
  position: relative;
  z-index: 2;
}
.card__fill-link::before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}
.card__clickable {
  position: relative;
  z-index: 1;
}
.card__categories {
  margin-top: 12px;
}
.card--post {
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}
.card--post .quote {
  padding: 16px 24px 12px;
}
.card--post .quote__text {
  margin-bottom: 8px;
}
.card--post .date {
  font-variation-settings: "wght" var(--fw--bold);
}
.card--membership .card__actions .btn {
  height: 50px;
}
.card--video-gallery .card__content, .card--image-gallery .card__content {
  padding: 16px;
}
.card--video-gallery {
  --btn--icon-size: 1em;
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
}
.card--image-gallery {
  --btn--icon-size: 1.3em;
}
.card--job {
  padding: 24px;
}
.card--job .card__content {
  padding: 0;
}
.card--job .card__title {
  font-size: var(--fs--h3);
}
.card--job .card__summary {
  margin-top: 16px;
}
.card--job .card__dates {
  margin-bottom: 16px;
}
.card--job .card__actions {
  padding-top: 24px;
}
@media (min-width: 48em) {
  .card--job .card__actions .btn {
    width: auto;
    flex: none;
  }
}
.card--space .card__heading {
  display: flex;
  gap: 16px;
}
.card--space .card__heading .card__title {
  flex: 1;
}
.card--page.festival-theatre .card__summary, .card--page.kings-theatre .card__summary, .card--page.studio-theatre .card__summary {
  display: none;
}
.card--page.festival-theatre .card__actions, .card--page.kings-theatre .card__actions, .card--page.studio-theatre .card__actions {
  padding: 0;
}
.card--page.festival-theatre .btn, .card--page.kings-theatre .btn, .card--page.studio-theatre .btn {
  height: 0;
  width: 0;
  font-size: 0;
  border: 0;
  clip: rect(0 0 0 0);
  flex: none;
  padding: 0;
  margin: 0;
}
.card--page.festival-theatre .card__image, .card--page.kings-theatre .card__image, .card--page.studio-theatre .card__image {
  position: relative;
}
.card--page.festival-theatre .card__image::before, .card--page.kings-theatre .card__image::before, .card--page.studio-theatre .card__image::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color var(--transition--base);
  z-index: 2;
}
.card--page.festival-theatre .card__heading, .card--page.kings-theatre .card__heading, .card--page.studio-theatre .card__heading {
  transition: color var(--transition--base);
}
.card--page.festival-theatre .card__fill-link::before, .card--page.kings-theatre .card__fill-link::before, .card--page.studio-theatre .card__fill-link::before {
  z-index: 3;
}
.card--page.festival-theatre:has(.btn:hover), .card--page.festival-theatre:has(.btn:focus-visible), .card--page.kings-theatre:has(.btn:hover), .card--page.kings-theatre:has(.btn:focus-visible), .card--page.studio-theatre:has(.btn:hover), .card--page.studio-theatre:has(.btn:focus-visible) {
  color: var(--venue-accent);
}
.card--page.festival-theatre:has(.btn:hover) .card__image::before, .card--page.festival-theatre:has(.btn:focus-visible) .card__image::before, .card--page.kings-theatre:has(.btn:hover) .card__image::before, .card--page.kings-theatre:has(.btn:focus-visible) .card__image::before, .card--page.studio-theatre:has(.btn:hover) .card__image::before, .card--page.studio-theatre:has(.btn:focus-visible) .card__image::before {
  background-color: rgba(0, 0, 0, 0.3);
}
.card--festival .card__content {
  background-color: var(--color--white);
  padding: 16px;
}
.card--festival .venue-logo__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
  max-width: 490px;
}
.card--festival .venue-logo__list svg {
  height: auto;
  width: 100%;
}
.card--festival .card__summary {
  margin-top: calc(((24 / 16) * 1rem) + (36 - 24) * var(--fluid--bp));
}

.card--event,
.card--programme {
  height: 100%;
}
.card--event .card__summary,
.card--programme .card__summary {
  display: flex;
  padding-top: calc(((24 / 16) * 1rem) + (36 - 24) * var(--fluid--bp));
  margin-top: auto;
  align-items: flex-end;
  gap: 8px;
}
.card--event .card__summary-content,
.card--programme .card__summary-content {
  flex: 1;
}

[data-crossfader] {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  opacity: 0;
}
[data-crossfader]:has(.active) {
  animation: fade-in 500ms linear 500ms forwards;
}
[data-crossfader] picture,
[data-crossfader] img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-crossfader] picture img,
[data-crossfader] img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

[data-crossfader-item] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
[data-crossfader-item].prev-active {
  z-index: 2;
}
[data-crossfader-item].active {
  z-index: 3;
  animation: fade-in 500ms linear forwards;
}

cog-booking [data-booking-status] {
  animation: fade-in 400ms ease-out;
}
cog-booking [data-booking-status]:not([data-booking-visible=true]) {
  display: none;
}

/* stylelint-disable selector-no-qualifying-type -- not relevant for custom elements */
cog-credits {
  --cog-logo--size: 30px;
  all: unset;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: var(--cog-logo--size, 30px);
  margin-top: var(--cog-logo--size, 30px);
  overflow: hidden;
}
cog-credits .cog-credits__inner {
  display: flex;
  flex-flow: row nowrap;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
  transform: translateX(calc(100% - var(--cog-logo--size)));
}
cog-credits[open=true] .cog-credits__inner {
  transform: unset;
}
cog-credits a {
  display: flex;
  align-self: center;
  white-space: nowrap;
}
cog-credits a svg {
  fill: currentColor;
  flex-shrink: 0;
  width: 125px;
  border-bottom: 1px solid transparent;
}
cog-credits .cog-credits__toggle {
  display: flex;
}
cog-credits .cog-credits__toggle svg {
  width: var(--cog-logo--size, 30px);
  height: var(--cog-logo--size, 30px);
}
@media screen and (prefers-reduced-motion: no-preference) {
  cog-credits .cog-credits__inner {
    transition: transform 0.8s ease;
  }
  cog-credits .cog-credits__toggle {
    transition: rotate 0.8s ease;
  }
  cog-credits[open=true] .cog-credits__toggle {
    rotate: -360deg;
  }
}

dialog,
.dialog-container {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0);
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: auto;
  padding-bottom: 1px;
}
dialog::-webkit-scrollbar,
.dialog-container::-webkit-scrollbar {
  display: none;
}

.dialog-container {
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--dialog--background-color, var(--color--black));
  color: var(--dialog--color, var(--color--white));
  padding: calc(var(--btn--size) + 24px) var(--container--padding-inline) var(--section--margin-inline);
}
.dialog-container[aria-hidden=true] {
  visibility: hidden;
}
.dialog-container .media {
  padding: 0;
  overflow: visible;
}
.dialog-container .media__carousel {
  padding-bottom: calc(var(--btn--size) + 16px);
}
@media (min-width: 75em) {
  .dialog-container .media__carousel {
    padding-bottom: 0;
  }
}
.dialog-container .media .slick-slider {
  width: 100%;
}
.dialog-container .media .slick-slide {
  opacity: 0;
  transition: opacity var(--transition--base);
}
.dialog-container .media .slick-slide.slick-active {
  opacity: 1;
}
.dialog-container .media [data-control-prev],
.dialog-container .media [data-control-next] {
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
}
@media (min-width: 75em) {
  .dialog-container .media [data-control-prev],
  .dialog-container .media [data-control-next] {
    top: 0;
    margin-block: auto;
    transform: none;
  }
}
@media (min-width: 75em) {
  .dialog-container .media [data-control-prev] {
    margin-left: 0;
    left: auto;
    right: calc(100% + 48px);
  }
}
@media (min-width: 75em) {
  .dialog-container .media [data-control-next] {
    margin-right: 0;
    right: auto;
    left: calc(100% + 48px);
  }
}
.dialog-container .media__item img {
  aspect-ratio: 1/1;
}
@media (min-width: 48em) {
  .dialog-container .media__item img {
    aspect-ratio: 16/9;
  }
}

[data-dialog-close].btn--cross,
.btn--dialog-close {
  position: absolute;
  top: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
  right: var(--container--padding-inline);
  z-index: 20;
}

.dialog-overlay {
  background-color: rgba(0, 0, 0, 0.95);
}

.dialog-content {
  margin: auto;
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
}
.dialog-content iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  margin: 0;
}
.dialog-content .video-canvas {
  aspect-ratio: 16/9;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.dialog-content > .btn {
  --btn--backgorund-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--border-color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--black);
  margin-top: 24px;
  max-width: 220px;
  margin-inline: auto;
}
.dialog-content:has(> .btn:last-child) {
  padding-bottom: 64px;
}
@media (min-width: 48em) {
  .dialog-content__sidebar-layout-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
  }
}
@media (min-width: 75em) {
  .dialog-content__sidebar-layout-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.dialog-content__sidebar {
  grid-column: span 1;
}
.dialog-content__body {
  grid-column: span 2;
  padding-bottom: 48px;
}
@media (min-width: 75em) {
  .dialog-content__body {
    grid-column: span 3;
  }
}

.dialog__instances {
  --dialog--background-color: var(--color--off-white);
  --dialog--color: var(--color--black);
}
.dialog__instances .dialog-container {
  align-items: flex-start;
  padding-inline: 0;
}
.dialog__content-warnings {
  --container--width: var(--width--s);
}

[aria-live] .dialog-content__sidebar-layout-container {
  animation: fade-in 300ms ease-out forwards;
}

.dialog__instances .event-instances__filters .button-grid {
  gap: 0;
}

@keyframes l1 {
  0% {
    transform: perspective(150px) rotateX(0deg);
  }
  100% {
    transform: perspective(150px) rotateX(180deg);
  }
}
@keyframes l7-1 {
  0%, 10% {
    transform: scale(1) rotate(0);
  }
  100% {
    transform: scale(0) rotate(1turn);
  }
}
@keyframes l7-2 {
  0%, 49.99% {
    background: #3fb8af;
  }
  50%, 100% {
    background: #ff3d7f;
  }
}
loading-indicator {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: none;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
loading-indicator .loading-indicator__spinner {
  width: 40px;
  aspect-ratio: 1;
  background: #000;
  animation: l1 1s infinite;
}
loading-indicator[aria-hidden=true] {
  display: none;
}

.loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-indicator::after {
  content: "";
  display: block;
  width: var(--spinner--size, 40px);
  aspect-ratio: 1;
  background: #000;
  animation: l1 1s infinite;
}
.loading-indicator.page {
  margin: 0;
  height: 100vh;
  height: calc(100vh - var(--header-height, 136px) - var(--section--margin-block) * 2);
}
.loading-indicator.page::after {
  aspect-ratio: 1;
  background: #3fb8af;
  animation: l7-1 1s infinite alternate, l7-2 2s infinite alternate;
}

.btn .loading-indicator,
.btn .loading-indicator.page {
  --spinner--size: 1em;
  margin: 0;
}
.btn .loading-indicator::after,
.btn .loading-indicator.page::after {
  background: currentColor;
}
.btn loading-indicator .loading-indicator__spinner {
  background: currentColor;
}

.main-content {
  --container--width: var(--width--s);
  margin-bottom: var(--section--margin-block);
}
.main-content__intro {
  margin-bottom: var(--space--prose);
}

.page-template-page-event-archive .main-content .container {
  max-width: var(--width--max);
}

.pagination {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--border-color: var(--color--black);
  --btn--background-color--hover: var(--color--marine);
  --btn--border-color--hover: var(--color--marine);
  margin-block: var(--space--layout);
  display: flex;
  justify-content: center;
  text-align: center;
}
.pagination[aria-hidden=true] {
  display: none;
}
.pagination__pages {
  margin-block: 0;
}
@media (min-width: 48em) {
  .pagination .btn {
    width: 100%;
    max-width: calc((100% - var(--grid--column-gap) * (var(--grid--columns) - 1)) / var(--grid--columns));
  }
}
.pagination .btn svg {
  height: 0.8em;
  width: auto;
  transform: rotate(180deg) translateY(3px);
}
.pagination .btn:hover {
  color: var(--color--white);
}

.promo {
  --grid--column-gap: 0;
  --grid--row-gap: 0;
  --color--background: var(--color--off-white);
}
@media (min-width: 62em) {
  .promo {
    --grid--columns: 2;
  }
}
.promo__content {
  background-color: var(--color--background);
}
.promo .section__heading {
  margin-bottom: 16px;
}
.promo .section__header {
  margin: 0;
}
.promo .section--text {
  padding: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .promo .section--text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }
}
.promo .section--image img {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 48em) {
  .promo .section__introduction,
  .promo .content--text {
    margin-top: calc(((16 / 16) * 1rem) + (32 - 16) * var(--fluid--bp));
  }
}
.promo .btn {
  margin-top: calc(((24 / 16) * 1rem) + (40 - 24) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .promo[data-type=visit] + [data-type=visit] .section--text {
    grid-column: 2/3;
    grid-row: 1;
  }
}
@media (min-width: 48em) {
  .promo[data-type=visit] + [data-type=visit] .section--image {
    grid-column: 1/2;
    grid-row: 1;
  }
}
@media (min-width: 48em) {
  .promo[data-type=promo] + [data-type=promo] .section--text,
  .promo[data-type=promo] + [data-type=contact] .section--text, .promo[data-type=contact] + [data-type=promo] .section--text,
  .promo[data-type=contact] + [data-type=contact] .section--text {
    grid-column: 1/2;
    grid-row: 1;
  }
}
@media (min-width: 48em) {
  .promo[data-type=promo] + [data-type=promo] .section--image,
  .promo[data-type=promo] + [data-type=contact] .section--image, .promo[data-type=contact] + [data-type=promo] .section--image,
  .promo[data-type=contact] + [data-type=contact] .section--image {
    grid-column: 2/3;
    grid-row: 1;
  }
}
@media (min-width: 48em) {
  .promo[data-type=promo] + [data-type=promo] + [data-type=promo] .section--text,
  .promo[data-type=promo] + [data-type=promo] + [data-type=contact] .section--text,
  .promo[data-type=promo] + [data-type=contact] + [data-type=promo] .section--text,
  .promo[data-type=promo] + [data-type=contact] + [data-type=contact] .section--text, .promo[data-type=contact] + [data-type=promo] + [data-type=promo] .section--text,
  .promo[data-type=contact] + [data-type=promo] + [data-type=contact] .section--text,
  .promo[data-type=contact] + [data-type=contact] + [data-type=promo] .section--text,
  .promo[data-type=contact] + [data-type=contact] + [data-type=contact] .section--text {
    grid-column: 2/3;
    grid-row: 1;
  }
}
@media (min-width: 48em) {
  .promo[data-type=promo] + [data-type=promo] + [data-type=promo] .section--image,
  .promo[data-type=promo] + [data-type=promo] + [data-type=contact] .section--image,
  .promo[data-type=promo] + [data-type=contact] + [data-type=promo] .section--image,
  .promo[data-type=promo] + [data-type=contact] + [data-type=contact] .section--image, .promo[data-type=contact] + [data-type=promo] + [data-type=promo] .section--image,
  .promo[data-type=contact] + [data-type=promo] + [data-type=contact] .section--image,
  .promo[data-type=contact] + [data-type=contact] + [data-type=promo] .section--image,
  .promo[data-type=contact] + [data-type=contact] + [data-type=contact] .section--image {
    grid-column: 1/2;
    grid-row: 1;
  }
}
@media (min-width: 48em) {
  .promo[data-type=promo] + [data-type=promo] + [data-type=promo] + [data-type=promo] .section--text,
  .promo[data-type=promo] + [data-type=promo] + [data-type=promo] + [data-type=contact] .section--text,
  .promo[data-type=promo] + [data-type=promo] + [data-type=contact] + [data-type=promo] .section--text,
  .promo[data-type=promo] + [data-type=promo] + [data-type=contact] + [data-type=contact] .section--text,
  .promo[data-type=promo] + [data-type=contact] + [data-type=promo] + [data-type=promo] .section--text,
  .promo[data-type=promo] + [data-type=contact] + [data-type=promo] + [data-type=contact] .section--text,
  .promo[data-type=promo] + [data-type=contact] + [data-type=contact] + [data-type=promo] .section--text,
  .promo[data-type=promo] + [data-type=contact] + [data-type=contact] + [data-type=contact] .section--text, .promo[data-type=contact] + [data-type=promo] + [data-type=promo] + [data-type=promo] .section--text,
  .promo[data-type=contact] + [data-type=promo] + [data-type=promo] + [data-type=contact] .section--text,
  .promo[data-type=contact] + [data-type=promo] + [data-type=contact] + [data-type=promo] .section--text,
  .promo[data-type=contact] + [data-type=promo] + [data-type=contact] + [data-type=contact] .section--text,
  .promo[data-type=contact] + [data-type=contact] + [data-type=promo] + [data-type=promo] .section--text,
  .promo[data-type=contact] + [data-type=contact] + [data-type=promo] + [data-type=contact] .section--text,
  .promo[data-type=contact] + [data-type=contact] + [data-type=contact] + [data-type=promo] .section--text,
  .promo[data-type=contact] + [data-type=contact] + [data-type=contact] + [data-type=contact] .section--text {
    grid-column: 1/2;
    grid-row: 1;
  }
}
@media (min-width: 48em) {
  .promo[data-type=promo] + [data-type=promo] + [data-type=promo] + [data-type=promo] .section--image,
  .promo[data-type=promo] + [data-type=promo] + [data-type=promo] + [data-type=contact] .section--image,
  .promo[data-type=promo] + [data-type=promo] + [data-type=contact] + [data-type=promo] .section--image,
  .promo[data-type=promo] + [data-type=promo] + [data-type=contact] + [data-type=contact] .section--image,
  .promo[data-type=promo] + [data-type=contact] + [data-type=promo] + [data-type=promo] .section--image,
  .promo[data-type=promo] + [data-type=contact] + [data-type=promo] + [data-type=contact] .section--image,
  .promo[data-type=promo] + [data-type=contact] + [data-type=contact] + [data-type=promo] .section--image,
  .promo[data-type=promo] + [data-type=contact] + [data-type=contact] + [data-type=contact] .section--image, .promo[data-type=contact] + [data-type=promo] + [data-type=promo] + [data-type=promo] .section--image,
  .promo[data-type=contact] + [data-type=promo] + [data-type=promo] + [data-type=contact] .section--image,
  .promo[data-type=contact] + [data-type=promo] + [data-type=contact] + [data-type=promo] .section--image,
  .promo[data-type=contact] + [data-type=promo] + [data-type=contact] + [data-type=contact] .section--image,
  .promo[data-type=contact] + [data-type=contact] + [data-type=promo] + [data-type=promo] .section--image,
  .promo[data-type=contact] + [data-type=contact] + [data-type=promo] + [data-type=contact] .section--image,
  .promo[data-type=contact] + [data-type=contact] + [data-type=contact] + [data-type=promo] .section--image,
  .promo[data-type=contact] + [data-type=contact] + [data-type=contact] + [data-type=contact] .section--image {
    grid-column: 2/3;
    grid-row: 1;
  }
}
.promo__event-content {
  --container--width: var(--width--s);
  --section--margin-block: 24px;
}
.promo__event-content .promo__content {
  background-color: var(--venue-accent, var(--color--background));
  color: var(--color--off-white);
}
.promo__event-content .section__heading {
  font-size: 24px;
  color: currentColor;
  margin-bottom: 0;
}
.promo__event-content .section--image {
  grid-row: 2;
}
@media (min-width: 48em) {
  .promo__event-content .section--image {
    grid-row: 1;
    grid-column: 2;
  }
}
.promo__event-content .section--text {
  grid-row: 1;
  padding: calc(((16 / 16) * 1rem) + (48 - 16) * var(--fluid--bp));
  margin-top: 16px;
}
@media (min-width: 48em) {
  .promo__event-content .section--text {
    margin-top: 0;
  }
}
.promo__event-content .content--text,
.promo__event-content .btn {
  --btn--background-color: transparent;
  --btn--background-color--hover: var(--color--off-white);
  --btn--color: currentColor;
  --btn--border-color: var(--color--off-white);
  --btn--color--hover: var(--color--black);
  --btn--padding-inline: 20px;
  --btn--padding-block: 14px;
  font-size: 1rem;
  margin-top: 16px;
}

.listing .promo__content,
.feed-list .promo__content {
  display: block;
}
.listing .promo__content .section--text,
.feed-list .promo__content .section--text {
  padding: 24px;
}
.listing .promo__content .content--text,
.feed-list .promo__content .content--text {
  font-size: var(--fs--body-l);
  margin-top: 0;
}
.listing .promo__content .section__header,
.feed-list .promo__content .section__header {
  margin-bottom: 16px;
}
.listing .promo__content .section__heading,
.feed-list .promo__content .section__heading {
  font-size: var(--fs--h2);
}
.listing .promo__content .btn,
.feed-list .promo__content .btn {
  --btn--padding-block: 14px;
  margin-top: 32px;
  font-size: var(--fs--body);
  width: 100%;
}

.related--featured,
.related {
  --slide-gutter: 36px;
}
.related--featured .slick-slider,
.related .slick-slider {
  display: block;
  width: calc(100% - (var(--btn--size) - var(--slide-gutter)));
}
@media (min-width: 48em) {
  .related--featured .slick-slider,
  .related .slick-slider {
    width: 100%;
    margin-right: calc(var(--slide-gutter) * -1);
  }
}
.related--featured .slick-slider .slick-list,
.related .slick-slider .slick-list {
  overflow: visible;
}
.related--featured .slick-slider .card,
.related .slick-slider .card {
  padding-right: var(--slide-gutter);
  display: flex !important;
}
.related--featured .slick-slider .slick-track,
.related .slick-slider .slick-track {
  display: flex;
}
.related--featured .slick-slider .slick-slide,
.related .slick-slider .slick-slide {
  height: inherit;
}
.related--featured .slick-slider .slick-slide > *,
.related .slick-slider .slick-slide > * {
  height: 100%;
}
.related--featured [data-control-prev],
.related--featured [data-control-next],
.related [data-control-prev],
.related [data-control-next] {
  position: absolute;
  right: -15px;
  left: auto;
  bottom: calc(100% + 24px);
}
@media (max-width: 47.99em) {
  .related--featured [data-control-prev],
  .related--featured [data-control-next],
  .related [data-control-prev],
  .related [data-control-next] {
    transform: none;
  }
}
@media (min-width: 48em) {
  .related--featured [data-control-prev],
  .related--featured [data-control-next],
  .related [data-control-prev],
  .related [data-control-next] {
    right: calc(var(--slide-gutter) * 2);
    bottom: calc(100% + 32px);
  }
}
@media (min-width: 62em) {
  .related--featured [data-control-prev],
  .related--featured [data-control-next],
  .related [data-control-prev],
  .related [data-control-next] {
    bottom: calc(100% + 40px);
  }
}
@media (max-width: 47.99em) {
  .related--featured [data-control-prev],
  .related [data-control-prev] {
    transform: translateX(calc((var(--btn--size) + 12px) * -1));
  }
}
.related--featured__cards .card,
.related__cards .card {
  height: 100%;
  padding-bottom: 4px;
}
.related--featured__cards .card__actions,
.related__cards .card__actions {
  margin-top: auto;
}
.related--featured__card,
.related__card {
  height: 100%;
}
.related--featured .section__header--button,
.related .section__header--button {
  align-items: center;
}
.related--featured .section__header--button svg,
.related .section__header--button svg {
  margin-top: 10px;
}

.related {
  padding-block: var(--section--padding-block);
  overflow: hidden;
}
@media (min-width: 48em) {
  .related {
    --grid--columns: 3;
    --grid--column-gap: 48px;
  }
}
.related:last-child {
  margin-bottom: 0;
}
.related .section__heading {
  margin-bottom: 0;
}
.related .btn--related-cta {
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  margin-top: 32px;
  width: 100%;
}
@media (min-width: 48em) {
  .related .btn--related-cta {
    max-width: calc((100% - var(--grid--column-gap) * 2) / 3);
    margin-inline: auto;
    margin-top: 48px;
  }
}
.related .btn--related-cta[aria-expanded=true] {
  display: none;
}
.related-stories {
  --slide-gutter: 32px;
}
.related-stories .card {
  --btn--background-color--hover: var(--color--off-white);
  --btn--color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--off-white);
  background-color: transparent;
  color: var(--color--off-white);
}
.related-stories .card__content {
  --btn--border-color: var(--color--off-white);
  padding-inline: 0;
  padding-bottom: 0;
}
.related-stories .quote {
  background-color: transparent;
  color: var(--color--off-white);
}
.related-stories .quote__text {
  color: var(--color--off-white);
}
.related:where(:has(.related__cards > [data-control-prev])) .section__header {
  padding-bottom: calc(var(--btn--size) + 16px);
}
@media (min-width: 48em) {
  .related:where(:has(.related__cards > [data-control-prev])) .section__header {
    padding-bottom: 0;
    padding-right: calc(var(--btn--size) * 2 + 84px);
  }
}
.related:where(:has(.related__cards > [data-control-prev])) .section__header:has(.section__header--button) {
  padding-bottom: 0;
}
@media (min-width: 48em) {
  .related .section__header--button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--btn--padding-block) + 2px) var(--btn--padding-inline) var(--btn--padding-block);
    font-family: var(--ff--primary);
    gap: 0.75rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: var(--btn--border-width) solid var(--btn--border-color);
    border-radius: var(--btn--border-radius, 0px);
    background-color: var(--btn--background-color);
    color: var(--btn--color);
    transition: all var(--transition--base);
    transition-property: background-color, color, border-color, box-shadow, transform;
    max-height: var(--btn--size);
  }
  .related .section__header--button:hover, .related .section__header--button:focus-visible {
    background-color: var(--btn--background-color--hover);
    color: var(--btn--color--hover);
    border-color: var(--btn--border-color--hover);
    text-decoration: none;
  }
}
.related + .related,
.related + .media {
  margin-top: 0;
}
.related:has(+ .related), .related:last-child {
  margin-bottom: 0;
}
.related .section__heading {
  font-size: var(--fs--heading-l);
}
.related-section__list .related:nth-child(2n) {
  background-color: var(--color--white);
}
.related__cta {
  margin-top: var(--grid--row-gap);
}
.related.related__venue-events {
  padding-top: 0;
}
.related-events .related__card.is-hidden-mobile {
  display: none;
}
@media (min-width: 48em) {
  .related-events .related__card.is-hidden-mobile {
    display: block;
  }
}
.related-events .pagination {
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .related-events .pagination {
    display: none;
  }
}

.page-template-page-jobs-list .related {
  --grid--columns: 1;
  --grid--item--min-width: 100%;
  --grid--row-gap: 24px;
  --container--width: var(--width--s);
  padding-block: 0;
}
.page-template-page-jobs-list .related .section__header {
  margin-bottom: 16px;
}
.page-template-page-jobs-list .related .section__heading {
  border-top: 1px solid var(--color--black);
  padding-top: 16px;
}
@media (min-width: 48em) {
  .page-template-page-jobs-list .related .section__heading {
    padding-top: 24px;
  }
}
.page-template-page-jobs-list .related:last-child {
  margin-bottom: var(--section--margin-block);
}

.support {
  --color--accent: var(--color--white);
  --btn--padding-block: 12px;
}
.support__content {
  padding-block: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
  padding-inline: calc(((16 / 16) * 1rem) + (48 - 16) * var(--fluid--bp));
}
@media (min-width: 62em) {
  .support__content--inner {
    display: flex;
    gap: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
  }
}
.support__content--form {
  flex: 1;
}
.support .section__header {
  margin-bottom: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
}
@media (min-width: 62em) {
  .support .section__header {
    --space--prose: 16px;
    --heading--margin-bottom: 16px;
    text-align: center;
  }
}
@media (min-width: 62em) {
  .support .section__introduction {
    font-size: var(--fs--body-l);
  }
}
.support [data-crossfader] {
  height: auto;
  aspect-ratio: 1/1;
}
@media (min-width: 62em) {
  .support [data-crossfader] {
    width: 33%;
    max-width: 360px;
  }
}
.support__frequency--label {
  margin-bottom: 12px;
}
@media (min-width: 62em) {
  .support__frequency--label {
    margin-top: 0;
  }
}
.support__frequency--buttons {
  display: flex;
  gap: 24px;
  padding: 0;
}
.support__frequency .form-field--radio {
  margin: 0;
}
@media (min-width: 62em) {
  .support__frequency .form-field--radio label,
  .support__frequency .form-field--radio .label {
    font-size: var(--fs--body-l);
  }
}
@media (min-width: 62em) {
  .support__frequency .form-field--radio .input {
    transform: translateY(-3px);
  }
}
.support__footer {
  margin-top: calc(((24 / 16) * 1rem) + (40 - 24) * var(--fluid--bp));
}
.support__amounts {
  --btn--background-color: transparent;
  --btn--color: var(--color-foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--border-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
  display: flex;
  gap: calc(((8 / 16) * 1rem) + (24 - 8) * var(--fluid--bp));
}
.support__amounts > * {
  flex: 1;
}
.support__amounts .btn.active {
  --btn--background-color: var(--color--foreground);
  --btn--color: var(--color--black);
}
.support__custom-amount {
  --input--background-color: transparent;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
@media (min-width: 62em) {
  .support__custom-amount {
    font-size: 1.5rem;
  }
}
.support__custom-amount label,
.support__custom-amount .label {
  white-space: nowrap;
  flex: 1;
  text-align: right;
  padding-right: 8px;
  margin: 0;
}
@media (min-width: 62em) {
  .support__custom-amount label,
  .support__custom-amount .label {
    flex: none;
    font-size: 1.5rem;
  }
}
@media (min-width: 62em) {
  .support__custom-amount input {
    height: 64px;
  }
}
.support__custom-amount .input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  width: calc(33% + 8px);
}
.support__submit-button {
  width: 100%;
  margin-top: 24px;
}
.support__submit-button [data-display-donation-amount] {
  margin-right: 4px;
}
.support .btn {
  gap: 0;
  white-space: pre;
}
@media (min-width: 62em) {
  .support .btn {
    --btn--padding-block: 17px;
    font-size: 1.5rem;
    padding-top: calc(var(--btn--padding-block) + 4px);
  }
}

:root {
  --site-header-top--height: 100px;
  --site-header--background-color: var(--color--off-white);
  --site-header--color: var(--color--black);
}

.logo {
  display: block;
  width: 80px;
  flex-shrink: 0;
}

.single-festival,
.single-event:where(:has(.page-header--full)),
.single-programme:where(:has(.page-header--full)),
.page-template-page-support,
.page-template-page-home {
  --site-header--background-color: var(--color--black);
  --site-header--color: var(--color--off-white);
}
@media (min-width: 48em) {
  .single-festival.dialog-is-open > .site-header,
  .single-event:where(:has(.page-header--full)).dialog-is-open > .site-header,
  .single-programme:where(:has(.page-header--full)).dialog-is-open > .site-header,
  .page-template-page-support.dialog-is-open > .site-header,
  .page-template-page-home.dialog-is-open > .site-header {
    padding-right: var(--scrollbar-width);
  }
}
.single-festival.dialog-is-open .site-header-dialog .site-header,
.single-event:where(:has(.page-header--full)).dialog-is-open .site-header-dialog .site-header,
.single-programme:where(:has(.page-header--full)).dialog-is-open .site-header-dialog .site-header,
.page-template-page-support.dialog-is-open .site-header-dialog .site-header,
.page-template-page-home.dialog-is-open .site-header-dialog .site-header {
  padding-right: 0;
}
@media (min-width: 48em) {
  .single-festival > .site-header,
  .single-event:where(:has(.page-header--full)) > .site-header,
  .single-programme:where(:has(.page-header--full)) > .site-header,
  .page-template-page-support > .site-header,
  .page-template-page-home > .site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  }
}

.page-template-page-home.dialog-is-open > .site-header {
  padding-right: var(--scrollbar-width);
}
.page-template-page-home > .site-header {
  color: var(--color--off-white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 300;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

.site-header {
  --icon--size: 33px;
  background-color: var(--site-header--background-color);
  color: var(--site-header--color);
}
.site-header__top {
  --gap: 24px;
  padding-block: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap);
}
.site-header__top--menus {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: var(--gap);
}
@media (min-width: 75em) {
  .site-header__top--menus {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.site-header__top--menus svg {
  height: var(--icon--size);
  width: auto;
  flex-shrink: 0;
}
.site-header__utility-menu {
  display: flex;
  align-items: center;
  gap: var(--gap);
}
@media (max-width: 74.99em) {
  .site-header__utility-menu {
    display: none;
  }
}
@media (min-width: 75em) {
  .site-header__utility-menu {
    --icon--size: 24px;
  }
}
.site-header__utility-menu--link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.site-header__utility-menu--link span {
  padding-top: 4px;
}
@media (max-width: 74.99em) {
  .site-header__utility-menu--link span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .site-header__utility-menu--link span:active, .site-header__utility-menu--link span:focus-visible {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: fixed;
    top: 30px;
    left: 20px;
    white-space: normal;
    width: auto;
  }
}
.site-header__utility-menu--link span span {
  padding-top: 0;
}
.site-header__utility-menu--link__icons {
  position: relative;
}
.site-header__utility-menu--link__icons basket-count {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(40%, -50%);
  color: var(--color--white);
  background-color: var(--color--red);
  height: 1rem;
  width: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  font-size: 0.75rem;
  padding: 0;
  line-height: 1;
}
.site-header__utility-menu--link__icons basket-count span {
  padding-top: 0;
}
.site-header__utility-menu--link__icons basket-count:where(:has([basket-item-count]:empty)) {
  display: none;
}
@media (max-width: 74.99em) {
  .site-header__utility-menu--access, .site-header__utility-menu--friend {
    display: none;
  }
}
.site-header__header-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap);
  transition: all var(--transition--base);
}
@media (max-width: 74.99em) {
  .site-header__header-menu--link {
    display: none;
  }
}
@media (min-width: 75em) {
  .site-header__header-menu--link:where(:not(:has(+ .site-header__header-menu--button))) {
    padding-right: 16px;
  }
}
.site-header__header-menu--button {
  --icon--size: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header__header-menu--button-search {
  transform: translateY(-0.1em);
}
.site-header a {
  text-decoration: none;
}
.site-header a:hover, .site-header a:focus-visible {
  text-decoration: underline;
}
.site-header__search {
  background-color: var(--color--black);
  color: var(--color--off-white);
  padding: 24px var(--container--padding-inline);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: calc(100dvh - var(--header-height, 115px));
  overflow: auto;
}
@media (min-width: 75em) {
  .site-header__search {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: auto;
    padding-bottom: 1px;
    left: calc(var(--width--menu) + var(--container--padding-inline) * 2);
    right: var(--container--padding-inline);
    max-width: 720px;
    margin-left: auto;
    border-top: 1px solid rgba(246, 249, 237, 0.3);
    padding: 28px 0;
  }
  .site-header__search::-webkit-scrollbar {
    display: none;
  }
}
.site-header__search[aria-hidden=true] {
  display: none;
}
.site-header__search--back-button {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.site-header__search--back-button svg {
  width: 1em;
  transform: rotate(-90deg);
  margin-bottom: 3px;
}
.site-header__search--back-button:hover, .site-header__search--back-button:focus-visible {
  text-decoration: underline;
}
@media (min-width: 75em) {
  .site-header__search .search-form__label,
  .site-header__search .section__heading {
    font-size: var(--fs--h4);
  }
}

.site-header-dialog {
  --animation--duration: 200ms;
  --width--menu: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  border: 0;
  padding: 0 var(--scrollbar-width, 0) 0 0;
  background-color: var(--color--black);
  color: var(--color--off-white);
}
@media (min-width: 75em) {
  .site-header-dialog {
    --width--menu: 390px;
  }
}
.site-header-dialog__main {
  padding-bottom: 48px;
}
.site-header-dialog .site-header {
  --site-header--background-color: var(--color--black);
  --site-header--color: var(--color--off-white);
}
.site-header-dialog .site-header__utility-menu {
  display: flex;
}
.site-header-dialog .site-header__header-menu--link {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 74.99em) {
  .site-header-dialog .site-header__header-menu--button-search {
    display: flex;
  }
}
.site-header-dialog__main .container {
  position: relative;
}
@media (max-width: 74.99em) {
  .site-header-dialog__main .container {
    padding-inline: 0;
  }
}
@media (min-width: 75em) {
  .site-header-dialog__main .container {
    min-height: calc(100vh - var(--header-height));
  }
}
.site-header-dialog .btn--hamburger rect {
  transform-origin: center;
}
.site-header-dialog[open] {
  animation: fade-in var(--animation--duration) linear forwards;
}
.site-header-dialog[open] .btn--hamburger rect {
  --delay: var(--animation--duration);
}
.site-header-dialog[open] .btn--hamburger rect:first-child {
  animation: cross-first var(--animation--duration) linear forwards;
  animation-delay: var(--delay);
}
.site-header-dialog[open] .btn--hamburger rect:nth-child(2) {
  animation: fade-out var(--animation--duration) linear forwards;
}
.site-header-dialog[open] .btn--hamburger rect:last-child {
  animation: cross-last var(--animation--duration) linear forwards;
  animation-delay: var(--delay);
}
.site-header-dialog.closing {
  animation: fade-out var(--animation--duration) linear forwards;
  animation-delay: var(--animation--duration);
}
.site-header-dialog.closing .btn--hamburger rect {
  transform-origin: center;
}
.site-header-dialog.closing .btn--hamburger rect:first-child {
  animation: cross-first-reverse var(--animation--duration) linear forwards;
}
.site-header-dialog.closing .btn--hamburger rect:nth-child(2) {
  animation: fade-in var(--animation--duration) linear forwards;
}
.site-header-dialog.closing .btn--hamburger rect:last-child {
  animation: cross-last-reverse var(--animation--duration) linear forwards;
}
.site-header-dialog .accordion-item__header {
  background-color: #262626;
}

.site-header-full-menu {
  max-width: var(--width--menu);
}
.site-header-full-menu li {
  margin: 0;
}
.site-header-full-menu a {
  text-decoration: none;
}
.site-header-full-menu a:hover, .site-header-full-menu a:focus-visible {
  text-decoration: underline;
}
.site-header-full-menu__item > .site-header-full-menu__link {
  border-top: 1px solid rgba(246, 249, 237, 0.3);
}
@media (max-width: 74.99em) {
  .site-header-full-menu__item:where(:not(:has(.site-header-full-menu__sub-menu--list))) .site-header-full-menu__button {
    display: none;
  }
}
.site-header-full-menu__link {
  display: flex;
  justify-content: space-between;
  padding: 16px var(--container--padding-inline);
}
@media (min-width: 75em) {
  .site-header-full-menu__link {
    padding: 24px 0 22px;
  }
}
.site-header-full-menu__button svg {
  width: auto;
  height: 1em;
  transform: rotate(180deg);
  transform-origin: center;
}
@media (min-width: 75em) {
  .site-header-full-menu__button svg {
    transform: rotate(90deg);
  }
}
@media (max-width: 74.99em) {
  .site-header-full-menu__button[aria-expanded=true] svg {
    transform: rotate(0deg);
  }
}
.site-header-full-menu__sub-menu--item {
  font-size: var(--fs--h4);
  padding: 16px var(--container--padding-inline) 16px calc(var(--container--padding-inline) + 16px);
}
@media (min-width: 75em) {
  .site-header-full-menu__sub-menu--item {
    padding-inline: 0;
    font-size: var(--fs--h5);
  }
}
@media (min-width: 75em) {
  .site-header-full-menu__sub-menu--item:first-child {
    padding-top: 0;
  }
}
.site-header-full-menu__sub-menu--item .site-header-full-menu__link {
  padding: 0;
}
.site-header-full-menu__sub-menu--item .site-header-full-menu__sub-menu--item {
  padding-left: 16px;
}
@media (min-width: 75em) {
  .site-header-full-menu__sub-menu--item .site-header-full-menu__sub-menu--item {
    font-size: 1rem;
    font-variation-settings: "wght" var(--fw--bold);
    padding: 8px 0;
  }
}
@media (min-width: 75em) {
  .site-header-full-menu__sub-menu--item .site-header-full-menu__sub-menu--item:first-child {
    padding-top: 16px;
  }
}
@media (min-width: 75em) {
  .site-header-full-menu__sub-menu--list {
    max-width: 280px;
  }
}
@media (min-width: 75em) {
  .site-header-full-menu__sub-menu--panel {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: auto;
    padding-bottom: 1px;
    position: absolute;
    top: 0;
    left: calc(var(--width--menu) + var(--container--padding-inline) + 48px);
    bottom: 0;
    right: var(--container--padding-inline);
    overflow: auto;
    background-color: var(--color--black);
    border-top: 1px solid rgba(246, 249, 237, 0.3);
    padding-top: 28px;
    display: flex;
    gap: 48px;
  }
  .site-header-full-menu__sub-menu--panel::-webkit-scrollbar {
    display: none;
  }
  .site-header-full-menu__sub-menu--panel > * {
    flex: 1;
  }
  .site-header-full-menu__sub-menu--panel[aria-hidden=true] {
    display: none;
  }
}
@media (min-width: 75em) {
  .site-header-full-menu__sub-menu--panel > .site-header-full-menu__sub-menu--list.our-venues {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(min(280px, 100%), 280px));
    gap: 48px;
    grid-auto-rows: min-content;
  }
  .site-header-full-menu__sub-menu--panel > .site-header-full-menu__sub-menu--list.our-venues > .site-header-full-menu__sub-menu--item {
    padding: 0;
  }
}
@media (max-width: 74.99em) {
  .site-header-full-menu__sub-menu--panel-content {
    display: none;
  }
}
.site-header-full-menu__sub-menu--panel .support {
  --btn--padding-block: 13px;
}
.site-header-full-menu__sub-menu--panel .support .support__content {
  background-color: rgba(246, 249, 237, 0.15);
  padding: 24px;
}
.site-header-full-menu__sub-menu--panel .support .section__header {
  text-align: left;
  margin-bottom: 24px;
}
.site-header-full-menu__sub-menu--panel .support .section__heading {
  font-size: var(--fs--h4);
}
.site-header-full-menu__sub-menu--panel .support .support__frequency--label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.site-header-full-menu__sub-menu--panel .support .support__frequency--label:active, .site-header-full-menu__sub-menu--panel .support .support__frequency--label:focus-visible {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: fixed;
  top: 30px;
  left: 20px;
  white-space: normal;
  width: auto;
}
.site-header-full-menu__sub-menu--panel .support .form-field--radio label,
.site-header-full-menu__sub-menu--panel .support .btn,
.site-header-full-menu__sub-menu--panel .support .support__custom-amount,
.site-header-full-menu__sub-menu--panel .support .support__custom-amount label,
.site-header-full-menu__sub-menu--panel .support .support__frequency .form-field--radio label,
.site-header-full-menu__sub-menu--panel .support .support__frequency .form-field--radio .label,
.site-header-full-menu__sub-menu--panel .support .support__frequency--buttons {
  font-size: var(--fs--body);
}
.site-header-full-menu__sub-menu--panel .support .support__amounts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.site-header-full-menu__sub-menu--panel .support .support__frequency .form-field--radio input {
  transform: translateY(-4px);
}
.site-header-full-menu__item {
  position: static;
  transition: color var(--transition--base);
}
.site-header-full-menu__item:has(.site-header-full-menu__button--top-level[aria-expanded=true]) {
  color: var(--color--off-white);
}
.site-header-full-menu:where(:has(.site-header-full-menu__button--top-level[aria-expanded=true])) {
  color: rgba(246, 249, 237, 0.5);
}

@keyframes cross-first {
  0% {
    transform: none;
  }
  50% {
    transform: translateY(10.5px) scaleX(0.8);
  }
  100% {
    transform: rotate(45deg) translateY(10.5px) scaleX(0.8);
  }
}
@keyframes cross-last {
  0% {
    transform: none;
  }
  50% {
    transform: translateY(-10.5px) scaleX(0.8);
  }
  100% {
    transform: rotate(-45deg) translateY(-10.5px) scaleX(0.8);
  }
}
@keyframes cross-first-reverse {
  0% {
    transform: rotate(45deg) translateY(10.5px) scaleX(0.8);
  }
  50% {
    transform: translateY(10.5px) scaleX(0.8);
  }
  100% {
    transform: none;
  }
}
@keyframes cross-last-reverse {
  0% {
    transform: rotate(-45deg) translateY(-10.5px) scaleX(0.8);
  }
  50% {
    transform: translateY(-10.5px) scaleX(0.8);
  }
  100% {
    transform: none;
  }
}
@keyframes remove-transform {
  to {
    transform: none;
  }
}
.site-footer {
  --grid--columns: 1;
  --btn--background-color: transparent;
  --btn--border-color: var(--color--white);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--black);
  padding-block: var(--space--xl);
  font-size: 0.875rem;
}
@media (min-width: 62em) {
  .site-footer {
    padding-block: var(--space--layout);
  }
}
@media (min-width: 62em) {
  .site-footer__inner.grid {
    --grid--column-gap: 48px;
    grid-template-columns: 80px 4fr 1fr 260px;
  }
}
.site-footer__addresses {
  --grid--column-gap: 24px;
  --grid--columns: 2;
}
@media (min-width: 48em) {
  .site-footer__addresses {
    --grid--columns: 3;
  }
}
@media (min-width: 62em) {
  .site-footer__addresses {
    max-width: 470px;
  }
}
.site-footer address {
  font-style: normal;
}
.site-footer address p {
  margin-block: 8px;
}
.site-footer .social-links {
  --btn--size: 44px;
  --icon-size: 48px;
  display: flex;
  gap: var(--grid--column-gap);
  margin-bottom: var(--space--xl);
}
@media (min-width: 62em) {
  .site-footer .social-links {
    gap: 0;
    justify-content: space-between;
  }
}
.site-footer .social-links__item {
  background: unset;
  border: 0;
}
.site-footer .social-links svg {
  fill: var(--color--foreground);
  width: auto;
  height: var(--icon-size);
}
@media (min-width: 48em) {
  .site-footer__links {
    display: flex;
    flex-flow: row wrap;
    -moz-column-gap: var(--grid--column-gap);
         column-gap: var(--grid--column-gap);
  }
}
.site-footer__links-menu {
  display: flex;
  flex-direction: column;
  gap: var(--space--s);
  flex: 1;
}
.site-footer__links-menu a {
  text-decoration: none;
}
.site-footer__links-menu a:hover, .site-footer__links-menu a:focus-visible {
  text-decoration: underline;
}
.site-footer__info-text {
  font-size: 0.75rem;
}
.site-footer__footer {
  grid-column: 1/-1;
}
@media (min-width: 62em) {
  .site-footer__footer {
    display: flex;
  }
  .site-footer__footer cog-credits {
    margin: 0 0 0 auto;
  }
}
.site-footer__footer.funders {
  gap: 32px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 62em) {
  .site-footer__footer.funders {
    gap: 40px;
    flex-direction: row;
  }
}
.site-footer__footer.funders svg {
  width: auto;
  margin: 0 auto;
}
@media (min-width: 62em) {
  .site-footer__footer.funders svg {
    margin: 0;
  }
}
.site-footer__info-text {
  max-width: 610px;
}

.text-block {
  --container--width: var(--width--s);
}

[role=tabpanel] {
  position: relative;
  z-index: 4;
}
[role=tabpanel][aria-hidden=true] {
  display: none;
}
[role=tabpanel]:focus-visible {
  outline: none;
}

.tab-list {
  --inline-spacing: var(--space--l);
  display: flex;
  gap: var(--space--s);
  background-color: var(--color--neutral-200);
}
@media (min-width: 62em) {
  .tab-list {
    --inline-spacing: var(--space--xxl);
  }
}
.tab-list > * {
  flex: 1;
}

.quotes {
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --container--width: var(--width--s);
  --grid--row-gap: 32px;
  overflow: hidden;
}
@media (min-width: 48em) {
  .quotes {
    --grid--columns: 2;
  }
}
.quotes__list:where(:not(.slick-slider)) > * {
  flex: 1;
  min-width: calc(100% / var(--grid--columns) - var(--grid--column-gap, 0px) + var(--grid--column-gap, 0px) / var(--grid--columns));
}
.quotes .slick-slider {
  position: relative;
  display: block;
  margin-right: -24px;
  width: calc(100% - 24px);
}
@media (min-width: 48em) {
  .quotes .slick-slider {
    width: 100%;
  }
}
.quotes .slick-slider:has([data-control-prev]) {
  padding-bottom: calc(var(--btn--size) + 24px);
}
.quotes .slick-slider .slick-list {
  overflow: visible;
  width: 100%;
}
.quotes .slick-slider .slick-slide {
  padding-right: 24px;
}
.quotes .slick-slider .slick-track {
  margin-left: 0;
}
.quotes .slick-slider [data-control-prev],
.quotes .slick-slider [data-control-next] {
  right: var(--container--padding-inline);
  left: auto;
}
@media (min-width: 48em) {
  .quotes .slick-slider [data-control-prev],
  .quotes .slick-slider [data-control-next] {
    right: calc(var(--btn--size) - var(--space--gap) / 2 + 24px);
  }
}

.quote {
  padding: 16px 16px 8px;
}
@media (min-width: 48em) {
  .quote {
    padding-inline: 24px;
  }
}
.quote__text {
  margin-bottom: 16px;
  color: var(--venue-accent, currentColor);
}
.quote__inner a {
  text-decoration: none;
}
.quote__inner a:hover, .quote__inner a:focus-visible {
  text-decoration: underline;
}
.quote .btn--text {
  display: inline-block;
  margin-top: 8px;
}
.quote__credit, .quote__role {
  font-size: calc(((20 / 16) * 1rem) + (24 - 20) * var(--fluid--bp));
}
.quote__rating {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}
.quote__rating-star {
  font-size: calc(((27 / 16) * 1rem) + (36 - 27) * var(--fluid--bp));
  line-height: 1;
}

@media (min-width: 62em) {
  .memberships {
    --grid--columns: 3;
  }
}
@media (min-width: 75em) {
  .memberships {
    --grid--column-gap: 48px;
  }
}
@media (min-width: 48em) {
  .memberships .section__heading {
    text-align: center;
  }
}
.memberships__content {
  padding-block: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
  padding-inline: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .memberships .two-col {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 48em) {
  .memberships .two-col .card--membership {
    max-width: 375.33px;
  }
}

.card--membership {
  --btn--background-color: transparent;
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--off-white);
  --btn--background-color--hover: var(--color--off-white);
  --btn--color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--off-white);
}
.card--membership__prices {
  font-variation-settings: "wght" var(--fw--bold);
}
.card--membership__benefits--expander {
  margin-top: var(--space--prose);
}
.card--membership__benefits--button {
  text-decoration: underline;
}
.card--membership .card__actions {
  padding-top: 24px;
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
  margin-top: auto;
}
.card--membership .card__actions > * {
  flex: 1;
}
.card--membership .card__actions .membership-options,
.card--membership .card__actions [data-fail-container] {
  width: 100%;
  flex: none;
}
.card--membership .card__actions .membership-options .btn,
.card--membership .card__actions [data-fail-container] .btn {
  margin-top: 16px;
}
.card--membership .card__actions .btn {
  width: 100%;
}
@media (min-width: 87.5em) {
  .card--membership .card__actions .btn-width {
    flex: 0 1 47.85%;
  }
}

.section-navigation {
  position: relative;
  background-color: var(--color--off-white);
  color: var(--color--black);
  font-variation-settings: "wght" var(--fw--bold);
}
@media (max-width: 74.99em) {
  .section-navigation {
    border-top: 1px solid var(--color--black);
  }
}
@media (min-width: 75em) {
  .section-navigation {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    background-color: var(--color--black);
    color: var(--color--white);
  }
}
.section-navigation .current_page_item a,
.section-navigation a[aria-current=page] {
  text-decoration: none;
  background-color: var(--color--white);
  color: var(--color--black);
}
@media (min-width: 75em) {
  .section-navigation .current_page_item a,
  .section-navigation a[aria-current=page] {
    background-color: var(--color--white);
  }
}
@media (min-width: 75em) {
  .section-navigation:has(.section-navigation__list-grandchildren) .current_page_item a,
  .section-navigation:has(.section-navigation__list-grandchildren) a[aria-current=page] {
    color: var(--color--black);
    background-color: var(--color--off-white);
  }
}
.section-navigation__button {
  position: relative;
  padding: var(--space--m) var(--container--padding-inline);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-navigation__button svg {
  margin-block: auto;
  width: auto;
  height: 1em;
  margin-left: var(--space--m);
  transform: rotate(180deg);
  transform-origin: center;
}
.section-navigation__button[aria-expanded=true] svg {
  transform: rotate(0deg);
}
@media (min-width: 75em) {
  .section-navigation__button {
    display: none;
  }
}
.section-navigation__list {
  z-index: 1000;
}
@media (max-width: 74.99em) {
  .section-navigation__list {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    opacity: 1;
    transition: opacity var(--transition--base);
    visibility: visible;
    background-color: var(--color--off-white);
    border-top: 1px solid var(--color--black);
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 75em) {
  .section-navigation__list {
    width: 100%;
    max-width: var(--width--max);
    padding-inline: var(--container--padding-inline);
    margin-inline: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
}
@media (max-width: 74.99em) {
  .section-navigation__list[aria-hidden=true] {
    opacity: 0;
    right: 100vw;
    left: auto;
    visibility: hidden;
  }
}
.section-navigation__list-grandchildren-wrapper {
  width: 100%;
  background-color: var(--color--off-white);
  color: var(--color--black);
  display: flex;
  justify-content: center;
}
@media (max-width: 74.99em) {
  .section-navigation__list-grandchildren-wrapper {
    display: none;
  }
}
.section-navigation__list-grandchildren a[aria-current=page] {
  box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.75);
}
.section-navigation__list .children {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (min-width: 75em) {
  .section-navigation__list .children {
    display: none;
  }
}
.section-navigation__list .children a {
  padding-left: calc(var(--container--padding-inline) * 2);
}
.section-navigation__list .children[aria-hidden=true] {
  display: none;
}
.section-navigation__list a {
  padding: var(--space--m) var(--container--padding-inline);
  text-decoration: none;
  display: block;
  transition: background-color var(--transition--base);
  flex: 1;
  font-size: calc(((18 / 16) * 1rem) + (20 - 18) * var(--fluid--bp));
}
@media (max-width: 74.99em) {
  .section-navigation__list a {
    border-bottom: 1px solid var(--color--black);
  }
}
@media (min-width: 75em) {
  .section-navigation__list a {
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space--m);
  }
}
.section-navigation__list a:hover, .section-navigation__list a:focus-visible {
  text-decoration: none;
  background-color: var(--color--marine);
  color: var(--color--off-white);
}
@media (max-width: 74.99em) {
  .section-navigation__list a .chevron {
    display: none;
  }
}
@media (min-width: 75em) {
  .section-navigation__list a:has(+ button[aria-expanded])::after {
    content: "";
    width: 15px;
    height: 15px;
    background-image: var(--uri-chevron);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 4px;
  }
}
.section-navigation__list > li:last-child a {
  border-bottom: 0;
}
.section-navigation__list button {
  flex-shrink: 0;
}
@media (min-width: 75em) {
  .section-navigation__list button {
    display: none;
  }
}
.section-navigation__list button[aria-expanded=true] .chevron {
  transform: scaleY(-1) rotate(90deg);
}
@media (min-width: 75em) {
  .section-navigation__list .current_page_ancestor {
    background-color: var(--color--off-white);
    color: var(--color--black);
  }
}
.section-navigation__root > a,
.section-navigation .page_item_has_children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-navigation__root > a::after,
.section-navigation .page_item_has_children > a::after {
  --icon--url: var(--uri-arrow);
  --icon--size: 0.8em;
  transform: rotate(180deg);
  margin-bottom: 2px;
}
.section-navigation__root a {
  gap: 32px;
}
.section-navigation__root a::after {
  transform: rotate(90deg);
}
@media (max-width: 74.99em) {
  .section-navigation__root a::after {
    content: none;
  }
}

.search-form {
  --input--background-color: transparent;
  --icon--size: 20px;
  --input--padding: 16px;
}
.search-form__label {
  margin-bottom: 16px;
}
.search-form__input {
  padding-left: calc(var(--icon--size) + 28px);
  padding-right: 80px;
}
.search-form__button {
  text-decoration: underline;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding-inline: 12px;
}
.search-form__group {
  position: relative;
}
.search-form__group svg {
  width: var(--icon--size);
  height: var(--icon--size);
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin-block: auto;
}

.venue-logo__list {
  margin: 0;
}
.venue-logo--festival svg {
  fill: var(--venue-logo-fill, var(--color--blue));
}
.venue-logo--kings svg {
  fill: var(--venue-logo-fill, var(--color--red));
}
.venue-logo--studio svg {
  fill: var(--venue-logo-fill, var(--color--green));
}

.festival-theatre {
  --venue-accent: var(--color--blue);
}

.kings-theatre {
  --venue-accent: var(--color--red);
}

.studio-theatre {
  --venue-accent: var(--color--green);
}

.festival-sponsor {
  --container--width: var(--width--s);
  --section--margin-block: 24px;
}
.festival-sponsor img {
  max-width: 135px;
  flex-shrink: 0;
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .festival-sponsor img {
    margin-top: 4px;
    margin-bottom: 0;
  }
}
.festival-sponsor__inner {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color--black);
}
@media (min-width: 48em) {
  .festival-sponsor__inner {
    display: flex;
    align-items: flex-start;
    gap: 48px;
  }
}
.festival-sponsor__text {
  font-size: calc(((16 / 16) * 1rem) + (20 - 16) * var(--fluid--bp));
  margin: 0;
}

.page-navigation {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--color--off-white);
  color: var(--color--black);
  border-bottom: 1px solid var(--color--black);
}
@media (max-width: 47.99em) {
  .page-navigation {
    overflow: auto;
  }
}
.page-navigation__list {
  display: flex;
  gap: 32px;
}
@media (min-width: 48em) {
  .page-navigation__list {
    padding-right: 52%;
    overflow: auto;
  }
}
@media (min-width: 75em) {
  .page-navigation__list {
    padding-right: 27%;
  }
}
.page-navigation__list--item {
  flex-shrink: 0;
}
.page-navigation__list--item-link {
  display: block;
  padding-block: 24px;
  text-decoration: none;
  font-family: var(--ff--primary);
  font-weight: var(--fw--bold);
  transition: box-shadow var(--transition--base);
}
.page-navigation__list--item-link:hover, .page-navigation__list--item-link:focus-visible {
  box-shadow: inset 0px -5px 0px 0px var(--venue-accent, var(--color--black));
}
.page-navigation__list--item-link.active {
  color: var(--venue-accent, currentColor);
}

[data-sticky].stuck {
  min-height: var(--true-height);
}
@media (min-width: 48em) {
  [data-sticky].stuck > * {
    position: fixed;
  }
}

.post-details {
  --container--width: var(--width--s);
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  --section--margin-block: 24px;
  --space--prose: 12px;
}
@media (min-width: 48em) {
  .post-details {
    --grid--columns: 3;
  }
}
.post-details .btn {
  width: 100%;
}
.post-details .show-all-discounts[aria-expanded=true] {
  display: none;
}
@media (min-width: 48em) {
  .post-details .show-all-discounts,
  .post-details .hide-all-discounts {
    max-width: 230px;
  }
}
.post-details__discounts--disclosure-panel {
  animation: reveal 500ms linear forwards, fade-in 200ms linear forwards;
}
@media (min-width: 62em) {
  .post-details__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 48px;
         column-gap: 48px;
    margin-block: var(--section--margin-block);
  }
  .post-details__wrapper > * {
    margin: 0;
  }
  .post-details__wrapper .container,
  .post-details__wrapper .post-details__inner {
    height: 100%;
  }
}
.post-details__inner {
  padding: 24px;
}
@media (min-width: 48em) {
  .post-details__inner {
    padding-bottom: 48px;
  }
}
.post-details__list {
  margin: 0;
}
@media (min-width: 48em) {
  .post-details__list--group {
    border-top: 1px solid var(--color--black);
    padding-top: 8px;
  }
}
.post-details .grid .post-details__group {
  margin-bottom: 0;
}
.post-details__group {
  margin-bottom: 24px;
}
.post-details__group:last-child {
  margin-bottom: 0;
}
.post-details__accessibility--list-group {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.post-details__accessibility--list-group p {
  margin: 0;
}
.post-details__accessibility--list-group strong {
  display: block;
  margin-bottom: 4px;
}
.post-details__accessibility--list-group time {
  display: block;
}
.post-details__accessibility--list-group.touch-tours svg, .post-details__accessibility--list-group.dementia-friendly-performance svg {
  fill: transparent;
}
.post-details__accessibility--info {
  --space--prose: 16px;
  border-top: 1px solid var(--color--black);
  margin-top: 24px;
  padding-top: 16px;
}
.post-details__accessibility--info__title {
  font-size: var(--fs--h4);
  margin: 0;
}
@media (min-width: 48em) {
  .post-details__accessibility--info .btn {
    display: inline-flex;
    width: auto;
  }
}
.post-details .visible-warnings {
  margin-top: 12px;
}
@media (min-width: 48em) {
  .post-details__programme, .post-details__space {
    --grid--columns: 2;
  }
}
.post-details__link {
  display: block;
  margin-top: 24px;
}
.post-details dt {
  margin-bottom: 16px;
}
.post-details dd {
  font-size: 1rem;
}
.post-details dd p {
  margin: 0;
  font-size: 1rem;
}
.post-details .wysiwyg-content h1,
.post-details .wysiwyg-content h2,
.post-details .wysiwyg-content h3,
.post-details .wysiwyg-content h4,
.post-details .wysiwyg-content h5,
.post-details .wysiwyg-content h6,
.post-details .wysiwyg-content strong {
  margin-bottom: 0;
}
.post-details svg {
  width: var(--btn--size);
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.post-details__job {
  --container--width: var(--width--max);
  margin-top: 0;
}
.post-details__job .post-details__inner {
  padding-inline: 0;
}
@media (max-width: 47.99em) {
  .post-details__job .post-details__inner {
    padding-top: 0;
  }
}
@media (min-width: 48em) {
  .post-details__job .post-details__list {
    --grid--columns: 2;
  }
}
@media (min-width: 62em) {
  .post-details__job .post-details__list {
    --grid--columns: 4;
  }
}
@media (min-width: 75em) {
  .post-details__job .post-details__list {
    --grid--column-gap: 48px;
  }
}
.post-details__job .post-details__list--group {
  border-top: 1px solid var(--color--black);
  padding-top: 8px;
}

.on-today {
  position: relative;
  padding-bottom: var(--section--margin-block);
}
.on-today .section__heading {
  font-size: var(--fs--h5);
}
.on-today__carousel {
  --btn--border-color: var(--color--off-white);
  --btn--background-color--hover: var(--color--off-white);
  --btn--color: var(--color--off-white);
  --btn--color--hover: var(--color--black);
  --gutter: 36px;
  margin-bottom: 0;
  margin-left: calc(var(--gutter) * -1);
}
.on-today__carousel [data-control-prev],
.on-today__carousel [data-control-next] {
  top: -16px;
  bottom: auto;
  right: 36px;
  left: auto;
}
.on-today__carousel.slick-slider {
  position: static;
}
.on-today__carousel .slick-track {
  margin-left: 0;
  display: flex;
}
.on-today__carousel .slick-slide {
  height: inherit;
}
.on-today__carousel .slick-slide > * {
  height: 100%;
}
.on-today__carousel .card {
  display: flex !important;
  padding-left: var(--gutter);
}
.on-today__carousel .card__actions {
  flex-direction: column;
}
.on-today__carousel .card__btn {
  padding-inline: 0;
}
.on-today__carousel .card__surtitle, .on-today__carousel .card__dates, .on-today__carousel .card__time, .on-today__carousel .card__genre {
  font-size: 0.875rem;
}
.on-today__carousel .card__title {
  font-size: 1.75rem;
}
.on-today__carousel .card__summary svg {
  height: 35px;
}
.on-today__carousel .card .btn:hover, .on-today__carousel .card .btn:focus-visible {
  text-decoration: none;
}
.on-today__carousel .card .btn--ticket svg {
  height: 0.8em;
}

.login-status {
  --space--prose: 16px;
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  margin-bottom: 32px;
}
.login-status .section__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  font-size: calc(((28 / 16) * 1rem) + (24 - 28) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .login-status .section__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.login-status .section__header svg {
  height: 1.2em;
  width: auto;
  transform: translateY(-3px);
  flex-shrink: 0;
}
.login-status .btn {
  margin-top: 24px;
}
@media (min-width: 48em) {
  .login-status .btn {
    display: inline-flex;
    margin-top: 8px;
  }
}

.page-children__wrapper + .related,
.page-children__wrapper + .media {
  margin-top: 0;
}

:root {
  --cds-field: var(--color--white);
  --cds-field-hover: var(--color--white);
  --cds-layer: var(--color--cream);
  --cds-border-subtle-01: var(--color--cream);
  --cds-body-compact-01-font-size: 1rem;
  --cds-text-secondary: var(--color--black);
  --cds-focus: var(--color--cream);
  --cds-background-inverse: var(--color--black);
}

.filters {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--padding-inline: 8px;
}
.filters .container {
  position: relative;
}
.filters .btn {
  --btn--background-color--hover: var(--color--marine);
  font-family: var(--ff--secondary);
  font-size: 1rem;
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  height: 48px;
}
.filters .btn.active {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
}
.filters .btn[type=reset] {
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  font-variation-settings: "wght" var(--fw--bold);
}
.filters [type=radio]:checked ~ .btn--checkbox,
.filters [type=checkbox]:checked ~ .btn--checkbox {
  background-color: var(--color--black);
}
@media (min-width: 48em) {
  .filters legend {
    margin-bottom: 8px;
  }
}
@media (min-width: 48em) {
  .filters__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
}
.filters__footer {
  margin-top: 24px;
}
@media (min-width: 48em) {
  .filters__footer {
    border-top: 1px solid var(--color--black);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 20px;
  }
}
.filters__footer .btn--link {
  transition: all var(--transition--base);
}
@media (min-width: 48em) {
  .filters__footer .btn--link {
    --btn--background-color--hover: var(--color--marine);
    background-color: var(--btn--background-color);
    color: var(--btn--color);
    border: 1px solid var(--btn--border-color);
    padding: 8px;
    text-decoration: none;
    border-top: 0;
  }
}
@media (min-width: 48em) {
  .filters__footer .btn--link:hover, .filters__footer .btn--link:focus-visible {
    background-color: var(--btn--background-color--hover);
    color: var(--btn--color--hover);
    border-color: var(--btn--border-color--hover);
  }
}
@media (min-width: 48em) {
  .filters__footer .btn--link.hide-btn {
    --btn--background-color: var(--color--black);
    --btn--color: var(--color--white);
  }
}
.filters .form-item--button {
  display: flex;
  align-items: flex-end;
}
@media (min-width: 48em) {
  .filters__form-group--view {
    max-width: 200px;
    width: 100%;
  }
}
@media (min-width: 48em) {
  .filters__form-group--type {
    margin-top: 0;
    max-width: 300px;
    width: 100%;
  }
}
.filters__form-group--more {
  width: 100%;
}
@media (min-width: 48em) {
  .filters__form-group--more .form-group--radio {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}
.filters__form-group--more .form-group--radio .strand.hide, .filters__form-group--more .form-group--radio .genre.hide {
  display: none;
}
@media (min-width: 48em) {
  .filters__form-group--more .form-field__label {
    margin-top: 0;
  }
}
.filters__form-group--date {
  margin-top: var(--form--row-gap);
  width: 100%;
}
@media (min-width: 48em) {
  .filters__form-group--date {
    margin-top: 24px;
    width: auto;
  }
}
@media (max-width: 74.99em) {
  .filters__form-group--date .events-calendar {
    display: none;
  }
}
@media (min-width: 75em) {
  .filters__form-group--date .date-picker {
    display: none;
  }
}
.filters .search-form {
  width: 100%;
  margin-top: 8px;
}
@media (min-width: 62em) {
  .filters .search-form {
    margin-top: 0;
    max-width: 290px;
    position: absolute;
    top: 0;
    right: var(--container--padding-inline);
  }
  .filters .search-form label {
    line-height: 1;
  }
}
@media (min-width: 75em) {
  .filters .search-form {
    max-width: 390px;
  }
}
.filters .search-form__label {
  margin-bottom: 8px;
}
.filters .search-form__input {
  background-color: var(--color--white);
  height: 48px;
}
.filters__blog-list {
  margin-bottom: 32px;
  --grid--row-gap: 16px;
}
.filters__blog-list .filters__form {
  border-top: 1px solid var(--color--black);
  padding-top: 16px;
}
@media (min-width: 48em) {
  .filters__search > .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 24px;
  }
}
@media (min-width: 48em) {
  .filters__search .btn {
    min-width: 100px;
  }
}
.filters__search .label {
  margin-top: 0;
}
@media (min-width: 48em) {
  .filters__search .search-form {
    margin-top: 0;
    min-width: 390px;
  }
}
.filters__search hr {
  border-bottom: 1px solid var(--color--black);
  margin-top: 24px;
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 48em) {
  .filters__search hr {
    margin-top: 0;
  }
}
@media (min-width: 62em) {
  .filters.view-by-date {
    padding-bottom: 24px;
  }
}
@media (min-width: 62em) {
  .filters.view-by-date .filters__footer {
    display: none;
  }
}

.button-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-collapse: collapse;
  border-top: var(--btn--border-width) solid var(--btn--border-color);
  border-left: var(--btn--border-width) solid var(--btn--border-color);
}
.button-grid .btn {
  border-left: 0;
  border-top: 0;
}
.button-grid .btn[aria-selected=true] {
  background-color: var(--color--black);
  color: var(--color--white);
}
.button-grid:where(:not(:has(> *:nth-child(3)))) {
  grid-template-columns: repeat(2, 1fr);
}
.button-grid:where(:not(:has(> *:nth-child(2)))) {
  grid-template-columns: repeat(1, 1fr);
}
.button-grid__search {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 36em) {
  .button-grid__search {
    grid-template-columns: repeat(4, 1fr);
  }
}
.button-grid__search:where(:not(:has(> *:nth-child(4)))) {
  grid-template-columns: repeat(3, 1fr);
}

[aria-controls=more-filters] .hide-btn {
  display: none;
}
[aria-controls=more-filters][aria-expanded=true] .show-btn {
  display: none;
}
[aria-controls=more-filters][aria-expanded=true] .hide-btn {
  display: flex;
}

.event-instances__filters,
.events-calendar {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--padding-inline: 8px;
}
@media (min-width: 48em) {
  .event-instances__filters .button-grid,
  .events-calendar .button-grid {
    --btn--padding-inline: 16px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    overflow: auto;
    gap: 24px;
  }
}
.event-instances__filters .button-grid .active,
.events-calendar .button-grid .active {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
}

.events-calendar {
  margin-top: var(--form--row-gap);
}
@media (min-width: 48em) {
  .events-calendar {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
    margin-top: 0;
  }
}
.events-calendar__controls {
  --btn--icon-size: 1.3em;
  --btn--background-color: transparent;
  display: flex;
  gap: 16px;
  margin-top: var(--form--row-gap);
}
.events-calendar__days {
  display: flex;
  flex-wrap: nowrap;
  font-size: 0.875rem;
}
.events-calendar__days .btn {
  font-size: 0.875rem;
}
.events-calendar__days .active {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
}
.events-calendar__days > *:where(:not(:last-child)) .btn {
  border-right: 0;
}
.events-calendar .button-grid {
  border: none;
  width: 100%;
}
@media (min-width: 48em) {
  .events-calendar .button-grid > * {
    width: 12.5%;
  }
}
@media (min-width: 48em) {
  .events-calendar .button-grid > * {
    width: 9.0909090909%;
  }
}
.events-calendar :disabled,
.events-calendar .disabled {
  pointer-events: none;
}
.events-calendar__months {
  position: relative;
  overflow: auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}
.events-calendar__months > * {
  flex-shrink: 0;
}
.events-calendar__month-name {
  margin-bottom: 12px;
}
.events-calendar .btn {
  flex-direction: column;
  gap: 3px;
  border-top: 1px solid;
}
.events-calendar .btn span:empty {
  display: none;
}
.events-calendar .btn.border-left {
  border-left: 1px solid;
  flex-shrink: 0;
  width: auto;
}
.events-calendar .btn:hover {
  border-color: var(--color--marine);
}
.events-calendar .year-listing {
  width: auto;
  flex-shrink: 0;
}
.events-calendar .year-listing .flex-list {
  flex-wrap: nowrap;
  gap: 0;
}
.events-calendar .year-listing .flex-list li {
  flex-shrink: 0;
}
.events-calendar .year-listing .flex-list li:first-child .btn {
  border-left: 1px solid;
}

[data-calendar-scroll=left] svg {
  transform: rotate(-90deg);
}

[data-calendar-scroll=right] svg {
  transform: rotate(90deg);
}

.date-picker .flatpickr-calendar {
  width: 100%;
  border: 1px solid var(--color--black);
  box-shadow: none;
  border-radius: 0;
  height: 100%;
  max-height: 100% !important;
}
@media (min-width: 75em) {
  .date-picker .flatpickr-calendar {
    max-height: 640px !important;
  }
}
.date-picker .flatpickr-calendar.arrowTop::after, .date-picker .flatpickr-calendar.arrowTop::before {
  content: none;
}
.date-picker .flatpickr-months {
  border-bottom: 1px solid var(--color--black);
  padding: 12px;
}
.date-picker .flatpickr-months .flatpickr-current-month {
  font-size: 1rem;
}
.date-picker .flatpickr-months .flatpickr-month {
  padding: 0;
  height: 1.8em;
}
.date-picker .flatpickr-months .flatpickr-prev-month,
.date-picker .flatpickr-months .flatpickr-next-month {
  height: 50px;
  display: flex;
  align-items: center;
}
.date-picker .flatpickr-innerContainer, .date-picker .flatpickr-rContainer, .date-picker .flatpickr-days,
.date-picker .flatpickr .dayContainer {
  width: 100%;
}
.date-picker .flatpickr-innerContainer {
  padding: 8px;
}
.date-picker .flatpickr-innerContainer .flatpickr-rContainer,
.date-picker .flatpickr-innerContainer .flatpickr-days,
.date-picker .flatpickr-innerContainer .dayContainer {
  width: 100%;
  max-width: 100%;
}
.date-picker .flatpickr-innerContainer .flatpickr-day {
  width: 14.2857142857%;
  max-width: 100%;
}
.date-picker .flatpickr-innerContainer .flatpickr-weekdays {
  height: auto;
}
.date-picker .flatpickr-innerContainer .flatpickr-day,
.date-picker .flatpickr-innerContainer .flatpickr-weekday {
  color: var(--color--black);
  font-size: 0.875rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}
.date-picker .flatpickr-innerContainer .flatpickr-day.flatpickr-disabled,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.flatpickr-disabled {
  opacity: 0.4;
}
.date-picker .flatpickr-innerContainer .flatpickr-day.today,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.today {
  border-color: var(--color--black);
  border-radius: 0;
}
.date-picker .flatpickr-innerContainer .flatpickr-day.selected, .date-picker .flatpickr-innerContainer .flatpickr-day.startRange, .date-picker .flatpickr-innerContainer .flatpickr-day.endRange,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.selected,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.startRange,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.endRange {
  background-color: var(--color--black);
  color: var(--color--white);
  border-radius: 0;
  border-color: var(--color--black);
}

.featured {
  margin-block: 24px;
}
.featured__tab-list {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--padding-inline: 8px;
  display: flex;
}
.featured__tab-list > * {
  flex: 1;
  max-width: 240px;
  border-bottom: 0;
}
.featured__tab-list--button {
  font-family: var(--ff--secondary);
  font-size: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  padding-top: calc(var(--btn--padding-block) + 3px);
  padding-bottom: calc(var(--btn--padding-block) - 2px);
}
@media (min-width: 48em) {
  .featured__tab-list--button {
    --btn--padding-block: 17px;
  }
}
.featured__tab-list [aria-selected=false] {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--background-color--hover: var(--color--marine);
  --btn--color--hover: var(--color--white);
}
.featured__tab-panel {
  padding-block: 16px;
  overflow: hidden;
}
@media (min-width: 48em) {
  .featured__tab-panel {
    padding-top: 36px;
    padding-bottom: 48px;
  }
}
.featured__tab-panel .related--featured .card__content {
  padding: 16px;
}
.featured__tab-panel [data-control-prev],
.featured__tab-panel [data-control-next] {
  --btn--background-color: transparent;
  --btn--color: var(--color--foreground);
  --btn--border-color: var(--color--foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
}
.featured__tab-panel:has([data-control-prev]) .section__heading {
  min-height: calc(var(--btn--size) + 8px);
  padding-right: calc(var(--btn--size) * 2 + 32px);
}
.featured__tab-panel .slick-slider {
  margin-bottom: 0;
}
.featured__tab-panel .section__header {
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .featured__tab-panel .section__header {
    margin-bottom: 36px;
  }
}
.featured__tab-panel .section__header--button {
  font-variation-settings: "wght" var(--fw--bold);
}
.featured__tab-panel .section__heading {
  font-size: var(--fs--h2);
}
@media (min-width: 48em) {
  .featured__tab-panel .section__heading {
    font-size: var(--fs--heading-l);
  }
}
.featured__tab-panel .section__header--button {
  display: inline-block;
}
.featured__tab-panel .section__header--button svg {
  display: inline;
  margin-left: 5px;
  height: 0.8em;
  transform: rotate(90deg) translateY(1px);
}
.featured__tab-panel.highlights .card {
  --btn--border-color: var(--color--black);
  background-color: var(--color--white);
  color: var(--color--black);
}
.featured__tab-panel.highlights .card__content {
  padding: 16px;
}
@media (min-width: 62em) {
  .featured__tab-panel.highlights .card__content {
    padding: 24px;
  }
}
@media (min-width: 62em) {
  .featured__tab-panel.highlights .card__surtitle {
    font-size: 1.5rem;
    margin-bottom: 12px;
  }
}
@media (min-width: 62em) {
  .featured__tab-panel.highlights .card__title {
    font-size: 3rem;
  }
}
@media (min-width: 62em) {
  .featured__tab-panel.highlights .card__dates, .featured__tab-panel.highlights .card__genre,
  .featured__tab-panel.highlights .card .btn {
    font-size: 1.5rem;
  }
}
@media (min-width: 62em) {
  .featured__tab-panel.highlights .card .btn--ticket svg {
    height: 0.9em;
  }
}
@media (min-width: 62em) {
  .featured__tab-panel.highlights .card__summary svg {
    height: 60px;
  }
}
@media (min-width: 62em) {
  .featured__tab-panel.highlights .card__actions {
    padding-top: 24px;
  }
}
@media (min-width: 48em) {
  .featured__tab-panel .grid {
    --grid--columns: 2;
  }
}
@media (min-width: 62em) {
  .featured__tab-panel .grid {
    --grid--column-gap: 48px;
  }
}
.featured__card-grid:where(:not(:has(> *:nth-child(2)))) > * {
  grid-column: span 2;
}
@media (min-width: 48em) {
  .featured__card-grid:where(:not(:has(> *:nth-child(2)))) .card {
    display: flex;
    flex-direction: row;
  }
  .featured__card-grid:where(:not(:has(> *:nth-child(2)))) .card > * {
    flex: 1;
  }
}
@media (min-width: 75em) {
  .featured__card-grid:where(:not(:has(> *:nth-child(2)))) .card .card__content {
    padding: 48px;
  }
}

.listing {
  margin-top: 24px;
}
@media (min-width: 62em) {
  .listing {
    --grid--columns: 2;
  }
}
@media (min-width: 75em) {
  .listing {
    --grid--columns: 3;
    --grid--column-gap: 48px;
    --grid--row-gap: 64px;
  }
}
.listing .section__header {
  margin-bottom: 12px;
}
.listing .section__heading {
  font-size: var(--fs--heading-l);
}
.listing__section-header {
  font-size: var(--fs--h2);
}
.listing__card-list + .section__header {
  margin-top: 72px;
}
.listing__card-list .section {
  margin: 0;
}
.listing__card-list .section__heading {
  margin-bottom: 0;
}
.listing__card-list .promo {
  height: 100%;
}
.listing__card-list .promo .content--text {
  font-size: 1.25rem;
}
.listing__card-list .promo .container,
.listing__card-list .promo .promo__content {
  height: 100%;
}
.listing__card-list .promo .promo__content {
  display: flex;
  flex-direction: column;
}
.listing__card-list .promo .content--text {
  margin-bottom: 32px;
}
.listing__card-list .promo .btn {
  margin-top: auto;
}
.listing__filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}
.listing.by-date {
  --container--width: var(--width--s);
}
.listing.by-date .listing__card-list {
  --grid--columns: 1;
}
@media (min-width: 48em) {
  .listing.by-date .listing__section-header + .section__header {
    border: 0;
    padding-top: 0;
  }
}
.listing.by-date .section__header {
  border-top: 4px solid var(--color--black);
  padding-top: 24px;
}
@media (min-width: 48em) {
  .listing.by-date .section__header {
    border-width: 1px;
    margin-bottom: 24px;
  }
}
.listing.by-date .card {
  --image-size: 96px;
}
@media (max-width: 47.99em) {
  .listing.by-date .card {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
@media (min-width: 48em) {
  .listing.by-date .card {
    --image-size: 220px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
  }
}
.listing.by-date .card__image {
  width: var(--image-size);
  align-self: flex-start;
}
@media (max-width: 47.99em) {
  .listing.by-date .card__image {
    position: absolute;
  }
}
.listing.by-date .card__content {
  padding: 0;
}
@media (max-width: 47.99em) {
  .listing.by-date .card__heading {
    padding-left: calc(var(--image-size) + 16px);
    min-height: var(--image-size);
  }
}
.listing.by-date .card__summary {
  align-items: flex-end;
  padding-top: 0;
}

@media (min-width: 62em) {
  .feed-list {
    --grid--columns: 3;
    --grid--column-gap: 48px;
    --grid--row-gap: 64px;
  }
}

.no-results__jobs {
  --container--width: var(--width--s);
}
.no-results__card {
  padding: 24px;
}
.no-results__title {
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .no-results__summary .btn {
    display: inline-flex;
    width: auto;
  }
}
.no-results__section {
  --space--prose: 16px;
  --space--base: 16px;
}
.no-results__section .section__header {
  padding-top: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
  border-top: 1px solid var(--color--black);
}
.no-results__section .section__introduction {
  max-width: 920px;
  font-size: 1.25rem;
}
.no-results__section .search-form {
  padding-bottom: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
  border-bottom: 1px solid var(--color--black);
}
.no-results__section .search-form__group {
  max-width: 610px;
}
.no-results__section .search-form__label {
  margin-bottom: 8px;
}

.seating-plan-image .section__heading {
  font-size: var(--fs--heading-l);
}
.seating-plan-image__image {
  border: 1px solid var(--color--black);
}

.shuffle-sizer-grid {
  gap: 0;
}

[data-shuffle],
.shuffle-sizer-grid {
  --grid--columns: 1;
}
@media (min-width: 48em) {
  [data-shuffle],
  .shuffle-sizer-grid {
    --grid--columns: 2;
    width: calc(100% + var(--grid--column-gap));
  }
}
@media (min-width: 62em) {
  [data-shuffle],
  .shuffle-sizer-grid {
    --grid--columns: 3;
  }
}
@media (min-width: 75em) {
  [data-shuffle],
  .shuffle-sizer-grid {
    --grid--column-gap: 48px;
  }
}

[data-shuffle-item] {
  padding-bottom: var(--grid--row-gap);
  width: calc(100% / var(--grid--columns));
}
@media (min-width: 48em) {
  [data-shuffle-item] {
    padding-right: var(--grid--column-gap);
  }
}
[data-shuffle-item] .section {
  margin: 0;
}
[data-shuffle-item] iframe {
  margin: 0 !important;
}

.timeline {
  margin-bottom: 0;
}
.timeline__nav {
  --btn--background-color: var(--color--white);
  padding-block: 24px;
  overflow: auto;
  max-width: calc(100% + var(--container--padding-inline));
  position: sticky;
  top: 0;
  z-index: 5;
}
.timeline__nav--list {
  display: inline-flex;
  flex-wrap: nowrap;
  border-collapse: collapse;
  border-left: var(--btn--border-width) solid var(--btn--border-color);
  margin-right: calc(var(--container--padding-inline) * -1);
}
@media (min-width: 62em) {
  .timeline__nav--list {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    margin-right: 0;
  }
}
@media (min-width: 75em) {
  .timeline__nav--list {
    grid-template-columns: repeat(11, 1fr);
  }
}
.timeline__nav--list .btn {
  --btn--background-color--hover: var(--color--marine);
  min-width: 100px;
  border-left: 0;
}
@media (min-width: 62em) {
  .timeline__nav--list .btn {
    min-width: 100%;
    border-top: 0;
  }
}
.timeline__nav--list .btn.active {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
}
.timeline__nav--item {
  flex-shrink: 0;
}
@media (min-width: 62em) {
  .timeline__nav--item:nth-child(-n+8) .btn {
    border-top: var(--btn--border-width) solid var(--btn--border-color);
  }
}
@media (min-width: 75em) {
  .timeline__nav--item:nth-child(-n+11) .btn {
    border-top: var(--btn--border-width) solid var(--btn--border-color);
  }
}
.timeline__item {
  --padding: 24px;
  position: relative;
  padding-block: var(--padding);
  overflow: hidden;
}
@media (min-width: 48em) {
  .timeline__item {
    --padding: 48px;
  }
}
.timeline__item:nth-child(2n-1) .quote {
  background-color: var(--color--white);
}
.timeline__item:nth-child(2n-1) .related {
  background: transparent;
}
.timeline__item:nth-child(2n-1) .media[data-theme=light] {
  background-color: var(--color--white);
}
@media (min-width: 62em) {
  .timeline__item--container {
    display: flex;
  }
}
@media (min-width: 62em) {
  .timeline__item--content {
    flex: 1;
    max-width: var(--width--xs);
  }
}
.timeline__item--content p img {
  margin-top: var(--space--l);
}
.timeline__anchor {
  position: absolute;
  top: calc(var(--timeline-nav-height) * -1);
}
@media (min-width: 62em) {
  .timeline__header {
    width: 210px;
    flex-shrink: 0;
  }
}
.timeline__header--content {
  margin-bottom: 16px;
  margin-top: 0;
}
@media (min-width: 62em) {
  .timeline__header--content {
    margin-bottom: 24px;
  }
}
.timeline__title {
  font-size: var(--fs--xl);
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1;
}
.timeline .people {
  overflow: visible;
}
.timeline .related {
  padding-block: 0;
}
.timeline .media {
  padding: 16px 0;
}
@media (min-width: 48em) {
  .timeline .media {
    padding: 24px 0 0;
  }
}
.timeline .media .section__header {
  padding: 0 16px;
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .timeline .media .section__header {
    padding-inline: 24px;
    margin-bottom: 24px;
  }
}
.timeline .media__item--caption {
  padding: 16px 16px 0;
}
@media (min-width: 48em) {
  .timeline .media__item--caption {
    padding: 24px;
  }
}
.timeline .card {
  background-color: transparent;
}
.timeline .card .card__content {
  background-color: transparent;
  padding-inline: 0;
  padding-bottom: 0;
}

.form-section {
  --container--width: var(--width--s);
}
.form-section__inner {
  padding: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp)) calc(((16 / 16) * 1rem) + (36 - 16) * var(--fluid--bp));
}

.gform-field-label--type-sub,
.gfield_description {
  margin-top: 4px;
  margin-bottom: 0;
}

.gfield {
  --gap: 24px;
  --checkbox--input--background-color: var(--color--white);
  margin-top: var(--form--row-gap);
}
@media (min-width: 48em) {
  .gfield {
    max-width: calc(50% - var(--gap) / 2);
  }
}
@media (min-width: 48em) {
  .gfield.gfield--input-type-name, .gfield.gfield--type-textarea {
    max-width: 100%;
  }
}
.gfield [type=number] {
  max-width: 92px;
}
.gfield .datepicker {
  max-width: 180px;
}

.label__required,
.gfield_required {
  margin-left: 4px;
  text-transform: lowercase;
  line-height: 1;
}

@media (min-width: 48em) {
  .gfield--width-half {
    display: inline-block;
    width: 100%;
  }
  .gfield--width-half + .gfield--width-half {
    margin-left: var(--gap);
  }
  .gfield--width-half + .gfield--width-half + .gfield--width-half {
    margin-left: 0;
  }
  .gfield--width-half + .gfield--width-half + .gfield--width-half + .gfield--width-half {
    margin-left: var(--gap);
  }
  .gfield--width-half + .gfield--width-half + .gfield--width-half + .gfield--width-half + .gfield--width-half {
    margin-left: 0;
  }
}
@media (min-width: 48em) {
  .gfield--width-half:first-child + .gfield--width-half {
    margin-top: 0;
  }
}

.ginput_complex > * {
  display: block;
  margin-top: 16px;
}

@media (min-width: 48em) {
  .ginput_container--name {
    display: flex;
    gap: var(--gap);
  }
  .ginput_container--name > * {
    flex: 1;
    margin-top: 0;
  }
}

.gchoice {
  margin-bottom: 20px;
}
.gchoice:first-child {
  margin-top: 4px;
}
.gchoice:last-child {
  margin-bottom: 0;
}

.gf_clear {
  display: none;
}

.gform_footer {
  margin-top: var(--form--row-gap);
}

@media (max-width: 47.99em) {
  .gform_button {
    width: 100%;
  }
}

.gform_ajax_spinner {
  width: 20px;
  height: auto;
  display: inline-block;
  margin-top: 5px;
  margin-left: 10px;
}

.confirmation-message,
.gform_confirmation_message {
  border-color: var(--color--success);
  background-color: var(--color--success-light);
  margin: 0;
}

.form-field--error,
.gfield_error {
  border: 1px solid var(--color--error);
  background-color: var(--color--error-light);
  padding: 16px;
}
.form-field--error .validation-message,
.form-field--error .gfield_validation_message,
.gfield_error .validation-message,
.gfield_error .gfield_validation_message {
  color: var(--color--error);
  margin-top: 4px;
  margin-bottom: 0;
}
.form-field--error input,
.form-field--error select,
.gfield_error input,
.gfield_error select {
  border-color: var(--color--error);
}

.gfield_validation_message {
  color: var(--color--error);
}

.gfield_validation_message,
.field-validation-error {
  font-size: 1rem;
}

.gform-theme-datepicker {
  background-color: var(--color--white);
  border: 1px solid var(--color--black);
  padding: 8px;
  width: 90%;
  max-width: 300px;
}
.gform-theme-datepicker .ui-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 0.875rem;
}
.gform-theme-datepicker .ui-datepicker-title {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.gform-theme-datepicker .ui-datepicker-calendar {
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}

.search-results .card--image-gallery .card__content,
.search-results .quote,
.search-no-results .card--image-gallery .card__content,
.search-no-results .quote {
  background-color: var(--color--white);
}
.search-results .card--job,
.search-no-results .card--job {
  border: 1px solid var(--color--black);
}
.search-results:has(.no-results__section),
.search-no-results:has(.no-results__section) {
  padding-top: 0;
}
.search-results .feed-list,
.search-no-results .feed-list {
  padding-block: var(--section--margin-block);
  margin: 0;
}

.search-results__title,
.search-results .related .section__heading {
  margin: 0 0 calc(((24 / 16) * 1rem) + (16 - 24) * var(--fluid--bp)) 0;
}

.search-no-results .related {
  padding-top: 0;
}
.search-no-results .article .search-form__input {
  background-color: var(--color--white);
}

.event-instance {
  --space--prose: 8px;
  border: 1px solid var(--color--black);
  padding: 24px;
  margin-block: 24px;
}
@media (min-width: 48em) {
  .event-instance {
    max-width: 610px;
    border: 0;
    border-top: 1px solid var(--color--black);
    padding: 0;
    padding-top: 24px;
  }
}
@media (min-width: 62em) {
  .event-instance {
    display: flex;
  }
}
.event-instance__date,
.event-instance .time {
  font-variation-settings: "wght" var(--fw--bold);
  margin-bottom: 8px;
}
@media (min-width: 62em) {
  .event-instance__date,
  .event-instance .time {
    margin-top: 0;
  }
}
@media (min-width: 62em) {
  .event-instance__date {
    width: 25%;
    flex-shrink: 0;
  }
}
@media (min-width: 62em) {
  .event-instance__time-list {
    flex: 1;
  }
}
@media (min-width: 62em) {
  .event-instance__time-list--item {
    display: flex;
  }
}
@media (min-width: 62em) {
  .event-instance__time-list--item:where(:not(:first-child)) {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
@media (min-width: 62em) {
  .event-instance__info {
    flex: 1;
  }
}
.event-instance__accessibility {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.event-instance__accessibility .btn--square {
  padding: 0;
}
.event-instance__special-performance {
  font-size: 0.875rem;
  margin-top: var(--space--prose);
}
.event-instance__special-performance--title {
  font-variation-settings: "wght" var(--fw--bold);
}
.event-instance__special-performance p {
  margin: 0;
}
.event-instance__booking {
  --btn--background-color: var(--venue-accent, var(--color--black));
  --btn--border-color: var(--venue-accent, var(--color--black));
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  margin-top: 24px;
}
@media (min-width: 62em) {
  .event-instance__booking {
    flex-shrink: 0;
    margin: 0;
    text-align: right;
  }
}
@media (min-width: 62em) {
  .event-instance__booking:where(:has([data-booking-status=priority-booking][data-booking-visible=true])) {
    width: 190px;
  }
}
.event-instance__price {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1;
}
.event-instance .btn {
  padding-inline: 8px;
}
@media (min-width: 62em) {
  .event-instance .booking-button {
    width: 140px;
    display: block;
  }
}

.preview-tag {
  display: inline-block;
  border: 1px solid var(--color--black);
  padding: 7px 8px 5px;
  font-size: 0.875rem;
  line-height: 1;
}

.access-icon {
  width: var(--btn--size);
}
.access-icon.touch-tours svg, .access-icon.dementia-friendly-performance svg {
  fill: transparent;
}

.event-message {
  background-color: var(--color--cream);
  padding: 16px;
  margin-block: 24px;
}
.event-message__header {
  font-variation-settings: "wght" var(--fw--bold);
  margin: 0;
}
.event-message__text {
  margin: 0;
}

.event-upsell + .event-upsell {
  margin-top: 24px;
}

[data-smartcrop] {
  --container-width: var(--image-init-width, 100cqw);
  --container-height: var(--image-init-height, 100cqh);
  --image-width: calc(var(--container-width) - 100%);
  --image-height: calc(var(--container-height) - 100%);
  -o-object-position: clamp(100%, 0.5 * var(--container-width) - var(--focus-x) * var(--image-width), 0%) clamp(100%, 0.5 * var(--container-height) - var(--focus-y) * var(--image-height), 0%);
     object-position: clamp(100%, 0.5 * var(--container-width) - var(--focus-x) * var(--image-width), 0%) clamp(100%, 0.5 * var(--container-height) - var(--focus-y) * var(--image-height), 0%);
}

.login-form,
.create-account-form,
.customer-details-form {
  --form--row-gap: 16px;
}
.login-form .form-field,
.create-account-form .form-field,
.customer-details-form .form-field {
  width: 100%;
  margin-top: var(--form--row-gap);
}
.login-form .form-field--button,
.create-account-form .form-field--button,
.customer-details-form .form-field--button {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  grid-column: span 2;
}
.login-form .form-field--button > *,
.create-account-form .form-field--button > *,
.customer-details-form .form-field--button > * {
  flex-shrink: 0;
}
.login-form .form-field--button select,
.create-account-form .form-field--button select,
.customer-details-form .form-field--button select {
  max-width: 400px;
}
.login-form .loading-indicator,
.create-account-form .loading-indicator,
.customer-details-form .loading-indicator {
  margin: 0;
}

.login-form {
  max-width: 610px;
}
@media (min-width: 48em) {
  .login-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.login-form .form-field:first-child {
  margin-top: 0;
}
.login-form .form-field__email {
  order: 1;
}
.login-form .form-field__password {
  order: 2;
}
.login-form [type=submit] {
  order: 3;
}
.login-form .btn {
  width: 100%;
  margin-top: 12px;
}
@media (min-width: 48em) {
  .login-form .btn {
    width: auto;
    margin-top: 16px;
  }
}
.login-form__forgot-password {
  --space--prose: 8px;
  margin-bottom: 20px;
  order: 4;
}
@media (min-width: 48em) {
  .login-form__forgot-password {
    --space--prose: 16px;
    margin-bottom: 8px;
  }
}
.login-form__forgot-password--link {
  text-decoration: underline;
}
.login-form__footer {
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
  order: 5;
  width: 100%;
}
@media (min-width: 48em) {
  .login-form__footer {
    display: flex;
    gap: 16px;
    margin-top: 0;
    max-width: 365px;
  }
  .login-form__footer > * {
    flex: 1;
  }
}

.create-account-form,
.customer-details-form {
  --form--row-gap: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
  --gap: calc(((12 / 16) * 1rem) + (24 - 12) * var(--fluid--bp));
}
@media (min-width: 62em) {
  .create-account-form .form-field--group,
  .customer-details-form .form-field--group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
  }
}
.create-account-form .form-field--group:first-child .form-field,
.customer-details-form .form-field--group:first-child .form-field {
  margin-top: 0;
}
.create-account-form .form-field--group__name, .create-account-form .form-field--group__address,
.customer-details-form .form-field--group__name,
.customer-details-form .form-field--group__address {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
}
.create-account-form .form-field--group__address,
.customer-details-form .form-field--group__address {
  margin-top: var(--form--row-gap);
}
.create-account-form .form-field--group__address .form-field,
.customer-details-form .form-field--group__address .form-field {
  margin-top: 0;
}
.create-account-form .form-field--group__address .form-field__address--line1,
.customer-details-form .form-field--group__address .form-field__address--line1 {
  grid-column: span 2;
}
.create-account-form .error-message,
.customer-details-form .error-message {
  grid-column: span 2;
  margin: 0;
}

.customer-details-form {
  padding: 24px 16px;
}
.customer-details-form iframe {
  background-color: var(--color--off-white);
}
@media (min-width: 48em) {
  .customer-details-form {
    padding: 48px 36px;
  }
}
.customer-details-form__buttons {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 62em) {
  .customer-details-form__buttons {
    max-width: calc(50% - var(--gap) / 2);
  }
}
@media (min-width: 75em) {
  .customer-details-form__buttons {
    flex-direction: row;
  }
}
.customer-details-form__buttons > * {
  flex: 1;
  padding-inline: 8px;
}
.customer-details-form__buttons .confirmation-message {
  width: 100%;
  flex: auto;
}

.recommendations__login-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 62em) {
  .recommendations__login-form {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
}
.recommendations__login, .recommendations__create-account {
  border-top: 1px solid var(--color--white);
  padding-top: 16px;
}
@media (min-width: 62em) {
  .recommendations__login, .recommendations__create-account {
    padding-top: 0;
    border-top: 0;
  }
}
.recommendations__login .section__header, .recommendations__create-account .section__header {
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 62em) {
  .recommendations__login {
    padding-right: calc(((24 / 16) * 1rem) + (96 - 24) * var(--fluid--bp));
    border-right: 1px solid var(--color--white);
  }
}
@media (min-width: 62em) {
  .recommendations__login .btn {
    min-width: 175px;
  }
}
@media (min-width: 62em) {
  .recommendations__create-account {
    padding-left: calc(((24 / 16) * 1rem) + (96 - 24) * var(--fluid--bp));
  }
}
.recommendations__create-account .section__introduction {
  font-variation-settings: "wght" var(--fw--bold);
}
.recommendations .login-form__forgot-password {
  font-variation-settings: "wght" var(--fw--bold);
}
@media (min-width: 62em) {
  .recommendations .login-form__forgot-password {
    margin-top: 16px;
  }
}
.recommendations__preferences--buttons {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 940px;
}
.recommendations__preferences [type=submit] {
  width: 100%;
  margin-top: 32px;
}
@media (min-width: 48em) {
  .recommendations__preferences [type=submit] {
    width: auto;
    min-width: 175px;
    margin-top: 48px;
  }
}
.recommendations__preferences .section__header,
.recommendations__preferences .section__introduction {
  margin-top: 0;
  margin-bottom: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
}
.recommendations__preferences .section__introduction {
  font-size: 1.125rem;
}
.recommendations .btn--pill {
  --btn--background-color: transparent;
  --btn--color: var(--color--foreground);
  --btn--border-color: var(--color--foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
  margin: 0;
}

.global-banner {
  background-color: var(--color--yellow);
  padding: 16px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
}
.global-banner__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.global-banner__content--flex {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.global-banner__content--flex p, .global-banner__content--flex a {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
.global-banner__content--flex a {
  font-weight: 100 !important;
  font-family: "golos-text";
}
.global-banner__content .dialog__close {
  position: relative;
  top: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.global-banner__content .dialog__close:hover svg path {
  fill: var(--color--black);
}
.global-banner__content .dialog__close:hover svg path:first-child {
  fill: #F6F9ED;
}
.global-banner__content-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space--24);
}
.global-banner__content-flex .btn--icon {
  width: 100%;
}
@media (min-width: 48em) {
  .global-banner__content-flex .btn--icon {
    width: auto;
  }
}

body:has(.global-banner) .site-header {
  margin-top: var(--announcement-height);
}

body.home:has(.global-banner) .page-wrap, .single-event:has(.global-banner) .page-wrap, .single-programme:has(.global-banner) .page-wrap, .single-festival:has(.global-banner) .page-wrap {
  margin-top: var(--announcement-height);
}

.spektrix-iframe [name=SpektrixIFrame] {
  margin: 0;
  width: 100%;
  height: 90dvh;
  opacity: 0;
}
.spektrix-iframe [name=SpektrixIFrame].is-loaded {
  opacity: 1;
}
.spektrix-iframe [name=SpektrixIFrame]:focus-visible {
  outline-style: none;
  outline-width: 0;
}
.spektrix-iframe + .spektrix-iframe {
  margin-top: var(--space--layout);
}
.spektrix-iframe [title=giftvouchers] {
  margin-top: var(--space--layout);
}

.page-template-page-whats-on {
  height: auto;
}
.page-template-page-whats-on .article *:where(:not(.slick-slide))[aria-hidden=true] {
  display: none;
}
.page-template-page-whats-on .page-header__heading {
  font-size: calc(((40 / 16) * 1rem) + (48 - 40) * var(--fluid--bp));
}
.page-template-page-whats-on #whats-on-by-date [reset-calendar] {
  display: none;
}
.page-template-page-whats-on .article__content:has(#events-months .btn.active) #whats-on-by-date [reset-calendar], .page-template-page-whats-on .article__content:has(.events-calendar__days .active) #whats-on-by-date [reset-calendar] {
  display: flex;
}
.page-template-page-whats-on .date-filter-text.hidden {
  display: none;
}

.error404,
.page-template-page-404-error {
  --site-header--background-color: var(--color--black);
  --site-header--color: var(--color--off-white);
}
.error404 .article__content,
.page-template-page-404-error .article__content {
  margin: 0;
}
.error404 .related,
.page-template-page-404-error .related {
  padding-top: 0;
  margin-bottom: 0;
}
.error404 .no-results__section .section__header,
.error404 .no-results__section .search-form,
.page-template-page-404-error .no-results__section .section__header,
.page-template-page-404-error .no-results__section .search-form {
  border-color: var(--color--white);
}

.single-event .page-header__surtitle {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.home .related-events .pagination {
  display: none;
}

.no-scroll {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}

.sr-only,
.sr-text,
.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.sr-only:active, .sr-only:focus,
.sr-text:active,
.sr-text:focus,
.screen-reader-text:active,
.screen-reader-text:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: fixed;
  top: 30px;
  left: 20px;
  white-space: normal;
  width: auto;
}

.d-none {
  display: none;
}

@media (min-width: 22.5em) {
  .xxs\:d-none {
    display: none;
  }
}
@media (min-width: 25em) {
  .xs\:d-none {
    display: none;
  }
}
@media (min-width: 36em) {
  .s\:d-none {
    display: none;
  }
}
@media (min-width: 48em) {
  .m\:d-none {
    display: none;
  }
}
@media (min-width: 62em) {
  .l\:d-none {
    display: none;
  }
}
@media (min-width: 75em) {
  .xl\:d-none {
    display: none;
  }
}
@media (min-width: 87.5em) {
  .xxl\:d-none {
    display: none;
  }
}
@media (min-width: 75em) {
  .menu\:d-none {
    display: none;
  }
}
@media (min-width: 65.4375em) {
  .sidebar\:d-none {
    display: none;
  }
}
.d-block {
  display: block;
}

@media (min-width: 22.5em) {
  .xxs\:d-block {
    display: block;
  }
}
@media (min-width: 25em) {
  .xs\:d-block {
    display: block;
  }
}
@media (min-width: 36em) {
  .s\:d-block {
    display: block;
  }
}
@media (min-width: 48em) {
  .m\:d-block {
    display: block;
  }
}
@media (min-width: 62em) {
  .l\:d-block {
    display: block;
  }
}
@media (min-width: 75em) {
  .xl\:d-block {
    display: block;
  }
}
@media (min-width: 87.5em) {
  .xxl\:d-block {
    display: block;
  }
}
@media (min-width: 75em) {
  .menu\:d-block {
    display: block;
  }
}
@media (min-width: 65.4375em) {
  .sidebar\:d-block {
    display: block;
  }
}
.template--booking-pathway .site-main {
  overflow: hidden;
}
.template--booking-pathway > .site-header .site-header__header-menu--link,
.template--booking-pathway > .site-header .site-header__utility-menu--access,
.template--booking-pathway > .site-header .site-header__utility-menu--friend,
.template--booking-pathway > .site-header .site-header__header-menu--button-search {
  visibility: hidden;
}

#spektrixBookingPathway:empty {
  height: 100vh;
  height: calc(100vh - var(--header-height, 136px));
}

.booking-pathway {
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--icon-size: 1.2em;
  font-size: 1rem;
  margin-block: var(--section--margin-block);
}
@media (max-width: 47.99em) {
  .booking-pathway:has(.instance-event-summary__header) {
    margin-top: 0;
  }
}
.booking-pathway:has(.booking-pathway__book-online) {
  margin-top: 0;
}
.booking-pathway:has(#SpektrixAccountIFrame), .booking-pathway:has(.account-navigation) {
  margin-top: 0;
}
.booking-pathway iframe {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: auto;
  padding-bottom: 1px;
  width: 100%;
  border: 0;
  margin: 0;
}
.booking-pathway iframe::-webkit-scrollbar {
  display: none;
}
.booking-pathway select,
.booking-pathway input,
.booking-pathway label {
  font-size: 1rem;
}
.booking-pathway .btn--primary {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--border-color: var(--color--black);
  --btn--background-color--hover: transparent;
  --btn--color--hover: var(--color--black);
}
@media (min-width: 48em) {
  .booking-pathway__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas: "content content summary" "content content buttons";
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 0;
  }
}
@media (min-width: 75em) {
  .booking-pathway__container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "content content content summary" "content content content buttons";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container:has(.basket-summary) {
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "content content summary" "content content basket" "content content buttons";
  }
}
@media (min-width: 75em) {
  .booking-pathway__container:has(.basket-summary) {
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "content content content summary" "content content content basket" "content content content buttons";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "header  header  header  header" "content content content summary" "content content content buttons";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat:has(.basket-summary) {
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "header  header  header  header" "content content content summary" "content content content basket" "content content content buttons";
  }
}
.booking-pathway__container.booking-pathway__select-seat .booking-pathway__select-seat--header {
  grid-area: header;
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat .booking-pathway__select-seat--header {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.booking-pathway__sidebar-loading {
  position: relative;
  z-index: 10;
  grid-column: 3/4;
  grid-row: 1/4;
}
@media (max-width: 47.99em) {
  .booking-pathway__sidebar-loading {
    display: none;
  }
}
.booking-pathway__sidebar-loading .loading-indicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.booking-pathway__header {
  margin-top: 0;
  margin-bottom: 24px;
  width: 100%;
}
.booking-pathway__header svg {
  height: 1.2em;
  width: auto;
  transform: translateY(-3px);
  flex-shrink: 0;
}
.booking-pathway__header:has(svg) {
  display: flex;
  gap: 8px;
}
.booking-pathway__header p {
  margin: 0;
}
.booking-pathway__breadcrumb {
  margin-bottom: 24px;
  display: inline-block;
  font-variation-settings: "wght" var(--fw--bold);
}
.booking-pathway__main-content {
  grid-area: content;
  width: 100%;
}
@media (min-width: 48em) {
  .booking-pathway__main-content .booking-pathway__footer {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 24px;
  }
}
@media (min-width: 48em) {
  .booking-pathway__main-content .booking-pathway__footer .btn {
    width: auto;
    min-width: 175px;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__main-content + .confirmation-message {
    margin-top: 12px;
  }
}
.booking-pathway__footer {
  grid-area: buttons;
  margin-top: 12px;
  display: flex;
  gap: 12px;
}
@media (max-width: 47.99em) {
  .booking-pathway__footer {
    background-color: var(--color--white);
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
}
@media (min-width: 48em) {
  .booking-pathway__footer {
    flex-direction: column;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__footer:where(:not(:has(.order-summary--disclosure-button))) {
    flex-direction: row-reverse;
  }
}
.booking-pathway__footer:where(:has(.order-summary)) {
  grid-area: summary;
}
@media (min-width: 48em) {
  .booking-pathway__footer:where(:has(.order-summary)) {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .booking-pathway__footer .order-summary {
    margin-top: 0;
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.booking-pathway__footer .btn {
  width: 100%;
}
.booking-pathway__info-text {
  font-size: calc(((12 / 16) * 1rem) + (14 - 12) * var(--fluid--bp));
  margin: 12px 0 0;
}
.booking-pathway__info-text p {
  margin: 0;
}
.booking-pathway__select-quantity {
  min-height: calc(100svh - var(--header-height) - var(--section--margin-block));
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity {
    display: flex;
    justify-content: center;
    min-height: calc(100svh - var(--header-height) - var(--section--margin-block) * 2);
  }
}
.booking-pathway__select-quantity .instance-event-summary {
  width: 100%;
  border: 0;
  margin-bottom: var(--section--margin-block);
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity .instance-event-summary {
    display: flex;
    gap: 12px;
  }
  .booking-pathway__select-quantity .instance-event-summary > * {
    margin: 0;
    line-height: 1;
  }
}
.booking-pathway__select-quantity .instance-event-summary::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200vw;
  transform: translateX(-50%);
  background: rgba(246, 249, 237, 0.5);
  z-index: -1;
}
.booking-pathway__select-quantity .instance-event-summary__title {
  font-size: 1.125rem;
}
.booking-pathway__select-quantity--content {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 48em) {
  .booking-pathway__select-quantity--content {
    max-width: 360px;
    margin-block: auto;
  }
}
.booking-pathway__select-quantity--pricelist--panel {
  margin: 0;
  padding: 12px;
  background-color: var(--color--white);
  transition: background-color var(--transition--base);
  border: 1px solid var(--color--black);
  border-top: 0;
}
.booking-pathway__select-quantity--pricelist--panel[aria-hidden=true] {
  display: none;
}
.booking-pathway__select-quantity--pricelist--panel[aria-hidden=false] {
  background-color: var(--color--off-white);
}
.booking-pathway__select-quantity--pricelist--panel .btn {
  margin-top: 12px;
  margin-bottom: 0;
}
.booking-pathway__select-quantity--price-panel {
  position: relative;
}
.booking-pathway__select-quantity--price-panel-button[aria-expanded=true] {
  background-color: var(--color--off-white);
  color: var(--color--black);
  border-bottom: 0;
}
.booking-pathway__select-quantity--price-panel .loading-indicator {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
.booking-pathway__select-quantity--footer {
  flex-direction: column;
  flex: 1;
  position: static;
  box-shadow: none;
}
.booking-pathway__select-quantity--footer .btn--select-seats {
  margin-top: auto;
}
.booking-pathway__pricelist {
  --grid--columns: 2;
  --grid--column-gap: 16px;
  --grid--row-gap: 16px;
}
@media (min-width: 48em) {
  .booking-pathway__pricelist {
    --grid--columns: 3;
  }
}
.booking-pathway__pricelist > .form-field--radio {
  margin: 0;
}
.booking-pathway__select-seat__header {
  margin-top: 0;
}
@media (min-width: 48em) {
  .booking-pathway__edit-tickets .booking-pathway__main-content {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.booking-pathway__no-results {
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --space--prose: 24px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--color--black);
  max-width: var(--width--s);
}
.booking-pathway__no-results--title {
  margin-bottom: 24px;
}
.booking-pathway__no-results .btn {
  display: inline-flex;
  width: auto;
}
.booking-pathway__promo-code--input {
  display: flex;
  gap: 8px;
}
.booking-pathway__promo-code--input [type=text] {
  flex: 1;
}
.booking-pathway__promo-code--input .btn {
  flex-shrink: 0;
}
@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__main-content, .booking-pathway__login .booking-pathway__main-content, .booking-pathway__create-account .booking-pathway__main-content, .booking-pathway__checkout .booking-pathway__main-content, .booking-pathway__order-confirmation .booking-pathway__main-content, .booking-pathway__ticket-donations .booking-pathway__main-content {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__login .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__create-account .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__checkout .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__order-confirmation .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__ticket-donations .booking-pathway__main-content > .booking-pathway__header {
    margin-bottom: 16px;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__create-account .booking-pathway__main-content .booking-pathway__footer, .booking-pathway__checkout .booking-pathway__main-content .booking-pathway__footer {
    display: none;
  }
}
@media (min-width: 48em) {
  .booking-pathway__create-account > .booking-pathway__footer .btn--primary, .booking-pathway__checkout > .booking-pathway__footer .btn--primary {
    display: none;
  }
}
.booking-pathway__delivery-options {
  border-top: 1px solid var(--color--black);
  padding-top: 24px;
  margin-top: 24px;
}
@media (min-width: 48em) {
  .booking-pathway__delivery-options {
    margin-top: 48px;
  }
}
@media (min-width: 48em) {
  .booking-pathway__preferences--form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.booking-pathway__preferences--form legend {
  margin-bottom: 16px;
  grid-column: span 2;
}
@media (min-width: 48em) {
  .booking-pathway__preferences--form fieldset {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .booking-pathway__preferences--tags {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .booking-pathway__preferences--tags .form-field--checkbox {
    margin-top: 0;
  }
}
.booking-pathway__order-confirmation .booking-pathway__header {
  max-width: 760px;
}
.booking-pathway__order-confirmation--images {
  margin-block: calc(((24 / 16) * 1rem) + (48 - 24) * var(--fluid--bp));
}
.booking-pathway__order-confirmation--images:where(:has(img:nth-child(2))) {
  display: flex;
  gap: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
}
.booking-pathway__order-confirmation--images:where(:has(img:nth-child(2))) img {
  flex: 1;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 48em) {
  .booking-pathway__order-confirmation--button .btn {
    display: inline-flex;
    width: auto;
    margin-top: 24px;
  }
}
.booking-pathway__basket .top-picks__account {
  display: none;
}

.ticket-card {
  --grid--columns: 3;
  display: grid;
  grid-template-columns: repeat(var(--grid--columns), 1fr);
  gap: 16px;
  grid-template-areas: "img sum sum";
}
.ticket-card > .btn {
  grid-column: span var(--grid--columns);
}
.ticket-card .instance-event-summary {
  display: flex;
  flex-direction: column;
}
.ticket-card .instance-event-summary__venue {
  margin-bottom: 12px;
}
.ticket-card .instance-event-summary .btn {
  margin-top: auto;
}
.ticket-card img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.confirmed-order {
  background-color: var(--color--off-white);
  padding: 16px;
}
.confirmed-order__header {
  margin-top: 0;
  margin-bottom: 8px;
}
.confirmed-order p {
  margin-block: 8px;
}
.confirmed-order .btn {
  width: 100%;
}

.form-field--radio.is-loading,
.form-field--checkbox.is-loading {
  --spinner--size: 1em;
  pointer-events: none;
}
.form-field--radio.is-loading input,
.form-field--radio.is-loading label,
.form-field--checkbox.is-loading input,
.form-field--checkbox.is-loading label {
  grid-row: 1;
  opacity: 0.3;
}
.form-field--radio .loading-indicator,
.form-field--checkbox .loading-indicator {
  align-items: flex-start;
  grid-row: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

.booking-pathway__ticket-donations {
  --ticket-width: 20.625rem;
}
@media (min-width: 48em) {
  .booking-pathway__ticket-donations--header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
  .booking-pathway__ticket-donations--header > * {
    margin-top: 0;
    flex-shrink: 0;
    width: auto;
  }
}

.donate-per-ticket {
  max-width: var(--ticket-width);
  box-shadow: 0px 3.843px 3.843px 0px rgba(0, 0, 0, 0.25), 0px 1.922px 1.922px 0px rgba(0, 0, 0, 0.25), 0px 3.843px 11.53px 0px rgba(0, 0, 0, 0.25);
  border: 0.961px solid rgba(0, 0, 0, 0.2);
  border-radius: 24.982px;
  padding: 24px;
  margin-bottom: 12px;
  background-color: var(--color--white);
  transition: transform var(--transition--base);
}
.donate-per-ticket__carousel {
  overflow: hidden;
}
.donate-per-ticket__carousel .carousel {
  max-width: var(--ticket-width);
  margin-inline: auto;
  overflow: visible;
}
.donate-per-ticket__carousel .carousel--slider .donate-per-ticket {
  transform: scale(0.8);
}
.donate-per-ticket__carousel .carousel--slider .carousel__slide--active .donate-per-ticket {
  transform: scale(1);
}
.donate-per-ticket__heading {
  border-bottom: 0.961px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 12px;
}
.donate-per-ticket__heading span {
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.donate-per-ticket__heading span > * {
  margin: 0;
}
.donate-per-ticket__heading--info {
  flex-shrink: 0;
}
.donate-per-ticket__heading--date {
  font-size: 0.875rem;
  font-variation-settings: "wght" var(--fw--normal);
}
.donate-per-ticket__heading--secondary {
  margin-top: 4px;
}
.donate-per-ticket__summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}
.donate-per-ticket__summary--total {
  line-height: 1;
}
.donate-per-ticket__summary--total span {
  font-size: var(--fs--xxl);
}
.donate-per-ticket__slider {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  grid-template-areas: "input input input" "minus label plus";
  margin-top: -30px;
}
.donate-per-ticket__slider--label {
  grid-area: label;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.donate-per-ticket__slider--input {
  grid-area: input;
  position: relative;
}
.donate-per-ticket__slider--input input {
  position: absolute;
  top: 0;
  right: 7%;
  bottom: 0;
  left: 7%;
  opacity: 0;
  margin: 0;
  cursor: grab;
}
.donate-per-ticket__slider--input input:active {
  cursor: grabbing;
}
.donate-per-ticket__slider--input:has(input:focus-visible) {
  outline: 3px dotted var(--color--focus);
  outline-offset: 3px;
}
.donate-per-ticket__slider--increment {
  grid-area: plus;
}
.donate-per-ticket__slider--decrement {
  grid-area: minus;
}
.donate-per-ticket__slider--arc {
  fill: none;
}
.donate-per-ticket__slider--arc .ball {
  transform-origin: center;
}
.donate-per-ticket__footer {
  margin-top: 32px;
}
.donate-per-ticket__footer .btn {
  width: 100%;
}
.donate-per-ticket__footer .form-field--checkbox {
  margin-top: 16px;
}
.donate-per-ticket__footer .form-field--checkbox input {
  transform: translateY(0);
}
.donate-per-ticket__footer .form-field--checkbox label {
  font-size: 0.875rem;
  line-height: 1.4;
}

.booking-pathway__summary {
  grid-area: summary;
}
.booking-pathway__summary > *:where(:not(.basket-summary):not(.confirmed-order)) {
  border-top: 1px solid var(--color--black);
  padding-top: 24px;
}
.booking-pathway__summary > *:where(:not(:first-child)) {
  margin-top: 24px;
}
.booking-pathway__summary .basket-summary {
  margin-top: 24px;
}

.instance-event-summary > * {
  margin: 0;
}
.instance-event-summary__header {
  grid-area: summary;
  position: relative;
  padding: 12px 0;
  margin: 0 0 var(--section--margin-block);
}
@media (min-width: 48em) {
  .instance-event-summary__header {
    border-top: 1px solid var(--color--black);
    margin: 0;
    padding: 24px 0 0;
  }
}
@media (max-width: 47.99em) {
  .instance-event-summary__header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200vw;
    transform: translateX(-50%);
    background: rgba(246, 249, 237, 0.5);
    z-index: -1;
  }
}
.instance-event-summary__title {
  margin-bottom: 4px;
}
.instance-event-summary__date {
  font-variation-settings: "wght" var(--fw--bold);
}
.instance-event-summary__date, .instance-event-summary__venue {
  font-size: 1rem;
}
.instance-event-summary + .order-summary__item {
  padding-top: 0;
}

.basket-summary,
.order-summary {
  --spinner--size: 1em;
  margin-top: 8px;
  font-size: 1rem;
}
.basket-summary__item, .basket-summary__total,
.order-summary__item,
.order-summary__total {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 8px;
}
.basket-summary__item svg, .basket-summary__total svg,
.order-summary__item svg,
.order-summary__total svg {
  display: inline-block;
  height: 1em;
  width: auto;
  margin-right: 4px;
  margin-bottom: 4px;
}
.basket-summary__item span:last-child, .basket-summary__total span:last-child,
.order-summary__item span:last-child,
.order-summary__total span:last-child {
  flex-shrink: 0;
}
.basket-summary__item--total, .basket-summary__total,
.order-summary__item--total,
.order-summary__total {
  font-variation-settings: "wght" var(--fw--bold);
}
.basket-summary .loading-indicator,
.order-summary .loading-indicator {
  margin-inline: auto;
}

.basket-summary {
  grid-area: basket;
  margin-top: 16px;
}
@media (min-width: 48em) {
  .basket-summary {
    margin-top: 12px;
  }
}
.basket-summary__total {
  border-top: 1px solid var(--color--black);
}
.basket-summary__item {
  border-bottom: 1px solid var(--color--black);
}
.basket-summary__item--header {
  margin-top: 0;
  margin-bottom: 8px;
}
.basket-summary__item--seats {
  border-top: 0;
  padding-top: 0;
}
.basket-summary__item--seats:last-child {
  padding-bottom: 0;
}
.basket-summary__item--plan-name {
  width: 6.25rem;
}
.basket-summary__item--seat-name {
  flex: 1;
}
.basket-summary__item--donation .basket-summary__item--total {
  color: var(--color--red);
}
.basket-summary__item .btn--remove {
  flex-shrink: 0;
  margin: 0;
  width: var(--btn--size, 2.75rem);
  height: var(--btn--size, 2.75rem);
}
.basket-summary__item .btn--remove svg {
  margin: 0;
}

.order-summary .booking-pathway__header {
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .order-summary .booking-pathway__header {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .order-summary .booking-pathway__header:active, .order-summary .booking-pathway__header:focus-visible {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: fixed;
    top: 30px;
    left: 20px;
    white-space: normal;
    width: auto;
  }
}
.order-summary__list > *:where(:not(:first-child)) {
  border-top: 1px solid var(--color--black);
  padding-top: 12px;
}
@media (min-width: 48em) {
  .order-summary__disclosure-button {
    display: none;
  }
}
@media (max-width: 47.99em) {
  .order-summary__disclosure-button + .order-summary {
    background-color: var(--color--off-white);
    padding: 16px var(--container--padding-inline);
    box-shadow: 5px -4px 15px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(101%);
    z-index: 10;
  }
  .order-summary__disclosure-button + .order-summary[aria-hidden=false] {
    animation: slide-up var(--transition--base) forwards;
  }
}
.order-summary__disclosure-button--hide {
  max-width: calc(50% - 8px);
  margin-top: 16px;
}
@media (min-width: 48em) {
  .order-summary__disclosure-button--hide {
    display: none;
  }
}
.order-summary__item--discount {
  margin: 0;
  padding-top: 0;
  border: 0;
}

.extras-group {
  border-top: 1px solid var(--color--black);
  padding-top: 24px;
}
.extras-group__title {
  margin-top: 0;
  margin-bottom: 24px;
}

.extras-instance {
  --space--stack: 12px;
  --img-size: 96px;
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: var(--img-size) 1fr;
  -moz-column-gap: 12px;
       column-gap: 12px;
  grid-template-areas: "img header" "summary summary" "footer footer";
}
@media (min-width: 75em) {
  .extras-instance {
    --img-size: 220px;
    display: grid;
    grid-template-columns: var(--img-size) 1fr;
    grid-template-rows: auto 1fr auto;
    -moz-column-gap: 24px;
         column-gap: 24px;
    grid-template-areas: "img header" "img summary" "img footer";
  }
}
.extras-instance__header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  grid-area: header;
  margin-top: 0;
}
.extras-instance__header--content {
  flex: 1;
}
.extras-instance__image {
  max-width: var(--img-size);
  flex-shrink: 0;
  grid-area: img;
}
.extras-instance__title {
  margin: 0;
}
.extras-instance__price {
  margin-top: 8px;
}
.extras-instance__summary {
  grid-area: summary;
}
.extras-instance__footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  grid-area: footer;
}
.extras-instance__footer .error-message {
  margin: 0;
}
.extras-instance__buttons {
  display: flex;
  gap: 12px;
}
.extras-instance .ticket-quantity-buttons,
.extras-instance .extras-instance__buttons {
  gap: 12px;
  justify-content: flex-start;
}
.extras-instance .ticket-quantity-buttons__counter,
.extras-instance .extras-instance__buttons__counter {
  min-width: 64px;
  line-height: var(--btn--size);
  height: var(--btn--size);
  border: 1px solid var(--color--black);
}
.extras-instance .confirmation-message {
  margin-block: 12px;
  width: 100%;
  grid-column: span 2;
}
@media (max-width: 74.99em) {
  .extras-instance__additional-donation {
    display: flex;
    flex-direction: column;
  }
  .extras-instance__additional-donation .extras-instance__image {
    margin-top: var(--space--stack);
    order: 3;
    max-width: 100%;
    width: 100%;
  }
  .extras-instance__additional-donation .extras-instance__buttons {
    width: 100%;
  }
  .extras-instance__additional-donation .extras-instance__buttons > * {
    flex: 1;
  }
  .extras-instance__additional-donation .extras-instance__footer {
    flex-wrap: wrap;
  }
  .extras-instance__additional-donation .extras-instance__footer .btn--primary {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .extras-instance__additional-donation .extras-instance__summary {
    font-size: var(--fs--body-l);
    margin-top: 0;
  }
}

.ticket-quantity-buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ticket-quantity-buttons__counter {
  order: 2;
  font-size: 7.5rem;
  min-width: 120px;
  text-align: center;
  background-color: var(--color--white);
}
.ticket-quantity-buttons__increment {
  order: 3;
}
.ticket-quantity-buttons__decrement {
  order: 1;
}

.booking-pathway__filters {
  grid-area: filters;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
@media (min-width: 48em) {
  .booking-pathway__filters {
    flex-direction: row;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.booking-pathway__filters .booking-pathway__header {
  margin-bottom: 16px;
  line-height: 1;
}
.booking-pathway__filters--header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.booking-pathway__filters--header .btn--link {
  font-size: 0.875rem;
  font-family: var(--ff-secondary);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  flex-shrink: 0;
  line-height: 1;
}
.booking-pathway__filters--button {
  width: 100%;
}
.booking-pathway__filters--button[aria-selected=true] {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
}
.booking-pathway__filters--button:focus-visible {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--black);
}
.booking-pathway__filters--button-icon {
  width: 0.8em;
  height: 0.8em;
  background: var(--circle--color);
  display: inline-block;
  border-radius: 50%;
}
.booking-pathway__filters .form-field--radio {
  margin: 0;
}
.booking-pathway__filters .loading-indicator {
  margin-inline: auto;
}
.booking-pathway__filter-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.booking-pathway__filter-list > * {
  flex-shrink: 0;
}

.basket-item {
  --img--width: 96px;
  --spinner--size: 1em;
  display: grid;
  grid-template-columns: var(--img--width) 1fr;
  grid-template-areas: "img sum" "list list";
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 8px;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
@media (min-width: 48em) {
  .basket-item {
    border-bottom: 1px solid var(--color--black);
  }
}
@media (min-width: 75em) {
  .basket-item {
    --img--width: 220px;
    -moz-column-gap: 24px;
         column-gap: 24px;
    grid-template-rows: auto 1fr;
    grid-template-areas: "img sum" "img list";
  }
}
.basket-item:first-child .instance-event-summary {
  border: 0;
  padding-top: 0;
}
.basket-item select {
  max-width: 14em;
}
.basket-item__membership, .basket-item__donation, .basket-item__gift-voucher {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding-top: 24px;
  border-top: 1px solid;
}
@media (min-width: 48em) {
  .basket-item__membership, .basket-item__donation, .basket-item__gift-voucher {
    padding-top: 0px;
    border-top: none;
  }
}
.basket-item__title {
  width: 100%;
  margin: 0 0 8px;
}
.basket-item__info {
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 0;
}
.basket-item__info .btn--remove {
  flex-shrink: 0;
}
.basket-item__info p {
  margin: 0;
}
.basket-item__info--breakdown span {
  display: block;
  font-variation-settings: "wght" var(--fw--normal);
  font-size: 1rem;
  margin-bottom: 2px;
}
.basket-item__info .form-field--checkbox {
  margin-top: 8px;
}
.basket-item__image {
  grid-area: img;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--neutral-100);
}
.basket-item__image svg {
  width: 30%;
  color: var(--color--neutral-300);
}
.basket-item__summary {
  grid-area: sum;
}
.basket-item__ticket-list {
  grid-area: list;
}
.basket-item__ticket-list--item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-block: 8px;
  border-top: 1px solid var(--color--black);
  font-size: 1rem;
}
.basket-item__ticket-list--item > * {
  flex: 1;
  margin: 0;
  line-height: 1.1;
}
.basket-item__ticket-list--item > *:last-child {
  max-width: 4.0625rem;
}
.basket-item__ticket-list--item > *:nth-child(2) {
  flex: 1;
}
@media (min-width: 75em) {
  .basket-item__ticket-list--item > *:nth-child(2) {
    flex: 2;
  }
}
.basket-item__ticket-list--item .select-ticket-type--select {
  margin-right: auto;
  max-width: 100%;
}
.basket-item__ticket-list--item .select-ticket-type--select select {
  max-width: 17em;
}
.basket-item__ticket-list--seat {
  max-width: 2.5rem;
}
.basket-item__ticket-list--price {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-variation-settings: "wght" var(--fw--bold);
}
@media (min-width: 48em) {
  .basket-item__ticket-list--price {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
}
.basket-item__ticket-list--price__discount {
  color: var(--color--red);
  font-variation-settings: "wght" var(--fw--normal);
  font-size: 0.9em;
}
.basket-item__ticket-list--amend-ticket {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  gap: 12px;
  max-width: 5rem;
}
.basket-item .btn--edit {
  text-decoration: underline;
  font-variation-settings: "wght" var(--fw--bold);
}
.basket-item .btn--remove {
  margin: 0;
}
.basket-item img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.basket-top-picks {
  border-top: 1px solid;
}
@media (min-width: 48em) {
  .basket-top-picks {
    border-top: none;
  }
}

.carousel {
  position: relative;
  overflow: hidden;
}
.carousel__track {
  display: flex;
  transition: transform var(--transition--base);
}
.carousel__track--stacked {
  position: relative;
  display: block;
  transform: none !important;
}
.carousel__slide {
  min-width: 100%;
  transition: transform var(--transition--base), opacity var(--transition--base);
  will-change: transform, opacity;
}
.carousel__slide--stacked {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.carousel__slide--active {
  position: relative;
  z-index: 1;
  opacity: 1;
  transform: translate(0, 0);
}
.carousel__slide:not(.carousel__slide--active) {
  opacity: 0.5;
}
.carousel__slide[aria-hidden=true] {
  pointer-events: none;
}
.carousel__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
.carousel__controls--prev, .carousel__controls--next {
  position: relative;
  transform: none;
  margin: 0;
}
.carousel__controls--prev__text, .carousel__controls--next__text {
  display: flex;
  gap: 8px;
  font-variation-settings: "wght" var(--fw--bold);
}
.carousel__controls--prev__text svg, .carousel__controls--next__text svg {
  height: 0.8em;
  width: auto;
  margin-top: 4px;
}
.carousel__controls--prev__text:hover, .carousel__controls--prev__text:focus-visible, .carousel__controls--next__text:hover, .carousel__controls--next__text:focus-visible {
  text-decoration: underline;
}
.membership-prompt,
.donation-prompt {
  --btn--background-color: transparent;
  --btn--color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--background-color--hover: var(--color--off-white);
  --btn--color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--off-white);
}
.membership-prompt--inner,
.donation-prompt--inner {
  padding: 16px;
  background-color: var(--color--lavender);
  color: var(--color--off-white);
}
.membership-prompt .booking-pathway__header,
.donation-prompt .booking-pathway__header {
  margin-bottom: 8px;
}
.membership-prompt--description,
.donation-prompt--description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
}
.membership-prompt--description p,
.donation-prompt--description p {
  margin: 0;
}
.membership-prompt .btn,
.donation-prompt .btn {
  margin-top: 12px;
  width: 100%;
}

.donation-prompt--button {
  font-variation-settings: "wght" var(--fw--bold);
  text-decoration: underline;
}
.donation-prompt--detail {
  display: flex;
  justify-content: space-between;
  margin-block: 16px;
}
.donation-prompt--detail.donation-removed {
  color: var(--color--neutral-500);
  text-decoration: line-through;
}
.donation-prompt--detail span:last-child {
  font-variation-settings: "wght" var(--fw--bold);
}

.booking-pathway__additional-donation--amount.active {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
}
@media (max-width: 47.99em) {
  .booking-pathway__additional-donation .booking-pathway__header {
    margin-bottom: 8px;
  }
}

.seating-plan {
  --seating-plan--color--available: #095aaf;
  --seating-plan--color--unavailable: #ccc;
  --seating-plan--color--info: #ebdc08;
  width: 100%;
  position: relative;
  aspect-ratio: 1/1;
  border: 1px solid var(--color--black);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 75em) {
  .seating-plan {
    aspect-ratio: 4/3;
  }
}
.seating-plan .loading-indicator {
  position: relative;
  aspect-ratio: 16/9;
}
.seating-plan__plan {
  container: seating-plan;
  margin: auto;
  position: relative;
}
.seating-plan__plan img {
  max-width: none;
  max-height: none;
  animation: fade-in 500ms ease-out forwards;
}
.seating-plan__plan--studio-auditorium .seating-plan__seat, .seating-plan__plan--studio-theatre .seating-plan__seat {
  width: 3%;
}
.seating-plan .is-available {
  --seating-plan--color: var(--seating-plan--color--available);
}
.seating-plan .is-unavailable {
  --seating-plan--color: var(--seating-plan--color--unavailable);
}
.seating-plan .is-info {
  --seating-plan--color: var(--seating-plan--color--info);
}
.seating-plan__seat {
  position: absolute;
  width: 1%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  text-align: center;
  line-height: 0;
  font-size: 10px;
  color: var(--color--white);
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  background-color: var(--seating-plan--color, var(--seating-plan--color--available));
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--transition--base);
  animation: bounce 1000ms ease-out forwards;
}
.seating-plan__seat.disabled {
  background-color: var(--seating-plan--color--unavailable) !important;
}
.seating-plan__seat.disabled .seating-plan__more-info {
  display: none;
}
.seating-plan__seat svg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: var(--color--white);
}
.seating-plan__seat[aria-selected=true] svg {
  display: block;
}
.seating-plan__seat[aria-selected=true] .seating-plan__more-info {
  display: none;
}
.seating-plan__seat .seating-plan__more-info svg {
  display: block;
  aspect-ratio: 1/1;
  background-color: transparent;
  fill: var(--color--white);
  border-radius: 500px;
}
.seating-plan__seat .seating-plan__more-info .info-circle .circle {
  display: none;
}
.seating-plan__seat .seating-plan__more-info .info-circle .info {
  transform: scale(1.5);
  transform-origin: center;
}
.seating-plan__controls {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.seating-plan__controls button {
  width: var(--btn--size);
  height: var(--btn--size);
  border: 1px solid var(--color--black);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--white);
}
.seating-plan .error-message {
  position: absolute;
  bottom: 16px;
  right: 16px;
  left: 16px;
  margin: 0;
  z-index: 100;
  animation: slide-up var(--transition--base) forwards;
}
.seating-plan .error-message + .error-message {
  transform: translateY(-110%);
}

@keyframes bounce-up {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes bounce-down {
  0% {
    transform: translateY(-200%);
  }
  70% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(0%);
  }
}
.push-notification {
  --color-error: var(--color-black);
  --color-error-light: #d62d40;
  position: fixed;
  bottom: 16px;
  right: 16px;
  left: 16px;
  margin: 0;
  z-index: 1200;
  display: flex;
  align-items: flex-start;
  animation: bounce-up 200ms ease-out forwards;
}
@media (min-width: 48em) {
  .push-notification {
    max-width: 600px;
    width: 100%;
    left: auto;
  }
}
.push-notification em {
  display: block;
}
.push-notification__content {
  flex: 1;
}
.push-notification .btn--cross svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}
.push-notification.notification {
  --color-error-light: #f3d00f;
  color: var(--color-black);
}

.printable-ticket {
  padding-inline: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.printable-ticket__image {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--neutral-100);
}
.printable-ticket__image img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.printable-ticket__image svg {
  width: 30%;
  color: var(--color--neutral-300);
}
.printable-ticket__list {
  --grid--columns: 1;
}
@media (min-width: 75em) {
  .printable-ticket__list {
    --grid--columns: 2;
    --grid--column-gap: 48px;
  }
}
.printable-ticket__header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 8px;
  margin-top: 16px;
}
.printable-ticket__title {
  grid-column: span 2;
  margin: 0;
  font-size: 1.5rem;
}
.printable-ticket__info {
  display: block;
  padding-top: 13px;
  padding-bottom: 11px;
  border-bottom: 1px dashed var(--color--black);
  margin: 0;
  line-height: 1;
  display: flex;
  justify-content: space-between;
}
.printable-ticket__info--date {
  font-variation-settings: "wght" var(--fw--bold);
}
.printable-ticket__info--price--total {
  font-variation-settings: "wght" var(--fw--bold);
}
.printable-ticket__seat-info {
  font-variation-settings: "wght" var(--fw--bold);
  margin: 0;
}
.printable-ticket__seat-info span {
  display: block;
}
.printable-ticket__content {
  margin-bottom: 16px;
}
.printable-ticket__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}
.printable-ticket .venue-logo svg {
  height: 45px;
  width: auto;
}

.ticket-border {
  --box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
  --circle--size: 30px;
  --circle--size-offset: 31px;
  position: relative;
  border-radius: var(--circle--size);
  filter: drop-shadow(var(--box-shadow));
}
.ticket-border > * {
  -webkit-mask-image: radial-gradient(circle var(--circle--size) at center top, transparent var(--circle--size), black var(--circle--size-offset)), radial-gradient(circle var(--circle--size) at center bottom, transparent var(--circle--size), black var(--circle--size-offset));
          mask-image: radial-gradient(circle var(--circle--size) at center top, transparent var(--circle--size), black var(--circle--size-offset)), radial-gradient(circle var(--circle--size) at center bottom, transparent var(--circle--size), black var(--circle--size-offset));
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 70%;
          mask-size: 100% 70%;
  -webkit-mask-position: center -5%, center 105%;
          mask-position: center -5%, center 105%;
  background: white;
  padding-block: var(--circle--size);
  border-radius: calc(var(--circle--size) / 2);
}

.upcoming-tickets,
.top-picks {
  margin-block: calc(((24 / 16) * 1rem) + (32 - 24) * var(--fluid--bp));
}
@media (min-width: 62em) {
  .upcoming-tickets,
  .top-picks {
    padding-top: 0;
  }
}

@media (min-width: 75em) {
  .card-carousel.not-carousel {
    --grid--columns: 2;
    display: grid;
    grid-template-columns: repeat(var(--grid--columns), minmax(0, 1fr));
    -moz-column-gap: var(--grid--column-gap, 0px);
         column-gap: var(--grid--column-gap, 0px);
    row-gap: var(--grid--row-gap, 0px);
  }
  .card-carousel.not-carousel > * {
    margin-top: 0;
  }
}

.card-carousel .slick-slider, .card-carousel.slick-slider,
.top-picks .slick-slider,
.top-picks.slick-slider,
.discount-event-feed .slick-slider,
.discount-event-feed.slick-slider {
  display: block;
  margin-right: calc(var(--grid--column-gap, 0px) * -1);
}
.card-carousel .slick-slider .top-picks__cards--item,
.card-carousel .slick-slider .card-carousel__item,
.card-carousel .slick-slider .discount-event-feed__cards--item, .card-carousel.slick-slider .top-picks__cards--item,
.card-carousel.slick-slider .card-carousel__item,
.card-carousel.slick-slider .discount-event-feed__cards--item,
.top-picks .slick-slider .top-picks__cards--item,
.top-picks .slick-slider .card-carousel__item,
.top-picks .slick-slider .discount-event-feed__cards--item,
.top-picks.slick-slider .top-picks__cards--item,
.top-picks.slick-slider .card-carousel__item,
.top-picks.slick-slider .discount-event-feed__cards--item,
.discount-event-feed .slick-slider .top-picks__cards--item,
.discount-event-feed .slick-slider .card-carousel__item,
.discount-event-feed .slick-slider .discount-event-feed__cards--item,
.discount-event-feed.slick-slider .top-picks__cards--item,
.discount-event-feed.slick-slider .card-carousel__item,
.discount-event-feed.slick-slider .discount-event-feed__cards--item {
  padding-right: var(--grid--column-gap, 0px);
}
.card-carousel [data-control-prev],
.card-carousel [data-control-next],
.top-picks [data-control-prev],
.top-picks [data-control-next],
.discount-event-feed [data-control-prev],
.discount-event-feed [data-control-next] {
  left: auto;
  right: var(--grid--column-gap, 0px);
  bottom: calc(100% + 24px);
}
.card-carousel [data-control-next],
.top-picks [data-control-next],
.discount-event-feed [data-control-next] {
  transform: none;
}
.card-carousel [data-control-prev],
.top-picks [data-control-prev],
.discount-event-feed [data-control-prev] {
  transform: translateX(calc((var(--btn--size) + 16px) * -1));
}

@media (min-width: 75em) {
  .card-carousel__container:has(.btn) .booking-pathway__header, .card-carousel__container:has([data-control-prev]) .booking-pathway__header,
  .top-picks:has(.btn) .booking-pathway__header,
  .top-picks:has([data-control-prev]) .booking-pathway__header,
  .discount-event-feed:has(.btn) .booking-pathway__header,
  .discount-event-feed:has([data-control-prev]) .booking-pathway__header {
    min-height: var(--btn--size);
    padding-right: 300px;
  }
}

.top-picks__account,
.discount-event-feed {
  background-color: var(--color--off-white);
  color: var(--color--black);
  padding-block: 24px;
}
@media (max-width: 47.99em) {
  .top-picks__account,
  .discount-event-feed {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
    background-color: var(--color--off-white);
    color: var(--color--black);
  }
  .top-picks__account::after,
  .discount-event-feed::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .top-picks__account,
  .discount-event-feed {
    padding-inline: 24px;
  }
}
.top-picks__account .section,
.discount-event-feed .section {
  margin: 0;
}
.top-picks__account::after,
.discount-event-feed::after {
  background-color: var(--color--off-white);
}

@media (min-width: 75em) {
  .top-picks__cards,
  .discount-event-feed__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid--column-gap);
  }
  .top-picks__cards > *,
  .discount-event-feed__cards > * {
    margin-top: 0;
  }
}
.top-picks:has([data-control-prev]) .top-picks__header .btn,
.top-picks:has([data-control-prev]) .discount-event-feed__header .btn,
.discount-event-feed:has([data-control-prev]) .top-picks__header .btn,
.discount-event-feed:has([data-control-prev]) .discount-event-feed__header .btn {
  right: calc(var(--btn--size) * 2 + 32px);
}
.top-picks__header,
.discount-event-feed__header {
  position: relative;
}
.top-picks__header .btn,
.discount-event-feed__header .btn {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 74.99em) {
  .top-picks__header .btn,
  .discount-event-feed__header .btn {
    display: none;
  }
}

@media (max-width: 74.99em) {
  .discount-event-feed:where(:not(:has(.slick-slider))) .discount-event-feed__cards--item {
    border-top: 1px solid var(--color--neutral-500);
    padding-top: 24px;
  }
  .discount-event-feed:where(:not(:has(.slick-slider))) .discount-event-feed__cards--item:first-child {
    border: 0;
    padding-top: 0;
  }
}

.view-alternative-dates__dialog,
.seat-info-dialog {
  height: 100vh;
  height: 100svh;
  border: 0;
}
@media (min-width: 48em) {
  .view-alternative-dates__dialog,
  .seat-info-dialog {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.view-alternative-dates__dialog .dialog-container,
.seat-info-dialog .dialog-container {
  background-color: var(--color--white);
  color: var(--color--black);
  padding: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 100vh;
  height: 100svh;
  width: 100%;
  margin: auto;
  max-height: 100vh;
  overflow: auto;
}
@media (min-width: 48em) {
  .view-alternative-dates__dialog .dialog-container,
  .seat-info-dialog .dialog-container {
    height: -moz-fit-content;
    height: fit-content;
    max-width: 25.3125rem;
  }
}
.view-alternative-dates__dialog::backdrop,
.seat-info-dialog::backdrop {
  background-color: rgba(255, 255, 255, 0.5);
}
.view-alternative-dates__dialog .btn--dialog-close,
.seat-info-dialog .btn--dialog-close {
  top: calc(((4 / 16) * 1rem) + (12 - 4) * var(--fluid--bp));
  right: calc(((4 / 16) * 1rem) + (8 - 4) * var(--fluid--bp));
}
.view-alternative-dates__dialog .booking-pathway__header,
.seat-info-dialog .booking-pathway__header {
  border-bottom: 1px solid var(--color--black);
  padding-bottom: 8px;
}

.seat-info-dialog__header, .seat-info-dialog__seat-name {
  margin: 0;
}
.seat-info-dialog__image {
  margin-top: 16px;
}
.seat-info-dialog__image--info {
  margin: 8px 0 0;
  font-size: 0.75rem;
}

.view-alternative-dates {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--black);
}
.view-alternative-dates__button {
  text-decoration: underline;
  font-size: 0.875rem;
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.view-alternative-dates__button svg {
  height: 1.2em;
  width: auto;
  transform: translateY(1px);
}
.view-alternative-dates__picker-input {
  display: none;
}
.view-alternative-dates__performances {
  margin-top: 16px;
}
.view-alternative-dates__performances .btn {
  margin-top: 16px;
}
.view-alternative-dates .dialog-content .btn {
  max-width: 100%;
}

.select-ticket-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-block: 16px;
  border-bottom: 1px solid var(--color--neutral-400);
}
.select-ticket-type .confirmation-message {
  width: 100%;
}
.select-ticket-type .btn--remove {
  margin: 0;
}
.select-ticket-type__list > *:first-child .select-ticket-type {
  padding-top: 0;
}
.select-ticket-type__list > *:last-child .select-ticket-type {
  border: 0;
}
.select-ticket-type__header {
  width: 100%;
  flex-shrink: 0;
  font-size: calc(((14 / 16) * 1rem) + (16 - 14) * var(--fluid--bp));
}
@media (min-width: 75em) {
  .select-ticket-type__header {
    flex: 1;
    width: auto;
  }
}
.select-ticket-type__select {
  --spinner--size: 1em;
  flex: 1;
  max-width: 300px;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.select-ticket-type--select {
  margin: 0;
}
.select-ticket-type__title, .select-ticket-type__name {
  margin: 0;
  font-variation-settings: "wght" var(--fw--bold);
}
.select-ticket-type__seat-info {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
  color: var(--color--error);
  font-size: 0.875rem;
  margin: 4px 0 0;
}
.select-ticket-type__seat-info svg {
  height: 1.2em;
  width: auto;
  transform: translateY(-2px);
}
.select-ticket-type__view-button {
  text-align: left;
  text-decoration: underline;
  margin-top: 4px;
  font-size: 0.875rem;
}
.select-ticket-type .loading-indicator {
  height: 1em;
  display: inline-block;
}

.booking-pathway__account.booking-pathway__container {
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "content content summary" "content content buttons";
}
.booking-pathway__account h1.booking-pathway__header {
  font-size: var(--fs--h2);
}
@media (max-width: 47.99em) {
  .booking-pathway__account h1.booking-pathway__header {
    margin-top: 24px;
  }
}
.booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block)) {
  position: relative;
}
@media (max-width: 47.99em) {
  .booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block)) {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
    padding-block: 24px;
    margin-bottom: 0;
  }
  .booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block))::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__account--overview h1.booking-pathway__header {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
    padding-block: 24px;
    margin: 0;
  }
  .booking-pathway__account--overview h1.booking-pathway__header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
.booking-pathway__account--overview .card-carousel__container {
  margin-bottom: calc(((24 / 16) * 1rem) + (32 - 24) * var(--fluid--bp));
}
.booking-pathway__account--details--form + .booking-pathway__account--details--form {
  margin-top: 48px;
}
.booking-pathway__account--details--form .form-field--group.form-field--group__name {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 48em) {
  .booking-pathway__account--details--form .form-field--group.form-field--group__name {
    grid-template-columns: repeat(2, 1fr);
  }
}
.booking-pathway__account--memberships .memberships .two-col .card--membership {
  max-width: unset;
  width: 100%;
}
.booking-pathway__account .booking-pathway__footer {
  grid-area: summary;
}
@media (min-width: 48em) {
  .booking-pathway__account .booking-pathway__footer {
    margin-top: 0;
  }
}
@media (max-width: 74.99em) {
  .booking-pathway__account .booking-pathway__footer .btn--logout {
    display: none;
  }
}

.account-navigation {
  --btn--color: var(--color--foreground);
  position: relative;
}
@media (min-width: 48em) {
  .account-navigation {
    margin-bottom: 24px;
  }
}
.account-navigation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
  background-color: var(--color--black);
  z-index: -1;
}
.account-navigation__disclosure-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: calc(var(--btn--padding-block) + 2px);
  padding-bottom: var(--btn--padding-block);
  width: 100%;
}
@media (min-width: 75em) {
  .account-navigation__disclosure-button {
    display: none;
  }
}
.account-navigation__disclosure-button::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background-color: var(--color--off-white);
}
.account-navigation__disclosure-button svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
  transform: rotate(180deg);
}
.account-navigation__disclosure-panel {
  --btn--background-color: transparent;
  --btn--border-color: var(--color--foreground);
  --btn--color: var(--color--foreground);
  padding-bottom: 16px;
}
@media (min-width: 75em) {
  .account-navigation__disclosure-panel {
    padding-block: 0;
  }
}
.account-navigation__disclosure-panel .btn {
  width: 100%;
}
@media (min-width: 75em) {
  .account-navigation__disclosure-panel .btn {
    display: none;
  }
}
.account-navigation__list {
  padding-block: 8px;
}
@media (min-width: 75em) {
  .account-navigation__list {
    display: flex;
    padding-block: 0;
  }
}
.account-navigation__list a {
  display: block;
  padding-block: 8px;
  text-decoration: none;
}
@media (min-width: 75em) {
  .account-navigation__list a {
    padding: 16px 24px;
  }
}
.account-navigation__list a:hover {
  text-decoration: underline;
}
@media (min-width: 75em) {
  .account-navigation__list a:hover {
    text-decoration: none;
    background-color: var(--color--marine);
  }
}
.account-navigation__list a.active {
  text-decoration: underline;
}
@media (min-width: 75em) {
  .account-navigation__list a.active {
    background-color: var(--color--white);
    color: var(--color--black);
    text-decoration: none;
  }
}

.account-overview-navigation {
  margin-block: calc(((24 / 16) * 1rem) + (32 - 24) * var(--fluid--bp));
}
@media (min-width: 75em) {
  .account-overview-navigation {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
@media (min-width: 48em) {
  .account-overview-navigation__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.account-overview-navigation__list--header {
  margin-bottom: 4px;
}
.account-overview-navigation__list--link {
  --icon--size: 52px;
  padding: 24px 16px;
  display: flex;
  gap: 24px;
  text-decoration: none;
  border-bottom: 1px solid var(--color--black);
  transition: all var(--transition--base);
}
@media (min-width: 48em) {
  .account-overview-navigation__list--link {
    border: 1px solid var(--color--black);
  }
}
.account-overview-navigation__list--link svg {
  width: var(--icon--size);
  height: auto;
  flex-shrink: 0;
  flex-grow: 0;
}
.account-overview-navigation__list--link span {
  display: block;
}
.account-overview-navigation__list--link:hover, .account-overview-navigation__list--link:focus-visible {
  background-color: var(--color--marine);
  color: var(--color--white);
}

.preferences-block {
  position: relative;
  padding-top: 16px;
  padding-bottom: 32px;
  margin-bottom: 24px;
}
@media (max-width: 47.99em) {
  .preferences-block {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .preferences-block::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .preferences-block {
    padding: 24px;
  }
}
.preferences-block--form-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.preferences-block [type=submit] {
  margin-top: 32px;
  width: 100%;
}
@media (min-width: 48em) {
  .preferences-block [type=submit] {
    margin-top: 24px;
    max-width: 175px;
  }
}
.preferences-block .btn--pill {
  --btn--background-color: transparent;
  --btn--color: var(--color--foreground);
  --btn--border-color: var(--color--foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
  margin: 0;
}
.preferences-block .booking-pathway__header {
  font-size: var(--fs--h2);
}
.preferences-block .booking-pathway__introduction {
  margin-bottom: 24px;
}
@media (min-width: 48em) {
  .preferences-block .booking-pathway__introduction {
    font-size: 1.25rem;
  }
}

.customer-status-blocks {
  margin-bottom: calc(((24 / 16) * 1rem) + (32 - 24) * var(--fluid--bp));
}
@media (min-width: 48em) {
  .customer-status-blocks {
    display: flex;
    flex-direction: column;
    gap: calc(((16 / 16) * 1rem) + (24 - 16) * var(--fluid--bp));
  }
}
@media (min-width: 62em) {
  .customer-status-blocks {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .customer-status-blocks > * {
    flex: 1;
    min-width: 45%;
  }
}
@media (min-width: 75em) {
  .customer-status-blocks .customer-membership:only-child {
    padding-right: 160px;
  }
  .customer-status-blocks .customer-membership:only-child .btn {
    position: absolute;
    right: 24px;
    bottom: 24px;
    max-width: 150px;
  }
  .customer-status-blocks .customer-membership:only-child .customer-membership__info {
    margin-bottom: 0;
  }
}

.customer-membership,
.customer-donation-history {
  position: relative;
  padding-top: 16px;
  padding-bottom: 32px;
}
@media (max-width: 47.99em) {
  .customer-membership,
  .customer-donation-history {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .customer-membership::after,
  .customer-donation-history::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .customer-membership,
  .customer-donation-history {
    padding: 24px;
    display: flex;
    flex-direction: column;
  }
}
.customer-membership__info,
.customer-donation-history__info {
  margin: 0;
}
.customer-membership__info:has(+ .btn),
.customer-donation-history__info:has(+ .btn) {
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .customer-membership__info:has(+ .btn),
  .customer-donation-history__info:has(+ .btn) {
    margin-bottom: 24px;
  }
}
.customer-membership .btn,
.customer-donation-history .btn {
  --btn--background-color: transparent;
  --btn--color: var(--color--foreground);
  --btn--border: var(--color--foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
  width: 100%;
  margin-top: auto;
}
.customer-membership .booking-pathway__header,
.customer-donation-history .booking-pathway__header {
  font-size: var(--fs--h3);
  margin: 0;
}
@media (min-width: 48em) {
  .customer-membership .booking-pathway__header,
  .customer-donation-history .booking-pathway__header {
    margin-bottom: 8px;
  }
}

@media (min-width: 48em) {
  .customer-membership {
    --color--background: var(--color--lavender);
  }
}
.customer-membership__info {
  font-variation-settings: "wght" var(--fw--bold);
}

.customer-donation-history {
  --space--prose: 8px;
  --color--background: var(--color--pink);
  background-color: var(--color--pink);
  padding-bottom: 16px;
}
.customer-donation-history::after {
  background-color: var(--color--pink);
}
.customer-donation-history p {
  margin: 0;
}
.customer-donation-history__donation-amount {
  display: block;
}

@media (min-width: 75em) {
  .upsell-block {
    display: flex;
    flex-direction: column-reverse;
  }
}
.upsell-block img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.upsell-block__content {
  padding: 16px 16px 24px;
}
@media (min-width: 75em) {
  .upsell-block__content {
    padding: 24px;
  }
}
.upsell-block__header {
  margin: 0 0 16px;
  font-size: var(--fs--h3);
}
@media (min-width: 75em) {
  .upsell-block__header {
    font-size: var(--fs--h2);
  }
}
.upsell-block__button {
  margin-top: 24px;
}
.orders__extras {
  margin-block: calc(((24 / 16) * 1rem) + (32 - 24) * var(--fluid--bp));
  padding-block: 24px;
}
@media (max-width: 47.99em) {
  .orders__extras {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
    background-color: var(--color--off-white);
    color: var(--color--black);
  }
  .orders__extras::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .orders__extras {
    border-top: 1px solid var(--color--black);
    padding-bottom: 0;
  }
}
.orders__extras::after {
  background-color: var(--color--off-white);
}
.orders__extras--select {
  background-color: var(--color--white);
}
.orders__extras--select, .orders__extras--date {
  font-variation-settings: "wght" var(--fw--bold);
  margin-block: 8px;
  flex-shrink: 0;
}
@media (min-width: 75em) {
  .orders__extras--select, .orders__extras--date {
    margin: 0;
  }
}
@media (min-width: 75em) {
  .orders__extras--header {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.orders__extras--header .booking-pathway__header {
  margin-bottom: 16px;
}
@media (min-width: 75em) {
  .orders__extras--header .booking-pathway__header {
    min-height: var(--btn--size);
  }
}
.orders__extras--header select {
  margin-bottom: 24px;
}
@media (min-width: 75em) {
  .orders__extras--header select {
    max-width: 50%;
  }
}
.orders__extras .extras-group {
  border: 0;
  padding: 0;
}
.orders__extras .extras-instance:where(:not(:first-child)) {
  border-top: 1px solid var(--color--disabled);
  padding-top: 24px;
}

.past-orders .accordion-item__heading {
  font-size: 1rem;
  font-weight: var(--fs--normal);
  font-variation-settings: "wght" var(--fw--normal);
  text-decoration: underline;
  min-width: 60%;
  display: flex;
  gap: 8px;
}
.past-orders .accordion-item__heading > * {
  flex: 1;
}
.past-orders .order-content {
  --space--prose: 8px;
}
.past-orders .order-content__header {
  margin: 0 0 24px;
}
.past-orders .order-content__list span {
  display: block;
}
.past-orders .order-content__list-item--title {
  font-variation-settings: "wght" var(--fw--bold);
}
.past-orders .order-content__list-item--group {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.past-orders .order-content__list-item--total {
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}
.past-orders .order-content__section + .order-content__section {
  margin-top: 32px;
  padding-top: 14px;
  border-top: 1px solid var(--color--black);
}

.save-to-wallet {
  display: none;
}
@media (max-width: 47.99em) {
  .save-to-wallet {
    display: flex;
    justify-content: space-evenly;
    margin-top: var(--space--m);
  }
  .save-to-wallet a {
    padding: 0 0.5rem;
    display: flex;
  }
  .save-to-wallet a svg path {
    stroke: unset;
  }
}

@media (min-width: 75em) {
  .contact-preferences {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.contact-preferences__static {
  --space--prose: 8px;
  margin-bottom: 24px;
}
.contact-preferences .contact-preferences__form .btn {
  margin-top: 24px;
}
.contact-preferences .booking-pathway__introduction {
  max-width: 41.25rem;
}
.contact-preferences .btn {
  min-width: 175px;
  margin-top: 12px;
}
@media (max-width: 47.99em) {
  .contact-preferences .btn {
    width: 100%;
  }
}

.personalised-offers {
  padding: 24px 16px;
}

.personalised-offer {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color--off-white);
}
@media (min-width: 75em) {
  .personalised-offer {
    display: flex;
    gap: 16px;
  }
}
.personalised-offer:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.personalised-offer__title {
  margin: 0 0 4px;
}
.personalised-offer__introduction {
  margin-bottom: 16px;
}
@media (min-width: 75em) {
  .personalised-offer__introduction {
    margin-bottom: 0;
  }
}
.personalised-offer__content {
  flex: 1;
}

/*# sourceMappingURL=main.css.map*/