@charset "UTF-8";
/*

  This is the main ON SEASON css file

  Build your themes in the /themes folder and import the current theme here

  For new years, create a themes/_<year>.scss file
  @use "themes/2020.scss";

  When reverting back to offseason, simply turn off flipper "onseason_branding" flag

*/
@import "https://ga.jspm.io/npm:swiper@10.0.4/swiper-bundle.css";
[data-whatinput=mouse] .disable-mouse-outline {
  outline: 0;
}

/*
-------------
Functions
-------------
*/
/* Create Column Widths */
/* Create Fixed Width Columns Based of Max Site Width */
/*
-------------
Mixins
-------------
*/
/* Remove Outer Gutters */
/* Generate Responsive Gutters */
/* Create Column Widths & Apply Responsive Gutters */
/* Add Space Before or After Columns */
/* Reset Span, Spang or Spacer */
/*
-------------
Classes
-------------
*/
ul.row, ol.row, .row {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -12px;
  margin-bottom: -12px;
}
ul.row:after, ol.row:after, .row:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  ul.row, ol.row, .row {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  ul.row, ol.row, .row {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: 1080px) {
  ul.row, ol.row, .row {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
@media only screen and (max-width: large) {
  ul.row, ol.row, .row {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}

.row-basic {
  margin-left: -12px;
  margin-right: -12px;
}
.row-basic:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .row-basic {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .row-basic {
    margin-left: -12px;
    margin-right: -12px;
  }
}

/**
  cross-browser flexbox mixins
*/
/**

  @flex-row

  Creates a wrapper for your columns with a custom gutter:
  @include flex-row(10px);

*/
/**

  @flex-col

  Crates a column with a specified gutter and width

  1.  To create a column 50% wide with a 10px gutter:
      @include flex-col(50%, 10px);

  2.  To create a column 50% wide that responds to 100% wide:
      @include flex-col(50%, 10px);
      @include media-query(800px) {
        @include flex-col(50%);
      }

*/
/**

  @flex-fallback-floats

  floats all things to the left
  pass in $clear-on to clear every x element

  eg. four column tiles should use: 
  @include flex-fallback-floats(4);

*/
/**

  @flex-fallback-table

  turns element in to a table and the children
  in to a table-cell

*/
.word-wrap {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

ol, ul {
  list-style: none;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

* {
  box-sizing: border-box;
}

button {
  -webkit-appearance: inherit;
  -webkit-box-align: inherit;
  -webkit-font-smoothing: subpixel-antialiased;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font: inherit;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-align: inherit;
  text-transform: inherit;
  border-radius: 0;
  overflow: visible;
}

html, body {
  min-height: 100%;
  width: 100%;
}

body {
  scroll-behavior: smooth;
}

html {
  -webkit-font-smoothing: subpixel-antialiased;
}

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
}

img {
  -ms-interpolation-mode: bicubic;
}

hr {
  border: none;
  border-top: 1px solid #E6E6E6;
}

img, embed, object, video, iframe {
  max-width: 100%;
}

img[src*=".svg"] {
  width: 100%;
}

body, .body-type {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.375;
  color: #000;
}

small {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
}

.type--small {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.type--x-small {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
}

.heading-one {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
}
.heading-one em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .heading-one {
    font-size: 28px;
  }
}

.heading-two {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
}
.heading-two em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .heading-two {
    font-size: 26px;
  }
}

.heading-three {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
}
.heading-three em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .heading-three {
    font-size: 24px;
  }
}

.heading-four {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
}
.heading-four em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .heading-four {
    font-size: 22px;
  }
}

.heading-five {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
}
.heading-five em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .heading-five {
    font-size: 20px;
  }
}

.heading-six {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
}
.heading-six em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .heading-six {
    font-size: 18px;
  }
}

strong, b, .strong {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

em, i {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: normal;
}

em b, em strong,
i b, i strong,
b i, b em,
strong i, strong em,
.strong i, .strong em,
em .strong, i .strong {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

.type__lower {
  text-transform: lowercase;
}

.no-break {
  white-space: nowrap;
}

.type--grey {
  color: #333333;
}
.type--grey a {
  color: #333333;
  text-decoration-color: #333333;
}
.type--grey a:visited {
  color: #333333;
}
.type--grey a:focus {
  color: #333333;
}
.type--grey a:hover {
  color: #333333;
}
.type--grey a:active {
  color: #333333;
}

.type--primary {
  color: #EF5994;
}

.type--secondary {
  color: #002B97;
}

.type--tertiary {
  color: #FF44B3;
}

.type--success {
  color: #008602;
}

.type--error {
  color: #7F1A2A;
}

.underline-links {
  text-decoration: underline;
}
.underline-links:hover {
  text-decoration: none;
}

.type__cabaret {
  color: #009ED2;
}

.type__kidsfam {
  color: #ED6825;
}

.type__circus {
  color: #36B6A7;
}

.type__comedy {
  color: #BD120F;
}

.type__dance {
  color: #7F4A95;
}

.type__events {
  color: #FEC900;
}

.type__family {
  color: #002B97;
}

.type__film {
  color: #BFC0C0;
}

.type__eandd {
  color: #857835;
}

.type__int {
  color: #8DC026;
}

.type__magic {
  color: #EF5994;
}

.type__music {
  color: #163D86;
}

.type__theatre {
  color: #002B97;
}

.type__visart {
  color: #3E6F1F;
}

.type__workshop {
  color: #832157;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a, button {
  text-decoration: none;
  color: #000;
  text-decoration: underline;
  text-decoration-color: #F7ACC9;
  text-decoration-thickness: 2px;
}
a:hover, button:hover {
  text-decoration: underline;
}
a:visited, button:visited {
  color: #000;
}
a:focus, button:focus {
  color: #000;
}

.button {
  text-decoration: none;
}

.no-decoration {
  text-decoration: none !important;
}
.no-decoration a, .no-decoration button {
  text-decoration: none !important;
}

th {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

[type=text], [type=password], [type=date], [type=datetime],
[type=email], [type=number], [type=search], [type=tel], [type=time],
[type=url], textarea {
  font-size: 16px;
  line-height: 1.375;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
}

.required--star {
  color: red;
}

.content-lists ul,
ul.content-lists {
  margin-left: 2em;
  margin-bottom: 28px;
}
.content-lists ul li,
ul.content-lists li {
  list-style: disc;
}

.content-lists ol,
ol.content-lists {
  margin-left: 2em;
  margin-bottom: 28px;
}
.content-lists ol li,
ol.content-lists li {
  list-style: decimal;
}

.content-spacing-classes p {
  margin-top: 16px;
  margin-bottom: 16px;
}
.content-spacing-classes p:first-child {
  margin-top: 0;
}
.content-spacing-classes p:last-child {
  margin-bottom: 0;
}
.content-spacing-classes .heading-one {
  margin-top: 32px;
  margin-bottom: 32px;
}
.content-spacing-classes .heading-one:first-child {
  margin-top: 0;
}
.content-spacing-classes .heading-one:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .content-spacing-classes .heading-one {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.content-spacing-classes .heading-two {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-spacing-classes .heading-two:first-child {
  margin-top: 0;
}
.content-spacing-classes .heading-two:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .content-spacing-classes .heading-two {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.content-spacing-classes .heading-three {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-spacing-classes .heading-three:first-child {
  margin-top: 0;
}
.content-spacing-classes .heading-three:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .content-spacing-classes .heading-three {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.content-spacing-classes .heading-four {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-spacing-classes .heading-four:first-child {
  margin-top: 0;
}
.content-spacing-classes .heading-four:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .content-spacing-classes .heading-four {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.content-spacing-classes .embed__issuu, .content-spacing-classes .issuuembed {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-spacing-classes .embed__issuu:first-child, .content-spacing-classes .issuuembed:first-child {
  margin-top: 0;
}
.content-spacing-classes .embed__issuu:last-child, .content-spacing-classes .issuuembed:last-child {
  margin-bottom: 0;
}

.normal-spacing p,
.content-spacing p {
  margin-top: 16px;
  margin-bottom: 16px;
}
.normal-spacing p:first-child,
.content-spacing p:first-child {
  margin-top: 0;
}
.normal-spacing p:last-child,
.content-spacing p:last-child {
  margin-bottom: 0;
}
.normal-spacing h1,
.content-spacing h1 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.normal-spacing h1:first-child,
.content-spacing h1:first-child {
  margin-top: 0;
}
.normal-spacing h1:last-child,
.content-spacing h1:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .normal-spacing h1,
  .content-spacing h1 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.normal-spacing h2,
.content-spacing h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.normal-spacing h2:first-child,
.content-spacing h2:first-child {
  margin-top: 0;
}
.normal-spacing h2:last-child,
.content-spacing h2:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .normal-spacing h2,
  .content-spacing h2 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.normal-spacing h3,
.content-spacing h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.normal-spacing h3:first-child,
.content-spacing h3:first-child {
  margin-top: 0;
}
.normal-spacing h3:last-child,
.content-spacing h3:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .normal-spacing h3,
  .content-spacing h3 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.normal-spacing h4,
.content-spacing h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.normal-spacing h4:first-child,
.content-spacing h4:first-child {
  margin-top: 0;
}
.normal-spacing h4:last-child,
.content-spacing h4:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .normal-spacing h4,
  .content-spacing h4 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.normal-spacing .embed__issuu, .normal-spacing .issuuembed,
.content-spacing .embed__issuu,
.content-spacing .issuuembed {
  margin-top: 20px;
  margin-bottom: 20px;
}
.normal-spacing .embed__issuu:first-child, .normal-spacing .issuuembed:first-child,
.content-spacing .embed__issuu:first-child,
.content-spacing .issuuembed:first-child {
  margin-top: 0;
}
.normal-spacing .embed__issuu:last-child, .normal-spacing .issuuembed:last-child,
.content-spacing .embed__issuu:last-child,
.content-spacing .issuuembed:last-child {
  margin-bottom: 0;
}

.normal-headings h1,
.content-headings h1 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
}
.normal-headings h1 em,
.content-headings h1 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .normal-headings h1,
  .content-headings h1 {
    font-size: 28px;
  }
}
.normal-headings h2,
.content-headings h2 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
}
.normal-headings h2 em,
.content-headings h2 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .normal-headings h2,
  .content-headings h2 {
    font-size: 26px;
  }
}
.normal-headings h3,
.content-headings h3 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
}
.normal-headings h3 em,
.content-headings h3 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .normal-headings h3,
  .content-headings h3 {
    font-size: 24px;
  }
}
.normal-headings h4,
.content-headings h4 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
}
.normal-headings h4 em,
.content-headings h4 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .normal-headings h4,
  .content-headings h4 {
    font-size: 22px;
  }
}
.normal-headings h5,
.content-headings h5 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
}
.normal-headings h5 em,
.content-headings h5 em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .normal-headings h5,
  .content-headings h5 {
    font-size: 20px;
  }
}
.normal-headings h6,
.content-headings h6 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
}
.normal-headings h6 em,
.content-headings h6 em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .normal-headings h6,
  .content-headings h6 {
    font-size: 18px;
  }
}

.content p {
  margin-top: 16px;
  margin-bottom: 16px;
}
.content p:first-child {
  margin-top: 0;
}
.content p:last-child {
  margin-bottom: 0;
}
.content h1 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.content h1:first-child {
  margin-top: 0;
}
.content h1:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .content h1 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.content h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content h2:first-child {
  margin-top: 0;
}
.content h2:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .content h2 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.content h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content h3:first-child {
  margin-top: 0;
}
.content h3:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .content h3 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.content h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content h4:first-child {
  margin-top: 0;
}
.content h4:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .content h4 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.content .embed__issuu, .content .issuuembed {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content .embed__issuu:first-child, .content .issuuembed:first-child {
  margin-top: 0;
}
.content .embed__issuu:last-child, .content .issuuembed:last-child {
  margin-bottom: 0;
}
.content h1 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
}
.content h1 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .content h1 {
    font-size: 28px;
  }
}
.content h2 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
}
.content h2 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .content h2 {
    font-size: 26px;
  }
}
.content h3 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
}
.content h3 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .content h3 {
    font-size: 24px;
  }
}
.content h4 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
}
.content h4 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .content h4 {
    font-size: 22px;
  }
}
.content h5 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
}
.content h5 em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .content h5 {
    font-size: 20px;
  }
}
.content h6 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
}
.content h6 em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .content h6 {
    font-size: 18px;
  }
}
.content ul {
  margin-left: 2em;
  margin-bottom: 28px;
}
.content ul li {
  list-style: disc;
}
.content ul:first-child {
  margin-top: 0;
}
.content ul:last-child {
  margin-bottom: 0;
}
.content ol {
  margin-left: 2em;
  margin-bottom: 28px;
}
.content ol li {
  list-style: decimal;
}
.content ol:first-child {
  margin-top: 0;
}
.content ol:last-child {
  margin-bottom: 0;
}
.content img {
  border-radius: 6px;
}
.content img[style*=height] {
  height: auto !important;
}
.content .attachment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.content .attachment--preview {
  display: block;
  flex: 1 0 auto;
}
.content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}
.content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}
.content blockquote {
  padding-left: 32px;
  border-left: 6px solid #B3B3B3;
  margin: 20px 0 32px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: normal;
}

.compressed p {
  margin-top: 8px;
  margin-bottom: 8px;
}
.compressed p:first-child {
  margin-top: 0;
}
.compressed p:last-child {
  margin-bottom: 0;
}
.compressed .heading-one {
  margin-top: 32px;
  margin-bottom: 32px;
}
.compressed .heading-one:first-child {
  margin-top: 0;
}
.compressed .heading-one:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .compressed .heading-one {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.compressed .heading-two {
  margin-top: 20px;
  margin-bottom: 20px;
}
.compressed .heading-two:first-child {
  margin-top: 0;
}
.compressed .heading-two:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .compressed .heading-two {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.compressed .heading-three {
  margin-top: 20px;
  margin-bottom: 20px;
}
.compressed .heading-three:first-child {
  margin-top: 0;
}
.compressed .heading-three:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .compressed .heading-three {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.compressed .heading-four {
  margin-top: 20px;
  margin-bottom: 20px;
}
.compressed .heading-four:first-child {
  margin-top: 0;
}
.compressed .heading-four:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .compressed .heading-four {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.compressed .button-group {
  margin-top: 16px;
  margin-bottom: 16px;
}
.compressed .button-group:first-child {
  margin-top: 0;
}
.compressed .button-group:last-child {
  margin-bottom: 0;
}

.compressed-basic h1, .compressed-basic h2, .compressed-basic h3, .compressed-basic h4, .compressed-basic h5, .compressed-basic h6, .compressed-basic p {
  margin-top: 8px;
  margin-bottom: 8px;
}
.compressed-basic h1:first-child, .compressed-basic h2:first-child, .compressed-basic h3:first-child, .compressed-basic h4:first-child, .compressed-basic h5:first-child, .compressed-basic h6:first-child, .compressed-basic p:first-child {
  margin-top: 0;
}
.compressed-basic h1:last-child, .compressed-basic h2:last-child, .compressed-basic h3:last-child, .compressed-basic h4:last-child, .compressed-basic h5:last-child, .compressed-basic h6:last-child, .compressed-basic p:last-child {
  margin-bottom: 0;
}

.expanded p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.expanded p:first-child {
  margin-top: 0;
}
.expanded p:last-child {
  margin-bottom: 0;
}
.expanded .heading-one {
  margin-top: 32px;
  margin-bottom: 32px;
}
.expanded .heading-one:first-child {
  margin-top: 0;
}
.expanded .heading-one:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .expanded .heading-one {
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.expanded .heading-two {
  margin-top: 20px;
  margin-bottom: 20px;
}
.expanded .heading-two:first-child {
  margin-top: 0;
}
.expanded .heading-two:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .expanded .heading-two {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.expanded .heading-three {
  margin-top: 20px;
  margin-bottom: 20px;
}
.expanded .heading-three:first-child {
  margin-top: 0;
}
.expanded .heading-three:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .expanded .heading-three {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.expanded .heading-four {
  margin-top: 20px;
  margin-bottom: 20px;
}
.expanded .heading-four:first-child {
  margin-top: 0;
}
.expanded .heading-four:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .expanded .heading-four {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.inputs > * + * {
  margin-top: 20px;
}
.inputs label {
  display: inline-block;
}
.inputs + .actions {
  margin-top: 24px;
}

.ads--banner__passive,
.ads--banner {
  display: flex;
  padding: 16px 0;
  text-align: center;
}
.ads--banner__passive > div,
.ads--banner > div {
  margin: 0 auto;
}

.ads--banner__passive {
  background: #E6E6E6;
}

.ads--sidebar {
  margin-top: 32px;
  text-align: center;
}
.ads--sidebar > div {
  margin: 0 auto;
}
.ads--sidebar > div + div {
  margin-top: 32px;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-content-left {
  overflow: hidden;
}
.align-content-left > * {
  float: left;
}

.align-content-center {
  overflow: hidden;
}
.align-content-center > * {
  margin-left: auto;
  margin-right: auto;
}

.align-content-right {
  overflow: hidden;
}
.align-content-right > * {
  float: right;
}

.align-box-left {
  float: left;
}

.align-box-right {
  float: right;
}

.autocomplete {
  max-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr;
  position: relative;
}
.autocomplete .list-group {
  display: block;
  position: absolute;
  top: 95%;
  left: -2px;
  right: -2px;
  z-index: 10;
  overflow-y: auto;
  background: #fff;
  list-style: none;
  padding: unset;
  margin-top: 0 !important;
  max-height: 20rem;
  box-shadow: var(--site-disabled) 0 2px 6px 0px;
  border: 2px solid #000;
}
.autocomplete .list-group[hidden] {
  display: none;
}
.autocomplete [role=option] {
  text-align: left;
  outline-offset: -4px;
  position: relative;
  padding: 0.5rem 12px;
  background: #fff;
  cursor: pointer;
  display: flex;
  column-gap: 1rem;
  line-height: 1.5rem;
  fill: var(--site-primary-dark);
  border: 1px solid #ffecf7;
}
.autocomplete [role=option] .icon {
  flex-shrink: 0;
}
.autocomplete ul > li[role=option] > * {
  display: unset !important;
  min-height: unset !important;
}
.autocomplete ul > li[role=option] > .autocomplete-result {
  display: flex !important;
  flex-direction: row;
}
.autocomplete ul > li[role=option] > .autocomplete-result img {
  width: auto;
  height: 1rem;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 1100px) {
  .autocomplete ul > li[role=option] > .autocomplete-result img {
    position: relative;
    top: 3px;
  }
}
.autocomplete [role=option]:hover, .autocomplete .active {
  background-color: #ffecf7;
}
.autocomplete .autocomplete-hint-wrapper {
  position: relative;
}
.autocomplete .autocomplete-hint-wrapper .list-group {
  top: 0;
}
.autocomplete .autocomplete-result-count {
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid var(--input-border);
}
.autocomplete mark {
  background-color: unset;
  font-weight: bold;
}

.bank-sa--image img {
  width: 100%;
  display: block;
}

.bank-sa--content .heading-one {
  margin-top: 0;
  margin-bottom: 16px;
  text-transform: none;
  color: #FF44B3;
}

.bank-sa--receipt {
  background-color: #0D295B !important;
  color: #fff;
}
.bank-sa--receipt a, .bank-sa--receipt .button {
  color: #fff;
}
.bank-sa--receipt a:visited, .bank-sa--receipt .button:visited {
  color: #fff;
}
.bank-sa--receipt a:focus, .bank-sa--receipt .button:focus {
  color: #fff;
}
.bank-sa--receipt a:hover, .bank-sa--receipt .button:hover {
  color: #fff;
}
.bank-sa--receipt a:active, .bank-sa--receipt .button:active {
  color: #fff;
}

.bank-sa--receipt-row {
  margin-top: 24px !important;
  display: flex;
}
.bank-sa--receipt-row .content {
  flex-grow: 1;
  flex-basis: 0;
}
.bank-sa--receipt-row .content img {
  width: 254px;
  height: 155px;
}
@media only screen and (max-width: 1100px) {
  .bank-sa--receipt-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bank-sa--receipt-row .content + .content {
    margin-top: 24px !important;
  }
}

.environment-development:after {
  position: fixed;
  bottom: 0;
  right: 0;
  content: "no breakpoint";
  background: #ccc;
  padding: 4px;
  font-size: 10px;
  z-index: 9050;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1080px) {
  .environment-development:after {
    content: "breakpoint-large (1080px)";
  }
}
@media only screen and (max-width: 935px) {
  .environment-development:after {
    content: "breakpoint-medium (935px)";
  }
}
@media only screen and (max-width: 780px) {
  .environment-development:after {
    content: "breakpoint-small (780px)";
  }
}
@media only screen and (max-width: 620px) {
  .environment-development:after {
    content: "breakpoint-tiny (620px)";
  }
}
@media only screen and (max-width: 320px) {
  .environment-development:after {
    content: "less than 320";
  }
}

.button, .event--actions .action, .button__buytix,
.button-buy-tix, .button__secondary__line, .button__line, .button__secondary {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
}
.button:visited, .event--actions .action:visited, .button__buytix:visited,
.button-buy-tix:visited, .button__secondary__line:visited, .button__line:visited, .button__secondary:visited {
  color: white;
}
.button:focus, .event--actions .action:focus, .button__buytix:focus,
.button-buy-tix:focus, .button__secondary__line:focus, .button__line:focus, .button__secondary:focus {
  color: white;
}
.button:hover, .event--actions .action:hover, .button__buytix:hover,
.button-buy-tix:hover, .button__secondary__line:hover, .button__line:hover, .button__secondary:hover {
  color: white;
}
.button:active, .event--actions .action:active, .button__buytix:active,
.button-buy-tix:active, .button__secondary__line:active, .button__line:active, .button__secondary:active {
  color: white;
}
.button:hover, .event--actions .action:hover, .button__buytix:hover,
.button-buy-tix:hover, .button__secondary__line:hover, .button__line:hover, .button__secondary:hover {
  text-decoration: none;
}
.button:hover, .event--actions .action:hover, .button__buytix:hover,
.button-buy-tix:hover, .button__secondary__line:hover, .button__line:hover, .button__secondary:hover {
  background-color: #001c64;
}
.button.button__small, .event--actions .button__small.action, .button__small.button__buytix,
.button__small.button-buy-tix, .button__small.button__secondary__line, .button__small.button__line, .button__small.button__secondary {
  padding-left: 12px;
  padding-right: 12px;
}
.button.button__large, .event--actions .button__large.action, .button__large.button__buytix,
.button__large.button-buy-tix, .button__large.button__secondary__line, .button__large.button__line, .button__large.button__secondary {
  padding: 16px 24px;
}

.button__secondary {
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button__secondary:hover {
  background-color: #002071;
}

.button__keep-shopping {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: #fff;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  color: #000;
  border: 0.2rem solid #000;
}
.button__keep-shopping:visited {
  color: white;
}
.button__keep-shopping:focus {
  color: white;
}
.button__keep-shopping:hover {
  color: white;
}
.button__keep-shopping:active {
  color: white;
}
.button__keep-shopping:hover {
  text-decoration: none;
}
.button__keep-shopping:hover {
  background-color: #001c64;
}
.button__keep-shopping.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__keep-shopping.button__large {
  padding: 16px 24px;
}
.button__keep-shopping:hover {
  background-color: #e6e6e6;
}
.button__keep-shopping:visited {
  color: #000;
}
.button__keep-shopping:focus {
  color: #000;
}
.button__keep-shopping:hover {
  color: #000;
}
.button__keep-shopping:active {
  color: #000;
}

.button__checkout {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: #FFCE00;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  color: #000;
  border: 0.2rem solid #FFCE00;
}
.button__checkout:visited {
  color: white;
}
.button__checkout:focus {
  color: white;
}
.button__checkout:hover {
  color: white;
}
.button__checkout:active {
  color: white;
}
.button__checkout:hover {
  text-decoration: none;
}
.button__checkout:hover {
  background-color: #001c64;
}
.button__checkout.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__checkout.button__large {
  padding: 16px 24px;
}
.button__checkout:hover {
  background-color: #ffda40;
}
.button__checkout:visited {
  color: #000;
}
.button__checkout:focus {
  color: #000;
}
.button__checkout:hover {
  color: #000;
}
.button__checkout:active {
  color: #000;
}
.button__checkout:hover {
  border: 0.2rem solid #ffda40;
}

.button__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #000;
  padding: 9px 16px;
  color: #000;
}
.button__line:visited {
  color: white;
}
.button__line:focus {
  color: white;
}
.button__line:hover {
  color: white;
}
.button__line:active {
  color: white;
}
.button__line:hover {
  text-decoration: none;
}
.button__line:hover {
  background-color: #001c64;
}
.button__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line.button__large {
  padding: 16px 24px;
}
.button__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line:visited {
  color: #000;
}
.button__line:focus {
  color: #000;
}
.button__line:hover {
  color: #000;
}
.button__line:active {
  color: #000;
}
.button__line:hover {
  background-color: transparent;
  border-color: transparent;
}
.button__line:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

.button__secondary__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #002B97;
  padding: 9px 16px;
  color: #002B97;
}
.button__secondary__line:visited {
  color: white;
}
.button__secondary__line:focus {
  color: white;
}
.button__secondary__line:hover {
  color: white;
}
.button__secondary__line:active {
  color: white;
}
.button__secondary__line:hover {
  text-decoration: none;
}
.button__secondary__line:hover {
  background-color: #001c64;
}
.button__secondary__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__secondary__line.button__large {
  padding: 16px 24px;
}
.button__secondary__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__secondary__line:visited {
  color: #002B97;
}
.button__secondary__line:focus {
  color: #002B97;
}
.button__secondary__line:hover {
  color: #002B97;
}
.button__secondary__line:active {
  color: #002B97;
}
.button__secondary__line:hover {
  background-color: transparent;
  border-color: #001c64;
}
.button__secondary__line:hover {
  background: #002B97;
  color: #fff;
}

.button__buytix,
.button-buy-tix {
  color: #000;
  background: #FFCE00;
  border: 2px solid #FFCE00;
}
.button__buytix:visited,
.button-buy-tix:visited {
  color: #000;
}
.button__buytix:focus,
.button-buy-tix:focus {
  color: #000;
}
.button__buytix:hover,
.button-buy-tix:hover {
  color: #000;
}
.button__buytix:active,
.button-buy-tix:active {
  color: #000;
}
.button__buytix:hover,
.button-buy-tix:hover {
  background: #ffda40;
}

.button__cart_checkout {
  margin-top: 2rem;
  background: #FFCE00;
  color: #000;
  fill: #000;
  min-width: 20rem;
  max-width: 100%;
}
.button__cart_checkout:visited {
  color: #000;
}
.button__cart_checkout:focus {
  color: #000;
}
.button__cart_checkout:hover {
  color: #000;
}
.button__cart_checkout:active {
  color: #000;
}
.button__cart_checkout:hover {
  background: #ffda40;
}
@media only screen and (max-width: 1100px) {
  .button__cart_checkout {
    min-width: unset;
    width: 100%;
  }
}

.button__disabled {
  background-color: #B3B3B3;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  color: #fff;
  cursor: not-allowed;
}
.button__disabled:hover {
  background-color: #B3B3B3;
}

.button[data-disabled], .event--actions [data-disabled].action, [data-disabled].button__secondary, [data-disabled].button__line, [data-disabled].button__secondary__line, [data-disabled].button__buytix,
[data-disabled].button-buy-tix,
.button[disabled],
.event--actions [disabled].action,
[disabled].button__secondary,
[disabled].button__line,
[disabled].button__secondary__line,
[disabled].button__buytix,
[disabled].button-buy-tix {
  cursor: not-allowed;
}

.button__full {
  text-align: center;
  width: 100%;
}

.button__icon-flex {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.button__icon-flex svg {
  flex-grow: 0;
  flex-shrink: 0;
}

.button__loader[disabled] {
  color: transparent;
  pointer-events: none;
  background-image: url("/release-20240125/assets/spinners/spinner-20-primary-b280f130d214d8f942ac76f908fa3f1f3dd55782.gif");
  background-position: center;
  background-repeat: no-repeat;
}
.button__loader[disabled].button__secondary {
  background-image: url("/release-20240125/assets/spinners/spinner-20-secondary-d3aa9eebd84e2411a9213b5cbf0e8cebae8415cd.gif");
}
.button__loader[disabled] svg {
  visibility: hidden;
}

[data-turbo=true] .button[disabled], [data-turbo=true] .event--actions [disabled].action, .event--actions [data-turbo=true] [disabled].action, [data-turbo=true] [disabled].button__secondary, [data-turbo=true] [disabled].button__line, [data-turbo=true] [disabled].button__secondary__line, [data-turbo=true] [disabled].button__buytix,
[data-turbo=true] [disabled].button-buy-tix {
  background-image: url("/release-20240125/assets/spinners/spinner-20-primary-b280f130d214d8f942ac76f908fa3f1f3dd55782.gif");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
}

.button-set {
  display: flex;
  gap: 4px;
}

.button__line__cabaret {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #009ED2;
  padding: 9px 16px;
  color: #009ED2;
}
.button__line__cabaret:visited {
  color: white;
}
.button__line__cabaret:focus {
  color: white;
}
.button__line__cabaret:hover {
  color: white;
}
.button__line__cabaret:active {
  color: white;
}
.button__line__cabaret:hover {
  text-decoration: none;
}
.button__line__cabaret:hover {
  background-color: #001c64;
}
.button__line__cabaret.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__cabaret.button__large {
  padding: 16px 24px;
}
.button__line__cabaret.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__cabaret:visited {
  color: #009ED2;
}
.button__line__cabaret:focus {
  color: #009ED2;
}
.button__line__cabaret:hover {
  color: #009ED2;
}
.button__line__cabaret:active {
  color: #009ED2;
}
.button__line__cabaret:hover {
  background-color: transparent;
  border-color: #00789f;
}
.button__line__cabaret:hover {
  background: #00789f;
  color: #fff;
}

.button__line__kidsfam {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #ED6825;
  padding: 9px 16px;
  color: #ED6825;
}
.button__line__kidsfam:visited {
  color: white;
}
.button__line__kidsfam:focus {
  color: white;
}
.button__line__kidsfam:hover {
  color: white;
}
.button__line__kidsfam:active {
  color: white;
}
.button__line__kidsfam:hover {
  text-decoration: none;
}
.button__line__kidsfam:hover {
  background-color: #001c64;
}
.button__line__kidsfam.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__kidsfam.button__large {
  padding: 16px 24px;
}
.button__line__kidsfam.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__kidsfam:visited {
  color: #ED6825;
}
.button__line__kidsfam:focus {
  color: #ED6825;
}
.button__line__kidsfam:hover {
  color: #ED6825;
}
.button__line__kidsfam:active {
  color: #ED6825;
}
.button__line__kidsfam:hover {
  background-color: transparent;
  border-color: #ce5011;
}
.button__line__kidsfam:hover {
  background: #ce5011;
  color: #fff;
}

.button__line__circus {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #36B6A7;
  padding: 9px 16px;
  color: #36B6A7;
}
.button__line__circus:visited {
  color: white;
}
.button__line__circus:focus {
  color: white;
}
.button__line__circus:hover {
  color: white;
}
.button__line__circus:active {
  color: white;
}
.button__line__circus:hover {
  text-decoration: none;
}
.button__line__circus:hover {
  background-color: #001c64;
}
.button__line__circus.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__circus.button__large {
  padding: 16px 24px;
}
.button__line__circus.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__circus:visited {
  color: #36B6A7;
}
.button__line__circus:focus {
  color: #36B6A7;
}
.button__line__circus:hover {
  color: #36B6A7;
}
.button__line__circus:active {
  color: #36B6A7;
}
.button__line__circus:hover {
  background-color: transparent;
  border-color: #2a8f83;
}
.button__line__circus:hover {
  background: #2a8f83;
  color: #fff;
}

.button__line__comedy {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #BD120F;
  padding: 9px 16px;
  color: #BD120F;
}
.button__line__comedy:visited {
  color: white;
}
.button__line__comedy:focus {
  color: white;
}
.button__line__comedy:hover {
  color: white;
}
.button__line__comedy:active {
  color: white;
}
.button__line__comedy:hover {
  text-decoration: none;
}
.button__line__comedy:hover {
  background-color: #001c64;
}
.button__line__comedy.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__comedy.button__large {
  padding: 16px 24px;
}
.button__line__comedy.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__comedy:visited {
  color: #BD120F;
}
.button__line__comedy:focus {
  color: #BD120F;
}
.button__line__comedy:hover {
  color: #BD120F;
}
.button__line__comedy:active {
  color: #BD120F;
}
.button__line__comedy:hover {
  background-color: transparent;
  border-color: #8e0e0b;
}
.button__line__comedy:hover {
  background: #8e0e0b;
  color: #fff;
}

.button__line__dance {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #7F4A95;
  padding: 9px 16px;
  color: #7F4A95;
}
.button__line__dance:visited {
  color: white;
}
.button__line__dance:focus {
  color: white;
}
.button__line__dance:hover {
  color: white;
}
.button__line__dance:active {
  color: white;
}
.button__line__dance:hover {
  text-decoration: none;
}
.button__line__dance:hover {
  background-color: #001c64;
}
.button__line__dance.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__dance.button__large {
  padding: 16px 24px;
}
.button__line__dance.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__dance:visited {
  color: #7F4A95;
}
.button__line__dance:focus {
  color: #7F4A95;
}
.button__line__dance:hover {
  color: #7F4A95;
}
.button__line__dance:active {
  color: #7F4A95;
}
.button__line__dance:hover {
  background-color: transparent;
  border-color: #623973;
}
.button__line__dance:hover {
  background: #623973;
  color: #fff;
}

.button__line__events {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #FEC900;
  padding: 9px 16px;
  color: #FEC900;
}
.button__line__events:visited {
  color: white;
}
.button__line__events:focus {
  color: white;
}
.button__line__events:hover {
  color: white;
}
.button__line__events:active {
  color: white;
}
.button__line__events:hover {
  text-decoration: none;
}
.button__line__events:hover {
  background-color: #001c64;
}
.button__line__events.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__events.button__large {
  padding: 16px 24px;
}
.button__line__events.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__events:visited {
  color: #FEC900;
}
.button__line__events:focus {
  color: #FEC900;
}
.button__line__events:hover {
  color: #FEC900;
}
.button__line__events:active {
  color: #FEC900;
}
.button__line__events:hover {
  background-color: transparent;
  border-color: #cba100;
}
.button__line__events:hover {
  background: #cba100;
  color: #fff;
}

.button__line__family {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #002B97;
  padding: 9px 16px;
  color: #002B97;
}
.button__line__family:visited {
  color: white;
}
.button__line__family:focus {
  color: white;
}
.button__line__family:hover {
  color: white;
}
.button__line__family:active {
  color: white;
}
.button__line__family:hover {
  text-decoration: none;
}
.button__line__family:hover {
  background-color: #001c64;
}
.button__line__family.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__family.button__large {
  padding: 16px 24px;
}
.button__line__family.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__family:visited {
  color: #002B97;
}
.button__line__family:focus {
  color: #002B97;
}
.button__line__family:hover {
  color: #002B97;
}
.button__line__family:active {
  color: #002B97;
}
.button__line__family:hover {
  background-color: transparent;
  border-color: #001c64;
}
.button__line__family:hover {
  background: #001c64;
  color: #fff;
}

.button__line__film {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #BFC0C0;
  padding: 9px 16px;
  color: #BFC0C0;
}
.button__line__film:visited {
  color: white;
}
.button__line__film:focus {
  color: white;
}
.button__line__film:hover {
  color: white;
}
.button__line__film:active {
  color: white;
}
.button__line__film:hover {
  text-decoration: none;
}
.button__line__film:hover {
  background-color: #001c64;
}
.button__line__film.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__film.button__large {
  padding: 16px 24px;
}
.button__line__film.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__film:visited {
  color: #BFC0C0;
}
.button__line__film:focus {
  color: #BFC0C0;
}
.button__line__film:hover {
  color: #BFC0C0;
}
.button__line__film:active {
  color: #BFC0C0;
}
.button__line__film:hover {
  background-color: transparent;
  border-color: #a5a7a7;
}
.button__line__film:hover {
  background: #a5a7a7;
  color: #fff;
}

.button__line__eandd {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #857835;
  padding: 9px 16px;
  color: #857835;
}
.button__line__eandd:visited {
  color: white;
}
.button__line__eandd:focus {
  color: white;
}
.button__line__eandd:hover {
  color: white;
}
.button__line__eandd:active {
  color: white;
}
.button__line__eandd:hover {
  text-decoration: none;
}
.button__line__eandd:hover {
  background-color: #001c64;
}
.button__line__eandd.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__eandd.button__large {
  padding: 16px 24px;
}
.button__line__eandd.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__eandd:visited {
  color: #857835;
}
.button__line__eandd:focus {
  color: #857835;
}
.button__line__eandd:hover {
  color: #857835;
}
.button__line__eandd:active {
  color: #857835;
}
.button__line__eandd:hover {
  background-color: transparent;
  border-color: #615726;
}
.button__line__eandd:hover {
  background: #615726;
  color: #fff;
}

.button__line__int {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #8DC026;
  padding: 9px 16px;
  color: #8DC026;
}
.button__line__int:visited {
  color: white;
}
.button__line__int:focus {
  color: white;
}
.button__line__int:hover {
  color: white;
}
.button__line__int:active {
  color: white;
}
.button__line__int:hover {
  text-decoration: none;
}
.button__line__int:hover {
  background-color: #001c64;
}
.button__line__int.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__int.button__large {
  padding: 16px 24px;
}
.button__line__int.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__int:visited {
  color: #8DC026;
}
.button__line__int:focus {
  color: #8DC026;
}
.button__line__int:hover {
  color: #8DC026;
}
.button__line__int:active {
  color: #8DC026;
}
.button__line__int:hover {
  background-color: transparent;
  border-color: #6e951e;
}
.button__line__int:hover {
  background: #6e951e;
  color: #fff;
}

.button__line__magic {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #EF5994;
  padding: 9px 16px;
  color: #EF5994;
}
.button__line__magic:visited {
  color: white;
}
.button__line__magic:focus {
  color: white;
}
.button__line__magic:hover {
  color: white;
}
.button__line__magic:active {
  color: white;
}
.button__line__magic:hover {
  text-decoration: none;
}
.button__line__magic:hover {
  background-color: #001c64;
}
.button__line__magic.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__magic.button__large {
  padding: 16px 24px;
}
.button__line__magic.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__magic:visited {
  color: #EF5994;
}
.button__line__magic:focus {
  color: #EF5994;
}
.button__line__magic:hover {
  color: #EF5994;
}
.button__line__magic:active {
  color: #EF5994;
}
.button__line__magic:hover {
  background-color: transparent;
  border-color: #eb2a76;
}
.button__line__magic:hover {
  background: #eb2a76;
  color: #fff;
}

.button__line__music {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #163D86;
  padding: 9px 16px;
  color: #163D86;
}
.button__line__music:visited {
  color: white;
}
.button__line__music:focus {
  color: white;
}
.button__line__music:hover {
  color: white;
}
.button__line__music:active {
  color: white;
}
.button__line__music:hover {
  text-decoration: none;
}
.button__line__music:hover {
  background-color: #001c64;
}
.button__line__music.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__music.button__large {
  padding: 16px 24px;
}
.button__line__music.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__music:visited {
  color: #163D86;
}
.button__line__music:focus {
  color: #163D86;
}
.button__line__music:hover {
  color: #163D86;
}
.button__line__music:active {
  color: #163D86;
}
.button__line__music:hover {
  background-color: transparent;
  border-color: #0f295a;
}
.button__line__music:hover {
  background: #0f295a;
  color: #fff;
}

.button__line__theatre {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #002B97;
  padding: 9px 16px;
  color: #002B97;
}
.button__line__theatre:visited {
  color: white;
}
.button__line__theatre:focus {
  color: white;
}
.button__line__theatre:hover {
  color: white;
}
.button__line__theatre:active {
  color: white;
}
.button__line__theatre:hover {
  text-decoration: none;
}
.button__line__theatre:hover {
  background-color: #001c64;
}
.button__line__theatre.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__theatre.button__large {
  padding: 16px 24px;
}
.button__line__theatre.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__theatre:visited {
  color: #002B97;
}
.button__line__theatre:focus {
  color: #002B97;
}
.button__line__theatre:hover {
  color: #002B97;
}
.button__line__theatre:active {
  color: #002B97;
}
.button__line__theatre:hover {
  background-color: transparent;
  border-color: #001c64;
}
.button__line__theatre:hover {
  background: #001c64;
  color: #fff;
}

.button__line__visart {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #3E6F1F;
  padding: 9px 16px;
  color: #3E6F1F;
}
.button__line__visart:visited {
  color: white;
}
.button__line__visart:focus {
  color: white;
}
.button__line__visart:hover {
  color: white;
}
.button__line__visart:active {
  color: white;
}
.button__line__visart:hover {
  text-decoration: none;
}
.button__line__visart:hover {
  background-color: #001c64;
}
.button__line__visart.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__visart.button__large {
  padding: 16px 24px;
}
.button__line__visart.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__visart:visited {
  color: #3E6F1F;
}
.button__line__visart:focus {
  color: #3E6F1F;
}
.button__line__visart:hover {
  color: #3E6F1F;
}
.button__line__visart:active {
  color: #3E6F1F;
}
.button__line__visart:hover {
  background-color: transparent;
  border-color: #284714;
}
.button__line__visart:hover {
  background: #284714;
  color: #fff;
}

.button__line__workshop {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #832157;
  padding: 9px 16px;
  color: #832157;
}
.button__line__workshop:visited {
  color: white;
}
.button__line__workshop:focus {
  color: white;
}
.button__line__workshop:hover {
  color: white;
}
.button__line__workshop:active {
  color: white;
}
.button__line__workshop:hover {
  text-decoration: none;
}
.button__line__workshop:hover {
  background-color: #001c64;
}
.button__line__workshop.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__workshop.button__large {
  padding: 16px 24px;
}
.button__line__workshop.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__line__workshop:visited {
  color: #832157;
}
.button__line__workshop:focus {
  color: #832157;
}
.button__line__workshop:hover {
  color: #832157;
}
.button__line__workshop:active {
  color: #832157;
}
.button__line__workshop:hover {
  background-color: transparent;
  border-color: #5a173c;
}
.button__line__workshop:hover {
  background: #5a173c;
  color: #fff;
}

.button__facebook__line svg,
.button__facebook_event__line svg,
.button__twitter__line svg,
.button__youtube__line svg,
.button__instagram__line svg,
.button__mailing_list__line svg,
.button__tiktok__line svg,
.button__website__line svg {
  display: block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.button__facebook__line svg path,
.button__facebook_event__line svg path,
.button__twitter__line svg path,
.button__youtube__line svg path,
.button__instagram__line svg path,
.button__mailing_list__line svg path,
.button__tiktok__line svg path,
.button__website__line svg path {
  fill: #696969;
}

.button__social__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #696969;
  padding: 9px 16px;
  color: #696969;
}
.button__social__line:visited {
  color: white;
}
.button__social__line:focus {
  color: white;
}
.button__social__line:hover {
  color: white;
}
.button__social__line:active {
  color: white;
}
.button__social__line:hover {
  text-decoration: none;
}
.button__social__line:hover {
  background-color: #001c64;
}
.button__social__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__social__line.button__large {
  padding: 16px 24px;
}
.button__social__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__social__line:visited {
  color: #696969;
}
.button__social__line:focus {
  color: #696969;
}
.button__social__line:hover {
  color: #002B97;
}
.button__social__line:active {
  color: #002B97;
}
.button__social__line:hover {
  background-color: transparent;
  border-color: #002B97;
}

.button__facebook__line,
.button__facebook_event__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #696969;
  padding: 9px 16px;
  color: #696969;
}
.button__facebook__line:visited,
.button__facebook_event__line:visited {
  color: white;
}
.button__facebook__line:focus,
.button__facebook_event__line:focus {
  color: white;
}
.button__facebook__line:hover,
.button__facebook_event__line:hover {
  color: white;
}
.button__facebook__line:active,
.button__facebook_event__line:active {
  color: white;
}
.button__facebook__line:hover,
.button__facebook_event__line:hover {
  text-decoration: none;
}
.button__facebook__line:hover,
.button__facebook_event__line:hover {
  background-color: #001c64;
}
.button__facebook__line.button__small,
.button__facebook_event__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__facebook__line.button__large,
.button__facebook_event__line.button__large {
  padding: 16px 24px;
}
.button__facebook__line.button__small,
.button__facebook_event__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__facebook__line:visited,
.button__facebook_event__line:visited {
  color: #696969;
}
.button__facebook__line:focus,
.button__facebook_event__line:focus {
  color: #696969;
}
.button__facebook__line:hover,
.button__facebook_event__line:hover {
  color: #3b5998;
}
.button__facebook__line:active,
.button__facebook_event__line:active {
  color: #3b5998;
}
.button__facebook__line:hover,
.button__facebook_event__line:hover {
  background-color: transparent;
  border-color: #3b5998;
}
.button__facebook__line:hover path,
.button__facebook_event__line:hover path {
  fill: #3b5998;
}
.button__facebook__line svg,
.button__facebook_event__line svg {
  width: 11px;
}

.button__twitter__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #696969;
  padding: 9px 16px;
  color: #696969;
}
.button__twitter__line:visited {
  color: white;
}
.button__twitter__line:focus {
  color: white;
}
.button__twitter__line:hover {
  color: white;
}
.button__twitter__line:active {
  color: white;
}
.button__twitter__line:hover {
  text-decoration: none;
}
.button__twitter__line:hover {
  background-color: #001c64;
}
.button__twitter__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__twitter__line.button__large {
  padding: 16px 24px;
}
.button__twitter__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__twitter__line:visited {
  color: #696969;
}
.button__twitter__line:focus {
  color: #696969;
}
.button__twitter__line:hover {
  color: #44ccf6;
}
.button__twitter__line:active {
  color: #44ccf6;
}
.button__twitter__line:hover {
  background-color: transparent;
  border-color: #44ccf6;
}
.button__twitter__line:hover path {
  fill: #44ccf6;
}

.button__website__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #696969;
  padding: 9px 16px;
  color: #696969;
}
.button__website__line:visited {
  color: white;
}
.button__website__line:focus {
  color: white;
}
.button__website__line:hover {
  color: white;
}
.button__website__line:active {
  color: white;
}
.button__website__line:hover {
  text-decoration: none;
}
.button__website__line:hover {
  background-color: #001c64;
}
.button__website__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__website__line.button__large {
  padding: 16px 24px;
}
.button__website__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__website__line:visited {
  color: #696969;
}
.button__website__line:focus {
  color: #696969;
}
.button__website__line:hover {
  color: #002B97;
}
.button__website__line:active {
  color: #002B97;
}
.button__website__line:hover {
  background-color: transparent;
  border-color: #002B97;
}
.button__website__line:hover path {
  fill: #002B97;
}

.button__youtube__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #696969;
  padding: 9px 16px;
  color: #696969;
}
.button__youtube__line:visited {
  color: white;
}
.button__youtube__line:focus {
  color: white;
}
.button__youtube__line:hover {
  color: white;
}
.button__youtube__line:active {
  color: white;
}
.button__youtube__line:hover {
  text-decoration: none;
}
.button__youtube__line:hover {
  background-color: #001c64;
}
.button__youtube__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__youtube__line.button__large {
  padding: 16px 24px;
}
.button__youtube__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__youtube__line:visited {
  color: #696969;
}
.button__youtube__line:focus {
  color: #696969;
}
.button__youtube__line:hover {
  color: #FF0000;
}
.button__youtube__line:active {
  color: #FF0000;
}
.button__youtube__line:hover {
  background-color: transparent;
  border-color: #FF0000;
}
.button__youtube__line:hover path {
  fill: #FF0000;
}

.button__instagram__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #696969;
  padding: 9px 16px;
  color: #696969;
}
.button__instagram__line:visited {
  color: white;
}
.button__instagram__line:focus {
  color: white;
}
.button__instagram__line:hover {
  color: white;
}
.button__instagram__line:active {
  color: white;
}
.button__instagram__line:hover {
  text-decoration: none;
}
.button__instagram__line:hover {
  background-color: #001c64;
}
.button__instagram__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__instagram__line.button__large {
  padding: 16px 24px;
}
.button__instagram__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__instagram__line:visited {
  color: #696969;
}
.button__instagram__line:focus {
  color: #696969;
}
.button__instagram__line:hover {
  color: #833AB4;
}
.button__instagram__line:active {
  color: #833AB4;
}
.button__instagram__line:hover {
  background-color: transparent;
  border-color: #833AB4;
}
.button__instagram__line:hover path {
  fill: #833AB4;
}

.button__mailing_list__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #696969;
  padding: 9px 16px;
  color: #696969;
}
.button__mailing_list__line:visited {
  color: white;
}
.button__mailing_list__line:focus {
  color: white;
}
.button__mailing_list__line:hover {
  color: white;
}
.button__mailing_list__line:active {
  color: white;
}
.button__mailing_list__line:hover {
  text-decoration: none;
}
.button__mailing_list__line:hover {
  background-color: #001c64;
}
.button__mailing_list__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__mailing_list__line.button__large {
  padding: 16px 24px;
}
.button__mailing_list__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__mailing_list__line:visited {
  color: #696969;
}
.button__mailing_list__line:focus {
  color: #696969;
}
.button__mailing_list__line:hover {
  color: #EF5994;
}
.button__mailing_list__line:active {
  color: #EF5994;
}
.button__mailing_list__line:hover {
  background-color: transparent;
  border-color: #EF5994;
}
.button__mailing_list__line:hover path {
  fill: #EF5994;
}

.button__tiktok__line {
  position: relative;
  padding: 11px 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: white;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  background-color: #002B97;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  border: none;
  background-color: transparent;
  border: 2px solid #696969;
  padding: 9px 16px;
  color: #696969;
}
.button__tiktok__line:visited {
  color: white;
}
.button__tiktok__line:focus {
  color: white;
}
.button__tiktok__line:hover {
  color: white;
}
.button__tiktok__line:active {
  color: white;
}
.button__tiktok__line:hover {
  text-decoration: none;
}
.button__tiktok__line:hover {
  background-color: #001c64;
}
.button__tiktok__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__tiktok__line.button__large {
  padding: 16px 24px;
}
.button__tiktok__line.button__small {
  padding-left: 12px;
  padding-right: 12px;
}
.button__tiktok__line:visited {
  color: #696969;
}
.button__tiktok__line:focus {
  color: #696969;
}
.button__tiktok__line:hover {
  color: #65C3C9;
}
.button__tiktok__line:active {
  color: #65C3C9;
}
.button__tiktok__line:hover {
  background-color: transparent;
  border-color: #65C3C9;
}
.button__tiktok__line:hover path {
  fill: #65C3C9;
}

.button__count {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  transform: translate(25%, -25%);
  background: #002B97;
  border: 1px solid #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  border-radius: 50%;
  text-indent: 0;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  color: white;
  text-decoration: none;
}
.button__count:visited {
  color: white;
}
.button__count:focus {
  color: white;
}
.button__count:hover {
  color: white;
}
.button__count:active {
  color: white;
}
.button__count:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1100px) {
  .button__count {
    top: -4px;
    right: -3px;
  }
}

.basic-search {
  background: #002B97;
  padding-block: 1.5rem;
}
.basic-search .basic-search--panel {
  background: white;
  padding: 1.5rem;
  border-radius: 6px;
}
.basic-search .basic-search--panel > * + * {
  margin-top: 1rem;
}

.calendar {
  background-color: #e6eaf5;
}

.calendar--header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.25rem;
  padding: 0;
  font-weight: normal;
}
.calendar--header > div {
  flex-grow: 1;
  text-align: center;
  align-content: center;
  display: grid;
}

.calendar--month-header {
  text-align: center;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  font-size: 90%;
}

.calendar--days-of-month {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.25rem;
  user-select: none;
}
.calendar--days-of-month > div {
  display: grid;
  align-content: center;
  text-align: center;
  height: 2.5rem;
}
.calendar--days-of-month > div label {
  height: 2.5rem;
  align-content: center;
}
.calendar--days-of-month > div span {
  height: 2.5rem;
  align-content: center;
  display: grid;
}
.calendar--days-of-month > div.empty-day {
  background-color: unset;
}

.calendar--dates input[type=checkbox] {
  display: none;
}
.calendar--dates input:checked + span {
  font-weight: bold;
  background-color: #002B97;
  color: white;
  border-radius: 6px;
}
.calendar--dates label {
  display: grid;
}

.calendar--date {
  border-radius: 6px;
  color: #B3B3B3;
  font-weight: 300;
  overflow: hidden;
}
.calendar--date.available {
  color: #000;
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2509803922);
}
.calendar--date.fringe-date {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.2509803922);
}
.calendar--date.fringe-date.available {
  color: #000;
}
.calendar--date.sold-out {
  background-color: #d48c8c;
  color: rgba(0, 0, 0, 0.1450980392);
}

.card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #FF44B3;
  align-items: unset !important;
  background: #fff;
  --link-color: #000;
  --link-hover-color: #000;
}
.card > a {
  text-decoration: none;
}
.card:hover {
  box-shadow: 0 5px 15px rgba(31, 41, 55, 0.2), 0 0 6px rgba(31, 41, 55, 0.1);
}
.card .card--link {
  text-decoration: none;
  background: #fff;
  flex-grow: 1;
}
.card .card--link:hover {
  text-decoration: none;
}
.card .card--content {
  display: flex;
  position: relative;
  padding: 16px;
  flex-direction: column;
  row-gap: 8px;
}
.card .card--content > .title {
  display: block;
  cursor: pointer;
  font-size: 18px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .card .card--content > .title {
    font-size: 16px;
  }
}

.card .square-image {
  display: none;
}
.card .wide-image {
  display: block;
  aspect-ratio: 3/1;
}
.card .card--content {
  min-height: 6.75rem;
}
.card .card--link {
  display: flex;
  flex-direction: column;
  align-items: unset;
}
.card[data-layout=horizontal] {
  margin: 1rem 1.5rem 0 1.5rem;
}
.card[data-layout=horizontal] .square-image {
  display: block;
  aspect-ratio: 1/1;
  margin: 0.75rem 0 0.75rem 0.75rem;
  flex-basis: 100px;
}
.card[data-layout=horizontal] .wide-image {
  display: none;
}
.card[data-layout=horizontal] .card--content {
  flex: 3;
  padding: 0.75rem;
}
.card[data-layout=horizontal] .card--link {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media only screen and (max-width: 1100px) {
  .card {
    margin: 1rem 1.5rem 0 1.5rem;
  }
  .card .square-image {
    display: block;
    aspect-ratio: 1/1;
    margin: 0.75rem 0 0.75rem 0.75rem;
    flex-basis: 100px;
  }
  .card .wide-image {
    display: none;
  }
  .card .card--content {
    flex: 3;
    padding: 0.75rem;
  }
  .card .card--link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
}

div[role=aside-container] aside .card {
  margin: 1rem 1.5rem 0 1.5rem;
}
@media only screen and (max-width: 1100px) {
  div[role=aside-container] aside .card .square-image {
    display: none;
  }
  div[role=aside-container] aside .card .wide-image {
    display: block;
    aspect-ratio: 3/1;
  }
  div[role=aside-container] aside .card .card--content {
    min-height: 6.75rem;
  }
  div[role=aside-container] aside .card .card--link {
    display: flex;
    flex-direction: column;
    align-items: unset;
  }
  div[role=aside-container] aside .card[data-layout=horizontal] {
    margin: 1rem 1.5rem 0 1.5rem;
  }
  div[role=aside-container] aside .card[data-layout=horizontal] .square-image {
    display: block;
    aspect-ratio: 1/1;
    margin: 0.75rem 0 0.75rem 0.75rem;
    flex-basis: 100px;
  }
  div[role=aside-container] aside .card[data-layout=horizontal] .wide-image {
    display: none;
  }
  div[role=aside-container] aside .card[data-layout=horizontal] .card--content {
    flex: 3;
    padding: 0.75rem;
  }
  div[role=aside-container] aside .card[data-layout=horizontal] .card--link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 780px) {
  div[role=aside-container] aside .card {
    margin: 1rem 1.5rem 0 1.5rem;
  }
  div[role=aside-container] aside .card .square-image {
    display: block;
    aspect-ratio: 1/1;
    margin: 0.75rem 0 0.75rem 0.75rem;
    flex-basis: 100px;
  }
  div[role=aside-container] aside .card .wide-image {
    display: none;
  }
  div[role=aside-container] aside .card .card--content {
    flex: 3;
    padding: 0.75rem;
  }
  div[role=aside-container] aside .card .card--link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 780px) {
  .columns-container > .column > .content-item.content_card {
    padding-inline: 0 !important;
  }
}

nav .card .wide-image,
nav .card .square-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page__katalyst-content .content-item.content_card {
  background-color: transparent;
}
.page__katalyst-content .content-item.content_card .card {
  margin: 0 !important;
}
@media only screen and (min-width: 1101px) {
  .page__katalyst-content .content-item.content_card .card {
    max-width: 36rem;
  }
}
.page__katalyst-content .content-item.content_card .card img {
  width: 100%;
  height: 100%;
}
.page__katalyst-content .content-item.content_card .card .square-image {
  width: 100px;
}
.page__katalyst-content .content-item.content_card .card .trix-content {
  margin-left: 0;
}

.carts--item,
.carts--header {
  display: grid;
  grid-template: "details form" "messages messages" auto/1fr 1fr;
  grid-gap: 0 1rem;
  padding: 1.5rem 0;
}
@media only screen and (max-width: 1100px) {
  .carts--item,
  .carts--header {
    grid-template: "details" "form" "messages" auto/auto;
  }
}
.carts--item .carts--item-details,
.carts--header .carts--item-details {
  grid-area: details;
}
.carts--item .carts--item-form,
.carts--header .carts--item-form {
  grid-area: form;
}
@media only screen and (max-width: 1100px) {
  .carts--item .carts--item-form,
  .carts--header .carts--item-form {
    margin-top: 2rem;
  }
}
.carts--item .carts--item-messages,
.carts--header .carts--item-messages {
  grid-area: messages;
  margin: 1rem 0;
}
.carts--item .carts--item-messages .message,
.carts--header .carts--item-messages .message {
  background-color: #E6E6E6;
  border-radius: 4px;
  padding: 0.5rem 1rem;
}
.carts--item .carts--item-messages .message + .message,
.carts--header .carts--item-messages .message + .message {
  margin-top: 0.25rem;
}

.carts--header {
  border-bottom: 1px solid #E6E6E6;
  padding-block: 0 0.5rem;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  font-weight: bold;
}
.carts--header .carts--item-details {
  padding: 0;
}
@media only screen and (max-width: 1100px) {
  .carts--header {
    display: none;
  }
}

.carts--item-details {
  display: grid;
  grid-template: "image details" auto/80px 1fr;
  grid-gap: 16px;
}
.carts--item-details > img {
  grid-area: image;
}
.carts--item-details > div {
  grid-area: details;
}

.carts--item-product {
  display: grid;
  grid-template: "type quantity total" auto/2fr 1fr 1fr;
  grid-gap: 1rem;
  align-items: baseline;
}
.carts--item-product.subscription, .carts--item-product.donation {
  grid-template: "type type total" auto/2fr 1fr 1fr;
}
.carts--item-product .type {
  grid-area: type;
}
.carts--item-product .quantity {
  grid-area: quantity;
  text-align: right;
}
.carts--item-product .total {
  grid-area: total;
  display: flex;
  flex-wrap: nowrap;
  margin-left: auto;
}
.carts--item-product .total form, .carts--item-product .total label {
  margin-left: 0.5rem;
}
.carts--item-product .total .no-decoration:hover {
  text-decoration: none;
}
.carts--item-product .total label {
  cursor: pointer;
}
.carts--item-product .total input[type=checkbox] {
  display: none;
}
.carts--item-product + .carts--item-product {
  margin-top: 0.5rem;
}

.carts--item-summary {
  display: grid;
  grid-template: "image details" "prices prices" auto/80px 1fr;
  grid-gap: 12px;
}
.carts--item-summary > img {
  grid-area: image;
}
.carts--item-summary > .details {
  grid-area: details;
}
.carts--item-summary > .prices {
  grid-area: prices;
}
.carts--item-summary .carts--item-product {
  grid-template: "type price quantity total" auto/3fr 1fr 0.5fr 1fr;
}
.carts--item-summary .carts--item-product.subscription, .carts--item-summary .carts--item-product.donation {
  grid-template: "type type type total" auto/3fr 1fr 0.5fr 1fr;
}
.carts--item-summary .carts--item-product p {
  font-size: var(--paragraph--small);
}
.carts--item-summary .carts--item-product .price {
  grid-area: price;
  text-align: right;
}
.carts--item-summary + .carts--item-summary {
  border-top: 1px solid #E6E6E6;
  padding-top: 1rem;
}

.order-summary .carts--item-summary {
  grid-template: "image details" "image prices" auto/80px 1fr;
}
@media only screen and (max-width: 780px) {
  .order-summary .carts--item-summary {
    grid-template: "image details" "prices prices" auto/80px 1fr;
  }
}

.ticket-warnings {
  background-color: #E6E6E6;
  border-radius: 6px;
}
.ticket-warnings .ticket-times {
  padding-left: 1rem;
  margin-top: 0.25rem;
}

.carts--upsell {
  background: #002E59;
  color: white;
  border-radius: 6px;
  overflow: hidden;
  padding: 1rem;
  grid-template-areas: "details form";
  grid-template-columns: 1fr auto;
}
@media only screen and (max-width: 1100px) {
  .carts--upsell {
    grid-template-areas: "details" "form";
    grid-template-columns: 1fr;
  }
  .carts--upsell button {
    width: 100%;
    text-align: center;
  }
}
.carts--upsell .carts--item-form {
  align-self: center;
}
.carts--upsell a {
  color: #fff;
}
.carts--upsell a:visited {
  color: #fff;
}
.carts--upsell a:focus {
  color: #fff;
}
.carts--upsell .button__line {
  color: #fff;
  border-color: #fff;
}
.carts--upsell .button__line:hover {
  background: #fff;
  color: #002E59;
}

.cart .carts--item + .carts--item {
  border-top: 1px solid #E6E6E6;
  padding-top: 16px;
}

.cart__loading {
  opacity: 0.5;
  pointer-events: none;
}

.cart th {
  background: #F2F2F2;
  padding: 16px 24px;
  color: #696969;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
}
@media only screen and (max-width: 1100px) {
  .cart th {
    padding: 12px 16px;
  }
}

.cart td {
  padding: 24px;
  vertical-align: top;
}
@media only screen and (max-width: 1100px) {
  .cart td {
    padding: 24px 16px;
  }
}

.cart--image {
  width: 120px;
  float: left;
  margin-right: 16px;
}
.cart--image img {
  display: block;
}

.cart--promo-form {
  display: flex;
  column-gap: 8px;
}

.cart--promo-form--button {
  width: 83px;
}

.cart--totals--total:after {
  content: "";
  display: table;
  clear: both;
}
.cart--totals--total h2 {
  float: left;
}
.cart--totals--total div {
  float: right;
  text-align: right;
}

.cart--totals--cards {
  margin-top: 24px;
}
.cart--totals--cards img {
  display: block;
}

.cart-summary--item:after {
  content: "";
  display: table;
  clear: both;
}

.cart-summary--item + .cart-summary--item {
  margin-top: 32px;
}

.cart-summary--image {
  width: 80px;
  float: left;
}
.cart-summary--image img {
  display: block;
}

.cart-summary--details {
  margin-left: 96px;
}

.cart--empty {
  margin-top: 3rem;
}

.checkout {
  display: grid;
  grid-gap: 2rem;
  grid-template: "main aside" 1fr/2fr 1fr;
}
@media only screen and (max-width: 800px) {
  .checkout {
    grid-template: "aside" "main" 1fr/1fr;
  }
}
.checkout.checkout--login .login--panel, .checkout.checkout--login .registration--panel, .checkout.checkout--registration .login--panel, .checkout.checkout--registration .registration--panel {
  border: none;
}
.checkout.checkout--login .login--panel .panel--padding, .checkout.checkout--login .login--panel .panel--padding__heading, .checkout.checkout--login .registration--panel .panel--padding, .checkout.checkout--login .registration--panel .panel--padding__heading, .checkout.checkout--registration .login--panel .panel--padding, .checkout.checkout--registration .login--panel .panel--padding__heading, .checkout.checkout--registration .registration--panel .panel--padding, .checkout.checkout--registration .registration--panel .panel--padding__heading {
  padding-inline: 0;
}
@media only screen and (max-width: 800px) {
  .checkout.checkout--login, .checkout.checkout--registration {
    grid-template: "main";
  }
  .checkout.checkout--login .login--panel .panel--padding, .checkout.checkout--login .login--panel .panel--padding__heading, .checkout.checkout--login .registration--panel .panel--padding, .checkout.checkout--login .registration--panel .panel--padding__heading, .checkout.checkout--registration .login--panel .panel--padding, .checkout.checkout--registration .login--panel .panel--padding__heading, .checkout.checkout--registration .registration--panel .panel--padding, .checkout.checkout--registration .registration--panel .panel--padding__heading {
    padding-inline: 1.5rem;
  }
  .checkout.checkout--login .checkout--aside, .checkout.checkout--registration .checkout--aside {
    display: none;
  }
}
.checkout.banksa {
  grid-template: "banksa aside" "main aside" 1fr/2fr 1fr;
}
@media only screen and (max-width: 800px) {
  .checkout.banksa {
    grid-template: "banksa" "aside" "main" 1fr/1fr;
  }
}
.checkout.flipped-stack {
  grid-template: "main aside" 1fr/2fr 1fr;
}
@media only screen and (max-width: 1100px) {
  .checkout.flipped-stack {
    grid-template: "main aside" 1fr/2fr 1fr;
  }
}
@media only screen and (max-width: 800px) {
  .checkout.flipped-stack {
    grid-template: "main" "aside" 1fr/1fr;
  }
}
.checkout .checkout--total--label {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

.checkout--main {
  grid-area: main;
}

.checkout--aside {
  grid-area: aside;
}
.checkout--aside > * + * {
  margin-top: 2rem;
}
@media only screen and (max-width: 800px) {
  .checkout--aside > * + * {
    margin-top: 0;
  }
}

.checkout--add-card {
  margin-top: 1rem;
}

.checkout__confirm__payment-method + .checkout__confirm__payment-method {
  margin-top: 0;
  border-top: 0;
}

.credit-cards :first-child {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.credit-cards :last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.checkout__confirm__payment-method {
  background: #E5E9EF;
  border: 4px solid #CCD4DF;
  padding: 24px;
  border-radius: 0;
}
.checkout__confirm__payment-method .radio {
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 1100px) {
  .checkout__confirm__payment-method .radio {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.checkout__confirm__payment-method input.radio_buttons {
  display: none;
}
.checkout__confirm__payment-method input[type=number].cv2 {
  width: 130px;
}
@media only screen and (max-width: 1100px) {
  .checkout__confirm__payment-method .radio {
    align-items: start;
  }
  .checkout__confirm__payment-method input[type=number].cv2 {
    width: 255px;
    margin-top: 0.625rem;
  }
  .checkout__confirm__payment-method .confirm_order_cv2 {
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .checkout__confirm__payment-method .confirm_order_cv2 label {
    display: inline-block;
    width: 255px;
    text-align: left;
  }
}
@media only screen and (min-width: 1101px) {
  .checkout__confirm__payment-method input[type=number].cv2 {
    float: right;
    margin-top: -90px;
  }
}
.checkout__confirm__payment-method .button__secondary__line {
  margin-top: 10px;
  width: 130px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 1100px) {
  .checkout__confirm__payment-method .button__secondary__line {
    width: 255px;
  }
}
.checkout__confirm__payment-method input[type=radio]:not(:checked) ~ .button__secondary__line::after {
  content: "Select Card";
}
.checkout__confirm__payment-method input[type=radio]:not(:checked) + .credit-card {
  opacity: 60%;
}
.checkout__confirm__payment-method input[type=radio]:checked ~ .button__secondary__line {
  background-color: #002B97;
  border-color: #002B97;
  color: #fff;
}
.checkout__confirm__payment-method input[type=radio]:checked ~ .button__secondary__line::after {
  content: "Selected";
}
.checkout__confirm__payment-method.banksa {
  color: #002f6c;
}
.checkout__confirm__payment-method.banksa input[type=radio]:not(:checked) ~ .button__secondary__line {
  border-color: #002f6c;
  color: #002f6c;
}
.checkout__confirm__payment-method.banksa input[type=radio]:not(:checked) ~ .button__secondary__line:hover {
  background-color: #00459f;
  color: #fff;
}
.checkout__confirm__payment-method.banksa input[type=radio]:checked ~ .button__secondary__line {
  background-color: #002f6c;
  border-color: #002f6c;
  color: #fff;
}

.checkout--progress--container {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto;
  gap: 1rem;
  height: 100%;
  align-items: center;
}
.checkout--progress--container a, .checkout--progress--container p {
  color: #808080;
  text-decoration: none;
  font-weight: bold;
}
.checkout--progress--container a:visited, .checkout--progress--container p:visited {
  color: #808080;
}
.checkout--progress--container a:focus, .checkout--progress--container p:focus {
  color: #808080;
}
.checkout--progress--container a:hover, .checkout--progress--container p:hover {
  color: #808080;
}
.checkout--progress--container a:active, .checkout--progress--container p:active {
  color: #808080;
}
.checkout--progress--container a:hover, .checkout--progress--container p:hover {
  text-decoration: none;
}
.checkout--progress--container a[active=true], .checkout--progress--container p[active=true] {
  color: #fff;
}
.checkout--progress--container a[active=true]:visited, .checkout--progress--container p[active=true]:visited {
  color: #fff;
}
.checkout--progress--container a[active=true]:focus, .checkout--progress--container p[active=true]:focus {
  color: #fff;
}
.checkout--progress--container a[active=true]:hover, .checkout--progress--container p[active=true]:hover {
  color: #fff;
}
.checkout--progress--container a[active=true]:active, .checkout--progress--container p[active=true]:active {
  color: #fff;
}
.checkout--progress--container .line {
  min-width: 7rem;
  height: 1px;
  background: white;
  align-self: center;
}
@media only screen and (max-width: 1100px) {
  .checkout--progress--container {
    padding-inline: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .checkout--progress--container .line {
    min-width: unset;
  }
}

.checkout--delivery--note {
  margin-top: 16px;
}
.checkout--delivery--note:first-child {
  margin-top: 0;
}

.checkout--delivery--intro {
  padding-bottom: 10px;
}

.checkout--delivery--intro,
.checkout--delivery--note {
  clear: both;
  float: left;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  word-break: break-word;
}

.checkout--voucher {
  display: flex;
  column-gap: 8px;
}
.checkout--voucher .control-group {
  flex-grow: 1;
}

.checkout--voucher--button {
  width: 128px;
  padding-left: 8px;
}

.checkout--voucher .control-label {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

.checkout--total {
  display: flex;
  justify-content: space-between;
}

.checkout--total--value {
  text-align: right;
}

.checkout__complete--content h2 {
  font-size: 20px;
  font-weight: bold;
}
.checkout__complete--content .transaction-id {
  margin-bottom: 1rem;
}

.checkout--gift-voucher--toggle-button {
  padding: 8px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  background-color: #FF44B3;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  margin-top: 12px;
  cursor: pointer;
}
.checkout--gift-voucher--toggle-button:visited {
  color: #fff;
}
.checkout--gift-voucher--toggle-button:focus {
  color: #fff;
}
.checkout--gift-voucher--toggle-button:hover {
  color: #fff;
}
.checkout--gift-voucher--toggle-button:active {
  color: #fff;
}
.checkout--gift-voucher--toggle-button:hover {
  text-decoration: none;
}
.checkout--gift-voucher--toggle-button:hover {
  background-color: #FF44B3;
}
.checkout--gift-voucher--toggle-button label {
  cursor: pointer;
}
.checkout--gift-voucher--toggle-button.checkbox__single__simple {
  display: inline-block;
  vertical-align: middle;
}
.checkout--gift-voucher--toggle-button > div {
  position: relative;
}

.checkout--ads {
  clear: both;
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -12px;
  margin-bottom: -12px;
}
.checkout--ads:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .checkout--ads {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .checkout--ads {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: 1080px) {
  .checkout--ads {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
@media only screen and (max-width: large) {
  .checkout--ads {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}

.checkout--ad {
  width: 100%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 1080px) {
  .checkout--ad {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .checkout--ad {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1080px) {
  .checkout--ad {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: large) {
  .checkout--ad {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.checkout--ad img {
  display: block;
  margin: 0 auto;
}

.checkout--errors ul {
  margin-top: 1em;
  list-style-type: circle;
  padding-left: 1.5em;
}
.checkout--errors a, .checkout--errors a:visited {
  color: #7F1A2A;
}

#successful-donation {
  position: fixed;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
}

.clearfix {
  overflow: hidden;
}

.version-banner {
  border-bottom: 1px solid black;
  padding: 0.5rem 1.5rem;
}
.version-banner.published_no_changes {
  background-color: #ffd0ec;
}
.version-banner.published_has_changes {
  background-color: #4d6bb6;
}
.version-banner.draft {
  background-color: #e6eaf5;
}
.version-banner .version-banner--content {
  min-height: 5rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.version-banner .version-banner--text {
  flex: 1;
}
.version-banner .version-banner--text--caption {
  font-weight: bold;
  font-size: larger;
}
.version-banner .version-banner--text--nav-links > * {
  margin-left: 1rem;
}
.version-banner .version-banner--actions {
  display: flex;
}
.version-banner .version-banner--actions > * + * {
  margin-left: 0.25rem;
}
.version-banner .button {
  font-size: inherit;
}
@media only screen and (max-width: 1100px) {
  .version-banner {
    font-size: 12px;
    padding: 0.5rem 0.25rem;
  }
  .version-banner .version-banner--content {
    min-height: auto;
  }
}

.credit-card {
  display: flex;
  flex-direction: column;
  width: 255px;
  height: 160px;
  padding: 1em;
  background-image: url("/release-20240125/assets/credit-cards/generic-d8bb7cf7f370be6f42b8a1fef3f608b846b93778.svg");
  font-family: courier;
  font-size: 12px;
  text-align: right;
}
.credit-card > * + * {
  margin-top: 4px;
}
.credit-card.banksa {
  background-image: url("/release-20240125/assets/bank-sa/banksa-sample-96a5331b5617a9d03f06ffbf68849c1f31f21a2f.svg");
  background-color: transparent;
  border: 0;
  color: #fff;
}
.credit-card .credit-card--number {
  font-size: 14px;
  margin-top: 41px;
}
.credit-card .credit-card--expiry-date {
  font-size: 80%;
}
.credit-card .credit-card--name {
  text-transform: uppercase;
}

.deals-index .button__line {
  --button-color: transparent;
  --button-text-color: #000;
  --button-active-color: #000;
}
.deals-index .button__line:hover {
  --button-text-color: #fff;
}
.deals-index > div {
  margin-top: 16px;
  padding-top: 16px;
  border-top: #E6E6E6 1px solid;
}
.deals-index > div:first-of-type {
  border-top: none;
}
@media only screen and (min-width: 581px) {
  .deals-index > div {
    margin-top: 24px;
    padding-top: 24px;
  }
}

.deals-grid {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -12px;
  margin-bottom: -12px;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.deals-grid:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .deals-grid {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .deals-grid {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: 1080px) {
  .deals-grid {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
@media only screen and (max-width: large) {
  .deals-grid {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}

.deals-grid--item {
  width: 33.3333333333%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  float: none;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 1080px) {
  .deals-grid--item {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .deals-grid--item {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 580px) {
  .deals-grid--item {
    width: 100%;
    float: left;
    min-height: 1px;
  }
}
@media only screen and (max-width: 1080px) {
  .deals-grid--item {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: large) {
  .deals-grid--item {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.deals-grid--item__large {
  width: 100%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 1080px) {
  .deals-grid--item__large {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .deals-grid--item__large {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1080px) {
  .deals-grid--item__large {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: large) {
  .deals-grid--item__large {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media only screen and (max-width: 580px) {
  .deals-grid--item__small {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.deals-overview > * + * {
  margin-top: 16px;
}
@media only screen and (min-width: 581px) {
  .deals-overview > * + * {
    margin-top: 24px;
  }
}

.deals-overview--header {
  display: block;
  display: flex;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #FF44B3;
}
.deals-overview--header:hover {
  text-decoration: none;
}
.deals-overview--header:visited {
  color: #FF44B3;
}
.deals-overview--header:focus {
  color: #FF44B3;
}
.deals-overview--header:hover {
  color: #FF44B3;
}
.deals-overview--header:active {
  color: #FF44B3;
}
.deals-overview--header .icon-chevron_right_thick {
  display: block;
}
@media only screen and (min-width: 581px) {
  .deals-overview--header .icon-chevron_right_thick {
    display: none;
  }
}
.deals-overview--header .icon-chevron_right_thick path {
  fill: #FF44B3;
}
.deals-overview--header h2 {
  color: #000;
  margin-bottom: 0 !important;
}

.deals-overview--header--count {
  color: #000;
}
.deals-overview--header--count:visited {
  color: #000;
}
.deals-overview--header--count:focus {
  color: #000;
}
.deals-overview--header--count:hover {
  color: #000;
}
.deals-overview--header--count:active {
  color: #000;
}
@media only screen and (min-width: 581px) {
  .deals-overview--header--count {
    display: none;
  }
}

.deals-overview--grid {
  display: none;
}
@media only screen and (min-width: 581px) {
  .deals-overview--grid {
    display: block;
  }
}

.deals-overview--action {
  display: none;
}
@media only screen and (min-width: 581px) {
  .deals-overview--action {
    display: block;
  }
}

.deal-tile--image {
  display: block;
}
@media only screen and (max-width: 580px) {
  .deals-grid--item__small .deal-tile--image {
    width: 96px;
    flex-shrink: 0;
  }
}

.deal-tile--content {
  margin-top: 12px;
}
.deal-tile--content p + p {
  margin-top: 8px;
}
@media only screen and (max-width: 580px) {
  .deals-grid--item__small .deal-tile--content {
    margin-top: 0;
    padding-left: 16px;
  }
}

.deal-tile--member {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.deal-tile--member img {
  display: block;
  border-radius: 0;
  width: unset;
  margin-right: 8px;
}

.deal--fm-heading {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.deal--fm-heading svg {
  display: block;
  margin-right: 8px;
}

.deal-of-the-week-label {
  margin-inline: 0 !important;
}

.deal-title {
  margin-bottom: 0;
}

.donations--spacing {
  margin-bottom: 1.5em;
}

@media only screen and (max-width: 620px) {
  .donations--button-spacing {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .donations--button-spacing button {
    text-align: center;
  }
}

.donations--show {
  margin-top: 2em;
}

.donations--index .search form {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
}
@media only screen and (max-width: 780px) {
  .donations--index .search form {
    grid-template-columns: 1fr 1fr;
  }
  .donations--index .search form .search-query {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.donations--index .tile {
  cursor: pointer;
}
.donations--index .tile:hover .donation-image img {
  transform: scale(1.09);
}
.donations--index .tile:hover a {
  text-decoration: underline;
}
.donations--index .donation-image {
  position: relative;
  background-color: #E6E6E6;
  overflow: hidden;
  padding-top: 100%;
  z-index: 0;
}
.donations--index .donation-image img {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  transition: transform 0.3s ease-out;
}
.donations--index .tile--content {
  display: flex;
  flex-direction: column;
}
.donations--index .tile--section.donation-progress {
  margin-top: auto;
  padding-top: 1em;
}
.donations--index .tile--section.donation-progress div {
  vertical-align: bottom;
}

.donations-donate .step-heading {
  font-weight: bold;
  margin-bottom: 1em;
}
.donations-donate .donation-amount-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
@media only screen and (max-width: 780px) {
  .donations-donate .donation-amount-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 620px) {
  .donations-donate .donation-amount-grid {
    grid-template-columns: 1fr;
  }
}
.donations-donate .donation-amount-grid input[type=radio] {
  display: none;
}

.donation-amount-item > label {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.donation-amount-item .donation-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.donation-amount-item .donation-amount-section {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: auto;
}
@media only screen and (max-width: 600px) {
  .donation-amount-item {
    padding-inline: 1.2rem;
  }
  .donation-amount-item .donation-amount-image {
    min-width: 65px;
    max-width: 65px;
    margin-right: 1rem;
  }
}
.donation-amount-item .donation-amount-title {
  flex-grow: 1;
  margin: 1.2rem 1.2rem 0 1.2rem;
}
@media only screen and (max-width: 600px) {
  .donation-amount-item .donation-amount-title {
    margin: 0;
  }
}
.donation-amount-item .donation-amount-money {
  font-size: 200%;
  text-align: center;
  margin: 0.6rem 1.2rem 0 1.2rem;
}
@media only screen and (max-width: 600px) {
  .donation-amount-item .donation-amount-money {
    margin: 0.6rem 0;
  }
}
.donation-amount-item .donation-amount-money-custom {
  display: flex;
  align-items: center;
  margin: 0.6rem 1.2rem 0 1.2rem;
}
@media only screen and (max-width: 600px) {
  .donation-amount-item .donation-amount-money-custom {
    margin: 0.6rem 0;
  }
}
.donation-amount-item .donation-amount-money-custom div:first-child {
  font-size: 200%;
  padding: 0 0.2em;
  box-shadow: 0 0 0 1px #ccc inset;
}
.donation-amount-item .donation-amount-money-custom div:last-child {
  flex-grow: 1;
}
.donation-amount-item .donation-amount-money-custom input {
  border-left: none;
  background-color: #eee;
}
.donation-amount-item .donation-button {
  background-color: #fff;
  color: #002E59;
  border: 3px solid #002E59;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  padding: 0.5em;
  margin: 0.6rem 1.2rem 1.2rem 1.2rem;
}
@media only screen and (max-width: 600px) {
  .donation-amount-item .donation-button {
    margin: 0;
  }
}
.donation-amount-item .label-content-selected {
  display: none;
}
.donation-amount-item .label-content-selected img {
  width: auto;
  height: 1.2em;
  margin-right: 0.5em;
}
.donation-amount-item input[type=radio]:checked + .donation-button {
  background-color: #002E59;
  color: #fff;
  border: 3px solid #002E59;
}
.donation-amount-item input[type=radio]:checked + .donation-button .label-content-unselected {
  display: none;
}
.donation-amount-item input[type=radio]:checked + .donation-button .label-content-selected {
  display: flex;
  justify-content: center;
}

.donations-section-heading {
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 1.1rem !important;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5em;
  white-space: nowrap;
}

.donations-comments {
  margin-top: 3.5em;
}
.donations-comments .amount {
  font-size: 150%;
  color: #002B97;
}
.donations-comments .donations-comments--container {
  column-count: 3;
  column-gap: 1em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 780px) {
  .donations-comments .donations-comments--container {
    column-count: 1;
  }
}
.donations-comments .donation {
  background-color: #ffecf7;
  border-radius: 1em;
  padding: 1em;
  margin-bottom: 1em;
  break-inside: avoid-column;
}
.donations-comments .donation-heading {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
  font-weight: bold;
}
.donations-comments .donation-icon {
  background-color: #002B97;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  font-size: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.6em;
}
.donations-comments .donation-icon img {
  width: 1.5em;
  height: 1.5em;
}
.donations-comments .pagination {
  margin-bottom: 1rem;
}

.donations-description-row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 2.5em;
  grid-row-gap: 1em;
}
@media only screen and (max-width: 935px) {
  .donations-description-row {
    grid-template-columns: 1fr;
  }
}
.donations-description-row .donations-description p + p {
  margin-top: 1em;
}

.donations-summary {
  font-size: 80%;
  margin-bottom: 2rem;
}
.donations-summary .amount {
  font-size: 200%;
  color: #002B97;
  font-weight: bold;
}
.donations-summary .bonus-info {
  margin-top: 1em;
  display: grid;
  grid-column-gap: 2em;
  grid-row-gap: 0.5em;
  grid-template-columns: auto auto;
}
@media only screen and (max-width: 935px) {
  .donations-summary .bonus-info {
    display: inline-grid;
  }
}
.donations-summary .bonus-info div {
  white-space: nowrap;
}
.donations-summary .amount-secondary {
  font-size: 140%;
  color: #FF44B3;
  font-weight: bold;
  position: relative;
}
.donations-summary .amount-secondary::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 1.3rem;
  border-bottom: 1px solid #FF44B3;
}

.donations-progress-bar {
  background-color: #ffd0ec;
  min-width: 15rem;
  height: 3rem;
  margin-top: 1em;
  position: relative;
}
.donations-progress-bar .donations-progress-bar-filled {
  background-color: #FF44B3;
  height: 3rem;
}
.donations-progress-bar .donations-progress-bar-text {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 140%;
}
.donations-progress-bar .donations-progress-bar-text img {
  height: 2rem;
  width: 2rem;
  margin-left: 0.5rem;
}

/* ISSUU */
.embed__issuu,
.issuuembed {
  position: relative;
  padding-bottom: 66%;
  padding-top: 0px;
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
}
.embed__issuu iframe,
.embed__issuu object,
.embed__issuu embed,
.issuuembed iframe,
.issuuembed object,
.issuuembed embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed__issuu .pcover,
.issuuembed .pcover {
  margin-top: 8px !important;
}
.embed__issuu .pcover img,
.issuuembed .pcover img {
  top: auto !important;
  width: auto !important;
  height: auto !important;
}
.embed__issuu div[style*=text-align],
.issuuembed div[style*=text-align] {
  display: none;
}

/* VIMEO/YOUTUBE */
.embed__vimeo,
.embed__youtube,
.embed__airbnb {
  position: relative;
  height: 0;
  overflow: hidden;
}
.embed__vimeo iframe,
.embed__vimeo object,
.embed__vimeo embed,
.embed__youtube iframe,
.embed__youtube object,
.embed__youtube embed,
.embed__airbnb iframe,
.embed__airbnb object,
.embed__airbnb embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed__vimeo {
  padding-bottom: 56.25%;
}

.embed__youtube {
  padding-bottom: 56.25%;
}

.embed__airbnb {
  padding-bottom: 135.8695652174%;
}
@media only screen and (max-width: 1020px) {
  .embed__airbnb {
    padding-bottom: 56.25%;
  }
}
@media only screen and (max-width: 540px) {
  .embed__airbnb {
    padding-bottom: 89.2857142857%;
  }
}

.issuu_embed {
  position: relative;
  padding-top: max(60%, 326px);
  height: 0;
  width: 100%;
}

.homepage--enews {
  background-color: #002B97;
}
.homepage--enews div.enews {
  padding: 0;
}

.homepage--enews-container {
  padding: 32px 0;
  margin: 32px 0;
}

.enews {
  background-color: #002B97;
  border-radius: 6px;
  color: #fff;
}
.enews a, .enews a:visited, .enews a:hover {
  color: #fff;
  text-decoration: underline;
}

.enews-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "heading form" "tos form";
}
.enews-row form, .enews-row p {
  display: block;
  width: 100%;
}
.enews-row .enews-heading {
  grid-area: heading;
}
.enews-row .enews-tos {
  grid-area: tos;
}
.enews-row form {
  grid-area: form;
  align-self: center;
}
@media only screen and (max-width: 1100px) {
  .enews-row {
    grid-template-columns: 1fr;
    grid-template-areas: "heading" "form" "tos";
  }
}

.footer .enews-row {
  grid-template-columns: 1fr;
  grid-template-areas: "heading" "form" "tos";
}

.enews-subscribe {
  display: flex;
  border-radius: 6px;
  background-color: white;
}
.enews-subscribe button {
  background-color: black;
  text-align: center;
  display: block;
  padding: 1em;
  color: white;
  text-decoration: none;
  border-radius: 0 6px 6px 0;
}
.enews-subscribe button:hover {
  background-color: #1a1a1a;
}
.enews-subscribe input:-webkit-autofill {
  -webkit-background-clip: text;
}

.enews-heading {
  margin-bottom: 0.8em;
  margin-right: 0.8em;
}

.enews-subscribe--email {
  flex-grow: 1;
  color: #333;
}
.enews-subscribe--email input[type=email] {
  padding-top: 5px;
  outline: none;
  border: none !important;
}

.enews-subscribe--email-heading {
  margin-left: 12px;
  margin-top: 0.8em;
  font-size: 80%;
}

.enews .enews-tos {
  font-size: 80%;
  margin-top: 0.5em;
}
.enews .enews-tos a, .enews .enews-tos a:visited, .enews .enews-tos a:hover {
  text-decoration: underline;
}

.rails-environment {
  background: #000;
  color: #fff;
  display: block;
  padding: 0.8em 0;
  text-align: center;
  position: relative;
  z-index: 50;
}

.rails-environment-development {
  background: #666;
}

.rails-environment-staging {
  background: #900;
}

.error-page .layout--main {
  padding: 120px 0;
}

.error--content {
  text-align: center;
}
.error--content .heading-one {
  color: #FF44B3;
  font-size: 120px;
  line-height: 155px;
}
@media only screen and (max-width: 500px) {
  .error--content .heading-one {
    font-size: 80px;
    line-height: 103px;
  }
}
.error--content .error-subheading {
  color: #FF44B3;
  font-size: 32px;
  line-height: 41px;
  margin-bottom: 24px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

.event--main-spacing > * + * {
  border-top: 1px solid #E6E6E6;
  padding-top: 40px;
  margin-top: 40px;
}

.event--sidebar--finished {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
}
.event--sidebar--finished em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .event--sidebar--finished {
    font-size: 24px;
  }
}

.event--sidebar--finished + .panel__page {
  border-top: 0;
}

@media only screen and (max-width: 1080px) and (min-width: 690px) {
  .event--sidebar--columns {
    display: flex;
    margin-left: 0;
    margin-right: 0;
  }
  .event--sidebar--columns:after {
    content: "";
    display: table;
    clear: both;
  }
  .event--sidebar--column {
    width: 50%;
    float: left;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
  }
  .event--sidebar--column + .event--sidebar--column {
    border-left: 1px solid #E6E6E6;
  }
}
.event--back {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  padding: 20px 0;
}

.event--notes {
  margin-top: 24px;
  background: #F2F2F2;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: bold;
  font-style: italic;
}

.event--sidebar--heading {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  color: #FF44B3;
  margin-bottom: 16px;
}
.event--sidebar--heading em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .event--sidebar--heading {
    font-size: 18px;
  }
}

.event--session > div + div {
  margin-top: 8px;
}

.event--session--time * + * {
  margin-left: 8px;
}
.event--session--time .icon-membership, .event--session--time .icon-group-six, .event--session--time .icon-flash-sale, .event--session--time .icon-masks, .event--session--time .icon-vaccine-passport, .event--session--time .icon-midweek-treat {
  margin-left: 4px;
  top: -2px;
}

.event--session--note {
  color: #333333;
}

.event--session--type__free,
.event--session--type__off-sale,
.event--session--type__available {
  color: #7ED321;
}

.event--session--type__stopped,
.event--session--type__cancelled {
  color: #828282;
}

.event--session--type__sold-out {
  color: #7F1A2A;
}

.event--session--type {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

.event--tickets + .event--tickets {
  margin-top: 1rem;
}

.event--tickets--seating-area {
  padding-bottom: 24px;
  padding-right: 24px;
  position: relative;
  width: 100%;
}
[data-whatinput=mouse] .event--tickets--seating-area {
  outline: 0;
}
.event--tickets--seating-area::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1rem;
  width: 1rem;
  height: 1rem;
  background-color: #FF44B3;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M10.083 0h1.833v22h-1.833z'/%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M10.083 0h1.833v22h-1.833z'/%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
}
.event--tickets--seating-area[active]::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
}
.event--tickets--seating-area .icon--fill {
  fill: #FF44B3;
}
.event--tickets--seating-area[active] svg {
  transform: rotateZ(270deg);
}
.event--tickets--seating-area.not-purchasable {
  color: #828282;
}
.event--tickets--seating-area.not-purchasable.event--tickets--seating-area::after {
  background-color: #828282;
}

.event--tickets--grid > li {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: minmax(4rem, 1fr) 5.5rem 5.5rem;
  border-bottom: 1px solid #E6E6E6;
  padding: 1rem 0;
}
.event--tickets--grid > li:last-child.event--tickets--row__with-note {
  padding-bottom: 0;
}
.event--tickets--grid > li.event--tickets--header-row {
  padding-top: 0;
}
.event--tickets--grid > li.event--tickets--row__with-note .event--tickets--note {
  grid-column: span 3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #333333;
  font-size: 14px;
  padding-bottom: 0.5rem;
}
.event--tickets--grid > li.event--tickets--row__with-note .event--tickets--note__button {
  font-size: 14px;
}

.event--tickets--seating-area + .event--tickets--seating-area--tickets {
  border-top: 1px solid #E6E6E6;
  padding-top: 16px;
}

.event--tickets--locked-ticket .event--tickets--type {
  display: block;
  padding-left: 28px;
  position: relative;
}
.event--tickets--locked-ticket .event--tickets--type svg {
  width: 19px;
  height: 25px;
  position: absolute;
  top: -2px;
  left: 0;
}
.event--tickets--locked-ticket .event--tickets--type .icon--fill {
  fill: #E6E6E6;
}

.event--tickets--price * + * {
  margin-left: 8px;
}

.event--tickets--qty {
  text-align: center;
}

.event--tickets--state {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}

.event--tickets--state__sold_out {
  color: #7F1A2A;
}

[data-tickets-error] {
  scroll-margin-top: 6.5rem;
  margin-right: 1rem;
  color: #7F1A2A;
  padding-bottom: 1.5rem;
}

.event--tickets--purchase {
  display: flex;
  justify-content: flex-end !important;
  margin-top: 1rem;
}
.event--tickets--purchase .button__checkout {
  font-size: 1rem;
}
@media only screen and (max-width: 1100px) {
  .event--tickets--purchase .button__checkout {
    width: 100%;
  }
}

.event--awards__winner svg {
  display: block;
}

.event--venue-map img {
  display: block;
  width: 100%;
  height: auto;
}

.event--venue-map + .event--venue-map--details {
  margin-top: 24px;
}

.event--venue-map--access-icons {
  margin-top: 8px;
}

.event--venue-moved {
  color: #696969;
}

.event--venue-moved--to {
  font-style: italic;
}

.event--key-line-heading {
  margin-top: 40px;
  margin-bottom: 40px;
}

.event--season {
  background: #E6E6E6;
  padding: 24px 0;
}
.event--season p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.event--season p em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .event--season p {
    font-size: 18px;
  }
}
.event--season strong {
  color: #002B97;
}

.first-nations-icon svg, .first-nations-icon img {
  width: 45px;
  height: 45px;
}

.event--icon svg, .event--icon img {
  width: 120px;
  height: 15px;
}

.event--images {
  position: relative;
}
.event--images .embed__youtube {
  padding-bottom: unset;
  height: 100%;
}
.event--images .swiper {
  position: relative;
}
.event--images .swiper .swiper-slide {
  aspect-ratio: 2/1;
}
.event--images .swiper:not(.swiper-initialized) :nth-child(n+2) {
  display: none;
}
.event--images .swiper.swiper-thumbs {
  background: transparent;
}
.event--images .swiper.swiper-thumbs .swiper-slide {
  width: 4rem;
  height: 0.25rem;
  border-radius: 3px;
  background: #E6E6E6;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  transition: background 0.25s;
}
.event--images .swiper.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
  background: #333333;
  border: none;
}
@media only screen and (max-width: 1100px) {
  .event--images .swiper.swiper-thumbs .swiper-wrapper {
    width: calc(100% - 3rem);
  }
  .event--images .swiper.swiper-thumbs .swiper-slide {
    width: unset;
    flex-grow: 1;
  }
}

.event--images--gallery-count {
  position: absolute;
  bottom: 24px;
  right: 24px;
  color: #fff;
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 12px;
  border-radius: 500px;
  font-size: 12px;
}
.event--images--gallery-count:visited {
  color: #fff;
}
.event--images--gallery-count:focus {
  color: #fff;
}
.event--images--gallery-count:hover {
  color: #fff;
}
.event--images--gallery-count:active {
  color: #fff;
}

.event--images-enhanced {
  display: grid;
  grid-template: "main main" "secondary tertiary" auto/50% 50%;
  gap: 0.5rem;
  background: #F2F2F2;
}
.event--images-enhanced a, .event--images-enhanced img {
  display: block;
}
@media only screen and (max-width: 800px) {
  .event--images-enhanced {
    grid-template: "main main" "secondary tertiary" auto/50% 50%;
  }
}

.event--section-heading {
  padding-bottom: 24px;
}

.event--sidebar-icon-wrapper {
  display: flex;
  align-items: center;
  color: #000;
}
.event--sidebar-icon-wrapper:visited {
  color: #000;
}
.event--sidebar-icon-wrapper:focus {
  color: #000;
}

.event--sidebar-icon {
  display: block;
  flex-shrink: 0;
}

.event--sidebar-icon-label {
  padding-left: 16px;
}

.event--social-links {
  display: flex;
  margin: -4px;
  flex-wrap: wrap;
}
.event--social-links > li {
  padding: 4px;
}
.event--social-links > li a {
  height: 100%;
  display: flex;
  align-items: center;
}

.event--suggested-events {
  margin-top: 40px;
  border-top: 1px solid #E6E6E6;
  padding-top: 40px;
}
.event--suggested-events .side-scroller > [data-side-scroll-target=scroller] {
  display: flex;
  column-gap: 1rem;
}
.event--suggested-events .side-scroller > [data-side-scroll-target=scroller] > div {
  min-width: 15rem;
  max-width: 20rem;
}

.event--suggested-events--heading {
  margin-bottom: 40px;
}

.event--restricted--row {
  margin-left: -12px;
  margin-right: -12px;
}
.event--restricted--row:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .event--restricted--row {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .event--restricted--row {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.event--restricted--content,
.event--restricted--image {
  width: 100%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
.event--restricted--content img,
.event--restricted--image img {
  display: block;
}
@media only screen and (max-width: 1080px) {
  .event--restricted--content,
  .event--restricted--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .event--restricted--content,
  .event--restricted--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 781px) {
  .event--restricted--content,
  .event--restricted--image {
    width: 50%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 781px) and (max-width: 1080px) {
  .event--restricted--content,
  .event--restricted--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 781px) and (max-width: large) {
  .event--restricted--content,
  .event--restricted--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 781px) {
  .event--restricted--image {
    float: right;
  }
}

.event--main {
  display: grid;
  grid-template-areas: "image sidebar" "title sidebar" "content sidebar";
  grid-template-columns: calc(66.66% - 2.5rem) 33.33%;
  grid-template-rows: auto auto 1fr;
  grid-gap: 2.5rem;
  padding-block: 2rem;
}
.event--main .event--image {
  grid-area: image;
}
.event--main .event--title {
  grid-area: title;
}
.event--main .event--content {
  grid-area: content;
}
.event--main .event--content .event--production-company {
  margin-top: 2.5rem;
}
.event--main .event--sidebar {
  grid-area: sidebar;
}
.event--main .event--sidebar .button__buytix {
  text-align: left;
  display: flex;
  align-items: center;
}
.event--main .event--sidebar .button__buytix::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 21px;
  background: black;
  margin-left: auto;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 13.5L12 21M12 21L4.5 13.5M12 21L12 3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 13.5L12 21M12 21L4.5 13.5M12 21L12 3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.event--main .event--reviews-mobile {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .event--main {
    grid-template-areas: "image" "title" "sidebar" "content" "reviews";
    grid-template-columns: 100%;
    grid-template-rows: auto;
    padding-top: 0;
    gap: 1.25rem;
  }
  .event--main .event--sidebar-reviews {
    display: none;
  }
  .event--main .event--content {
    border-top: 1px solid #E6E6E6;
    padding-top: 1.25rem;
  }
  .event--main .event--reviews-mobile {
    display: block;
    grid-area: reviews;
    border-top: 1px solid #E6E6E6;
    padding-top: 1.25rem;
  }
}

.layout--main.layout__event {
  padding-bottom: 0;
}

#event-tabs {
  background: #f8f8f8;
  padding-bottom: 80px;
}

#event-tabs .tab-bar {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

#buy-tickets-content {
  display: grid;
  grid-template-areas: "notices notices" "sessions filter" "recommended recommended";
  grid-template-columns: calc(66.66% - 2.5rem) 33.33%;
  grid-gap: 2.5rem;
}
#buy-tickets-content .event--content {
  grid-area: notices;
}
#buy-tickets-content .event--content .event--notes {
  margin-top: 0;
}
#buy-tickets-content #event-sessions {
  grid-area: sessions;
}
#buy-tickets-content #event--sessions-filter {
  grid-area: filter;
  top: 4rem;
  align-self: start;
  padding: 1rem;
  background: #e6eaf5;
  border-radius: 6px;
}
#buy-tickets-content #event--sessions-filter .footer {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
#buy-tickets-content #event--sessions-filter .calendar--date:not(.sold-out) {
  background-color: #fff;
}
#buy-tickets-content #event--sessions-filter .govuk-fieldset__legend, #buy-tickets-content #event--sessions-filter .govuk-label {
  font-size: 1rem;
}
#buy-tickets-content #event--sessions-filter .accordion .accordion--header .labels {
  color: #333333;
}
#buy-tickets-content #event--sessions-filter .accordion .accordion--header[aria-expanded=true] .labels {
  display: none;
}
#buy-tickets-content #event--sessions-filter .accordion[data-accordion-expanded-value=true] .accordion--content {
  margin-left: -1rem;
  padding: 1rem;
}
@media only screen and (max-width: 1100px) {
  #buy-tickets-content {
    grid-template-areas: "notices" "filter" "sessions" "recommended";
    grid-template-columns: 1fr;
  }
  #buy-tickets-content #event--sessions-filter {
    position: unset;
  }
}
#buy-tickets-content .event--suggested-events {
  grid-area: recommended;
}

ul.event--reactions {
  margin-top: 12px;
  display: flex;
  gap: 0.25rem;
}

ul.event--reviews > li {
  margin-top: 12px;
}

.event--actions .action {
  display: flex;
  text-transform: none;
  align-items: center;
  color: #000;
  border: 2px solid #FF44B3;
  background: transparent;
}
.event--actions .action:visited {
  color: #000;
}
.event--actions .action:focus {
  color: #000;
}
.event--actions .action:hover {
  color: #000;
}
.event--actions .action:active {
  color: #000;
}
.event--actions .action:hover {
  background: #ffecf7;
}
.event--actions .action::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 21px;
  background: #FF44B3;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.event--actions .action.unpinned::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' stroke-width='2px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' stroke-width='2px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
}
.event--actions .action.pinned::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='none' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='none' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
}
.event--actions .action.purchased::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 97 99' %3E%3Cpath d='M 29 31.5 c 0 0 -29.5 29.5 -29.5 29.5 c 0 0 6.1 6.1 6.1 6.1 c 5.4 5.4 6.4 6 8.2 5 c 5.6 -3 12.2 0.9 12.2 7.1 c 0 1.8 -0.5 4 -1 4.8 c -0.7 1.1 0.4 2.9 4.8 7.3 c 3.1 3.1 6.1 5.7 6.6 5.7 c 0.6 0 3.9 -2.8 7.4 -6.3 c 3.7 -3.6 6.6 -5.7 6.9 -5 c 1 2.8 4.8 6.5 9.1 9.1 c 6.5 3.8 16.6 3.9 23.2 0.2 c 9.2 -5.2 14.1 -15.8 11.9 -25.9 c -1.2 -5.8 -5.7 -12.5 -9.9 -14.9 c 0 0 -2.9 -1.7 -2.9 -1.7 c 0 0 6.7 -6.8 6.7 -6.8 c 0 0 6.7 -6.7 6.7 -6.7 c 0 0 -6.2 -6.2 -6.2 -6.2 c -5.9 -5.9 -6.2 -6.1 -9.1 -4.9 c -3.8 1.6 -7.9 0.5 -9.9 -2.6 c -1.8 -2.7 -2 -7.8 -0.4 -9.7 c 0.8 -0.9 -0.6 -2.8 -5.2 -7.4 c 0 0 -6.2 -6.2 -6.2 -6.2 c 0 0 -29.5 29.5 -29.5 29.5 c 0 0 0 0 0 0 m 20.3 -4.7 c 0 0 2.7 2.9 2.7 2.9 c 0 0 -2 1.8 -2 1.8 c -2 1.8 -2.1 1.8 -5 -1 c -2.8 -2.7 -2.9 -3 -1.3 -4.7 c 2.1 -2.4 2.4 -2.3 5.6 1 c 0 0 0 0 0 0 m 7.7 11.6 c 0 0 -2 2 -2 2 c 0 0 -2.7 -2.6 -2.7 -2.6 c -2.6 -2.7 -2.6 -2.8 -0.8 -4.8 c 0 0 1.8 -2 1.8 -2 c 0 0 2.9 2.7 2.9 2.7 c 0 0 2.8 2.7 2.8 2.7 c 0 0 -2 2 -2 2 c 0 0 0 0 0 0 m 7.4 7.6 c 0 0 -2 2 -2 2 c 0 0 -2.9 -3 -2.9 -3 c -2.8 -2.9 -2.8 -3 -1 -5 c 0 0 1.9 -2.1 1.9 -2.1 c 0 0 3 3.1 3 3.1 c 0 0 3.1 3 3.1 3 c 0 0 -2.1 2 -2.1 2 c 0 0 0 0 0 0 m 6 1.9 c 1.6 1.8 1.6 1.9 -1.6 2.4 c -4.4 0.6 -5.3 -0.1 -3.2 -2.4 c 2.1 -2.4 2.7 -2.4 4.8 0 c 0 0 0 0 0 0 m 6.6 9.7 c 9.8 2.7 14.6 14.1 10.1 24 c -4 8.8 -14.7 12.2 -23.9 7.5 c -6.9 -3.5 -10.7 -12.9 -8.3 -20.4 c 1.4 -4.2 7.9 -10.4 11.8 -11.3 c 1.6 -0.3 3.3 -0.7 3.8 -0.9 c 1 -0.3 2.4 -0.1 6.5 1.1 c 0 0 0 0 0 0'%3E%3C/path%3E%3Cpath d='M 74.8 71.7 c 0 0 -5.8 5.7 -5.8 5.7 c 0 0 -3.3 -3.2 -3.3 -3.2 c -3.2 -3.1 -3.4 -3.2 -5 -1.4 c -1.6 1.7 -1.4 2.1 3.6 7 c 0 0 5.3 5.2 5.3 5.2 c 0 0 7.4 -7.5 7.4 -7.5 c 7.4 -7.5 7.4 -7.5 5.5 -9.5 c -2 -2 -2 -2 -7.7 3.7 c 0 0 0 0 0 0'%3E%3C/path%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 97 99' %3E%3Cpath d='M 29 31.5 c 0 0 -29.5 29.5 -29.5 29.5 c 0 0 6.1 6.1 6.1 6.1 c 5.4 5.4 6.4 6 8.2 5 c 5.6 -3 12.2 0.9 12.2 7.1 c 0 1.8 -0.5 4 -1 4.8 c -0.7 1.1 0.4 2.9 4.8 7.3 c 3.1 3.1 6.1 5.7 6.6 5.7 c 0.6 0 3.9 -2.8 7.4 -6.3 c 3.7 -3.6 6.6 -5.7 6.9 -5 c 1 2.8 4.8 6.5 9.1 9.1 c 6.5 3.8 16.6 3.9 23.2 0.2 c 9.2 -5.2 14.1 -15.8 11.9 -25.9 c -1.2 -5.8 -5.7 -12.5 -9.9 -14.9 c 0 0 -2.9 -1.7 -2.9 -1.7 c 0 0 6.7 -6.8 6.7 -6.8 c 0 0 6.7 -6.7 6.7 -6.7 c 0 0 -6.2 -6.2 -6.2 -6.2 c -5.9 -5.9 -6.2 -6.1 -9.1 -4.9 c -3.8 1.6 -7.9 0.5 -9.9 -2.6 c -1.8 -2.7 -2 -7.8 -0.4 -9.7 c 0.8 -0.9 -0.6 -2.8 -5.2 -7.4 c 0 0 -6.2 -6.2 -6.2 -6.2 c 0 0 -29.5 29.5 -29.5 29.5 c 0 0 0 0 0 0 m 20.3 -4.7 c 0 0 2.7 2.9 2.7 2.9 c 0 0 -2 1.8 -2 1.8 c -2 1.8 -2.1 1.8 -5 -1 c -2.8 -2.7 -2.9 -3 -1.3 -4.7 c 2.1 -2.4 2.4 -2.3 5.6 1 c 0 0 0 0 0 0 m 7.7 11.6 c 0 0 -2 2 -2 2 c 0 0 -2.7 -2.6 -2.7 -2.6 c -2.6 -2.7 -2.6 -2.8 -0.8 -4.8 c 0 0 1.8 -2 1.8 -2 c 0 0 2.9 2.7 2.9 2.7 c 0 0 2.8 2.7 2.8 2.7 c 0 0 -2 2 -2 2 c 0 0 0 0 0 0 m 7.4 7.6 c 0 0 -2 2 -2 2 c 0 0 -2.9 -3 -2.9 -3 c -2.8 -2.9 -2.8 -3 -1 -5 c 0 0 1.9 -2.1 1.9 -2.1 c 0 0 3 3.1 3 3.1 c 0 0 3.1 3 3.1 3 c 0 0 -2.1 2 -2.1 2 c 0 0 0 0 0 0 m 6 1.9 c 1.6 1.8 1.6 1.9 -1.6 2.4 c -4.4 0.6 -5.3 -0.1 -3.2 -2.4 c 2.1 -2.4 2.7 -2.4 4.8 0 c 0 0 0 0 0 0 m 6.6 9.7 c 9.8 2.7 14.6 14.1 10.1 24 c -4 8.8 -14.7 12.2 -23.9 7.5 c -6.9 -3.5 -10.7 -12.9 -8.3 -20.4 c 1.4 -4.2 7.9 -10.4 11.8 -11.3 c 1.6 -0.3 3.3 -0.7 3.8 -0.9 c 1 -0.3 2.4 -0.1 6.5 1.1 c 0 0 0 0 0 0'%3E%3C/path%3E%3Cpath d='M 74.8 71.7 c 0 0 -5.8 5.7 -5.8 5.7 c 0 0 -3.3 -3.2 -3.3 -3.2 c -3.2 -3.1 -3.4 -3.2 -5 -1.4 c -1.6 1.7 -1.4 2.1 3.6 7 c 0 0 5.3 5.2 5.3 5.2 c 0 0 7.4 -7.5 7.4 -7.5 c 7.4 -7.5 7.4 -7.5 5.5 -9.5 c -2 -2 -2 -2 -7.7 3.7 c 0 0 0 0 0 0'%3E%3C/path%3E%3C/svg%3E%0A");
  background: black;
}
.event--actions .action.purchased {
  border-color: #008602;
}
.event--actions .action.purchased:hover {
  background-color: #008602;
}
.event--actions .action .label {
  margin-right: auto;
}
.event--actions .action[hidden] {
  display: none;
}
.event--actions .action:not([hidden]) ~ .action {
  display: none;
}
.tile .event--actions {
  display: inline-block;
}
.tile .event--actions .action {
  padding: 11px;
  border-radius: 0;
  border: none;
}
.tile .event--actions .action.purchased {
  background: #008602;
}
.tile .event--actions .action .label {
  display: none;
}

.event--accessibility--items > li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.event--accessibility--items .event--accessibility--icon {
  margin-right: 12px;
}
.event--accessibility--items .event--accessibility--icon svg, .event--accessibility--items .event--accessibility--icon img {
  width: 35px;
  height: 35px;
  display: block;
}

.event-info-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 33%;
  gap: 2.5rem;
}
@media only screen and (max-width: 1100px) {
  .event-info-columns {
    grid-template-columns: 1fr;
  }
}

.event--sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.sidebar-icons {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.leading-icon {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.leading-icon .icon {
  flex-shrink: 0;
}

.event-summary-item {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: baseline;
}
.event-summary-item img {
  width: 1.125rem;
  position: relative;
  top: 2px;
}

.customer-review {
  display: inline-flex;
  align-items: center;
  margin-right: 0.5rem;
  gap: 0.25rem;
}
.customer-review .review-icon {
  width: 1.5rem;
}

.event--sidebar-reviews {
  border-top: 1px solid #E6E6E6;
  padding-top: 1.5rem;
}

a.fringefeed-link {
  display: block;
  margin-top: 1rem;
}

.ad--tile {
  display: flex;
  flex-direction: column;
  background: #E6E6E6;
  font-size: 14px;
  text-align: center;
  border: 2px solid #E6E6E6;
  box-sizing: border-box;
  box-shadow: 0 1px 5px #E6E6E6;
  border-radius: 9px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  overflow: hidden;
}
.ad--tile--label {
  padding: 8px;
  color: #696969;
  font-size: 10px;
  text-transform: uppercase;
}

.event--tile {
  display: flex;
  flex-direction: column;
  background: white;
  border: 2px solid #E6E6E6;
  box-sizing: border-box;
  box-shadow: 0 1px 5px #E6E6E6;
  border-radius: 9px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  overflow: hidden;
}
.event--tile:hover {
  border: 2px solid #FF44B3;
  box-shadow: 0 5px 15px rgba(31, 41, 55, 0.1), 0 0 6px rgba(31, 41, 55, 0.05);
}
.event--tile .event--tile--image {
  position: relative;
  background-color: #E6E6E6;
}
.event--tile .event--tile--button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.event--tile .event--actions {
  display: inline-block;
}
.event--tile .event--actions .action {
  padding: 11px;
  border: none;
  background-color: rgba(255, 236, 247, 0.8);
  border-radius: 0 0 6px 0;
}
.event--tile .event--actions .action .label {
  display: none;
}
.event--tile .event--actions .action.purchased {
  background: #008602;
}
.event--tile img[src*=".svg"] {
  width: 1.25rem;
  top: 3px;
  position: relative;
}
.event--tile .event--tile--content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.event--tile .event--tile--content-link {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.event--tile .event--tile--title {
  font-size: 18px;
}
@media only screen and (min-width: 600px) {
  .event--tile .event--tile--title {
    min-height: 2lh;
  }
}
.event--tile .event--tile--excerpt {
  margin-bottom: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 600px) {
  .event--tile .event--tile--excerpt {
    -webkit-line-clamp: 2;
  }
}
@media only screen and (min-width: 600px) {
  .event--tile .event--tile--excerpt {
    height: 3lh;
  }
}
.event--tile .event--tile--icons {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: auto;
}
.event--tile .event--tile--icon svg {
  height: 30px;
  width: auto;
}

.event--tiles {
  display: grid;
  contain: content;
  column-gap: 24px;
  row-gap: 24px;
}
@media only screen and (min-width: 1191px) {
  .event--tiles {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 1190px) {
  .event--tiles {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 935px) {
  .event--tiles {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .event--tiles {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1190px) {
  .event--tiles__four-only {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .event--tiles__four-only {
    grid-template-columns: 1fr;
  }
}
.event--tiles__three {
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 935px) {
  .event--tiles__three {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .event--tiles__three {
    grid-template-columns: 1fr;
  }
}

.events--hero-image {
  display: flex;
  flex-direction: column;
}
.events--hero-image .hero-image {
  aspect-ratio: 2/1;
  object-position: center;
  object-fit: contain;
}

.event-list-filters--container button,
.event-list-advanced-filters--container button {
  text-decoration: none;
}

.event-list-filters--container--inner:after {
  content: "";
  display: table;
  clear: both;
}

.event-list-filters--options {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -12px;
  margin-bottom: -12px;
}
.event-list-filters--options:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .event-list-filters--options {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .event-list-filters--options {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: 1080px) {
  .event-list-filters--options {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
@media only screen and (max-width: large) {
  .event-list-filters--options {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
@media only screen and (max-width: 1100px) {
  .event-list-filters--options {
    margin-top: -4px;
    margin-bottom: -4px;
  }
}
.event-list-filters--options > * {
  padding-top: 12px;
  padding-bottom: 12px;
  width: 25%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .event-list-filters--options > * {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: large) {
  .event-list-filters--options > * {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 1080px) {
  .event-list-filters--options > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .event-list-filters--options > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  .event-list-filters--options > * {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1080px) {
  .event-list-filters--options > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: large) {
  .event-list-filters--options > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.event-list__nearme .event-list-filters--options > div {
  width: 33.3333333333%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .event-list__nearme .event-list-filters--options > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .event-list__nearme .event-list-filters--options > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  .event-list__nearme .event-list-filters--options > div {
    width: 100%;
    float: left;
    min-height: 1px;
  }
}

.event-list-filters--actions {
  margin-top: 24px;
}
.event-list-filters--actions button {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
[data-whatinput=mouse] .event-list-filters--actions button {
  outline: 0;
}

.fringetix-filters fieldset + fieldset {
  margin-top: 1rem;
}
.fringetix-filters--actions input[type=submit] {
  display: none;
}

.performance-filters {
  margin-bottom: 1rem;
}
.performance-filters input[type=submit] {
  display: none;
}

.event-list-advanced-filters--container {
  border-top: 2px solid #E6E6E6;
}

.event-list-advanced-filters {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -12px;
  margin-bottom: -12px;
}
.event-list-advanced-filters:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .event-list-advanced-filters {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .event-list-advanced-filters {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: 1080px) {
  .event-list-advanced-filters {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
@media only screen and (max-width: large) {
  .event-list-advanced-filters {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
@media only screen and (max-width: 1100px) {
  .event-list-advanced-filters {
    margin-top: -4px;
    margin-bottom: -4px;
  }
}
.event-list-advanced-filters > div {
  width: 25%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 1080px) {
  .event-list-advanced-filters > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .event-list-advanced-filters > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1080px) {
  .event-list-advanced-filters > div {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: large) {
  .event-list-advanced-filters > div {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  .event-list-advanced-filters > div {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1080px) {
  .event-list-advanced-filters > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: large) {
  .event-list-advanced-filters > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.event-list-filter--container {
  position: relative;
}

.event-list .event-list-filter--label,
.event-list-filter--dropdown,
.event-list-filter__autocomplete,
.event-list-filter__autocomplete .tt-menu {
  border: 2px solid #002B97;
}

.event-list .event-list-filter--label,
.event-list .event-list-filter__autocomplete,
.event-list .event-list-sessions--jump--select select {
  padding: 12px 36px 12px 20px;
}

.event-list-filter--label {
  display: block;
  position: relative;
  text-decoration: none;
}
[data-whatinput=mouse] .event-list-filter--label {
  outline: 0;
}
.event-list-filter--label:hover {
  text-decoration: none;
}
.event-list .event-list-filter--label {
  color: #002B97;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

.event-list-filter--label--placeholder {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.event-list-filter--dropdown,
.event-list-filter__autocomplete .tt-menu {
  border-top-width: 0;
  background: #fff;
  z-index: 20;
}
@media only screen and (min-width: 1101px) {
  .event-list-filter--dropdown,
  .event-list-filter__autocomplete .tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
}

@media only screen and (min-width: 1101px) {
  .event-list-filter--dropdown__date {
    width: 470px;
    border-top-width: 2px;
    margin-top: -2px;
  }
}

.event-list-filter--checkboxes,
.event-list-filter--actions {
  padding: 16px;
}

.event-list-filters--advanced-count {
  color: #000;
  margin-left: 8px;
}

.event-list-filters--clear {
  float: right;
}

.event-list-filter--actions--close {
  margin-right: 8px;
}

.event-list-filter__disabled {
  opacity: 0.3;
}

.event-list-filter--input[type=text] {
  border: 2px solid #FF44B3;
  min-height: 50px;
}

.event-list-filter__boolean--label {
  padding: 12px 20px;
  color: #002B97;
  text-decoration: none;
}
.event-list-filter__boolean--label:visited {
  color: #002B97;
}
.event-list-filter__boolean--label:focus {
  color: #002B97;
}
.event-list-filter__boolean--label:hover {
  color: #002B97;
}
.event-list-filter__boolean--label:active {
  color: #002B97;
}
.event-list-filter__boolean--label:hover {
  text-decoration: none;
}

.event-list-filter__boolean .event-list-filter--label {
  display: table;
  width: 100%;
  cursor: pointer;
}
.event-list-filter__disabled .event-list-filter__boolean .event-list-filter--label {
  cursor: not-allowed;
}
.event-list-filter__boolean .event-list-filter--label > div {
  display: table-cell;
  vertical-align: middle;
}

.event-list-filter__boolean--field {
  background: #E6E6E6;
  text-align: center;
  width: 40px;
}
.form--enhanced .event-list-filter__boolean--field.radio .form--enhanced--control, .form--enhanced .event-list-filter__boolean--field.checkbox .form--enhanced--control {
  position: static;
  display: block;
  margin: 0 auto;
}

.event-list-filter__text-list {
  padding: 16px 0;
  max-height: 250px;
  overflow: auto;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}

.event-list-filter__text-list--option {
  padding: 8px 20px;
  cursor: pointer;
  display: block;
  width: 100%;
  color: #002B97;
  text-decoration: none;
}
.event-list-filter__text-list--option:visited {
  color: #002B97;
}
.event-list-filter__text-list--option:focus {
  color: #002B97;
}
.event-list-filter__text-list--option:hover {
  color: #002B97;
}
.event-list-filter__text-list--option:active {
  color: #002B97;
}
.event-list-filter__text-list--option:hover {
  text-decoration: none;
}
.event-list-filter__text-list--option:hover {
  background: #E6E6E6;
}
.event-list-filter__text-list--option.selected {
  background: #FF44B3;
  color: #fff;
}
.event-list-filter__text-list--option.selected:visited {
  color: #fff;
}
.event-list-filter__text-list--option.selected:focus {
  color: #fff;
}
.event-list-filter__text-list--option.selected:hover {
  color: #fff;
}
.event-list-filter__text-list--option.selected:active {
  color: #fff;
}

.event-list-filter__autocomplete .icon-search {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 16px;
  z-index: 2;
}
.event-list-filter__autocomplete .icon--fill {
  fill: #000;
}
.event-list-filter__autocomplete input {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #002B97;
}
.event-list-filter__autocomplete ::-webkit-input-placeholder {
  color: #002B97;
}
.event-list-filter__autocomplete ::-moz-placeholder {
  color: #002B97;
}
.event-list-filter__autocomplete :-ms-input-placeholder {
  color: #002B97;
}

.event-list-filter__autocomplete input {
  position: relative;
  z-index: 1;
}

.event-list-filters--container ~ .ads--banner {
  border-top: 2px solid #E6E6E6;
}

.event-list-results {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 1100px) {
  .event-list-results {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .event-list-sessions--jump + .event-list-results {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .event-list__events .event-list-results {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.event-list-results__empty {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.event-list-sessions--jump {
  border-top: 2px solid #E6E6E6;
  padding-top: 32px;
  padding-bottom: 32px;
}
.event-list-sessions--jump:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 940px) {
  .event-list-sessions--jump {
    padding-top: 20px;
    padding-bottom: 0;
  }
}
.event-list-sessions--jump.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 0;
  border-bottom: 2px solid #E6E6E6;
  z-index: 1300;
}

.event-list-sessions--jump--label {
  float: left;
}
@media only screen and (max-width: 940px) {
  .event-list-sessions--jump--label {
    display: none;
  }
}

.event-list-sessions--jump--select {
  padding-bottom: 20px;
}
.fixed .event-list-sessions--jump--select {
  border-bottom: 0;
}
.event-list-sessions--jump--select select {
  -webkit-appearance: none;
  border-width: 2px;
  border-radius: 0;
}

.event-list-sessions--jump--anchors {
  float: right;
}
.event-list-sessions--jump--anchors ul, .event-list-sessions--jump--anchors li {
  float: left;
}
.event-list-sessions--jump--anchors li + li {
  margin-left: 16px;
}

.event-list-sessions--group + .event-list-sessions--group,
.event-list-sessions--list-item + .event-list-sessions--list-item {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 2px solid #E6E6E6;
}
@media only screen and (max-width: 940px) {
  .event-list-sessions--group + .event-list-sessions--group,
  .event-list-sessions--list-item + .event-list-sessions--list-item {
    margin-top: 16px;
    padding-top: 16px;
  }
}

@media only screen and (min-width: 941px) {
  .event-list-sessions--group {
    display: table;
    width: 100%;
  }
}

@media only screen and (min-width: 701px) {
  .session-list-item {
    display: table;
    width: 100%;
  }
  .session-list-item > div {
    display: table-cell;
  }
}
@media only screen and (max-width: 700px) {
  .session-list-item:after {
    content: "";
    display: table;
    clear: both;
  }
}

.session-list-item--image {
  vertical-align: top;
  width: 128px;
}
@media only screen and (max-width: 700px) {
  .session-list-item--image {
    width: 72px;
    float: left;
  }
  .session-list-item--image .tile--image--wrapper {
    width: 72px;
  }
}

.session-list-item--content {
  padding-left: 16px;
}
@media only screen and (min-width: 701px) {
  .session-list-item--content {
    padding-right: 16px;
    vertical-align: top;
  }
  .session-list-item--content > div + div {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 700px) {
  .session-list-item--content {
    margin-left: 72px;
  }
  .session-list-item--content > div + div {
    margin-top: 8px;
  }
}

@media only screen and (min-width: 701px) {
  .session-list-item--status {
    vertical-align: middle;
    border-left: 1px solid #E6E6E6;
    padding-left: 28px;
    width: 300px;
  }
}
@media only screen and (max-width: 700px) {
  .session-list-item--status {
    display: none;
    padding-left: 16px;
    margin-left: 72px;
  }
}

.session-list-item--status__stopped .session-list-item--status--label {
  color: #696969;
}
.session-list-item--status__cancelled .session-list-item--status--label {
  color: #828282;
}

.session-list-item--status--content {
  margin-top: 16px;
}

.session-list-item--mobile-status {
  margin-top: 8px;
  margin-left: 72px;
  padding-left: 16px;
  color: #696969;
}
@media only screen and (min-width: 701px) {
  .session-list-item > .session-list-item--mobile-status {
    display: none;
  }
}

.session-list--item--available-status * + * {
  margin-left: 8px;
}
.session-list--item--available-status .icon-membership, .session-list--item--available-status .icon-group-six, .session-list--item--available-status .icon-flash-sale, .session-list--item--available-status .icon-midweek-treat {
  position: relative;
  top: -3px;
}

.event-list-results--geolocation-message {
  padding-top: 80px;
  padding-bottom: 80px;
}
.ads--banner + .event-list-results--geolocation-message {
  border-top: 2px solid #E6E6E6;
}

.faqs .faqs--heading {
  --text-color: #EF5994;
}
.faqs .faqs--group h3 {
  font-size: 16px;
}

.event--tabs .tab-bar {
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.0509803922);
  margin-bottom: 2.5rem;
}
.event--tabs [data-tabs-target=tab] img {
  width: 1.5rem;
}
.event--tabs .buytix[data-tabs-target=tab][aria-selected=true] {
  background-color: #FFCE00;
}

.fringetix--filter-bar {
  font-weight: bold;
  line-height: 2.5rem;
  padding: 1rem 0;
}
.fringetix--filter-bar .button-set {
  display: inline-flex;
  gap: 0.5rem;
  line-height: 1.25rem;
}
.fringetix--filter-bar * + .button-set {
  margin-inline-start: 0.5rem;
}
@media only screen and (max-width: 1100px) {
  .fringetix--filter-bar {
    padding: 0.5rem 1.5rem 1rem;
  }
  .fringetix--filter-bar .button-set {
    margin-inline-start: unset;
  }
}

.fringetix--filter-button-row {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding-bottom: 1rem;
}
.fringetix--filter-button-row > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fringetix--filter-button-row .near-me::before,
.fringetix--filter-button-row .wishlist::before {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  background-color: #000;
}
.fringetix--filter-button-row .near-me::before {
  -webkit-mask: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="22" height="32" fill="url(%23pattern0)"/><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_3003_54319" transform="scale(0.047619 0.03125)"/></pattern><image id="image0_3003_54319" width="22" height="32" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAACbklEQVRIS62WPYgTQRTH/y8bDX4UwWyyG4gWongofoAHIoh3hZWKoFaiopU2KtidjY2FzWHhR2Oj4AfiFwheYSVeoaKihQgqFkGQm7fLopAiypp9MmETcskmOzE35ez//ebNvJ3/G0KfYdv2uGVZBwHsAlABsAKAD6AqIs8ajcaDIAg+J4VT92ShUBjLZrPTAPb0WzCej4joThiG54Ig+NGpnQctlUr7iegWgGUpwM7PLCIHPM972ZpsQ2PgIwA92Rss8JuIJpRSb7S2CYi3/G7IDLvXmiOizUopvwl1HOepwRkaJIyrzHya4iq/NYkw0IRRFK0ix3EuApgyCDCSiMhJDdVZjhtFmInua+gcANdMb6R6paF/ACw2khuIROSLhn4HsNJAbyQRkVlyXfehiOg7viCDiKY19JiI3FwQIoBMJjNBxWJxeSaTYQBLFwBcZebVrRulTeTIqFAiuqCUOt+ElsvlnVEUvRgR2iCiNUqpatuRHMfR1rV9BPBdZj7cdqnYVPYBeDICdBMzf5wH1TboOI6e3PAf4Blm3tuKS3L+x0NCJYqirb7vf0iExsfwGsC2IcD3mPlQp76ndbiuOykizw2h2j/X+77/bSA0znYGwO40sIhc8zzvVLcuscnZtr3OsixdtEX9wCLys16vr63VaoERNM72EoCzA7I9w8xXkr73bcf5fD6fy+W+AigmBH5i5i0A/g4F1WLXdY+LyI2e7RFNKqX6Xuu0h4O2xlkR2dEBvs3MRwcVMQ2q3wQbAbwHkAXwS0TGPM/TVtl3pELjojXbuG6/nuddT/vVjKCVSmVJGIaXmfkEAEmD/gN0RteTkDfcVQAAAABJRU5ErkJggg=="/></defs></svg>');
  mask: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="22" height="32" fill="url(%23pattern0)"/><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_3003_54319" transform="scale(0.047619 0.03125)"/></pattern><image id="image0_3003_54319" width="22" height="32" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAACbklEQVRIS62WPYgTQRTH/y8bDX4UwWyyG4gWongofoAHIoh3hZWKoFaiopU2KtidjY2FzWHhR2Oj4AfiFwheYSVeoaKihQgqFkGQm7fLopAiypp9MmETcskmOzE35ez//ebNvJ3/G0KfYdv2uGVZBwHsAlABsAKAD6AqIs8ajcaDIAg+J4VT92ShUBjLZrPTAPb0WzCej4joThiG54Ig+NGpnQctlUr7iegWgGUpwM7PLCIHPM972ZpsQ2PgIwA92Rss8JuIJpRSb7S2CYi3/G7IDLvXmiOizUopvwl1HOepwRkaJIyrzHya4iq/NYkw0IRRFK0ix3EuApgyCDCSiMhJDdVZjhtFmInua+gcANdMb6R6paF/ACw2khuIROSLhn4HsNJAbyQRkVlyXfehiOg7viCDiKY19JiI3FwQIoBMJjNBxWJxeSaTYQBLFwBcZebVrRulTeTIqFAiuqCUOt+ElsvlnVEUvRgR2iCiNUqpatuRHMfR1rV9BPBdZj7cdqnYVPYBeDICdBMzf5wH1TboOI6e3PAf4Blm3tuKS3L+x0NCJYqirb7vf0iExsfwGsC2IcD3mPlQp76ndbiuOykizw2h2j/X+77/bSA0znYGwO40sIhc8zzvVLcuscnZtr3OsixdtEX9wCLys16vr63VaoERNM72EoCzA7I9w8xXkr73bcf5fD6fy+W+AigmBH5i5i0A/g4F1WLXdY+LyI2e7RFNKqX6Xuu0h4O2xlkR2dEBvs3MRwcVMQ2q3wQbAbwHkAXwS0TGPM/TVtl3pELjojXbuG6/nuddT/vVjKCVSmVJGIaXmfkEAEmD/gN0RteTkDfcVQAAAABJRU5ErkJggg=="/></defs></svg>');
}
.fringetix--filter-button-row .wishlist::before {
  -webkit-mask: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" xmlns="http://www.w3.org/2000/svg"><path d="M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z"/></svg>');
  mask: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" xmlns="http://www.w3.org/2000/svg"><path d="M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z"/></svg>');
}
.fringetix--filter-button-row a.button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.fringetix--filter-button-row a.button.active::before, .fringetix--filter-button-row a.button:hover::before {
  background-color: #fff;
}
@media (max-width: 780px) {
  .fringetix--filter-button-row {
    flex-direction: column-reverse;
  }
  .fringetix--filter-button-row > div:first-child {
    justify-content: space-between;
  }
  .fringetix--filter-button-row > div:last-child > * {
    flex-grow: 1;
    padding-inline: 0.5rem;
  }
}

.scrim {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
}
.scrim[data-hide-animating] {
  animation: fade-out;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
.scrim[data-show-animating] {
  animation: fade-in;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}

.scrim[data-scrim-open-value=true] {
  opacity: 1;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.kpop--container {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  z-index: 100;
  pointer-events: none;
}
.kpop--container > * {
  pointer-events: auto;
}

.kpop--frame {
  --opening-animation: slide-in-up;
  --closing-animation: slide-out-down;
  position: relative;
  display: grid;
  margin: 0 auto;
  --min-width: 35rem;
  --max-width: 52rem;
  --min-height: 0;
  --max-height: 80dvh;
  min-width: var(--min-width);
  max-width: var(--max-width);
  min-height: var(--min-height);
  max-height: var(--max-height);
  grid-template-columns: min(var(--max-width), max(var(--min-width), 100%));
  grid-template-rows: min(var(--max-height), max(var(--min-height), 100%));
}

@media (max-width: 600px), (max-height: 400px) {
  .kpop--frame {
    --min-width: 100dvw;
    --max-width: 100dvw;
    --min-height: 30dvh;
    --max-height: calc(100dvh - 1.5rem);
  }
}
.scrim[data-scrim-open-value=false] + .kpop--container .kpop--frame {
  display: none;
}

.scrim[data-hide-animating] + .kpop--container .kpop--frame[data-kpop--frame-open-value=true] {
  animation: var(--closing-animation);
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}

.scrim[data-show-animating] + .kpop--container .kpop--frame {
  animation: var(--opening-animation);
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}

@keyframes slide-in-up {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes slide-out-down {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform: translateY(10%);
    opacity: 0;
  }
}
.kpop--frame.side-panel {
  --opening-animation: slide-in-right;
  --closing-animation: slide-out-right;
  --min-width: 30dvw;
  --max-width: 50dvw;
  --min-height: 100dvh;
  --max-height: 100dvh;
  margin-inline: auto 0;
  align-self: flex-end;
}
@media (max-width: 600px), (max-height: 400px) {
  .kpop--frame.side-panel {
    --opening-animation: slide-in-bottom;
    --closing-animation: slide-out-bottom;
    --min-width: 100dvw;
    --max-width: 100dvw;
    --min-height: 50dvh;
    --max-height: calc(100dvh - 1.5rem);
  }
}
.kpop--frame.side-panel .kpop-modal {
  border-radius: 0;
}

@keyframes slide-in-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-out-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slide-in-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes slide-out-bottom {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
.kpop-modal {
  display: grid;
  grid-template-areas: "title-bar" "header" "content" "footer";
  grid-template-rows: auto auto 1fr auto;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
  max-height: var(--max-height);
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px, rgba(0, 0, 0, 0.31) 0 0 5px;
}
.kpop-modal .kpop-title-bar {
  grid-area: title-bar;
  display: grid;
  grid-template-areas: "close title empty";
  grid-template-columns: 3.5rem auto 3.5rem;
  border-bottom: 1px solid #e0e0e0;
  min-height: 3.5rem;
  align-items: center;
}
.kpop-modal .kpop-header {
  grid-area: header;
}
.kpop-modal .kpop-content {
  grid-area: content;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.kpop-modal .kpop-footer {
  grid-area: footer;
  border-top: 1px solid #e0e0e0;
  padding: 1rem 1.5rem;
}
.kpop-modal .kpop-title {
  grid-area: title;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 3.5rem;
}
.kpop-modal .kpop-close {
  grid-area: close;
  text-align: center;
  background: none;
  border: none;
  display: block;
  font-size: 2rem;
  font-weight: 300;
  text-decoration: none;
  line-height: 3.5rem;
}
.kpop-modal .button-set {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
.kpop-modal.iframe .kpop-content {
  overflow: unset;
}
.kpop-modal.iframe iframe {
  height: var(--max-height);
  width: var(--max-width);
  flex-grow: 1;
  overflow: scroll;
}

@media (min-width: 600px) and (min-height: 400px) {
  .kpop--frame.side-panel {
    --min-width: 600px;
    --max-width: 600px;
  }
}

.kpop-modal .kpop-title {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

[data-controller=fringetix--filters--see-more][aria-expanded=false] [data-fringetix--filters--see-more-target=content]:not([data-collapsed-transitioning]) {
  max-height: 235px;
}

[data-fringetix--filters--see-more-target=content] {
  overflow: hidden;
  margin-inline: -1.5rem;
  padding-inline: 1.5rem;
}

.see-more-button {
  margin-top: 1rem;
}
@media only screen and (max-width: 600px) {
  .see-more-button {
    margin-top: 0;
  }
}

.fringetix--tabs {
  display: grid;
  grid-template-areas: "grid timeline planner";
  height: 100%;
}
.fringetix--tabs .tab {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: grid;
  place-items: center;
  text-align: center;
}
.fringetix--tabs .tab a[href] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #B3B3B3;
  width: 100%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  font-size: 1rem;
}
.fringetix--tabs .tab a[href]:hover {
  text-decoration: none;
}
.fringetix--tabs .tab a[href]:visited {
  color: #B3B3B3;
}
.fringetix--tabs .tab a[href]:focus {
  color: #B3B3B3;
}
.fringetix--tabs .tab a[href]:hover {
  color: #B3B3B3;
}
.fringetix--tabs .tab a[href]:active {
  color: #B3B3B3;
}
[data-whatinput=mouse] .fringetix--tabs .tab a[href] {
  outline: 0;
}
.fringetix--tabs .tab a[href]::before {
  content: " ";
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-color: #B3B3B3;
  flex-shrink: 0;
}
.fringetix--tabs .events {
  grid-area: grid;
}
.fringetix--tabs .events a[href]::before {
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 6C3 4.34315 4.34315 3 6 3H8.25C9.90685 3 11.25 4.34315 11.25 6V8.25C11.25 9.90685 9.90685 11.25 8.25 11.25H6C4.34315 11.25 3 9.90685 3 8.25V6ZM12.75 6C12.75 4.34315 14.0931 3 15.75 3H18C19.6569 3 21 4.34315 21 6V8.25C21 9.90685 19.6569 11.25 18 11.25H15.75C14.0931 11.25 12.75 9.90685 12.75 8.25V6ZM3 15.75C3 14.0931 4.34315 12.75 6 12.75H8.25C9.90685 12.75 11.25 14.0931 11.25 15.75V18C11.25 19.6569 9.90685 21 8.25 21H6C4.34315 21 3 19.6569 3 18V15.75ZM12.75 15.75C12.75 14.0931 14.0931 12.75 15.75 12.75H18C19.6569 12.75 21 14.0931 21 15.75V18C21 19.6569 19.6569 21 18 21H15.75C14.0931 21 12.75 19.6569 12.75 18V15.75Z" fill="black"/></svg>');
  mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 6C3 4.34315 4.34315 3 6 3H8.25C9.90685 3 11.25 4.34315 11.25 6V8.25C11.25 9.90685 9.90685 11.25 8.25 11.25H6C4.34315 11.25 3 9.90685 3 8.25V6ZM12.75 6C12.75 4.34315 14.0931 3 15.75 3H18C19.6569 3 21 4.34315 21 6V8.25C21 9.90685 19.6569 11.25 18 11.25H15.75C14.0931 11.25 12.75 9.90685 12.75 8.25V6ZM3 15.75C3 14.0931 4.34315 12.75 6 12.75H8.25C9.90685 12.75 11.25 14.0931 11.25 15.75V18C11.25 19.6569 9.90685 21 8.25 21H6C4.34315 21 3 19.6569 3 18V15.75ZM12.75 15.75C12.75 14.0931 14.0931 12.75 15.75 12.75H18C19.6569 12.75 21 14.0931 21 15.75V18C21 19.6569 19.6569 21 18 21H15.75C14.0931 21 12.75 19.6569 12.75 18V15.75Z" fill="black"/></svg>');
}
.fringetix--tabs .sessions {
  grid-area: timeline;
}
.fringetix--tabs .sessions a[href]::before {
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM12.75 6C12.75 5.58579 12.4142 5.25 12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V6Z" fill="%23000000"/></svg>');
  mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM12.75 6C12.75 5.58579 12.4142 5.25 12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V12C11.25 12.4142 11.5858 12.75 12 12.75H16.5C16.9142 12.75 17.25 12.4142 17.25 12C17.25 11.5858 16.9142 11.25 16.5 11.25H12.75V6Z" fill="%23000000"/></svg>');
}
.fringetix--tabs .planner {
  grid-area: planner;
}
.fringetix--tabs .planner a[href]:before {
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 12.75C12.75 13.1642 12.4142 13.5 12 13.5C11.5858 13.5 11.25 13.1642 11.25 12.75C11.25 12.3358 11.5858 12 12 12C12.4142 12 12.75 12.3358 12.75 12.75Z" fill="%23000000"/><path d="M7.5 15.75C7.91421 15.75 8.25 15.4142 8.25 15C8.25 14.5858 7.91421 14.25 7.5 14.25C7.08579 14.25 6.75 14.5858 6.75 15C6.75 15.4142 7.08579 15.75 7.5 15.75Z" fill="%23000000"/><path d="M8.25 17.25C8.25 17.6642 7.91421 18 7.5 18C7.08579 18 6.75 17.6642 6.75 17.25C6.75 16.8358 7.08579 16.5 7.5 16.5C7.91421 16.5 8.25 16.8358 8.25 17.25Z" fill="%23000000"/><path d="M9.75 15.75C10.1642 15.75 10.5 15.4142 10.5 15C10.5 14.5858 10.1642 14.25 9.75 14.25C9.33579 14.25 9 14.5858 9 15C9 15.4142 9.33579 15.75 9.75 15.75Z" fill="%23000000"/><path d="M10.5 17.25C10.5 17.6642 10.1642 18 9.75 18C9.33579 18 9 17.6642 9 17.25C9 16.8358 9.33579 16.5 9.75 16.5C10.1642 16.5 10.5 16.8358 10.5 17.25Z" fill="%23000000"/><path d="M12 15.75C12.4142 15.75 12.75 15.4142 12.75 15C12.75 14.5858 12.4142 14.25 12 14.25C11.5858 14.25 11.25 14.5858 11.25 15C11.25 15.4142 11.5858 15.75 12 15.75Z" fill="%23000000"/><path d="M12.75 17.25C12.75 17.6642 12.4142 18 12 18C11.5858 18 11.25 17.6642 11.25 17.25C11.25 16.8358 11.5858 16.5 12 16.5C12.4142 16.5 12.75 16.8358 12.75 17.25Z" fill="%23000000"/><path d="M14.25 15.75C14.6642 15.75 15 15.4142 15 15C15 14.5858 14.6642 14.25 14.25 14.25C13.8358 14.25 13.5 14.5858 13.5 15C13.5 15.4142 13.8358 15.75 14.25 15.75Z" fill="%23000000"/><path d="M15 17.25C15 17.6642 14.6642 18 14.25 18C13.8358 18 13.5 17.6642 13.5 17.25C13.5 16.8358 13.8358 16.5 14.25 16.5C14.6642 16.5 15 16.8358 15 17.25Z" fill="%23000000"/><path d="M16.5 15.75C16.9142 15.75 17.25 15.4142 17.25 15C17.25 14.5858 16.9142 14.25 16.5 14.25C16.0858 14.25 15.75 14.5858 15.75 15C15.75 15.4142 16.0858 15.75 16.5 15.75Z" fill="%23000000"/><path d="M15 12.75C15 13.1642 14.6642 13.5 14.25 13.5C13.8358 13.5 13.5 13.1642 13.5 12.75C13.5 12.3358 13.8358 12 14.25 12C14.6642 12 15 12.3358 15 12.75Z" fill="%23000000"/><path d="M16.5 13.5C16.9142 13.5 17.25 13.1642 17.25 12.75C17.25 12.3358 16.9142 12 16.5 12C16.0858 12 15.75 12.3358 15.75 12.75C15.75 13.1642 16.0858 13.5 16.5 13.5Z" fill="%23000000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 2.25C7.16421 2.25 7.5 2.58579 7.5 3V4.5H16.5V3C16.5 2.58579 16.8358 2.25 17.25 2.25C17.6642 2.25 18 2.58579 18 3V4.5H18.75C20.4069 4.5 21.75 5.84315 21.75 7.5V18.75C21.75 20.4069 20.4069 21.75 18.75 21.75H5.25C3.59315 21.75 2.25 20.4069 2.25 18.75V7.5C2.25 5.84315 3.59315 4.5 5.25 4.5H6V3C6 2.58579 6.33579 2.25 6.75 2.25ZM20.25 11.25C20.25 10.4216 19.5784 9.75 18.75 9.75H5.25C4.42157 9.75 3.75 10.4216 3.75 11.25V18.75C3.75 19.5784 4.42157 20.25 5.25 20.25H18.75C19.5784 20.25 20.25 19.5784 20.25 18.75V11.25Z" fill="%23000000"/></svg>');
  mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 12.75C12.75 13.1642 12.4142 13.5 12 13.5C11.5858 13.5 11.25 13.1642 11.25 12.75C11.25 12.3358 11.5858 12 12 12C12.4142 12 12.75 12.3358 12.75 12.75Z" fill="%23000000"/><path d="M7.5 15.75C7.91421 15.75 8.25 15.4142 8.25 15C8.25 14.5858 7.91421 14.25 7.5 14.25C7.08579 14.25 6.75 14.5858 6.75 15C6.75 15.4142 7.08579 15.75 7.5 15.75Z" fill="%23000000"/><path d="M8.25 17.25C8.25 17.6642 7.91421 18 7.5 18C7.08579 18 6.75 17.6642 6.75 17.25C6.75 16.8358 7.08579 16.5 7.5 16.5C7.91421 16.5 8.25 16.8358 8.25 17.25Z" fill="%23000000"/><path d="M9.75 15.75C10.1642 15.75 10.5 15.4142 10.5 15C10.5 14.5858 10.1642 14.25 9.75 14.25C9.33579 14.25 9 14.5858 9 15C9 15.4142 9.33579 15.75 9.75 15.75Z" fill="%23000000"/><path d="M10.5 17.25C10.5 17.6642 10.1642 18 9.75 18C9.33579 18 9 17.6642 9 17.25C9 16.8358 9.33579 16.5 9.75 16.5C10.1642 16.5 10.5 16.8358 10.5 17.25Z" fill="%23000000"/><path d="M12 15.75C12.4142 15.75 12.75 15.4142 12.75 15C12.75 14.5858 12.4142 14.25 12 14.25C11.5858 14.25 11.25 14.5858 11.25 15C11.25 15.4142 11.5858 15.75 12 15.75Z" fill="%23000000"/><path d="M12.75 17.25C12.75 17.6642 12.4142 18 12 18C11.5858 18 11.25 17.6642 11.25 17.25C11.25 16.8358 11.5858 16.5 12 16.5C12.4142 16.5 12.75 16.8358 12.75 17.25Z" fill="%23000000"/><path d="M14.25 15.75C14.6642 15.75 15 15.4142 15 15C15 14.5858 14.6642 14.25 14.25 14.25C13.8358 14.25 13.5 14.5858 13.5 15C13.5 15.4142 13.8358 15.75 14.25 15.75Z" fill="%23000000"/><path d="M15 17.25C15 17.6642 14.6642 18 14.25 18C13.8358 18 13.5 17.6642 13.5 17.25C13.5 16.8358 13.8358 16.5 14.25 16.5C14.6642 16.5 15 16.8358 15 17.25Z" fill="%23000000"/><path d="M16.5 15.75C16.9142 15.75 17.25 15.4142 17.25 15C17.25 14.5858 16.9142 14.25 16.5 14.25C16.0858 14.25 15.75 14.5858 15.75 15C15.75 15.4142 16.0858 15.75 16.5 15.75Z" fill="%23000000"/><path d="M15 12.75C15 13.1642 14.6642 13.5 14.25 13.5C13.8358 13.5 13.5 13.1642 13.5 12.75C13.5 12.3358 13.8358 12 14.25 12C14.6642 12 15 12.3358 15 12.75Z" fill="%23000000"/><path d="M16.5 13.5C16.9142 13.5 17.25 13.1642 17.25 12.75C17.25 12.3358 16.9142 12 16.5 12C16.0858 12 15.75 12.3358 15.75 12.75C15.75 13.1642 16.0858 13.5 16.5 13.5Z" fill="%23000000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 2.25C7.16421 2.25 7.5 2.58579 7.5 3V4.5H16.5V3C16.5 2.58579 16.8358 2.25 17.25 2.25C17.6642 2.25 18 2.58579 18 3V4.5H18.75C20.4069 4.5 21.75 5.84315 21.75 7.5V18.75C21.75 20.4069 20.4069 21.75 18.75 21.75H5.25C3.59315 21.75 2.25 20.4069 2.25 18.75V7.5C2.25 5.84315 3.59315 4.5 5.25 4.5H6V3C6 2.58579 6.33579 2.25 6.75 2.25ZM20.25 11.25C20.25 10.4216 19.5784 9.75 18.75 9.75H5.25C4.42157 9.75 3.75 10.4216 3.75 11.25V18.75C3.75 19.5784 4.42157 20.25 5.25 20.25H18.75C19.5784 20.25 20.25 19.5784 20.25 18.75V11.25Z" fill="%23000000"/></svg>');
}
.fringetix--tabs .active {
  background: #4d6bb6;
}
.fringetix--tabs .active a[href] {
  color: #000;
}
.fringetix--tabs .active a[href]:visited {
  color: #000;
}
.fringetix--tabs .active a[href]:focus {
  color: #000;
}
.fringetix--tabs .active a[href]:hover {
  color: #000;
}
.fringetix--tabs .active a[href]:active {
  color: #000;
}
.fringetix--tabs .active a[href]::before {
  background: #000;
}
@media only screen and (max-width: 1100px) {
  .fringetix--tabs .tab a[href] {
    justify-content: center;
    padding-block: 1rem;
  }
}

.when-filter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "calendar time";
  gap: 2rem;
}
@media only screen and (max-width: 1100px) {
  .when-filter {
    grid-template-columns: 1fr;
    grid-template-areas: "time" "calendar";
    gap: 0;
  }
  .when-filter .time {
    padding: 0;
  }
}
.when-filter .calendar {
  grid-area: calendar;
  padding: 1rem;
}
.when-filter .time {
  grid-area: time;
}

#where-panel .fringetix--filters--accessibility {
  margin-bottom: 30px;
}
#where-panel .fringetix--filters--accessibility .govuk-form-group {
  margin-bottom: 0;
}

.kpop--frame.fringetix-filters {
  --min-width: 0px;
  --max-width: 100dvw;
  --min-height: 90dvh;
  --max-height: 90dvh;
  width: 750px;
}
@media (max-width: 600px), (max-height: 400px) {
  .kpop--frame.fringetix-filters {
    --min-width: 100dvw;
    --max-width: 100dvw;
    --min-height: 100dvh;
    --max-height: 100dvh;
    width: 100%;
  }
}
.kpop--frame.fringetix-filters .tab-bar nav {
  max-width: unset;
  width: unset;
}
.kpop--frame.fringetix-filters .tab-bar [data-tabs-target=tab] {
  flex: 1 0;
  font-weight: normal;
  border-width: 3px;
  min-height: 3.5rem;
  gap: 0;
}
.kpop--frame.fringetix-filters .tab-bar [data-tabs-target=tab][aria-selected=true] {
  background: none;
  border-color: #002B97;
}
.kpop--frame.fringetix-filters .tab-bar .count-wrapper {
  position: relative;
}
.kpop--frame.fringetix-filters .tab-bar .count {
  position: absolute;
  display: inline-block;
  min-width: 1rem;
  line-height: 1rem;
  border-radius: 50%;
  text-align: center;
  color: white;
  background-color: #002B97;
  font-size: 11px;
  transform: translate(15%, -80%);
}
.kpop--frame.fringetix-filters .kpop-footer.button-set {
  justify-content: space-between;
}
.kpop--frame.fringetix-filters .govuk-hint {
  font-size: 1rem;
}
.kpop--frame.fringetix-filters .govuk-checkboxes {
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
@media only screen and (max-width: 600px) {
  .kpop--frame.fringetix-filters .govuk-checkboxes {
    grid-template-columns: 1fr;
  }
}
.kpop--frame.fringetix-filters hr {
  margin-block: 0 30px;
}
.kpop--frame.fringetix-filters [data-controller=fringetix--filters--address] {
  display: flex;
  gap: 1rem;
}
.kpop--frame.fringetix-filters [data-controller=fringetix--filters--address] :first-child {
  flex-grow: 1;
}
@media only screen and (max-width: 600px) {
  .kpop--frame.fringetix-filters [data-controller=fringetix--filters--address] {
    flex-direction: column;
    gap: 0;
  }
}
.kpop--frame.fringetix-filters .leading-icon {
  gap: 0.75rem;
  align-items: flex-start;
}
.kpop--frame.fringetix-filters .leading-icon img {
  width: 1.5rem;
}
.kpop--frame.fringetix-filters .autocomplete .govuk-form-group {
  position: relative;
}
.kpop--frame.fringetix-filters .autocomplete .govuk-form-group .list-group {
  top: unset;
  bottom: 3px;
  left: 0;
  right: 0;
  border-color: #c5cbd4;
  transform: translateY(100%);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1882352941);
}

.fringetix--filters-scroll-indicator {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  pointer-events: none;
  animation: bounce 0.5s alternate infinite, hide 3s forwards;
}
.fringetix--filters-scroll-indicator .leading-icon {
  justify-content: center;
}
.fringetix--filters-scroll-indicator span {
  color: #696969;
}
@media only screen and (max-width: 600px) {
  .fringetix--filters-scroll-indicator {
    display: none;
  }
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.list--banner {
  position: relative;
  margin-bottom: 55px;
}
.list--banner img {
  display: block;
}

.list--banner--headshot {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-bottom: -52px;
  margin-left: -52px;
  border-radius: 50%;
  border: 4px solid #fff;
}

.list--top {
  padding-top: 32px;
  position: relative;
  margin-bottom: 24px;
}
.list--top:after {
  content: "";
  display: table;
  clear: both;
}

.list--top--details {
  display: table;
}

.list--top--headshot {
  display: table-cell;
  vertical-align: top;
  width: 100px;
  padding-right: 20px;
}
.list--top--headshot img {
  border-radius: 50%;
}

.list--top--content {
  display: table-cell;
  vertical-align: middle;
  padding-right: 184px;
}
@media only screen and (max-width: 800px) {
  .list--top--content {
    padding-right: 0;
  }
}

.list--top--heading {
  color: #FF44B3;
}

.list--top--position {
  color: #B3B3B3;
}

.list--top--share {
  margin-top: 12px;
  clear: both;
}
@media only screen and (min-width: 801px) {
  .list--top--share {
    text-align: right;
    position: absolute;
    top: 32px;
    right: 0;
    margin-top: 0;
  }
}

.list--top--share--heading {
  color: #B3B3B3;
  margin-bottom: 8px;
}

.list--content {
  margin-bottom: 20px;
}
.list--content > * + * {
  margin-top: 20px;
}

.list--banner-ad-desktop {
  height: 125px;
  background-size: cover !important;
}
@media only screen and (max-width: 800px) {
  .list--banner-ad-desktop {
    display: none;
  }
}

.list--banner-ad-mobile {
  height: 250px;
  background-size: cover !important;
  display: none;
}
@media only screen and (max-width: 800px) {
  .list--banner-ad-mobile {
    display: block;
  }
}

.favourites .page--title.heading-one,
.favourites .page--title .heading-one {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: left;
}
.favourites .page--title.heading-one svg,
.favourites .page--title .heading-one svg {
  margin-right: 12px;
}
.favourites .page--title.heading-one .icon--fill,
.favourites .page--title .heading-one .icon--fill {
  fill: #002B97;
}

.favourites--link {
  color: #002B97;
}
.favourites--link:visited {
  color: #002B97;
}
.favourites--link:focus {
  color: #002B97;
}
.favourites--link:hover {
  color: #002B97;
}
.favourites--link:active {
  color: #002B97;
}

.type--favourites {
  color: #002B97;
}

.favourites--season + .favourites--season {
  margin-top: 32px;
}

.favourites--season .heading-two {
  margin-bottom: 16px;
}

.favourites--share {
  padding: 1rem 0;
}
@media only screen and (max-width: 1100px) {
  .favourites--share {
    padding-inline: 1.5rem;
  }
}
.favourites--share > * + * {
  margin-top: 1rem;
}
.favourites--share a {
  text-decoration: none;
}
.favourites--share .govuk-input__wrapper .govuk-input {
  border-radius: 4px 0 0 4px;
}
.favourites--share .govuk-input__wrapper .govuk-input__suffix {
  border-radius: 0 4px 4px 0;
  padding: 0.5rem;
  cursor: pointer;
  font-size: 0.85rem;
}
.favourites--share .govuk-input__wrapper .govuk-input__suffix svg {
  position: relative;
  top: 3px;
}
.favourites--share .feedback {
  visibility: hidden;
  color: #fff;
  background-color: #333;
  min-width: 250px;
  margin-left: -125px;
  border-radius: 2px;
  padding: 16px;
  text-align: center;
  right: 0;
  bottom: 30px;
  z-index: 1;
  position: fixed;
  /* Animations for fading in and out */
}
.favourites--share .feedback.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

.feature-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 22%;
}
@media only screen and (max-width: 780px) {
  .feature-image {
    padding-top: 50%;
  }
}

.feature-image-with-heading {
  position: relative;
}
.feature-image-with-heading:before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.feature-image--heading {
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  z-index: 2;
}

.banner-image img {
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}

.feature-image-video-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
}
.feature-image-video-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 780px) {
  .feature-image-video-wrapper {
    display: none;
  }
}

.filter-dates.picker {
  display: grid;
  grid-template-columns: auto auto 1fr;
  column-gap: 4px;
  min-height: 2.875rem;
}

.filter-dates .side-scroller--scroller {
  display: flex;
  column-gap: 0.5rem;
  overflow-x: scroll;
  position: relative;
  cursor: grab;
}

.vertical-divider {
  width: 1px;
  background: #E6E6E6;
  margin-inline: 0.5rem;
}

.filter-dates .more, .filter-dates--option {
  background: #e6eaf5;
  fill: black;
  border-radius: 8px;
  padding: 0.25rem;
  flex-basis: 15%;
  text-align: center;
  cursor: pointer;
  font-size: 1rem;
  text-decoration: none;
}
.filter-dates .more:hover, .filter-dates--option:hover {
  text-decoration: none;
}

.filter-dates--option {
  line-height: 1.5em;
  min-width: 9ch;
  font-size: 0.8rem;
}
.filter-dates--option[data-active] {
  background: #002B97;
  color: #fff;
}
.filter-dates--option strong {
  display: block;
}

.filter-dates .more {
  display: flex;
  gap: 0.5rem;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
  width: 100%;
  position: relative;
  padding-inline: 1rem;
  color: #000;
}
.filter-dates .more svg {
  width: 22px;
  height: 22px;
  fill: #000;
}
.filter-dates .more[data-active] {
  background: #002B97;
  color: #fff;
}
.filter-dates .more[data-active] svg {
  fill: #fff;
}

.filter-dates--option.sold-out {
  background: #A81818 !important;
  color: white !important;
  border: 2px solid #A81818;
}
.filter-dates--option.sold-out:hover, .filter-dates--option.sold-out:focus {
  color: white;
}

.layout--footer {
  background: #333333;
  color: #fff;
  padding-bottom: 32px;
}
.layout--footer a {
  text-decoration: none;
  color: #fff;
}
.layout--footer a:hover {
  text-decoration: underline;
}
.layout--footer a:visited {
  color: #fff;
}
.layout--footer a:focus {
  color: #fff;
}
.layout--footer a:hover {
  color: #fff;
}
.layout--footer a:active {
  color: #fff;
}
.layout--footer .button {
  text-decoration: none;
}
.layout--footer .button:hover {
  text-decoration: none;
}
.layout--footer img.footer-branding-mobile {
  width: 100%;
  margin-top: 20px;
  margin-bottom: -32px;
  display: none;
}
@media only screen and (max-width: 600px) {
  .layout--footer img.footer-branding-mobile {
    display: block;
  }
}
.layout--footer img.footer-branding-desktop {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .layout--footer img.footer-branding-desktop {
    display: none;
  }
}
.layout--footer .enews {
  background-color: #E9B13A;
  color: black;
}
.layout--footer .enews a {
  color: black;
}
.layout--footer .enews-row {
  grid-template-columns: 1fr;
  grid-template-areas: "heading" "form" "tos";
}

.footer--partners {
  border-bottom: 2px solid #fff;
  padding: 32px 0;
}
@media only screen and (max-width: 650px) {
  .footer--partners {
    display: none;
  }
}
.footer--partners .footer--partners__adelaide-cc {
  grid-area: adelaide-cc;
}
.footer--partners .footer--partners__banksa {
  grid-area: banksa;
}
.footer--partners .footer--partners__foodland {
  grid-area: foodland;
}
.footer--partners .footer--partners__jcd {
  grid-area: jcd;
}
.footer--partners .footer--partners__indaily {
  grid-area: indaily;
}
.footer--partners .footer--partners__govsa {
  grid-area: gov-sa;
}
.footer--partners .footer--partners__lumo {
  grid-area: lumo;
}

.footer--partners--extras {
  margin-top: 16px;
  padding-top: 16px;
  float: right;
  width: 75%;
  clear: right;
}
.footer--partners--extras:after {
  content: "";
  display: table;
  clear: both;
}
.footer--partners--extras img {
  width: auto;
  height: 40px;
}
.footer--partners--extras .footer--partners--extras--thanks {
  padding: 0 16px 16px;
}
@media only screen and (max-width: 880px) {
  .footer--partners--extras .footer--partners--extras--thanks {
    padding-left: 0;
  }
}
@media only screen and (max-width: 880px) {
  .footer--partners--extras {
    clear: both;
    width: 100%;
    float: left;
    margin-top: 32px;
    padding-top: 32px;
  }
  .footer--partners--extras .footer--partner-logo:first-child {
    padding-left: 0;
  }
}
.footer--partners--extras .footer--partner-logo:last-child {
  border-right: 0;
  padding-right: 0;
}

.footer--main-unit {
  padding: 32px 0;
}

.footer--links {
  width: 50%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .footer--links {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .footer--links {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 880px) {
  .footer--links {
    width: 100%;
    float: none;
  }
}
.footer--links p + ul,
.footer--links li + li {
  margin-top: 8px;
}
@media only screen and (max-width: 880px) {
  .footer--links {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 880px) {
  .footer--links {
    display: none;
  }
}

.footer--links-heading {
  margin-bottom: 0.8em;
}
.footer--links-heading .heading-three {
  color: white;
}

.footer--quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.footer--quick-links li {
  flex-grow: 1;
  flex-basis: 45%;
  align-items: baseline;
}
.footer--quick-links li + li {
  margin: 0;
}

.footer--links-column {
  width: 50%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .footer--links-column {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .footer--links-column {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.footer--links-column__strong {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

.footer--social-enews {
  width: 50%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .footer--social-enews {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .footer--social-enews {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 880px) {
  .footer--social-enews {
    width: 100%;
    float: none;
  }
}
.footer--social-enews > div {
  position: relative;
}

.footer-social {
  overflow: hidden;
  display: flex;
  column-gap: 8px;
  row-gap: 8px;
  margin-bottom: 24px;
  fill: white;
}
.footer-social > div {
  flex-grow: 1;
}
.footer-social a {
  display: block;
  width: 100%;
  border-radius: 6px;
  height: 56px;
  display: block;
  overflow: hidden;
  position: relative;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  background-color: #E9B13A;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  fill: #000;
}
.footer-social a svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  display: block;
}
.footer-social a:hover {
  background-color: #F0C875;
}

.footer--promos {
  padding: 20px 0 0 0;
}
.footer--promos .footer--promo-unit {
  width: 33.3333333333%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .footer--promos .footer--promo-unit {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .footer--promos .footer--promo-unit {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 440px) {
  .footer--promos .footer--promo-unit {
    width: 50%;
    float: left;
    min-height: 1px;
  }
}

.footer--promo-unit__large {
  display: block;
}
@media only screen and (max-width: 640px) {
  .footer--promo-unit__large {
    display: none;
  }
}

.footer--promo-unit__small {
  display: none;
}
@media only screen and (max-width: 640px) {
  .footer--promo-unit__small {
    display: block;
  }
}

.footer__fers {
  margin-left: 16.6666666667%;
}
@media only screen and (max-width: 440px) {
  .footer__fers {
    margin-left: 0;
  }
}

.footer__trev {
  margin-right: 16.6666666667%;
}
@media only screen and (max-width: 440px) {
  .footer__trev {
    margin-right: 0;
  }
}

.footer--policy-copyright {
  overflow: hidden;
}
@media only screen and (max-width: 880px) {
  .footer--policy-copyright {
    text-align: center;
  }
}

.footer--policy {
  float: left;
  overflow: hidden;
}
.footer--policy li {
  display: inline-block;
}
.footer--policy li + li {
  margin-left: 16px;
}
@media only screen and (max-width: 880px) {
  .footer--policy {
    float: none;
    text-align: center;
  }
}

.footer--copyright {
  float: right;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 880px) {
  .footer--copyright {
    margin-top: 8px;
    float: none;
    display: inline-block;
  }
}

.footer--credits {
  overflow: hidden;
  margin-top: 8px;
}
@media only screen and (max-width: 880px) {
  .footer--credits {
    text-align: center;
  }
}
.footer--credits a {
  display: inline-block;
  font-size: 12px;
  color: #B3B3B3;
}
.footer--credits a:visited {
  color: #B3B3B3;
}
.footer--credits a:focus {
  color: #B3B3B3;
}
.footer--credits a:hover {
  color: #B3B3B3;
}
.footer--credits a:active {
  color: #B3B3B3;
}
.footer--credits a + a {
  margin-left: 12px;
}

.footer-avr {
  display: flex;
  color: #000;
}
.footer-avr > div {
  flex: 1 1 auto;
}
.footer-avr .footer-avr--image {
  background-color: #EA5794;
  border-radius: 6px 0 0 6px;
}
.footer-avr .footer-avr--image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.footer-avr .footer-avr--content-wrapper {
  border: 4px solid #FF44B3;
  border-radius: 0 6px 6px 0;
  border-left: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #fff;
}
.footer-avr .footer-avr--content-wrapper .footer-avr--content {
  margin: 1em;
}
.footer-avr svg {
  background-color: #80225F;
}

.footer-avr--link:hover {
  text-decoration: none;
}

.footer-avr__mobile {
  display: none;
  margin-bottom: 1em;
}
@media only screen and (max-width: 880px) {
  .footer-avr__mobile {
    display: block;
  }
}

.landowners-text {
  padding: 2rem 0;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  border-bottom: 2px solid #fff;
}

.ornament-form fieldset, form:not(.govuk-form) fieldset {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.ornament-form legend, form:not(.govuk-form) legend {
  display: none;
}
.ornament-form [type=text], .ornament-form [type=password], .ornament-form [type=date], .ornament-form [type=datetime],
.ornament-form [type=email], .ornament-form [type=number], .ornament-form [type=search], .ornament-form [type=tel], .ornament-form [type=time],
.ornament-form [type=url], .ornament-form textarea, form:not(.govuk-form) [type=text], form:not(.govuk-form) [type=password], form:not(.govuk-form) [type=date], form:not(.govuk-form) [type=datetime],
form:not(.govuk-form) [type=email], form:not(.govuk-form) [type=number], form:not(.govuk-form) [type=search], form:not(.govuk-form) [type=tel], form:not(.govuk-form) [type=time],
form:not(.govuk-form) [type=url], form:not(.govuk-form) textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background: #ffffff;
  border: 1px solid #c5cbd4;
  color: #000;
  width: 100%;
}
.ornament-form [type=radio], .ornament-form [type=checkbox], .ornament-form [type=submit], form:not(.govuk-form) [type=radio], form:not(.govuk-form) [type=checkbox], form:not(.govuk-form) [type=submit] {
  cursor: pointer;
}
.ornament-form [type=radio], .ornament-form [type=checkbox], form:not(.govuk-form) [type=radio], form:not(.govuk-form) [type=checkbox] {
  margin: -0.2em 0 0 0.2em;
}
.ornament-form [type=submit], form:not(.govuk-form) [type=submit] {
  line-height: inherit;
  margin: 0;
}
.ornament-form input, .ornament-form select, form:not(.govuk-form) input, form:not(.govuk-form) select {
  vertical-align: middle;
}
.ornament-form input, .ornament-form textarea, .ornament-form keygen, .ornament-form select, form:not(.govuk-form) input, form:not(.govuk-form) textarea, form:not(.govuk-form) keygen, form:not(.govuk-form) select {
  display: inline-block;
  vertical-align: middle;
}
.ornament-form textarea, form:not(.govuk-form) textarea {
  height: 110px;
  overflow: auto;
  max-width: 100%;
}
.ornament-form input[type=file], form:not(.govuk-form) input[type=file] {
  max-width: 100%;
}
.ornament-form button, .ornament-form input[type=submit], form:not(.govuk-form) button, form:not(.govuk-form) input[type=submit] {
  -webkit-appearance: none;
}
.ornament-form button::-moz-focus-inner, form:not(.govuk-form) button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ornament-form input[type=number]::-webkit-outer-spin-button,
.ornament-form input[type=number]::-webkit-inner-spin-button, form:not(.govuk-form) input[type=number]::-webkit-outer-spin-button,
form:not(.govuk-form) input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none;
}
.ornament-form input[type=number], form:not(.govuk-form) input[type=number] {
  -moz-appearance: textfield;
}
.ornament-form ::-ms-clear, form:not(.govuk-form) ::-ms-clear {
  width: 0;
  height: 0;
}
.ornament-form .form-embedded, form:not(.govuk-form) .form-embedded {
  margin-top: 32px;
}
.ornament-form .control-group .controls, form:not(.govuk-form) .control-group .controls {
  margin-top: 16px;
}
.ornament-form input[type=text],
.ornament-form input[type=password],
.ornament-form input[type=number],
.ornament-form input[type=search],
.ornament-form input[type=tel],
.ornament-form input[type=email],
.ornament-form input[type=url],
.ornament-form input[type=date],
.ornament-form input[type=datetime],
.ornament-form input[type=time],
.ornament-form select,
.ornament-form textarea,
.ornament-form .form-label-combo, form:not(.govuk-form) input[type=text],
form:not(.govuk-form) input[type=password],
form:not(.govuk-form) input[type=number],
form:not(.govuk-form) input[type=search],
form:not(.govuk-form) input[type=tel],
form:not(.govuk-form) input[type=email],
form:not(.govuk-form) input[type=url],
form:not(.govuk-form) input[type=date],
form:not(.govuk-form) input[type=datetime],
form:not(.govuk-form) input[type=time],
form:not(.govuk-form) select,
form:not(.govuk-form) textarea,
form:not(.govuk-form) .form-label-combo {
  border: 1px solid #c5cbd4;
  background: #fff;
  line-height: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 12px;
  margin: 0;
  border-radius: 6px;
  transition: border-color 0.2s;
}
.layout--body .ornament-form input[type=text],
.layout--body .ornament-form input[type=password],
.layout--body .ornament-form input[type=number],
.layout--body .ornament-form input[type=search],
.layout--body .ornament-form input[type=tel],
.layout--body .ornament-form input[type=email],
.layout--body .ornament-form input[type=url],
.layout--body .ornament-form input[type=date],
.layout--body .ornament-form input[type=datetime],
.layout--body .ornament-form input[type=time],
.layout--body .ornament-form select,
.layout--body .ornament-form textarea,
.layout--body .ornament-form .form-label-combo, .layout--body form:not(.govuk-form) input[type=text],
.layout--body form:not(.govuk-form) input[type=password],
.layout--body form:not(.govuk-form) input[type=number],
.layout--body form:not(.govuk-form) input[type=search],
.layout--body form:not(.govuk-form) input[type=tel],
.layout--body form:not(.govuk-form) input[type=email],
.layout--body form:not(.govuk-form) input[type=url],
.layout--body form:not(.govuk-form) input[type=date],
.layout--body form:not(.govuk-form) input[type=datetime],
.layout--body form:not(.govuk-form) input[type=time],
.layout--body form:not(.govuk-form) select,
.layout--body form:not(.govuk-form) textarea,
.layout--body form:not(.govuk-form) .form-label-combo {
  border: 1px solid #c5cbd4;
  box-shadow: inset 2px 2px 2px #dfe0e2;
}
.ornament-form input[type=text].input__flat-right,
.ornament-form input[type=password].input__flat-right,
.ornament-form input[type=number].input__flat-right,
.ornament-form input[type=search].input__flat-right,
.ornament-form input[type=tel].input__flat-right,
.ornament-form input[type=email].input__flat-right,
.ornament-form input[type=url].input__flat-right,
.ornament-form input[type=date].input__flat-right,
.ornament-form input[type=datetime].input__flat-right,
.ornament-form input[type=time].input__flat-right,
.ornament-form select.input__flat-right,
.ornament-form textarea.input__flat-right,
.ornament-form .form-label-combo.input__flat-right, form:not(.govuk-form) input[type=text].input__flat-right,
form:not(.govuk-form) input[type=password].input__flat-right,
form:not(.govuk-form) input[type=number].input__flat-right,
form:not(.govuk-form) input[type=search].input__flat-right,
form:not(.govuk-form) input[type=tel].input__flat-right,
form:not(.govuk-form) input[type=email].input__flat-right,
form:not(.govuk-form) input[type=url].input__flat-right,
form:not(.govuk-form) input[type=date].input__flat-right,
form:not(.govuk-form) input[type=datetime].input__flat-right,
form:not(.govuk-form) input[type=time].input__flat-right,
form:not(.govuk-form) select.input__flat-right,
form:not(.govuk-form) textarea.input__flat-right,
form:not(.govuk-form) .form-label-combo.input__flat-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ornament-form input[type=text].input__flat-left,
.ornament-form input[type=password].input__flat-left,
.ornament-form input[type=number].input__flat-left,
.ornament-form input[type=search].input__flat-left,
.ornament-form input[type=tel].input__flat-left,
.ornament-form input[type=email].input__flat-left,
.ornament-form input[type=url].input__flat-left,
.ornament-form input[type=date].input__flat-left,
.ornament-form input[type=datetime].input__flat-left,
.ornament-form input[type=time].input__flat-left,
.ornament-form select.input__flat-left,
.ornament-form textarea.input__flat-left,
.ornament-form .form-label-combo.input__flat-left, form:not(.govuk-form) input[type=text].input__flat-left,
form:not(.govuk-form) input[type=password].input__flat-left,
form:not(.govuk-form) input[type=number].input__flat-left,
form:not(.govuk-form) input[type=search].input__flat-left,
form:not(.govuk-form) input[type=tel].input__flat-left,
form:not(.govuk-form) input[type=email].input__flat-left,
form:not(.govuk-form) input[type=url].input__flat-left,
form:not(.govuk-form) input[type=date].input__flat-left,
form:not(.govuk-form) input[type=datetime].input__flat-left,
form:not(.govuk-form) input[type=time].input__flat-left,
form:not(.govuk-form) select.input__flat-left,
form:not(.govuk-form) textarea.input__flat-left,
form:not(.govuk-form) .form-label-combo.input__flat-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ornament-form input[type=text]:focus,
.ornament-form input[type=password]:focus,
.ornament-form input[type=number]:focus,
.ornament-form input[type=search]:focus,
.ornament-form input[type=tel]:focus,
.ornament-form input[type=email]:focus,
.ornament-form input[type=url]:focus,
.ornament-form input[type=date]:focus,
.ornament-form input[type=datetime]:focus,
.ornament-form input[type=time]:focus,
.ornament-form select:focus,
.ornament-form textarea:focus,
.ornament-form .form-label-combo:focus, form:not(.govuk-form) input[type=text]:focus,
form:not(.govuk-form) input[type=password]:focus,
form:not(.govuk-form) input[type=number]:focus,
form:not(.govuk-form) input[type=search]:focus,
form:not(.govuk-form) input[type=tel]:focus,
form:not(.govuk-form) input[type=email]:focus,
form:not(.govuk-form) input[type=url]:focus,
form:not(.govuk-form) input[type=date]:focus,
form:not(.govuk-form) input[type=datetime]:focus,
form:not(.govuk-form) input[type=time]:focus,
form:not(.govuk-form) select:focus,
form:not(.govuk-form) textarea:focus,
form:not(.govuk-form) .form-label-combo:focus {
  outline: none;
}
.ornament-form input[type=text][disabled], .ornament-form input[type=text].disabled,
.ornament-form input[type=password][disabled],
.ornament-form input[type=password].disabled,
.ornament-form input[type=number][disabled],
.ornament-form input[type=number].disabled,
.ornament-form input[type=search][disabled],
.ornament-form input[type=search].disabled,
.ornament-form input[type=tel][disabled],
.ornament-form input[type=tel].disabled,
.ornament-form input[type=email][disabled],
.ornament-form input[type=email].disabled,
.ornament-form input[type=url][disabled],
.ornament-form input[type=url].disabled,
.ornament-form input[type=date][disabled],
.ornament-form input[type=date].disabled,
.ornament-form input[type=datetime][disabled],
.ornament-form input[type=datetime].disabled,
.ornament-form input[type=time][disabled],
.ornament-form input[type=time].disabled,
.ornament-form select[disabled],
.ornament-form select.disabled,
.ornament-form textarea[disabled],
.ornament-form textarea.disabled,
.ornament-form .form-label-combo[disabled],
.ornament-form .form-label-combo.disabled, form:not(.govuk-form) input[type=text][disabled], form:not(.govuk-form) input[type=text].disabled,
form:not(.govuk-form) input[type=password][disabled],
form:not(.govuk-form) input[type=password].disabled,
form:not(.govuk-form) input[type=number][disabled],
form:not(.govuk-form) input[type=number].disabled,
form:not(.govuk-form) input[type=search][disabled],
form:not(.govuk-form) input[type=search].disabled,
form:not(.govuk-form) input[type=tel][disabled],
form:not(.govuk-form) input[type=tel].disabled,
form:not(.govuk-form) input[type=email][disabled],
form:not(.govuk-form) input[type=email].disabled,
form:not(.govuk-form) input[type=url][disabled],
form:not(.govuk-form) input[type=url].disabled,
form:not(.govuk-form) input[type=date][disabled],
form:not(.govuk-form) input[type=date].disabled,
form:not(.govuk-form) input[type=datetime][disabled],
form:not(.govuk-form) input[type=datetime].disabled,
form:not(.govuk-form) input[type=time][disabled],
form:not(.govuk-form) input[type=time].disabled,
form:not(.govuk-form) select[disabled],
form:not(.govuk-form) select.disabled,
form:not(.govuk-form) textarea[disabled],
form:not(.govuk-form) textarea.disabled,
form:not(.govuk-form) .form-label-combo[disabled],
form:not(.govuk-form) .form-label-combo.disabled {
  background: #e6e6e6;
  cursor: not-allowed;
}
.ornament-form ::-webkit-input-placeholder, form:not(.govuk-form) ::-webkit-input-placeholder {
  color: #c5cbd4;
}
.ornament-form ::-moz-placeholder, form:not(.govuk-form) ::-moz-placeholder {
  color: #c5cbd4;
}
.ornament-form :-ms-input-placeholder, form:not(.govuk-form) :-ms-input-placeholder {
  color: #c5cbd4;
}
.ornament-form select, form:not(.govuk-form) select {
  width: 100%;
  font: inherit;
  color: #000;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .ornament-form select, form:not(.govuk-form) select {
    -webkit-appearance: none;
  }
  .ornament-form select[multiple],
  .ornament-form select[multiple][size],
  .ornament-form select[size], form:not(.govuk-form) select[multiple],
  form:not(.govuk-form) select[multiple][size],
  form:not(.govuk-form) select[size] {
    background-image: none;
    padding-right: 3px;
  }
  .ornament-form select,
  .ornament-form select[size="0"],
  .ornament-form select[size="1"], form:not(.govuk-form) select,
  form:not(.govuk-form) select[size="0"],
  form:not(.govuk-form) select[size="1"] {
    background-image: url("/release-20240125/assets/select_arrow-48102016271943330ad884c10f638cb55a5ae369.gif");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 44px;
  }
}
@-moz-document url-prefix() {
  .ornament-form select, form:not(.govuk-form) select {
    -moz-appearance: none;
  }
  .ornament-form select[multiple],
  .ornament-form select[multiple][size],
  .ornament-form select[size], form:not(.govuk-form) select[multiple],
  form:not(.govuk-form) select[multiple][size],
  form:not(.govuk-form) select[size] {
    background-image: none;
    padding-right: 3px;
  }
  .ornament-form select,
  .ornament-form select[size="0"],
  .ornament-form select[size="1"], form:not(.govuk-form) select,
  form:not(.govuk-form) select[size="0"],
  form:not(.govuk-form) select[size="1"] {
    background-image: url("/release-20240125/assets/select_arrow-48102016271943330ad884c10f638cb55a5ae369.gif");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 44px;
  }
}
.ornament-form .form--large, form:not(.govuk-form) .form--large {
  max-width: 561px;
}
.ornament-form .form--medium, form:not(.govuk-form) .form--medium {
  max-width: 374px;
}
.ornament-form .form--small, form:not(.govuk-form) .form--small {
  max-width: 249.3333333333px;
}
.ornament-form .form--x-small, form:not(.govuk-form) .form--x-small {
  max-width: 187px;
}
.ornament-form .form--xx-small, form:not(.govuk-form) .form--xx-small {
  max-width: 120px;
}
.ornament-form .radio_buttons:after,
.ornament-form .check_boxes:after, form:not(.govuk-form) .radio_buttons:after,
form:not(.govuk-form) .check_boxes:after {
  content: "";
  display: table;
  clear: both;
}
.ornament-form .radio_buttons .radio,
.ornament-form .radio_buttons .checkbox,
.ornament-form .check_boxes .radio,
.ornament-form .check_boxes .checkbox, form:not(.govuk-form) .radio_buttons .radio,
form:not(.govuk-form) .radio_buttons .checkbox,
form:not(.govuk-form) .check_boxes .radio,
form:not(.govuk-form) .check_boxes .checkbox {
  margin-top: 16px;
}
.ornament-form .radio_buttons .radio:first-child,
.ornament-form .radio_buttons .checkbox:first-child,
.ornament-form .check_boxes .radio:first-child,
.ornament-form .check_boxes .checkbox:first-child, form:not(.govuk-form) .radio_buttons .radio:first-child,
form:not(.govuk-form) .radio_buttons .checkbox:first-child,
form:not(.govuk-form) .check_boxes .radio:first-child,
form:not(.govuk-form) .check_boxes .checkbox:first-child {
  margin-top: 0;
}
.ornament-form .radio_buttons .radio,
.ornament-form .radio_buttons .checkbox,
.ornament-form .radio_buttons .field,
.ornament-form .check_boxes .radio,
.ornament-form .check_boxes .checkbox,
.ornament-form .check_boxes .field, form:not(.govuk-form) .radio_buttons .radio,
form:not(.govuk-form) .radio_buttons .checkbox,
form:not(.govuk-form) .radio_buttons .field,
form:not(.govuk-form) .check_boxes .radio,
form:not(.govuk-form) .check_boxes .checkbox,
form:not(.govuk-form) .check_boxes .field {
  float: left;
  clear: both;
}
.ornament-form .radio_buttons .radio,
.ornament-form .radio_buttons .checkbox,
.ornament-form .check_boxes .radio,
.ornament-form .check_boxes .checkbox, form:not(.govuk-form) .radio_buttons .radio,
form:not(.govuk-form) .radio_buttons .checkbox,
form:not(.govuk-form) .check_boxes .radio,
form:not(.govuk-form) .check_boxes .checkbox {
  position: relative;
  padding-left: 24px;
  margin-right: 16px;
}
.ornament-form .radio_buttons .radio input,
.ornament-form .radio_buttons .checkbox input,
.ornament-form .check_boxes .radio input,
.ornament-form .check_boxes .checkbox input, form:not(.govuk-form) .radio_buttons .radio input,
form:not(.govuk-form) .radio_buttons .checkbox input,
form:not(.govuk-form) .check_boxes .radio input,
form:not(.govuk-form) .check_boxes .checkbox input {
  position: absolute;
  top: 7px;
  left: 0;
}
.ornament-form .radio_buttons .radio + p.hint-block,
.ornament-form .check_boxes .radio + p.hint-block, form:not(.govuk-form) .radio_buttons .radio + p.hint-block,
form:not(.govuk-form) .check_boxes .radio + p.hint-block {
  margin-top: 12px;
  float: left;
}
.ornament-form .form--field, form:not(.govuk-form) .form--field {
  display: table;
  background: #E6E6E6;
}
.ornament-form .radio_buttons .form--field,
.ornament-form .radio_buttons .field .error-block, form:not(.govuk-form) .radio_buttons .form--field,
form:not(.govuk-form) .radio_buttons .field .error-block {
  margin-top: 8px;
  margin-left: 24px;
}
.ornament-form .radio_buttons .field .error-block, form:not(.govuk-form) .radio_buttons .field .error-block {
  display: block;
}
.ornament-form .form--field--prefix,
.ornament-form .form--field--input, form:not(.govuk-form) .form--field--prefix,
form:not(.govuk-form) .form--field--input {
  display: table-cell;
  vertical-align: middle;
}
.ornament-form .form--field--prefix, form:not(.govuk-form) .form--field--prefix {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  padding: 4px 11px;
}
.ornament-form .form--field--input, form:not(.govuk-form) .form--field--input {
  padding: 4px;
  padding-left: 0;
}
.ornament-form .form--enhanced .radio .form--enhanced--control, form:not(.govuk-form) .form--enhanced .radio .form--enhanced--control {
  border-radius: 50%;
}
.ornament-form .form--enhanced .radio .form--enhanced--control,
.ornament-form .form--enhanced .checkbox .form--enhanced--control, form:not(.govuk-form) .form--enhanced .radio .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .checkbox .form--enhanced--control {
  content: "";
  width: 1em;
  height: 1em;
  border: 2px solid #c5cbd4;
  position: absolute;
  top: 0.2em;
  left: 0;
  background: #002B97;
  box-shadow: inset 0 0 0 1em #fff;
  transition: box-shadow 0.2s;
}
.ornament-form .form--enhanced .radio .form--enhanced--control:hover,
.ornament-form .form--enhanced .checkbox .form--enhanced--control:hover, form:not(.govuk-form) .form--enhanced .radio .form--enhanced--control:hover,
form:not(.govuk-form) .form--enhanced .checkbox .form--enhanced--control:hover {
  border-color: #8a96a9;
  cursor: pointer;
}
.ornament-form .form--enhanced .radio input:focus + .form--enhanced--control,
.ornament-form .form--enhanced .checkbox input:focus + .form--enhanced--control, form:not(.govuk-form) .form--enhanced .radio input:focus + .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .checkbox input:focus + .form--enhanced--control {
  border-color: #8a96a9;
}
.ornament-form .form--enhanced .radio.enhanced-selected .form--enhanced--control,
.ornament-form .form--enhanced .radio input:checked + .form--enhanced--control,
.ornament-form .form--enhanced .checkbox.enhanced-selected .form--enhanced--control,
.ornament-form .form--enhanced .checkbox input:checked + .form--enhanced--control, form:not(.govuk-form) .form--enhanced .radio.enhanced-selected .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .radio input:checked + .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .checkbox.enhanced-selected .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .checkbox input:checked + .form--enhanced--control {
  border-color: #8a96a9;
  box-shadow: inset 0 0 0 2px #fff;
}
.ornament-form .form--enhanced .radio input[disabled] + .form--enhanced--control,
.ornament-form .form--enhanced .radio .disabled + .form--enhanced--control,
.ornament-form .form--enhanced .checkbox input[disabled] + .form--enhanced--control,
.ornament-form .form--enhanced .checkbox .disabled + .form--enhanced--control, form:not(.govuk-form) .form--enhanced .radio input[disabled] + .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .radio .disabled + .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .checkbox input[disabled] + .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .checkbox .disabled + .form--enhanced--control {
  background: #E6E6E6;
  box-shadow: inset 0 0 0 2px #fff;
}
.ornament-form .form--enhanced .radio input[disabled]:checked + .form--enhanced--control,
.ornament-form .form--enhanced .radio .disabled:checked + .form--enhanced--control,
.ornament-form .form--enhanced .checkbox input[disabled]:checked + .form--enhanced--control,
.ornament-form .form--enhanced .checkbox .disabled:checked + .form--enhanced--control, form:not(.govuk-form) .form--enhanced .radio input[disabled]:checked + .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .radio .disabled:checked + .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .checkbox input[disabled]:checked + .form--enhanced--control,
form:not(.govuk-form) .form--enhanced .checkbox .disabled:checked + .form--enhanced--control {
  background: #FF44B3;
}
.ornament-form .form--enhanced .radio input[disabled] + .form--enhanced--control:hover, .ornament-form .form--enhanced .radio input[disabled] + .form--enhanced--control:focus,
.ornament-form .form--enhanced .radio .disabled + .form--enhanced--control:hover,
.ornament-form .form--enhanced .radio .disabled + .form--enhanced--control:focus,
.ornament-form .form--enhanced .checkbox input[disabled] + .form--enhanced--control:hover,
.ornament-form .form--enhanced .checkbox input[disabled] + .form--enhanced--control:focus,
.ornament-form .form--enhanced .checkbox .disabled + .form--enhanced--control:hover,
.ornament-form .form--enhanced .checkbox .disabled + .form--enhanced--control:focus, form:not(.govuk-form) .form--enhanced .radio input[disabled] + .form--enhanced--control:hover, form:not(.govuk-form) .form--enhanced .radio input[disabled] + .form--enhanced--control:focus,
form:not(.govuk-form) .form--enhanced .radio .disabled + .form--enhanced--control:hover,
form:not(.govuk-form) .form--enhanced .radio .disabled + .form--enhanced--control:focus,
form:not(.govuk-form) .form--enhanced .checkbox input[disabled] + .form--enhanced--control:hover,
form:not(.govuk-form) .form--enhanced .checkbox input[disabled] + .form--enhanced--control:focus,
form:not(.govuk-form) .form--enhanced .checkbox .disabled + .form--enhanced--control:hover,
form:not(.govuk-form) .form--enhanced .checkbox .disabled + .form--enhanced--control:focus {
  border-color: #c5cbd4;
}
.ornament-form .form--enhanced .radio input[disabled] + .form--enhanced--control:hover,
.ornament-form .form--enhanced .radio .disabled + .form--enhanced--control:hover,
.ornament-form .form--enhanced .checkbox input[disabled] + .form--enhanced--control:hover,
.ornament-form .form--enhanced .checkbox .disabled + .form--enhanced--control:hover, form:not(.govuk-form) .form--enhanced .radio input[disabled] + .form--enhanced--control:hover,
form:not(.govuk-form) .form--enhanced .radio .disabled + .form--enhanced--control:hover,
form:not(.govuk-form) .form--enhanced .checkbox input[disabled] + .form--enhanced--control:hover,
form:not(.govuk-form) .form--enhanced .checkbox .disabled + .form--enhanced--control:hover {
  cursor: not-allowed;
}
.ornament-form .form--enhanced .radio input,
.ornament-form .form--enhanced .checkbox input, form:not(.govuk-form) .form--enhanced .radio input,
form:not(.govuk-form) .form--enhanced .checkbox input {
  border: 0;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  padding: 0;
}
.ornament-form .form--horizontal:after, form:not(.govuk-form) .form--horizontal:after {
  content: "";
  display: table;
  clear: both;
}
.ornament-form .form--horizontal .radio,
.ornament-form .form--horizontal .checkbox, form:not(.govuk-form) .form--horizontal .radio,
form:not(.govuk-form) .form--horizontal .checkbox {
  float: left;
  clear: none;
  margin-right: 20px;
}
.ornament-form .control-group.boolean,
.ornament-form .checkbox__single, form:not(.govuk-form) .control-group.boolean,
form:not(.govuk-form) .checkbox__single {
  position: relative;
}
.ornament-form .control-group.boolean .control-label,
.ornament-form .checkbox__single .control-label, form:not(.govuk-form) .control-group.boolean .control-label,
form:not(.govuk-form) .checkbox__single .control-label {
  padding-left: 24px;
}
.ornament-form .control-group.boolean .controls label,
.ornament-form .checkbox__single .controls label, form:not(.govuk-form) .control-group.boolean .controls label,
form:not(.govuk-form) .checkbox__single .controls label {
  position: absolute;
  top: 0;
  left: 0;
}
.ornament-form .control-group.boolean .controls,
.ornament-form .checkbox__single .controls, form:not(.govuk-form) .control-group.boolean .controls,
form:not(.govuk-form) .checkbox__single .controls {
  margin-top: 0;
}
.ornament-form .checkbox__single__simple, form:not(.govuk-form) .checkbox__single__simple {
  position: relative;
  display: block;
}
.ornament-form .checkbox__single__simple label, form:not(.govuk-form) .checkbox__single__simple label {
  padding-left: 24px;
  display: block;
}
.ornament-form .checkbox__single__simple label.checkbox__has-faux-label, form:not(.govuk-form) .checkbox__single__simple label.checkbox__has-faux-label {
  padding-left: 0;
  display: inline;
}
.ornament-form .checkbox__single__simple input, form:not(.govuk-form) .checkbox__single__simple input {
  position: absolute;
  top: 5px;
  left: 0;
  margin-top: 0;
}
.ornament-form .checkbox__single__simple .checkbox__faux-label, form:not(.govuk-form) .checkbox__single__simple .checkbox__faux-label {
  padding-left: 24px;
  display: block;
}
.ornament-form .help-block, form:not(.govuk-form) .help-block {
  display: block;
  clear: both;
}
.ornament-form p.hint-block, form:not(.govuk-form) p.hint-block {
  color: #B3B3B3;
  display: block;
  clear: both;
  margin: 0;
  font-size: 14px;
}
.ornament-form p.hint-block a, form:not(.govuk-form) p.hint-block a {
  color: #B3B3B3;
}
.ornament-form span.error-block, form:not(.govuk-form) span.error-block {
  color: #7F1A2A;
}
.ornament-form span.error-block:before, form:not(.govuk-form) span.error-block:before {
  content: " ";
}
.ornament-form .error .control-label, form:not(.govuk-form) .error .control-label {
  color: #7F1A2A;
}
.ornament-form .control-label abbr,
.ornament-form abbr[title=required], form:not(.govuk-form) .control-label abbr,
form:not(.govuk-form) abbr[title=required] {
  color: #FF44B3;
  margin-right: -3px;
}
.ornament-form .form--file-upload, form:not(.govuk-form) .form--file-upload {
  position: relative;
}
.ornament-form .form--file-upload img, form:not(.govuk-form) .form--file-upload img {
  position: absolute;
  top: 0;
  left: 0;
}
.ornament-form .form--file-upload .media-body, form:not(.govuk-form) .form--file-upload .media-body {
  padding-left: 120px;
  min-height: 100px;
}
.ornament-form .form-inline, .ornament-form .form-inline__full, form:not(.govuk-form) .form-inline, form:not(.govuk-form) .form-inline__full {
  position: relative;
  width: 200px;
}
.ornament-form .form-inline:after, .ornament-form .form-inline__full:after, form:not(.govuk-form) .form-inline:after, form:not(.govuk-form) .form-inline__full:after {
  content: "";
  display: table;
  clear: both;
}
.ornament-form .form-inline--input-container, form:not(.govuk-form) .form-inline--input-container {
  width: 100%;
  padding-right: 44px;
}
.ornament-form .form-inline--input-container .form-inline--input, form:not(.govuk-form) .form-inline--input-container .form-inline--input {
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding: 8px 12px 6px;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ornament-form .form-inline--button, form:not(.govuk-form) .form-inline--button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  position: relative;
  position: absolute !important;
  top: 0;
  right: 0;
}
.ornament-form .form-inline--button svg, form:not(.govuk-form) .form-inline--button svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  display: block;
}
.ornament-form .form-inline__full, form:not(.govuk-form) .form-inline__full {
  width: 100%;
}
.ornament-form .form-search:after, form:not(.govuk-form) .form-search:after {
  content: "";
  display: table;
  clear: both;
}
.ornament-form .form-search .form-search--label,
.ornament-form .form-search .form-inline,
.ornament-form .form-search .form-inline__full, form:not(.govuk-form) .form-search .form-search--label,
form:not(.govuk-form) .form-search .form-inline,
form:not(.govuk-form) .form-search .form-inline__full {
  float: left;
}
.ornament-form .form-search .form-search--label, form:not(.govuk-form) .form-search .form-search--label {
  width: 33.3333333333%;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  padding-top: 11px;
  padding-bottom: 11px;
}
@media only screen and (max-width: 780px) {
  .ornament-form .form-search .form-search--label, form:not(.govuk-form) .form-search .form-search--label {
    width: 100%;
    padding-top: 0;
  }
}
.ornament-form .form-search .form-inline, .ornament-form .form-search .form-inline__full, form:not(.govuk-form) .form-search .form-inline, form:not(.govuk-form) .form-search .form-inline__full {
  width: 66.6666666667%;
}
@media only screen and (max-width: 780px) {
  .ornament-form .form-search .form-inline, .ornament-form .form-search .form-inline__full, form:not(.govuk-form) .form-search .form-inline, form:not(.govuk-form) .form-search .form-inline__full {
    width: 100%;
    clear: both;
  }
}
.ornament-form .form-label-combo, form:not(.govuk-form) .form-label-combo {
  padding: 0 !important;
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
.ornament-form .form-label-combo:after, form:not(.govuk-form) .form-label-combo:after {
  content: "";
  display: table;
  clear: both;
}
.ornament-form .form-label-combo label, form:not(.govuk-form) .form-label-combo label {
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid #c5cbd4;
  width: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.ornament-form .form-label-combo .controls, form:not(.govuk-form) .form-label-combo .controls {
  padding-left: 30px;
  margin-top: 0;
}
.ornament-form .form-label-combo .controls input, form:not(.govuk-form) .form-label-combo .controls input {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 1.2;
  padding-top: 11px;
  padding-bottom: 11px;
}
.ornament-form .form-siblings, form:not(.govuk-form) .form-siblings {
  margin-left: -12px;
  margin-right: -12px;
  max-width: 400px;
}
.ornament-form .form-siblings:after, form:not(.govuk-form) .form-siblings:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .ornament-form .form-siblings, form:not(.govuk-form) .form-siblings {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .ornament-form .form-siblings, form:not(.govuk-form) .form-siblings {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.ornament-form .form-siblings .form-siblings--sibling, form:not(.govuk-form) .form-siblings .form-siblings--sibling {
  width: 50%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .ornament-form .form-siblings .form-siblings--sibling, form:not(.govuk-form) .form-siblings .form-siblings--sibling {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .ornament-form .form-siblings .form-siblings--sibling, form:not(.govuk-form) .form-siblings .form-siblings--sibling {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .ornament-form .form-siblings .form-siblings--sibling, form:not(.govuk-form) .form-siblings .form-siblings--sibling {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 400px) and (max-width: 1080px) {
  .ornament-form .form-siblings .form-siblings--sibling, form:not(.govuk-form) .form-siblings .form-siblings--sibling {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 400px) and (max-width: large) {
  .ornament-form .form-siblings .form-siblings--sibling, form:not(.govuk-form) .form-siblings .form-siblings--sibling {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.ornament-form .form-terms, form:not(.govuk-form) .form-terms {
  margin-top: 24px;
}
.ornament-form .form-donation--validation, form:not(.govuk-form) .form-donation--validation {
  color: #DA2D48;
}
.ornament-form .field_with_errors input[type], .ornament-form .field_with_errors select, form:not(.govuk-form) .field_with_errors input[type], form:not(.govuk-form) .field_with_errors select {
  border: 1px solid red;
}

.govuk-input, .govuk-select, .govuk-textarea {
  border-color: #c5cbd4;
  border-radius: 4px;
}

.govuk-input__prefix {
  border-color: #c5cbd4;
}
.govuk-input__prefix + .govuk-input {
  border-radius: 0;
}

.govuk-input__suffix {
  border-color: #c5cbd4;
}

.govuk-select {
  width: 100%;
}

.govuk-checkboxes__conditional .govuk-form-group {
  margin-bottom: 0;
}

.govuk-checkboxes__conditional::after {
  clear: both;
  content: "";
  display: block;
}

form.govuk-form span.error-block {
  color: #7F1A2A;
}
form.govuk-form span.error-block:before {
  content: " ";
}

header {
  position: relative;
  z-index: 30;
  background: white;
}

.header--banner {
  position: relative;
  max-width: 1152px;
  width: 92%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr repeat(4, auto);
  grid-template-areas: "logo buytix planner myfringe cart";
  gap: 0.5rem;
  padding-block: 1.125rem;
}
@media only screen and (max-width: 1100px) {
  .header--banner {
    width: 100%;
  }
}
.header--banner [data-visible=desktop] {
  display: inherit;
}
.header--banner [data-visible=mobile] {
  display: none;
}
.header--banner .header--banner-logo {
  grid-area: logo;
  display: flex;
  gap: 1rem;
}
.header--banner .header--banner-logo a {
  text-decoration: none;
}
.header--banner .header--brand--primary img {
  height: 52px;
  width: auto;
}
.header--banner .header--brand--sponsor {
  border-left: 1px solid #ddd;
  padding-inline: 1rem;
  display: flex;
  align-items: end;
}
.header--banner .header--brand--sponsor img {
  height: 37px;
}
@media only screen and (max-width: 1100px) {
  .header--banner .header--brand--sponsor img {
    position: relative;
    top: -6px;
  }
}
@media only screen and (min-width: 1101px) {
  .header--banner .header--brand--sponsor {
    padding-inline: 24px;
  }
}
@media only screen and (min-width: 1101px) {
  .header--banner .header--button, .header--banner .header--buytix, .header--banner .header--donate {
    min-height: 3rem;
    align-self: center;
  }
}
.header--banner .header--buytix, .header--banner .header--donate {
  grid-area: buytix;
}
.header--banner .header--planner {
  grid-area: planner;
}
.header--banner #header--account {
  grid-area: myfringe;
}
.header--banner #header--cart {
  grid-area: cart;
}
.header--banner .header--menu {
  grid-area: menu;
  justify-self: start;
  border-right: 1px solid #ddd;
  border-radius: 0;
}
.header--banner .header--search {
  grid-area: search;
  border-left: 1px solid #E6E6E6;
  border-radius: 0;
}
@media only screen and (max-width: 1100px) {
  .header--banner {
    grid-template-columns: 1fr repeat(4, 3.5rem);
    grid-template-areas: "logo logo buytix buytix buytix" "line line line line line" "menu planner myfringe cart search";
    gap: 0;
    z-index: 110;
    padding-block: 0;
    border-bottom: 1px solid #ddd;
  }
  .header--banner::after {
    content: " ";
    grid-area: line;
    height: 1px;
    background: #ddd;
  }
  .header--banner [data-visible=desktop] {
    display: none;
  }
  .header--banner [data-visible=mobile] {
    display: inherit;
  }
  .header--banner .header--banner-logo {
    padding-left: 1rem;
  }
}

.header--menu img {
  width: 1.375rem;
}
.header--menu .icon-close {
  display: none;
}
.header--menu[active] .icon-menu {
  display: none;
}
.header--menu[active] .icon-close {
  display: block;
}

.header--button, .header--buytix, .header--donate {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
  gap: 0.5rem;
  padding: 0 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px;
  color: #000;
  text-decoration: none;
}
.header--button:visited, .header--buytix:visited, .header--donate:visited {
  color: #000;
}
.header--button:focus, .header--buytix:focus, .header--donate:focus {
  color: #000;
}
.header--button:hover, .header--buytix:hover, .header--donate:hover {
  color: #000;
}
.header--button:active, .header--buytix:active, .header--donate:active {
  color: #000;
}
.header--button:hover, .header--buytix:hover, .header--donate:hover {
  text-decoration: none;
}
.header--button:hover, .header--buytix:hover, .header--donate:hover {
  background: #e6eaf5;
}

.header--search img {
  width: 1.375rem;
}
.header--search .icon-close {
  display: none;
}
.header--search:hover {
  background: #002B97;
}
.header--search:hover img {
  filter: invert(1);
}
.header--search[active] {
  background: #002B97;
}
.header--search[active] .icon-search {
  display: none;
}
.header--search[active] .icon-close {
  display: block;
  filter: invert(1);
}

.header--donate {
  background: #FF9B30;
}
.header--donate:hover {
  background: #FFAF59;
}

.header--buytix {
  background: #FFCE00;
}
.header--buytix:hover {
  background: #ffda40;
}

.header--buytix,
.header--donate,
.header--planner,
.header--cart,
.header--account {
  border-width: 2px;
}
.header--buytix img,
.header--donate img,
.header--planner img,
.header--cart img,
.header--account img {
  height: 1.5rem;
  width: auto;
}
@media only screen and (max-width: 1100px) {
  .header--buytix,
  .header--donate,
  .header--planner,
  .header--cart,
  .header--account {
    margin: 5px;
    padding: 4px 10px;
  }
  .header--buytix span,
  .header--donate span,
  .header--planner span,
  .header--cart span,
  .header--account span {
    font-size: 14px;
  }
}

.header--account[hidden] {
  display: none;
}

.header--account [data-visible=desktop] {
  min-width: 4.7rem;
}

.header--cart {
  position: relative;
}
.header--cart .button__count {
  color: black;
  background-color: #FFCE00;
  top: 1px;
  right: 6px;
}
@media only screen and (max-width: 1100px) {
  .header--cart .button__count {
    top: -4px;
    right: 3px;
  }
}

[hidden],
.hidden {
  display: none !important;
}

/*
Returns a scaling number between 2 breakpoints.
As the screen width reduces / increases the value will change accordingly.
It will achieve the $max value when the screen size reaches $max-site-width-{$unit}
It will achieve the $min value when the screen size reaches $min-site-width-{$unit}
Fallback using clamp to stop exceeding max value for larger screen sizes
Usages:
  .example-class{
    width: scaling-size(125, 178, px);
  }
  .example-class-two{
    padding: scaling-size(1, 1.7, rem);
  }
  .example-class-three{
    font-size: scaling-size(1.5, 2.5, rem);
  }
*/
.homepage--banner {
  position: relative;
  display: grid;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: clamp(200px, 200px + (500 - 200) * (100vw - 375px) / (1040 - 375), 500px);
  text-align: center;
  color: #fff;
  margin: 0 auto;
}
.homepage--banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.homepage--banner-with-title:before {
  background: rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 1100px) {
  .homepage--banner__donation {
    min-height: clamp(200px, 200px + (400 - 200) * (100vw - 375px) / (1040 - 375), 400px);
  }
  .homepage--banner__donation:before {
    background: #002071;
    top: 1rem;
    bottom: 1rem;
    right: 1rem;
    left: 1rem;
    border-radius: 6px;
  }
}

.homepage--banner__donation + .homepage--filter-container {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .homepage--banner__donation + .homepage--filter-container {
    display: flex;
  }
}

.homepage--banner__ticket-counter {
  overflow: hidden;
}
.homepage--banner__ticket-counter:before {
  background: #002071;
}
@media only screen and (max-width: 1100px) {
  .homepage--banner__ticket-counter {
    min-height: clamp(200px, 200px + (400 - 200) * (100vw - 375px) / (1040 - 375), 400px);
  }
  .homepage--banner__ticket-counter:before {
    top: 1rem;
    bottom: 1rem;
    right: 1rem;
    left: 1rem;
    border-radius: 6px;
  }
}

.homepage--banner--link {
  color: #fff;
  text-decoration: none;
}
.homepage--banner--link:visited {
  color: #fff;
}
.homepage--banner--link:focus {
  color: #fff;
}
.homepage--banner--link:hover {
  color: #fff;
}
.homepage--banner--link:active {
  color: #fff;
}
.homepage--banner--link:hover {
  text-decoration: none;
}

.homepage--banner--content {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.homepage--banner--content.filter-positioning {
  top: 25%;
}
@media only screen and (max-width: 1100px) {
  .homepage--banner--content.filter-positioning {
    top: 50%;
  }
}
.homepage--banner--content.donation-positioning, .homepage--banner--content.ticket-counter-positioning {
  top: unset;
  position: relative;
  transform: unset;
}
@media only screen and (max-width: 1100px) {
  .homepage--banner--content.donation-positioning, .homepage--banner--content.ticket-counter-positioning {
    padding-inline: 2.5rem;
    display: grid;
    align-items: center;
  }
}

.homepage--banner--countdown {
  display: inline-block;
  vertical-align: middle;
  margin-top: 20px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  background: #FF44B3;
  color: #000;
  padding: 16px 32px;
}

.homepage--section {
  clear: both;
  display: block;
  max-width: 1152px;
  width: 92%;
  margin: 0 auto;
}
.homepage--section.homepage--section__full {
  max-width: none;
  width: 100%;
}

.homepage--section + .homepage--section {
  margin-top: 32px;
  padding-top: 32px;
}
.homepage--section + .homepage--section.homepage--section__flush {
  border-top: 0;
}
.homepage--section + .homepage--section.homepage--section__nopad {
  padding-top: 0;
}

.homepage--hidden + .homepage--section__banners {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.homepage--section--header {
  margin-bottom: 32px;
  color: #000;
}

.homepage--share--header {
  position: relative;
}
.homepage--share--header .heading-two {
  color: #FF44B3;
}
.homepage--share--header .icon-stackla_icons {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 735px) {
  .homepage--share--header .icon-stackla_icons {
    position: static;
    display: block;
    margin-top: 16px;
    margin-bottom: 24px;
  }
}

.homepage--share--description {
  margin-top: 16px;
  margin-bottom: 32px;
}

@media only screen and (min-width: 801px) {
  .homepage--heading-with-button {
    display: table;
    width: 100%;
  }
}

.homepage--heading-with-button {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.homepage--heading-with-button--button {
  flex-shrink: 0;
}

.homepage--emotion {
  display: block;
  background-color: #FF44B3;
  position: relative;
  color: #fff;
  text-decoration: none;
  background-position: top center;
}
.homepage--emotion:after {
  content: "";
  display: table;
  clear: both;
}
.homepage--emotion:visited {
  color: #fff;
}
.homepage--emotion:focus {
  color: #fff;
}
.homepage--emotion:hover {
  color: #fff;
}
.homepage--emotion:active {
  color: #fff;
}
.homepage--emotion:hover {
  text-decoration: none;
}
@media only screen and (max-width: 800px) {
  .homepage--emotion {
    background: none;
  }
}

.homepage--a2hs button {
  width: 100%;
}

.homepage--emotion .heading-two {
  line-height: 1.5;
}
@media only screen and (max-width: 1170px) {
  .homepage--emotion .heading-two {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1070px) {
  .homepage--emotion .heading-two {
    font-size: 20px;
  }
}
@media only screen and (max-width: 970px) {
  .homepage--emotion .heading-two {
    font-size: 18px;
  }
}

@media only screen and (min-width: 801px) {
  .homepage--emotion--content,
  .homepage--emotion--image {
    width: 50%;
    float: left;
  }
}

.homepage--emotion--content {
  padding: 24px;
  background-color: #FF44B3;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
@media only screen and (min-width: 801px) {
  .homepage--emotion--content {
    min-height: 4.5em;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.homepage--emotion:hover .homepage--emotion--content {
  background-color: #ffecf7;
}

.homepage--emotion--content p {
  margin-top: 8px;
}

.homepage--emotion--image {
  padding-top: 28%;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 801px) {
  .homepage--emotion--image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    padding-top: 0;
  }
}

.focal-content + .focal-content {
  margin-top: 32px;
}

.focal-content {
  display: block;
  padding-top: 14rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #000;
  text-decoration: none;
  border-radius: 6px;
}
.focal-content:visited {
  color: #000;
}
.focal-content:focus {
  color: #000;
}
.focal-content:hover {
  color: #000;
}
.focal-content:active {
  color: #000;
}
.focal-content:hover {
  text-decoration: none;
}

.focal-content--caption {
  background: #002B97;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  color: #fff;
  padding: 24px;
  max-width: 295px;
}
.focal-content:hover .focal-content--caption {
  background-color: #002071;
}

.homepage--switcher {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 5px;
  background: #bada55;
  z-index: 99;
}
.homepage--switcher p {
  padding: 2px 0 5px;
}
.homepage--switcher select {
  width: auto;
}

.homepage--guide {
  border: 4px solid #FF44B3;
  text-align: center;
  display: block;
  position: relative;
  padding: 44px 24px;
  padding-left: 304px;
  margin-top: 16px;
  margin-bottom: 48px;
}
.homepage--guide:before {
  content: "";
  position: absolute;
  width: 256px;
  height: 209px;
  background: url("/release-20240125/assets/guide-promo-92bb3223d6d2e3a2fe48d3e7d2dfe793ca748789.png");
  top: 50%;
  margin-top: -104.5px;
  left: 24px;
}
@media only screen and (max-width: 860px) {
  .homepage--guide:before {
    display: none;
  }
}
@media only screen and (max-width: 860px) {
  .homepage--guide {
    padding-left: 24px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.homepage--onnm-promo {
  padding: 24px;
  display: block;
  background: #e6eaf5;
  border-top: 1px solid #000;
  color: #000;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  text-decoration: none;
}
.homepage--onnm-promo:visited {
  color: #000;
}
.homepage--onnm-promo:focus {
  color: #000;
}
.homepage--onnm-promo:hover {
  color: #000;
}
.homepage--onnm-promo:active {
  color: #000;
}
.homepage--onnm-promo:hover {
  text-decoration: none;
}
@media only screen and (min-width: 1101px) {
  .homepage--onnm-promo {
    display: none;
  }
}
.homepage--onnm-promo:hover {
  background: #ffecf7;
}

.homepage--onnm-promo--content {
  margin-right: 24px;
  flex-grow: 1;
  display: flex;
  gap: 1rem;
}
.homepage--onnm-promo--content svg {
  position: relative;
  top: 4px;
}
.homepage--onnm-promo--content h2 {
  margin-bottom: 8px;
}

.homepage-donate {
  display: flex;
  flex-direction: row;
  padding: 0 !important;
  border-radius: 6px;
  overflow: hidden;
}
.homepage-donate div {
  flex-basis: 50%;
}
@media only screen and (max-width: 620px) {
  .homepage-donate .homepage-donate--image {
    display: none;
  }
}
.homepage-donate .homepage-donate--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage-donate .homepage-donate--content {
  padding: 1.2em;
  vertical-align: center;
}
@media only screen and (max-width: 620px) {
  .homepage-donate .homepage-donate--content {
    flex-basis: 100%;
    border-radius: 6px;
  }
}
.homepage-donate .homepage-donate--content * {
  margin-bottom: 1rem;
}

.homepage--donate-images {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 54rem;
  margin: 0 auto;
  z-index: 1;
}
.homepage--donate-images .homepage--donate-image-left {
  position: absolute;
  left: 0;
  bottom: -5px;
  transform: translateX(-106%);
}
.homepage--donate-images .homepage--donate-image-right {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(109%);
}
@media only screen and (max-width: 1100px) {
  .homepage--donate-images .homepage--donate-image-left, .homepage--donate-images .homepage--donate-image-right {
    display: none;
  }
}

#homepage--header-ticket-counter, #homepage--header-donate {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 54rem;
  margin: 0 auto;
  padding-block: 3rem;
  position: relative;
}
#homepage--header-ticket-counter .heading-one, #homepage--header-donate .heading-one {
  color: white;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#homepage--header-ticket-counter .ticket-counter-navigation {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
@media only screen and (max-width: 780px) {
  #homepage--header-ticket-counter .ticket-counter-navigation {
    flex-direction: column;
  }
}
#homepage--header-ticket-counter .ticket-counter-navigation a {
  color: black;
  width: 100%;
}

#homepage--header-donate form {
  display: flex;
  justify-content: center;
}
#homepage--header-donate input[type=radio] {
  display: none;
}
#homepage--header-donate input:checked + span {
  border-color: #FF44B3;
}
#homepage--header-donate input[type=text] {
  width: 8rem;
  border: 3px solid white;
}
#homepage--header-donate input[type=text]:focus {
  border-color: #FF44B3;
}
#homepage--header-donate .donation-amount-money {
  flex-grow: 1;
}
#homepage--header-donate .donation-amount-money span {
  display: inline-block;
  width: 5rem;
  background-color: white;
  color: black;
  border-radius: 4px;
  border: 3px solid white;
  padding: 11px 16px;
  height: 100%;
}
@media only screen and (max-width: 780px) {
  #homepage--header-donate .donation-amount-money span {
    width: 100%;
  }
}
#homepage--header-donate .donation-form-section {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#homepage--header-donate .donation-form-section > div {
  display: flex;
}
@media only screen and (max-width: 780px) {
  #homepage--header-donate .donation-form-section {
    flex-direction: column;
    flex-grow: 1;
  }
}
#homepage--header-donate .donation-form-section .donation-fixed-amount, #homepage--header-donate .donation-form-section .donation-variable-amount {
  display: flex;
  gap: 0.5rem;
}
@media only screen and (max-width: 1100px) {
  #homepage--header-donate .donation-form-section .donation-fixed-amount, #homepage--header-donate .donation-form-section .donation-variable-amount {
    flex-grow: 1;
  }
}
#homepage--header-donate .donation-form-section .donation-amount-money-custom {
  flex-grow: 1;
  display: flex;
}
#homepage--header-donate .donation-form-section .donation-amount-money-custom > span {
  position: relative;
  flex-grow: 1;
  display: flex;
}
#homepage--header-donate .donation-form-section .donation-amount-money-custom > span:before {
  content: "$";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  color: #000;
  display: grid;
  align-items: center;
  z-index: 1;
}
#homepage--header-donate .donation-form-section .donation-amount-money-custom > span > input {
  padding-left: 1.75rem;
  flex-grow: 1;
  min-width: unset;
}
#homepage--header-donate .donation-error {
  color: #FF44B3;
  font-weight: 700;
  display: block;
}

#homepage--header-donate a, #homepage--header-ticket-counter a {
  color: #fff;
}

.icon-inline svg {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 20px;
}

.icon-access-group {
  display: inline-flex;
  flex-direction: row;
  gap: 0.3125rem;
  position: relative;
  top: 0.25rem;
}
.icon-access-group svg {
  height: 20px;
}

.icon-access-group {
  /* Fix for tooltips on react components not having dimensions */
}
.icon-access-group:after {
  content: "";
  display: table;
  clear: both;
}
.icon-access-group .icon {
  float: left;
}
.icon-access-group .icon > div,
.icon-access-group .icon > div > div {
  width: 100%;
  height: 100%;
}
.icon-access-group .icon + .icon {
  margin-left: 4px;
}

.icon-access-group__right {
  float: right;
  margin-left: 8px;
}

.icon-access-wheelchair,
.icon-wheelchair-access,
.icon-fully-accessible,
.icon-access-watch-from-home,
.icon-masks,
.icon-vaccine-passport,
.icon-auslan-interpretation,
.icon-audio-description,
.icon-hearing-loop,
.icon-language-no-barrier,
.icon-relaxed-performance,
.icon-tactile-tours {
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  position: relative;
}
.icon-access-wheelchair svg,
.icon-wheelchair-access svg,
.icon-fully-accessible svg,
.icon-access-watch-from-home svg,
.icon-masks svg,
.icon-vaccine-passport svg,
.icon-auslan-interpretation svg,
.icon-audio-description svg,
.icon-hearing-loop svg,
.icon-language-no-barrier svg,
.icon-relaxed-performance svg,
.icon-tactile-tours svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  margin-top: -11px;
  display: block;
}

.icon-open-captioning {
  display: block;
  width: 24px;
  height: 22px;
  overflow: hidden;
  position: relative;
}
.icon-open-captioning svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 24px;
  height: 22px;
  margin-left: -12px;
  margin-top: -11px;
  display: block;
}

.icon-access-wheelchair_partial {
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  position: relative;
  background: #FF44B3;
  position: relative;
}
.icon-access-wheelchair_partial svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  margin-top: -11px;
  display: block;
}
.icon-access-wheelchair_partial svg {
  z-index: 1;
}
.icon-access-wheelchair_partial:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #696969;
}

.icon-accessible-toilet,
.icon-access-wc {
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  position: relative;
  background: #000;
}
.icon-accessible-toilet svg,
.icon-access-wc svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 14px;
  height: 12px;
  margin-left: -7px;
  margin-top: -6px;
  display: block;
}

.icon-access-group--label {
  float: left;
  margin-right: 8px;
}

.icon-access-wc_partial {
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  position: relative;
  background: #FF44B3;
}
.icon-access-wc_partial svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 14px;
  height: 12px;
  margin-left: -7px;
  margin-top: -6px;
  display: block;
}
.icon-access-wc_partial svg {
  z-index: 1;
}
.icon-access-wc_partial:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #696969;
}

.icon-membership {
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.icon-membership svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 22px;
  height: 15px;
  margin-left: -11px;
  margin-top: -7.5px;
  display: block;
}

.icon-group-six {
  display: block;
  width: 37px;
  height: 22px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.icon-group-six svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 37px;
  height: 15px;
  margin-left: -18.5px;
  margin-top: -7.5px;
  display: block;
}

.icon-bank-sa, .icon-bank-sa-support {
  display: block;
  width: 20px;
  height: 24px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.icon-bank-sa svg, .icon-bank-sa-support svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 20px;
  height: 24px;
  margin-left: -10px;
  margin-top: -12px;
  display: block;
}
.event--tickets--row .icon-bank-sa, .event--tickets--row .icon-bank-sa-support {
  margin-top: 5px;
}

.icon-flash-sale {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.icon-flash-sale svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  display: block;
}

.favourite-large-icon {
  fill: #fff;
  position: relative;
  top: 4px;
}

.icon-midweek-treat {
  display: block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.icon-midweek-treat svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  display: block;
}

.icon-support-act {
  display: block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.icon-support-act svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  display: block;
}

img.new-tab-icon {
  margin-left: 0.25rem;
  width: 1.5rem;
  height: 1.25rem;
  vertical-align: text-bottom;
}

.homepage--section [data-controller=homepage--behold] {
  height: 280px;
}
@media only screen and (max-width: 1100px) {
  .homepage--section [data-controller=homepage--behold] {
    height: 78.5px;
  }
}

.island {
  background: #333333;
  color: #ffffff;
  padding: 16px;
}

.island-tight {
  padding: 12px;
}

.island-loose {
  padding: 32px;
}

.island-alert,
.island-error {
  background: #ffcccc;
  border: 1px solid;
  color: #7F1A2A;
}

.island-notice {
  background: #ffffcc;
  border: 1px solid;
  color: #ff6600;
}

.island-success {
  background: #ccffcc;
  border: 1px solid;
  color: #008602;
}

html {
  overflow-y: scroll !important;
}

body {
  background: #fff;
}

.layout {
  height: 100%;
}

.layout--content {
  background: #fff;
  min-height: 100%;
}
.ie8 .layout--content {
  overflow: visible;
}

.layout--container {
  max-width: 1152px;
  width: 92%;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .layout--container {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.layout--container--homepage {
  width: 100%;
}

.layout--main {
  padding-bottom: 80px;
}
@media only screen and (max-width: 1100px) {
  .layout--main {
    padding-bottom: 28px;
  }
}
.feature-image + .layout--main {
  padding-top: 28px;
}
@media only screen and (min-width: 1101px) {
  .feature-image + .layout--main {
    padding-top: 0;
    margin-top: -16px;
    position: relative;
    z-index: 2;
  }
}

.layout--main__space-top {
  padding-top: 36px;
}

.layout__homepage {
  padding-top: 64px;
  padding-bottom: 32px;
}

.listing:after {
  content: "";
  display: table;
  clear: both;
}
.listing > .listing-item {
  padding-top: 32px;
  padding-bottom: 32px;
}
.listing > .listing-item + .listing-item {
  border-top: 1px solid #E6E6E6;
}
.listing > .listing-item:first-child {
  padding-top: 0;
}
.listing > .listing-item:last-child {
  padding-bottom: 0;
}

.listing--heading {
  margin-top: 32px;
  color: #002B97;
}

.loading {
  display: block;
  position: relative;
  z-index: 221;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-image: url("/release-20240125/assets/spinners/spinner-40-primary-b3bdf1fbc4213b617325be5fdcc53f41bd973ed6.gif");
  background-position: center;
  background-repeat: no-repeat;
}

.loading--message {
  display: block;
  position: relative;
  z-index: 221;
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  color: #333333;
}

.loading--background {
  background: rgba(255, 255, 255, 0.9);
  padding: 16px;
  position: relative;
  z-index: 222;
  max-width: 200px;
  margin: 0 auto;
}

.loading--panel {
  padding: 80px 0;
}
.loading--panel.loading--panel__with-overlay:before, .loading--panel.event-list-results:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  z-index: 220;
}

#mega-menu {
  position: relative;
  z-index: 30;
  background: white;
}
#mega-menu[aria-expanded=false],
#mega-menu li > [aria-expanded=false] {
  display: none !important;
}
#mega-menu ul {
  flex: 1;
}
#mega-menu ul > li {
  display: flex;
  flex-direction: column;
}
#mega-menu .mega-menu--wrapper ul > li > *:not(ul) {
  display: flex;
  align-items: center;
  min-height: 3rem;
}
#mega-menu li > button {
  display: block;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#mega-menu li > button:visited {
  color: #000;
}
#mega-menu li > button:focus {
  color: #000;
}
#mega-menu li > button:hover {
  text-decoration: none;
}
#mega-menu li > button:hover {
  background-color: #ffecf7;
}
#mega-menu li > button[active] {
  background-color: #ffd0ec;
}
#mega-menu li > a[href] {
  text-decoration: none;
}
#mega-menu li > a[href]:hover {
  text-decoration: none;
}

@media only screen and (max-width: 1100px) {
  #mega-menu {
    position: absolute;
    display: none;
    transition: transform 0.2s ease-in-out;
    max-width: 30rem;
    width: 100%;
    height: calc(100vh - var(--header-height));
    background: #fff;
    overflow-y: scroll;
  }
  #mega-menu[aria-expanded=false] {
    display: block;
    transform: translateX(-100%);
  }
  #mega-menu[aria-expanded=true] {
    display: block;
    transform: translateX(0);
  }
  #mega-menu ul[data-depth="0"] > li > [aria-expanded=true] {
    background-color: #ffecf7;
    padding-bottom: 2rem;
  }
  #mega-menu ul > li > button,
  #mega-menu ul > li > a[href],
  #mega-menu ul > li > span {
    padding: 0 1.5rem;
  }
  #mega-menu li > button {
    background-color: #ffecf7;
    border-bottom: 1px solid #fff;
    justify-content: space-between;
  }
  #mega-menu li > button::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 15'%3E%3Cpath d='M1.572 14.429a1 1 0 0 1-.659-1.753l5.998-5.247L.913 2.181A1 1 0 1 1 2.23.676l6.857 6a.997.997 0 0 1 0 1.505l-6.857 6a.993.993 0 0 1-.658.248z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    width: 2rem;
    height: 2rem;
    transform: rotate(90deg);
    transition: transform 0.2s;
  }
  #mega-menu li > button[active]::after {
    transform: rotate(-90deg);
  }
  #mega-menu li > span {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    margin-top: 1rem;
  }
  #mega-menu li > span em {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 600px) {
  #mega-menu li > span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1100px) {
  #mega-menu li > a[href]:hover {
    background-color: #ffd0ec;
  }
}
.header--menu[active] {
  background: #ffd0ec;
}

@media only screen and (min-width: 1101px) {
  #mega-menu {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    /* desktop menu bar */
    /* menu */
    /* menu pane */
  }
  #mega-menu ul[data-depth="0"] {
    display: flex;
    flex-direction: row;
    overflow: hidden;
  }
  #mega-menu ul[data-depth="0"].my-fringe {
    display: none;
  }
  #mega-menu ul[data-depth="0"] > li {
    display: block;
  }
  #mega-menu ul[data-depth="0"] > li > button {
    display: block;
    padding: 1rem;
    white-space: nowrap;
  }
  #mega-menu ul[data-depth="0"] > li > button[active] {
    border-bottom: 2px solid #002B97;
    padding-bottom: 14px;
  }
  #mega-menu ul[data-depth="0"] > li > [aria-expanded=false] {
    display: none;
  }
  #mega-menu ul[data-depth="0"] > li > [aria-expanded=true] {
    position: absolute;
    display: block;
    z-index: 1;
    left: 0;
    right: 0;
    padding: 2rem 0;
    background-color: #ffecf7;
    margin-top: -1px;
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
  }
  #mega-menu ul[data-depth="1"] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    max-width: 1152px;
    width: 92%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1101px) and (max-width: 1100px) {
  #mega-menu ul[data-depth="1"] {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1101px) {
  #mega-menu li > span {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    margin: 1rem 0;
  }
  #mega-menu li > span em {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1101px) and (max-width: 600px) {
  #mega-menu li > span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1101px) {
  #mega-menu li > a[href] {
    text-decoration: none;
  }
  #mega-menu li > a[href]:hover {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 1100px) {
  #mega-menu .navigation--search-anchor {
    display: none;
  }
}
@media only screen and (min-width: 1101px) {
  .mega-menu--wrapper {
    max-width: 1152px;
    width: 92%;
    margin: 0 auto;
    display: flex;
  }
}
@media only screen and (min-width: 1101px) and (max-width: 1100px) {
  .mega-menu--wrapper {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1101px) {
  #mega-menu .navigation--search {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
  }
  #mega-menu .navigation--search-anchor {
    float: unset;
    padding: 0 2rem;
    margin: -1px 0;
    background: unset;
    color: #000;
    border-left: 1px solid #E6E6E6;
  }
  #mega-menu .navigation--search-anchor:visited {
    color: #000;
  }
  #mega-menu .navigation--search-anchor:focus {
    color: #000;
  }
  #mega-menu .navigation--search-anchor:hover {
    color: #000;
  }
  #mega-menu .navigation--search-anchor:active {
    color: #000;
  }
  #mega-menu .navigation--search-anchor svg {
    fill: #000;
  }
  #mega-menu .navigation--search-anchor.active, #mega-menu .navigation--search-anchor[active] {
    background: #002B97;
    color: #fff;
  }
  #mega-menu .navigation--search-anchor.active svg, #mega-menu .navigation--search-anchor[active] svg {
    fill: #fff;
  }
}
multi-select {
  display: block;
  position: relative;
}
multi-select > .value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  width: 100%;
  color: #002B97;
  border: 2px solid #002B97;
  padding: 12px 36px 12px 20px;
  outline: none;
  cursor: pointer;
  background: white;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
multi-select > .placeholder {
  color: #002B97;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
multi-select > .value::after {
  position: absolute;
  top: 50%;
  right: 1em;
  display: block;
  content: "";
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
  border-width: 6px;
  margin-top: -2.5px;
  pointer-events: none;
}
multi-select:not([open]) > .value::after {
  border-top-color: #000;
}
multi-select [role=listbox] {
  display: none;
  list-style: none;
  padding-left: 0;
}
multi-select[data-multi-select-accordion-options-value=true] [role=listbox] {
  display: block;
  overflow: hidden;
  max-height: 0;
}
multi-select[data-multi-select-accordion-options-value=true] [role=listbox][data-expanded] {
  max-height: unset;
}
multi-select[open] [role=listbox] {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  width: 100%;
  overflow-y: auto;
  background: white;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1882352941);
  border: 2px solid #002B97;
  border-top: none;
}
multi-select [role=option] {
  outline-offset: -4px;
  position: relative;
  padding: 0.5rem 1.25rem 0.5rem 2.25rem;
  background: white;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  line-height: 1.5rem;
}
multi-select [role=option][disabled] {
  opacity: 33.3%;
}
multi-select [role=option][disabled]::after {
  box-shadow: inset 0 0 0 1em #B3B3B3;
}
multi-select [role=option]:last-child {
  border-bottom: none;
}
multi-select [role=option]::after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 20px;
  left: 20px;
  transform: translate(-50%, -50%);
  border: 2px solid #8a96a9;
  background: #002B97;
  box-shadow: inset 0 0 0 1em #fff;
  transition: box-shadow 0.2s;
}
multi-select [role=option]:hover {
  background-color: rgba(0, 43, 151, 0.2);
}
multi-select [role=option][selected] {
  padding-right: 22px;
}
multi-select [role=option][selected]::after {
  box-shadow: inset 0 0 0 2px #fff;
  border: 2px solid #002B97;
}

.navigation--search-anchor {
  float: right;
  padding: 20px;
  background: #002B97;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.navigation--search-anchor:hover {
  text-decoration: none;
}
.navigation--search-anchor:visited {
  color: #fff;
}
.navigation--search-anchor:focus {
  color: #fff;
}
.navigation--search-anchor:hover {
  color: #fff;
}
.navigation--search-anchor:active {
  color: #fff;
}
[data-whatinput=mouse] .navigation--search-anchor {
  outline: 0;
}
.navigation--search-anchor svg {
  float: right;
  margin-left: 12px;
  margin-top: -1px;
  margin-bottom: -1px;
}
@media only screen and (max-width: 960px) {
  .navigation--search-anchor span {
    display: inline-block;
    text-indent: -99999px;
  }
  .navigation--search-anchor svg {
    margin-left: 0;
  }
}

.navigation--search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  z-index: 40;
}
.navigation--search[aria-expanded=true] {
  display: block;
  z-index: 1;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
}
.navigation--search[active] {
  display: block;
}

@media only screen and (max-width: 1100px) {
  .navigation--search__desktop {
    display: none !important;
  }
}

.navigation--search__mobile:after {
  content: "";
  display: block;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  height: 56px;
}

@media only screen and (min-width: 1101px) {
  .navigation--search__mobile {
    display: none !important;
  }
}

nav.page-menu {
  background-color: var(--background-color, #ffecf7);
  padding-top: 1rem;
}
nav.page-menu ul {
  flex: 1;
}
nav.page-menu ul > li {
  display: flex;
  flex-direction: column;
}
nav.page-menu ul > li > *:not(ul) {
  display: flex;
  align-items: center;
  min-height: 3rem;
}
nav.page-menu ul > li > [menu-id] {
  padding-bottom: 1rem;
}
nav.page-menu ul > li > [aria-controls],
nav.page-menu ul > li > a[href],
nav.page-menu ul > li > span {
  padding: 0 1.5rem;
}
nav.page-menu ul[data-depth="0"] > li > [aria-controls] > span {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
}
nav.page-menu ul[data-depth="0"] > li > [aria-controls] > span em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  nav.page-menu ul[data-depth="0"] > li > [aria-controls] > span {
    font-size: 18px;
  }
}
nav.page-menu ul[data-depth="1"] > li > span {
  font-weight: 700;
}
nav.page-menu li.active {
  font-weight: bold;
}
nav.page-menu li.active > a[href] {
  color: var(--link-active-color, #000);
}
nav.page-menu li > a[href] {
  text-decoration: none;
}
nav.page-menu li > a[href]:hover {
  text-decoration: none;
}
nav.page-menu li > a[href]:hover {
  background-color: var(--hover-color, #ffd0ec);
}

.content-item.content_navigation nav.page-menu {
  padding-top: 0;
}

.news-list {
  border-top: 1px solid #E6E6E6;
}
.news-list:after {
  content: "";
  display: table;
  clear: both;
}
.news-list > .news-list--item {
  padding-top: 24px;
  padding-bottom: 24px;
}
.news-list > .news-list--item + .news-list--item {
  border-top: 1px solid #E6E6E6;
}
.news-list > li:last-child {
  padding-bottom: 0;
}

.news-list--title {
  margin-bottom: 32px;
  color: #FF44B3;
}

.news-list--meta {
  color: #B3B3B3;
}
.news-list--meta a {
  color: #B3B3B3;
}
.news-list--meta a:visited {
  color: #B3B3B3;
}
.news-list--meta a:focus {
  color: #B3B3B3;
}
.news-list--meta a:hover {
  color: #B3B3B3;
}
.news-list--meta a:active {
  color: #B3B3B3;
}

.news-list--row {
  margin-left: -12px;
  margin-right: -12px;
}
.news-list--row:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .news-list--row {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .news-list--row {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.news-list--image {
  width: 37.5%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .news-list--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .news-list--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.news-list--image img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 400px) {
  .news-list--image {
    width: 100%;
    float: none;
  }
}

.news-list--details {
  width: 62.5%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .news-list--details {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .news-list--details {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .news-list--details {
    width: 100%;
    float: none;
    padding-top: 16px;
  }
}

.news--title {
  color: #FF44B3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.news--feature-image {
  margin: 28px 0;
}
.news--feature-image img {
  display: block;
}

.news--content--aside {
  margin-top: 16px;
}

.news--signup--border {
  background: #002B97;
  height: 9px;
}

.news--signup {
  margin-top: 24px;
}
.news--signup:first-child {
  margin-top: 0;
}
.news--signup:last-child {
  margin-bottom: 0;
}

.news--signup--content {
  background: #ffd0ec;
  color: #000;
  padding: 24px;
}

.page--title {
  padding-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}

.page--title.heading-one,
.page--title .heading-one {
  color: #002B97;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.page--title__inner {
  color: #002B97;
  margin-bottom: 24px;
}

.page--above-panel-title {
  margin-bottom: 16px;
}

.page__no-banner-panel,
.page__single-panel {
  padding-top: 32px;
}

.page__with-sidebar {
  margin-left: -12px;
  margin-right: -12px;
}
.page__with-sidebar:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .page__with-sidebar {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .page__with-sidebar {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.page__with-sidebar .page--main {
  width: 66.6666666667%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .page__with-sidebar .page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .page__with-sidebar .page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.page__reversed .page--main {
  width: 75%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .page__reversed .page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .page__reversed .page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (max-width: 1100px) {
  .page__with-sidebar .page--main,
  .page__reversed .page--main {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1080px) {
  .page__with-sidebar .page--main,
  .page__reversed .page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: large) {
  .page__with-sidebar .page--main,
  .page__reversed .page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (max-width: 1100px) {
  .page .panel__page {
    border: 0;
    padding: 0;
  }
}

.page__with-sidebar .page--aside {
  width: 33.3333333333%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  min-height: 1px;
}
@media only screen and (max-width: 1080px) {
  .page__with-sidebar .page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .page__with-sidebar .page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.page__reversed .page--aside {
  width: 25%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .page__reversed .page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .page__reversed .page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (max-width: 1100px) {
  .page__with-sidebar .page--aside,
  .page__reversed .page--aside {
    margin-top: 36px;
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    display: none;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1080px) {
  .page__with-sidebar .page--aside,
  .page__reversed .page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: large) {
  .page__with-sidebar .page--aside,
  .page__reversed .page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.page--navigation--header {
  background: #002B97;
  color: #fff;
  padding-top: 32px;
  padding-bottom: 28px;
}
.page--navigation--header a {
  color: #fff;
  text-decoration: none;
}
.page--navigation--header a:visited {
  color: #fff;
}
.page--navigation--header a:focus {
  color: #fff;
}
.page--navigation--header a:hover {
  color: #fff;
}
.page--navigation--header a:active {
  color: #fff;
}
.page--navigation--header a:hover {
  text-decoration: none;
}

.page--navigation__desktop .page--navigation--inner,
.page--navigation__desktop .page--navigation--split-parent a,
.page--navigation__desktop .page--navigation > ul > li > a {
  padding-left: 24px;
  padding-right: 24px;
}
.page--navigation__mobile .page--navigation--inner,
.page--navigation__mobile .page--navigation--split-parent a,
.page--navigation__mobile .page--navigation > ul > li > a {
  max-width: 1152px;
  width: 92%;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .page--navigation__mobile .page--navigation--inner,
  .page--navigation__mobile .page--navigation--split-parent a,
  .page--navigation__mobile .page--navigation > ul > li > a {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.page--navigation--split-parent {
  display: flex;
}

.page--navigation--split-parent a {
  flex-grow: 1;
  flex-shrink: 1;
}
.page--navigation__mobile .page--navigation--split-parent a {
  padding-right: 0;
}

.page--navigation--split-parent a {
  color: #000;
}
.page--navigation--split-parent a:visited {
  color: #000;
}
.page--navigation--split-parent a:focus {
  color: #000;
}
.page--navigation--split-parent a:hover {
  color: #000;
}
.page--navigation--split-parent a:active {
  color: #000;
}

.page--navigation--split-parent button {
  display: block;
  width: 44px;
  height: auto;
  overflow: hidden;
  position: relative;
}
.page--navigation--split-parent button svg {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 10px;
  height: 14px;
  margin-left: -5px;
  margin-top: -7px;
  display: block;
}
.page--navigation--split-parent button svg {
  transition: transform 0.2s;
  transform: rotateZ(90deg);
}
.page--navigation--split-parent button.active svg {
  transform: rotateZ(270deg);
}

.page--navigation {
  background: #ffd0ec;
  border-radius: 6px;
}
.page--navigation a {
  text-decoration: none;
}
.page--navigation--header + .page--navigation,
.page--navigation > ul > li + li {
  border-top: 1px solid #fff;
}
.page--navigation .page--navigation--split-parent a,
.page--navigation > ul > li > a {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.page--navigation .page--navigation--split-parent a:visited,
.page--navigation > ul > li > a:visited {
  color: #000;
}
.page--navigation .page--navigation--split-parent a:focus,
.page--navigation > ul > li > a:focus {
  color: #000;
}
.page--navigation .page--navigation--split-parent a:hover,
.page--navigation > ul > li > a:hover {
  color: #002B97;
}
.page--navigation .page--navigation--split-parent a:active,
.page--navigation > ul > li > a:active {
  color: #002B97;
}
.page--navigation .page--navigation--split-parent a:hover,
.page--navigation > ul > li > a:hover {
  text-decoration: none;
}
.page--navigation ul > li:hover {
  background: #F7ACC9;
}
.page--navigation > ul > li.simple-navigation-active-leaf > a,
.page--navigation > ul > li.simple-navigation-active-leaf > .page--navigation--split-parent a {
  color: #002B97;
}
.page--navigation > ul > li.simple-navigation-active-leaf > a:visited,
.page--navigation > ul > li.simple-navigation-active-leaf > .page--navigation--split-parent a:visited {
  color: #002B97;
}
.page--navigation > ul > li.simple-navigation-active-leaf > a:focus,
.page--navigation > ul > li.simple-navigation-active-leaf > .page--navigation--split-parent a:focus {
  color: #002B97;
}
.page--navigation > ul > li.simple-navigation-active-leaf > a:hover,
.page--navigation > ul > li.simple-navigation-active-leaf > .page--navigation--split-parent a:hover {
  color: #002B97;
}
.page--navigation > ul > li.simple-navigation-active-leaf > a:active,
.page--navigation > ul > li.simple-navigation-active-leaf > .page--navigation--split-parent a:active {
  color: #002B97;
}

.page--navigation--nested {
  padding-bottom: 16px;
}
.page--navigation--nested li {
  padding-left: 24px;
  padding-right: 16px;
}
.page--navigation--nested li + li {
  margin-top: 12px;
}
.page--navigation--nested li.simple-navigation-active-leaf > a {
  color: #002B97;
}
.page--navigation--nested li.simple-navigation-active-leaf > a:visited {
  color: #002B97;
}
.page--navigation--nested li.simple-navigation-active-leaf > a:focus {
  color: #002B97;
}
.page--navigation--nested li.simple-navigation-active-leaf > a:hover {
  color: #002B97;
}
.page--navigation--nested li.simple-navigation-active-leaf > a:active {
  color: #002B97;
}
.page--navigation--nested a {
  color: #000;
}
.page--navigation--nested a:visited {
  color: #000;
}
.page--navigation--nested a:focus {
  color: #000;
}
.page--navigation--nested a:hover {
  color: #000;
}
.page--navigation--nested a:active {
  color: #000;
}

@media only screen and (min-width: 1101px) {
  .page--navigation__mobile {
    display: none;
  }
}

@media only screen and (max-width: 1100px) {
  .page--navigation__desktop {
    display: none;
  }
}

.page--subnavigation ul ul {
  margin-left: 16px;
}
.page--subnavigation .current {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

.page__login .page--main {
  width: 50%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .page__login .page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .page__login .page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  .page__login .page--main {
    width: 100%;
    float: none;
  }
}
.page__login .page--aside {
  width: 41.6666666667%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 8.3333333333%;
}
@media only screen and (max-width: 1080px) {
  .page__login .page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .page__login .page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1000px) {
  .page__login .page--aside {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .page__login .page--aside {
    width: 50%;
    float: left;
    min-height: 1px;
  }
}
@media only screen and (max-width: 1100px) {
  .page__login .page--aside {
    width: 100%;
    float: none;
  }
}

.page__login--sidebar--image {
  background-size: cover;
  padding-top: 50%;
  background-image: url("/release-20240125/assets/banners/fringe-member-6d8524274f0d484af12902ef65eb337bdcf8d541.jpg");
}

.page--ruled-with-sidebar {
  margin-left: -40px;
  margin-right: -40px;
}
.page--ruled-with-sidebar:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .page--ruled-with-sidebar {
    margin: 0;
  }
}

.page--ruled-with-sidebar--main {
  width: 66.6666666667%;
  float: left;
  min-height: 1px;
  padding-left: 40px;
  padding-right: 40px;
  border-right: 1px solid #E6E6E6;
}
@media only screen and (max-width: 1080px) {
  .page--ruled-with-sidebar--main {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 40px;
    padding-right: 40px;
    padding: 0;
    border-right: none;
  }
}
.page--ruled-with-sidebar--main__event {
  float: left;
}
@media only screen and (max-width: 1080px) {
  .page--ruled-with-sidebar--main__event {
    margin-top: 40px;
  }
}

.page--ruled-with-sidebar--sidebar {
  width: 33.3333333333%;
  float: left;
  min-height: 1px;
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 1080px) {
  .page--ruled-with-sidebar--sidebar {
    margin-top: 40px;
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 40px;
    padding-right: 40px;
    padding: 0;
  }
}
.page--ruled-with-sidebar--sidebar__event {
  float: right;
  margin-top: 0;
}

.layout__katalyst-content {
  padding-bottom: 0;
}

.page__katalyst-content .page--title, .page__katalyst-content h2, .page__katalyst-content h3, .page__katalyst-content .trix-content, .page__katalyst-content nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.page__katalyst-content .page--title {
  margin-bottom: 40px;
  max-width: calc(800px + 3rem);
}
.page__katalyst-content .page--title h1 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .page--title {
    margin-bottom: 1.5rem;
  }
}
.page__katalyst-content h2 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 2rem;
}
.page__katalyst-content h2 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content h2 {
    margin-bottom: 1.5rem;
  }
}
.page__katalyst-content h3 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 2rem;
}
.page__katalyst-content h3 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content h3 {
    margin-bottom: 1.5rem;
  }
}
.page__katalyst-content h4 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.page__katalyst-content h4 em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}
.page__katalyst-content .content-item {
  --text-color: #000;
  --background-color: #fff;
  --link-color: #000;
  --hover-color: false;
  --button-color: #002B97;
  --button-active-color: #001c64;
  --button-text-color: #fff;
  padding: 3rem 0;
  background-color: var(--background-color);
  color: var(--text-color);
}
.page__katalyst-content .content-item h2, .page__katalyst-content .content-item h3 {
  color: var(--text-color);
}
.page__katalyst-content .content-item a {
  color: var(--link-color);
}
.page__katalyst-content .content-item a:visited {
  color: var(--link-color);
}
.page__katalyst-content .content-item a:focus {
  color: var(--link-color);
}
.page__katalyst-content .content-item a:hover {
  color: var(--link-hover-color);
}
.page__katalyst-content .content-item a:active {
  color: var(--link-hover-color);
}
.page__katalyst-content .content-item .button {
  color: var(--button-text-color);
  background-color: var(--button-color);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.page__katalyst-content .content-item .button:visited {
  color: var(--button-text-color);
}
.page__katalyst-content .content-item .button:focus {
  color: var(--button-text-color);
}
.page__katalyst-content .content-item .button:hover {
  color: var(--button-text-color);
}
.page__katalyst-content .content-item .button:active {
  color: var(--button-text-color);
}
.page__katalyst-content .content-item .button:hover {
  background-color: var(--button-active-color);
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item {
    padding: 2rem 0;
  }
}
.page__katalyst-content .content-item[data-content-depth="0"] > * {
  max-width: 1152px;
  width: 92%;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .page__katalyst-content .content-item[data-content-depth="0"] > * {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.page__katalyst-content .content-item[data-content-depth="0"]:last-child {
  padding-bottom: 80px;
}
.page__katalyst-content .content-item[data-content-depth]:not([data-content-depth="0"]) {
  padding-inline: 1.5rem;
}
.page__katalyst-content .page--title:not(.visually-hidden) + .content-item.light {
  padding-top: 0;
}
.page__katalyst-content .content-item.light {
  --text-color: #000;
  --background-color: #fff;
  --link-color: #000;
  --link-active-color: #000;
  --hover-color: false;
  --button-color: #002B97;
  --button-active-color: #001c64;
  --button-text-color: #fff;
}
.page__katalyst-content .content-item.pink {
  --text-color: #000;
  --background-color: #ffd0ec;
  --link-color: #000;
  --link-active-color: #000;
  --hover-color: false;
  --button-color: #002B97;
  --button-active-color: #001c64;
  --button-text-color: #fff;
}
.page__katalyst-content .content-item.fancy {
  --text-color: #000;
  --background-color: #fff;
  --link-color: #000;
  --link-active-color: #000;
  --hover-color: false;
  --button-color: #002B97;
  --button-active-color: #001c64;
  --button-text-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='1751' height='892' viewBox='0 0 1751 892' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M648.203 0L839.699 124.078L762.837 237.203L555.643 147.369L405.26 347L308.347 287.111L411.944 67.5161L184.699 60.8618L186.308 0H648.203Z' fill='%23FDEEF4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 547.84L62.5464 604.91L133.965 526.037L0 367.266V547.84ZM0 352.451V212.051L108.672 164.27L153.306 264.359L0 352.451Z' fill='%23FDEEF4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M648.203 892H186.308L188.041 826.429L401.919 809.793L338.424 563.581L452.046 517L548.96 759.885L749.47 653.415L809.623 756.558L629.164 879.664L648.203 892Z' fill='%23FDEEF4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1751 365.847V546.69L1647.02 451.021L1530.06 609.182L1444.49 551.027L1539.56 387.354L1324 359.385L1341.81 242.227L1537.36 235.031L1580.32 22.7725L1678.46 33.3766L1679.54 243.758L1751 212.266V352.8L1743.32 357.059L1751 365.847Z' fill='%23FDEEF4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1222.88 0L1264.82 104.594L1193.64 133L1128.15 27.8985L994.325 70.5072L968.699 13.6956L992.724 0H1222.88Z' fill='%23FDEEF4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1222.88 892H992.724L1088.29 837.522L985.783 763.667L1028.49 704.014L1131 763.667L1179.4 633L1247.74 647.203L1213.57 789.232L1341.7 803.435L1333.16 868.768H1213.57L1222.88 892Z' fill='%23FDEEF4'/%3E%3Cpath d='M943.456 435.802L848.532 447.344L835.712 401.188L933.091 377.389L901.473 294.754L944.012 279.429L981.608 352.388L1043.47 280.94L1083.18 315.439L1039.65 388.43L1107.72 456.681L1081.12 490.173L1001.93 438.643L989.109 524.395L939.294 517.089L943.456 435.802Z' fill='%23FDEEF4'/%3E%3C/svg%3E%0A");
  background-repeat: repeat;
  background-attachment: fixed;
}
.page__katalyst-content .content-item.dark {
  --text-color: #fff;
  --background-color: #002B97;
  --link-color: #ffd0ec;
  --link-active-color: #ffd0ec;
  --hover-color: #ffd0ec;
  --button-color: #fff;
  --button-active-color: #ffd0ec;
  --button-text-color: #000;
}
.page__katalyst-content .content-item.arts-unlimited-light {
  --text-color: #000;
  --background-color: #FF9B30;
  --link-color: #000;
  --link-active-color: #000;
  --hover-color: #000;
  --button-color: #002E59;
  --button-active-color: #002547;
  --button-text-color: #fff;
}
.page__katalyst-content .content-item.arts-unlimited-dark {
  --text-color: #fff;
  --background-color: #002E59;
  --link-color: #fff;
  --link-active-color: #fff;
  --hover-color: #fff;
  --button-color: #FF9B30;
  --button-active-color: #FFAF59;
  --button-text-color: #000;
}
.page__katalyst-content figure {
  margin-inline: auto;
  text-align: center;
  background: none;
}
.page__katalyst-content figure img {
  width: unset;
}
.page__katalyst-content figcaption {
  position: unset;
  text-align: center;
  font-size: 11px;
  margin-top: 0.5rem;
}
.page__katalyst-content div[role=aside-container] {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 3rem;
}
@media only screen and (max-width: 780px) {
  .page__katalyst-content div[role=aside-container] {
    grid-template-columns: auto;
  }
}
.page__katalyst-content div[role=aside-container] > * {
  display: grid;
}
.page__katalyst-content .columns-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 780px) {
  .page__katalyst-content .columns-container {
    grid-template-columns: auto;
    grid-gap: 2rem;
  }
}
.page__katalyst-content .columns-container > .column {
  display: grid;
}
.page__katalyst-content .content-item.column h2, .page__katalyst-content .content-item.column h3, .page__katalyst-content .content-item.column .trix-content, .page__katalyst-content .content-item.aside h2, .page__katalyst-content .content-item.aside h3, .page__katalyst-content .content-item.aside .trix-content {
  max-width: unset;
}
.page__katalyst-content .content-item.content_banner {
  width: 100%;
}
.page__katalyst-content .content-item.content_banner[data-content-index="0"] {
  padding: 0;
}
.page__katalyst-content .content-item.content_banner[data-content-depth="0"] > * {
  max-width: unset;
  width: 100%;
  padding: 0;
}
.page__katalyst-content .content-item.content_banner h2 {
  color: white;
  text-align: center;
}
.page__katalyst-content .mobile-group {
  border-radius: 6px;
  overflow: hidden;
}
.page__katalyst-content .mobile-group > [role=toggle] {
  display: flex;
  cursor: pointer;
  color: var(--button-text-color);
  background-color: var(--button-color);
  padding: 1rem;
  align-items: center;
  justify-content: space-between;
}
.page__katalyst-content .mobile-group > [role=toggle] span {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
}
.page__katalyst-content .mobile-group > [role=toggle] span em {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .mobile-group > [role=toggle] span {
    font-size: 18px;
  }
}
.page__katalyst-content .mobile-group > [role=toggle]::after {
  content: "";
  background: var(--button-text-color);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' style='width: 18px; height: 18px;'%3E%3Cg fill='var(--button-text-color)' fill-rule='evenodd'%3E%3Cpath d='M10.083 0h1.833v22h-1.833z'%3E%3C/path%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' style='width: 18px; height: 18px;'%3E%3Cg fill='var(--button-text-color)' fill-rule='evenodd'%3E%3Cpath d='M10.083 0h1.833v22h-1.833z'%3E%3C/path%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 1rem;
  height: 1rem;
}
.page__katalyst-content .mobile-group > [role=toggle][active]::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' style='width: 18px; height: 18px;'%3E%3Cg fill='%23EF5994' fill-rule='evenodd'%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg' style='width: 18px; height: 18px;'%3E%3Cg fill='%23EF5994' fill-rule='evenodd'%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (min-width: 781px) {
  .page__katalyst-content .mobile-group {
    border-radius: 0;
  }
  .page__katalyst-content .mobile-group > [role=toggle] {
    display: none;
  }
  .page__katalyst-content .mobile-group > [data-collapsed] {
    max-height: unset;
  }
}
.page__katalyst-content .content_donation_target {
  --bar-background-color: #F7ACC9;
  --progression-color: #002B97;
}
.page__katalyst-content .content_donation_target.dark {
  --bar-background-color: #fff;
  --progression-color: #F7ACC9;
}
.page__katalyst-content .content_donation_target .progress-bar {
  background: var(--bar-background-color);
}
.page__katalyst-content .content_donation_target .progress-bar #current-value {
  background: var(--progression-color);
}
.page__katalyst-content .content_donation_target .progress-bar-goals {
  color: var(--progression-color);
}
.page__katalyst-content .content_donation_target .progress-bar-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.page__katalyst-content aside .content-item.content_navigation > div {
  margin-inline: -1.5rem;
}
.page__katalyst-content .content-item.light > div > div > aside > .content-item.light > div {
  margin-inline: unset;
}
.page__katalyst-content .content-item.dark > div > div > aside > .content-item.dark > div {
  margin-inline: unset;
}
.page__katalyst-content .content-item.pink > div > div > aside > .content-item.pink > div {
  margin-inline: unset;
}
.page__katalyst-content .content-item.fancy > div > div > aside > .content-item.fancy > div {
  margin-inline: unset;
}
.page__katalyst-content .content-item.arts-unlimited-light > div > div > aside > .content-item.arts-unlimited-light > div {
  margin-inline: unset;
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > div > aside > .content-item.arts-unlimited-dark > div {
  margin-inline: unset;
}
.page__katalyst-content .content_navigation.light {
  --link-active-color: #002B97;
  --link-hover-color: #000;
  --hover-color: #F7ACC9;
}
.page__katalyst-content .content_navigation.pink {
  --link-active-color: #000;
  --link-hover-color: #000;
  --hover-color: #ffd0ec;
}
.page__katalyst-content .content_navigation.fancy {
  --link-active-color: #000;
  --link-hover-color: #000;
  --hover-color: #ffd0ec;
}
.page__katalyst-content .content_navigation.dark {
  --link-active-color: #ffd0ec;
  --link-hover-color: #fff;
  --hover-color: #002071;
}
.page__katalyst-content .content_navigation.arts-unlimited-dark {
  --link-active-color: #000;
  --link-hover-color: #fff;
  --hover-color: #FF9B30;
}
.page__katalyst-content .content_navigation.arts-unlimited-light {
  --link-active-color: #fff;
  --link-hover-color: #fff;
  --hover-color: #002E59;
}
.page__katalyst-content .content-item.light + .content-item.light {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.light > div > div > .content-item.light:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.light > div > div > .content-item.light:last-child {
  margin-bottom: -3rem;
}
.page__katalyst-content .content-item.light > div > div > .content-item.light {
  background: none;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.light + .content-item.light {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.light > div > div > .content-item.light:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.light > div > div > .content-item.light:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.light > div > div > .content-item.light {
  padding-inline: 0;
}
.page__katalyst-content .content-item.content_banner[data-content-index="0"].light + .content-item.light {
  margin-top: unset;
}
.page__katalyst-content .content-item.dark + .content-item.dark {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.dark > div > div > .content-item.dark:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.dark > div > div > .content-item.dark:last-child {
  margin-bottom: -3rem;
}
.page__katalyst-content .content-item.dark > div > div > .content-item.dark {
  background: none;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.dark + .content-item.dark {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.dark > div > div > .content-item.dark:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.dark > div > div > .content-item.dark:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.dark > div > div > .content-item.dark {
  padding-inline: 0;
}
.page__katalyst-content .content-item.content_banner[data-content-index="0"].dark + .content-item.dark {
  margin-top: unset;
}
.page__katalyst-content .content-item.pink + .content-item.pink {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.pink > div > div > .content-item.pink:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.pink > div > div > .content-item.pink:last-child {
  margin-bottom: -3rem;
}
.page__katalyst-content .content-item.pink > div > div > .content-item.pink {
  background: none;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.pink + .content-item.pink {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.pink > div > div > .content-item.pink:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.pink > div > div > .content-item.pink:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.pink > div > div > .content-item.pink {
  padding-inline: 0;
}
.page__katalyst-content .content-item.content_banner[data-content-index="0"].pink + .content-item.pink {
  margin-top: unset;
}
.page__katalyst-content .content-item.fancy + .content-item.fancy {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.fancy > div > div > .content-item.fancy:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.fancy > div > div > .content-item.fancy:last-child {
  margin-bottom: -3rem;
}
.page__katalyst-content .content-item.fancy > div > div > .content-item.fancy {
  background: none;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.fancy + .content-item.fancy {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.fancy > div > div > .content-item.fancy:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.fancy > div > div > .content-item.fancy:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.fancy > div > div > .content-item.fancy {
  padding-inline: 0;
}
.page__katalyst-content .content-item.content_banner[data-content-index="0"].fancy + .content-item.fancy {
  margin-top: unset;
}
.page__katalyst-content .content-item.arts-unlimited-light + .content-item.arts-unlimited-light {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.arts-unlimited-light > div > div > .content-item.arts-unlimited-light:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.arts-unlimited-light > div > div > .content-item.arts-unlimited-light:last-child {
  margin-bottom: -3rem;
}
.page__katalyst-content .content-item.arts-unlimited-light > div > div > .content-item.arts-unlimited-light {
  background: none;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.arts-unlimited-light + .content-item.arts-unlimited-light {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.arts-unlimited-light > div > div > .content-item.arts-unlimited-light:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.arts-unlimited-light > div > div > .content-item.arts-unlimited-light:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.arts-unlimited-light > div > div > .content-item.arts-unlimited-light {
  padding-inline: 0;
}
.page__katalyst-content .content-item.content_banner[data-content-index="0"].arts-unlimited-light + .content-item.arts-unlimited-light {
  margin-top: unset;
}
.page__katalyst-content .content-item.arts-unlimited-dark + .content-item.arts-unlimited-dark {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > div > .content-item.arts-unlimited-dark:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > div > .content-item.arts-unlimited-dark:last-child {
  margin-bottom: -3rem;
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > div > .content-item.arts-unlimited-dark {
  background: none;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.arts-unlimited-dark + .content-item.arts-unlimited-dark {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.arts-unlimited-dark > div > div > .content-item.arts-unlimited-dark:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.arts-unlimited-dark > div > div > .content-item.arts-unlimited-dark:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > div > .content-item.arts-unlimited-dark {
  padding-inline: 0;
}
.page__katalyst-content .content-item.content_banner[data-content-index="0"].arts-unlimited-dark + .content-item.arts-unlimited-dark {
  margin-top: unset;
}
.page__katalyst-content .content-item.light > div > .columns-container > .column > .content-item.light {
  background: none;
}
.page__katalyst-content .content-item.light > div > .columns-container > .column > .content-item.light:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.light > div > .columns-container > .column > .content-item.light:last-child {
  margin-bottom: -3rem;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.light > div > .columns-container > .column > .content-item.light:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.light > div > .columns-container > .column > .content-item.light:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.light > div > .columns-container > .column:first-child > .content-item.light {
  padding-inline: 0 1.5rem;
}
.page__katalyst-content .content-item.light > div > .columns-container > .column:last-child > .content-item.light {
  padding-inline: 1.5rem 0;
}
@media only screen and (max-width: 780px) {
  .page__katalyst-content .content-item.light > div > .columns-container > .column > .content-item.light {
    padding-inline: 0 !important;
  }
}
.page__katalyst-content .content-item.dark > div > .columns-container > .column > .content-item.dark {
  background: none;
}
.page__katalyst-content .content-item.dark > div > .columns-container > .column > .content-item.dark:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.dark > div > .columns-container > .column > .content-item.dark:last-child {
  margin-bottom: -3rem;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.dark > div > .columns-container > .column > .content-item.dark:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.dark > div > .columns-container > .column > .content-item.dark:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.dark > div > .columns-container > .column:first-child > .content-item.dark {
  padding-inline: 0 1.5rem;
}
.page__katalyst-content .content-item.dark > div > .columns-container > .column:last-child > .content-item.dark {
  padding-inline: 1.5rem 0;
}
@media only screen and (max-width: 780px) {
  .page__katalyst-content .content-item.dark > div > .columns-container > .column > .content-item.dark {
    padding-inline: 0 !important;
  }
}
.page__katalyst-content .content-item.pink > div > .columns-container > .column > .content-item.pink {
  background: none;
}
.page__katalyst-content .content-item.pink > div > .columns-container > .column > .content-item.pink:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.pink > div > .columns-container > .column > .content-item.pink:last-child {
  margin-bottom: -3rem;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.pink > div > .columns-container > .column > .content-item.pink:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.pink > div > .columns-container > .column > .content-item.pink:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.pink > div > .columns-container > .column:first-child > .content-item.pink {
  padding-inline: 0 1.5rem;
}
.page__katalyst-content .content-item.pink > div > .columns-container > .column:last-child > .content-item.pink {
  padding-inline: 1.5rem 0;
}
@media only screen and (max-width: 780px) {
  .page__katalyst-content .content-item.pink > div > .columns-container > .column > .content-item.pink {
    padding-inline: 0 !important;
  }
}
.page__katalyst-content .content-item.fancy > div > .columns-container > .column > .content-item.fancy {
  background: none;
}
.page__katalyst-content .content-item.fancy > div > .columns-container > .column > .content-item.fancy:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.fancy > div > .columns-container > .column > .content-item.fancy:last-child {
  margin-bottom: -3rem;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.fancy > div > .columns-container > .column > .content-item.fancy:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.fancy > div > .columns-container > .column > .content-item.fancy:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.fancy > div > .columns-container > .column:first-child > .content-item.fancy {
  padding-inline: 0 1.5rem;
}
.page__katalyst-content .content-item.fancy > div > .columns-container > .column:last-child > .content-item.fancy {
  padding-inline: 1.5rem 0;
}
@media only screen and (max-width: 780px) {
  .page__katalyst-content .content-item.fancy > div > .columns-container > .column > .content-item.fancy {
    padding-inline: 0 !important;
  }
}
.page__katalyst-content .content-item.arts-unlimited-light > div > .columns-container > .column > .content-item.arts-unlimited-light {
  background: none;
}
.page__katalyst-content .content-item.arts-unlimited-light > div > .columns-container > .column > .content-item.arts-unlimited-light:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.arts-unlimited-light > div > .columns-container > .column > .content-item.arts-unlimited-light:last-child {
  margin-bottom: -3rem;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.arts-unlimited-light > div > .columns-container > .column > .content-item.arts-unlimited-light:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.arts-unlimited-light > div > .columns-container > .column > .content-item.arts-unlimited-light:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.arts-unlimited-light > div > .columns-container > .column:first-child > .content-item.arts-unlimited-light {
  padding-inline: 0 1.5rem;
}
.page__katalyst-content .content-item.arts-unlimited-light > div > .columns-container > .column:last-child > .content-item.arts-unlimited-light {
  padding-inline: 1.5rem 0;
}
@media only screen and (max-width: 780px) {
  .page__katalyst-content .content-item.arts-unlimited-light > div > .columns-container > .column > .content-item.arts-unlimited-light {
    padding-inline: 0 !important;
  }
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > .columns-container > .column > .content-item.arts-unlimited-dark {
  background: none;
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > .columns-container > .column > .content-item.arts-unlimited-dark:first-child {
  margin-top: -3rem;
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > .columns-container > .column > .content-item.arts-unlimited-dark:last-child {
  margin-bottom: -3rem;
}
@media only screen and (max-width: 600px) {
  .page__katalyst-content .content-item.arts-unlimited-dark > div > .columns-container > .column > .content-item.arts-unlimited-dark:first-child {
    margin-top: -2rem;
  }
  .page__katalyst-content .content-item.arts-unlimited-dark > div > .columns-container > .column > .content-item.arts-unlimited-dark:last-child {
    margin-bottom: -2rem;
  }
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > .columns-container > .column:first-child > .content-item.arts-unlimited-dark {
  padding-inline: 0 1.5rem;
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > .columns-container > .column:last-child > .content-item.arts-unlimited-dark {
  padding-inline: 1.5rem 0;
}
@media only screen and (max-width: 780px) {
  .page__katalyst-content .content-item.arts-unlimited-dark > div > .columns-container > .column > .content-item.arts-unlimited-dark {
    padding-inline: 0 !important;
  }
}
.page__katalyst-content .content-item.light > div > div > div > .content-item.light,
.page__katalyst-content .content-item.light > div > div > aside > .content-item.light {
  padding-inline: 0;
}
.page__katalyst-content .content-item.dark > div > div > div > .content-item.dark,
.page__katalyst-content .content-item.dark > div > div > aside > .content-item.dark {
  padding-inline: 0;
}
.page__katalyst-content .content-item.pink > div > div > div > .content-item.pink,
.page__katalyst-content .content-item.pink > div > div > aside > .content-item.pink {
  padding-inline: 0;
}
.page__katalyst-content .content-item.fancy > div > div > div > .content-item.fancy,
.page__katalyst-content .content-item.fancy > div > div > aside > .content-item.fancy {
  padding-inline: 0;
}
.page__katalyst-content .content-item.arts-unlimited-light > div > div > div > .content-item.arts-unlimited-light,
.page__katalyst-content .content-item.arts-unlimited-light > div > div > aside > .content-item.arts-unlimited-light {
  padding-inline: 0;
}
.page__katalyst-content .content-item.arts-unlimited-dark > div > div > div > .content-item.arts-unlimited-dark,
.page__katalyst-content .content-item.arts-unlimited-dark > div > div > aside > .content-item.arts-unlimited-dark {
  padding-inline: 0;
}

.page-debug-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 0 !important;
  display: grid;
  height: 100%;
  opacity: 0.3;
  background: none !important;
}
.page-debug-overlay > * {
  grid-row: 1/2;
  grid-column: 1/2;
}
.page-debug-overlay .content-line {
  box-sizing: content-box;
  border-inline: 2px solid red;
}
.page-debug-overlay .trix-content {
  box-sizing: content-box;
  border-inline: 2px solid blue;
  height: 100%;
}
.page-debug-overlay .center-line {
  width: 2px !important;
  background: green;
  padding-inline: 0 !important;
}

.content_youtube_embed > div > iframe {
  aspect-ratio: 16/9;
}

.content_google-maps_embed {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.content_google-maps_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contact--form .page--title {
  margin-bottom: 20px;
}
.contact--form .content-item.light {
  background-color: unset;
}
.contact--form .content-item.light .govuk-error-summary {
  --link-color: #d4351c !important;
}
.contact--form .content-item.light .govuk-error-summary li {
  list-style: none;
}
.contact--form .content-item.light .govuk-error-summary ul {
  margin-left: unset;
}

.panel, .panel__primary-light, .panel__border, .panel__passive, .panel__grey-light, .panel__grey, .panel__white {
  border-radius: 6px;
}

.panels__two-up {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}
@media only screen and (max-width: 600px) {
  .panels__two-up {
    grid-template-columns: 1fr;
  }
}

.panel--heading {
  background: #333333;
  color: #fff;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 600px) {
  .panel--heading {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-inline: 1.5rem;
    border-radius: 0;
  }
}

.panel__single-centered {
  max-width: 576px;
  margin: 0 auto;
}

.panel__flash {
  padding: 12px 0;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

.panel__white {
  background: #fff;
}

.panel__grey {
  background: #B3B3B3;
}

.panel__grey-light {
  background: #F2F2F2;
}

.panel__passive {
  background: #E6E6E6;
}

.panel--padding__border {
  border-top: 1px solid #E6E6E6;
}

.panel__border {
  background: #fff;
  border: 4px solid #E6E6E6;
}

.panel__page {
  background: #fff;
}

.panel__page--border {
  border-top: 4px solid #E6E6E6;
}

.panel--section + .panel--section {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #E6E6E6;
}

.panel--section__tight + .panel--section__tight {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E6E6E6;
}

@media only screen and (max-width: 600px) {
  .panel__pull {
    margin-left: -24px;
    margin-right: -24px;
    max-width: none;
    border-left: 0;
    border-right: 0;
    border-radius: 0 !important;
  }
}

.panel--accent {
  background: #e6eaf5;
  border-radius: 4px;
}
.panel--accent .panel--heading {
  background: none;
  color: #000;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .panel--accent .panel--heading {
    margin-inline: 0;
  }
}

.panel__primary-light {
  background: #ffd0ec;
}

.panel__quaternary {
  background-color: #ffecf7;
  border-radius: 5px;
}

.panel__banksa {
  color: #002f6c;
  background-color: #E5E9EF;
  border: 4px solid #CCD4DF;
  box-sizing: border-box;
  position: relative;
}
.panel__banksa a {
  color: #002f6c;
  text-decoration-color: #002f6c;
}
.panel__banksa a:visited {
  color: #002f6c;
}
.panel__banksa a:focus {
  color: #002f6c;
}
.panel__banksa a:hover {
  color: #002f6c;
}
.panel__banksa a:active {
  color: #002f6c;
}
.panel__banksa a:focus {
  color: #fff;
}
.panel__banksa a.button__secondary__line {
  color: #fff;
}
.panel__banksa a.button__secondary__line:visited {
  color: #fff;
}
.panel__banksa a.button__secondary__line:focus {
  color: #fff;
}
.panel__banksa a.button__secondary__line:hover {
  color: #002f6c;
}
@media only screen and (min-width: 1101px) {
  .panel__banksa::before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 97px;
    height: calc(100% + 8px);
    background-image: url("/release-20240125/assets/bank-sa/left-sider-201abd9ced59101ed0a2b0092e660dae8ac7fb6a.svg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px 0 0 6px;
  }
}
@media only screen and (min-width: 1101px) {
  .panel__banksa .panel--padding__heading {
    padding: 16px 120px;
  }
  .panel__banksa .panel--padding {
    padding: 24px 120px;
  }
}
.panel__banksa .banksa-logo {
  width: 131px;
  height: 79px;
  float: right;
  margin-top: -28px;
  border-top-right-radius: 6px;
}
@media only screen and (min-width: 1101px) {
  .panel__banksa .banksa-logo {
    margin-right: -124px;
  }
}
@media only screen and (max-width: 1100px) {
  .panel__banksa .banksa-logo {
    margin-right: -28px;
  }
}
@media only screen and (max-width: 600px) {
  .panel__banksa .banksa-logo {
    border-radius: 0;
  }
}
.panel__banksa h2 {
  margin-top: 0px;
}
.panel__banksa .banksa-banner-bottom {
  background-color: #CCD4DF;
}
@media only screen and (min-width: 1101px) {
  .panel__banksa .banksa-banner-bottom {
    padding: 12px 120px;
  }
}
@media only screen and (max-width: 1100px) {
  .panel__banksa .banksa-banner-bottom {
    padding: 12px 24px;
  }
}
.panel__banksa .button__secondary__line {
  background-color: #002f6c;
  border: 1px solid #002f6c;
  color: #fff;
}
.panel__banksa .button__secondary__line:hover {
  background-color: #fff;
  color: #002f6c;
}
.panel__banksa .add-card-or-edit-cart {
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.panel__banksa .add-card-or-edit-cart > * {
  -webkit-box-flex: 0 0 50%;
  -moz-box-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.panel__banksa .add-card-or-edit-cart > * a {
  margin-top: 24px;
  width: 100%;
  text-align: center;
  border: 4px solid #002f6c;
}
.panel__banksa .add-card-or-edit-cart :first-child {
  padding-right: 8px;
}
.panel__banksa .add-card-or-edit-cart :last-child {
  padding-left: 8px;
}
.panel__banksa .add-card-or-edit-cart :last-child > a {
  background-color: transparent;
  color: #002f6c;
}

@media only screen and (max-width: 1100px) {
  .panel--creditcard {
    text-align: center;
  }
  .panel button, .panel__white button, .panel__grey button, .panel__grey-light button, .panel__passive button, .panel__border button, .panel__primary-light button,
  .panel .button__secondary__line,
  .panel__white .button__secondary__line,
  .panel__grey .button__secondary__line,
  .panel__grey-light .button__secondary__line,
  .panel__passive .button__secondary__line,
  .panel__border .button__secondary__line,
  .panel__primary-light .button__secondary__line {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 1101px) {
  .panel--creditcard {
    display: flex;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
  .panel--creditcard .credit-card.banksa + div > .button__secondary__line {
    border: 4px solid #002f6c;
    color: #002f6c;
  }
  .panel--creditcard .credit-card.banksa + div > .button__secondary__line:hover {
    background-color: #00459f;
    color: #fff;
  }
}
.panel__alert,
.panel__error,
.panel__recaptcha_error {
  background: #dfc6ca;
  color: #7F1A2A;
}

.panel__notice {
  background: #ffd9bf;
  color: #ff6600;
}

.panel__success {
  background: #bfe1c0;
  color: #008602;
}

.panel--padding {
  padding: 24px;
}

.panel--padding__heading {
  padding: 16px 24px;
}

.panel--padding__tiny {
  padding: 12px;
}

.panel--padding__large {
  padding: 32px;
}

.panel-spacing {
  display: grid;
  grid-gap: 2rem;
}

.performance--actions {
  display: grid;
  grid-template-columns: 0.25fr 1fr 1fr;
  grid-template-areas: "event plan buy";
  grid-area: buytix;
  text-align: center;
  gap: 0.5rem;
}
.performance--actions > * {
  flex-grow: 1;
  width: unset;
}
@media only screen and (min-width: 781px) {
  .performance--actions {
    padding-left: 0.75rem;
    flex-direction: column;
    width: 12em;
    align-self: start;
    grid-template-columns: 0.25fr 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "selling-fast selling-fast" "buy buy" "event plan";
  }
}
.performance--actions:after {
  content: " ";
  position: absolute;
  height: calc(100% - 1.5rem);
  width: 2px;
  background: #e6e6e6;
  margin-left: -1rem;
}
.performance--actions .buy-tickets {
  justify-self: end;
  text-align: center;
}
.kpop-modal .performance--actions {
  display: none;
}

.performance-indicators {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  grid-area: plan;
}
.kpop-modal .performance-indicators {
  display: none;
}

.performance--actions .action, .favourite--performance {
  align-items: end;
  border: 3px solid #E6E6E6;
  border-radius: 6px;
  padding: 0.75rem;
  text-align: center;
  transition: background-color 0.2s;
  cursor: pointer;
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  background: transparent;
}
.performance--actions .action:hover, .favourite--performance:hover {
  background-color: #ffd0ec;
  border-color: #FF44B3;
}

@media only screen and (max-width: 380px) {
  .plan-session-collapse {
    display: none;
  }
}
.favourite--performance.purchased {
  border-color: #008602;
  background: #bfe1c0;
  fill: black;
  text-decoration: none;
}

.button-buy-tix-wrapper {
  grid-area: buy;
}
.button-buy-tix-wrapper > form > * {
  width: 100%;
}

.button-buy-tix {
  white-space: nowrap;
  text-align: center;
  align-self: center;
  grid-area: buy;
}
@media only screen and (min-width: 781px) {
  .button-buy-tix {
    font-size: 100%;
    width: 11em;
  }
}

.performance-selling-fast {
  display: flex;
  color: #A81818;
  fill: #A81818;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  font-weight: bold;
  grid-area: selling-fast;
}
.performance-selling-fast[data-show-desktop] {
  display: flex;
}
.performance-selling-fast[data-show-mobile] {
  display: none;
}
@media only screen and (max-width: 780px) {
  .performance-selling-fast {
    justify-content: left;
  }
  .performance-selling-fast[data-show-desktop] {
    display: none;
  }
  .performance-selling-fast[data-show-mobile] {
    display: flex;
  }
}

.performance--actions .action::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 100%;
  background: #ffd0ec;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.performance--actions .action.planned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8672 6.4375C17.0898 6.4375 17.3125 6.25195 17.3125 5.99219V4.65625C17.3125 3.69141 16.4961 2.875 15.5312 2.875H13.75V0.945312C13.75 0.722656 13.5273 0.5 13.3047 0.5H11.8203C11.5605 0.5 11.375 0.722656 11.375 0.945312V2.875H6.625V0.945312C6.625 0.722656 6.40234 0.5 6.17969 0.5H4.69531C4.43555 0.5 4.25 0.722656 4.25 0.945312V2.875H2.46875C1.4668 2.875 0.6875 3.69141 0.6875 4.65625V5.99219C0.6875 6.25195 0.873047 6.4375 1.13281 6.4375H16.8672ZM1.13281 7.625C0.873047 7.625 0.6875 7.84766 0.6875 8.07031V17.7188C0.6875 18.7207 1.4668 19.5 2.46875 19.5H15.5312C16.4961 19.5 17.3125 18.7207 17.3125 17.7188V8.07031C17.3125 7.84766 17.0898 7.625 16.8672 7.625H1.13281ZM13.4902 11.1875C13.6387 11.373 13.6387 11.6699 13.4902 11.8184L8.18359 17.0879C7.99805 17.2734 7.70117 17.2734 7.55273 17.0879L4.47266 14.0078C4.32422 13.8223 4.32422 13.5625 4.47266 13.377L5.54883 12.3379C5.69727 12.1523 5.99414 12.1523 6.17969 12.3379L7.88672 14.0449L11.8203 10.1484C11.9688 9.96289 12.2656 9.96289 12.4512 10.1484L13.4902 11.1875Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8672 6.4375C17.0898 6.4375 17.3125 6.25195 17.3125 5.99219V4.65625C17.3125 3.69141 16.4961 2.875 15.5312 2.875H13.75V0.945312C13.75 0.722656 13.5273 0.5 13.3047 0.5H11.8203C11.5605 0.5 11.375 0.722656 11.375 0.945312V2.875H6.625V0.945312C6.625 0.722656 6.40234 0.5 6.17969 0.5H4.69531C4.43555 0.5 4.25 0.722656 4.25 0.945312V2.875H2.46875C1.4668 2.875 0.6875 3.69141 0.6875 4.65625V5.99219C0.6875 6.25195 0.873047 6.4375 1.13281 6.4375H16.8672ZM1.13281 7.625C0.873047 7.625 0.6875 7.84766 0.6875 8.07031V17.7188C0.6875 18.7207 1.4668 19.5 2.46875 19.5H15.5312C16.4961 19.5 17.3125 18.7207 17.3125 17.7188V8.07031C17.3125 7.84766 17.0898 7.625 16.8672 7.625H1.13281ZM13.4902 11.1875C13.6387 11.373 13.6387 11.6699 13.4902 11.8184L8.18359 17.0879C7.99805 17.2734 7.70117 17.2734 7.55273 17.0879L4.47266 14.0078C4.32422 13.8223 4.32422 13.5625 4.47266 13.377L5.54883 12.3379C5.69727 12.1523 5.99414 12.1523 6.17969 12.3379L7.88672 14.0449L11.8203 10.1484C11.9688 9.96289 12.2656 9.96289 12.4512 10.1484L13.4902 11.1875Z' fill='black'/%3E%3C/svg%3E");
}
.performance--actions .action.unplanned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8672 6.4375c.2226 0 .4453-.1856.4453-.4453v-1.3359c0-.9648-.8164-1.7813-1.7813-1.7813h-1.7812v-1.9297c0-.2227-.2227-.4453-.4453-.4453h-1.4844c-.2598 0-.4453.2227-.4453.4453v1.9297h-4.75v-1.9297c0-.2227-.2227-.4453-.4453-.4453h-1.4844c-.2598 0-.4453.2227-.4453.4453v1.9297h-1.7813c-1.0019 0-1.7813.8164-1.7813 1.7813v1.3359c0 .2598.1855.4453.4453.4453h15.7344zm-15.7344 1.1875c-.2598 0-.4453.2227-.4453.4453v9.6485c0 1.0019.7793 1.7812 1.7813 1.7812h13.0625c.9649 0 1.7813-.7793 1.7813-1.7812v-9.6485c0-.2226-.2227-.4453-.4453-.4453h-15.7344zm7.7352 1.6798c.583 0 1.0556.4726 1.0556 1.0555v2.1111h2.1111c.583 0 1.0556.4726 1.0556 1.0556 0 .583-.4726 1.0556-1.0556 1.0556h-2.1111v2.1111c0 .5829-.4726 1.0555-1.0556 1.0555-.583 0-1.0556-.4726-1.0556-1.0555v-2.1111h-2.0098c-.583 0-1.0556-.4726-1.0556-1.0556 0-.583.4726-1.0556 1.0556-1.0556h2.0098v-2.1111c0-.5829.4726-1.0555 1.0556-1.0555z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8672 6.4375c.2226 0 .4453-.1856.4453-.4453v-1.3359c0-.9648-.8164-1.7813-1.7813-1.7813h-1.7812v-1.9297c0-.2227-.2227-.4453-.4453-.4453h-1.4844c-.2598 0-.4453.2227-.4453.4453v1.9297h-4.75v-1.9297c0-.2227-.2227-.4453-.4453-.4453h-1.4844c-.2598 0-.4453.2227-.4453.4453v1.9297h-1.7813c-1.0019 0-1.7813.8164-1.7813 1.7813v1.3359c0 .2598.1855.4453.4453.4453h15.7344zm-15.7344 1.1875c-.2598 0-.4453.2227-.4453.4453v9.6485c0 1.0019.7793 1.7812 1.7813 1.7812h13.0625c.9649 0 1.7813-.7793 1.7813-1.7812v-9.6485c0-.2226-.2227-.4453-.4453-.4453h-15.7344zm7.7352 1.6798c.583 0 1.0556.4726 1.0556 1.0555v2.1111h2.1111c.583 0 1.0556.4726 1.0556 1.0556 0 .583-.4726 1.0556-1.0556 1.0556h-2.1111v2.1111c0 .5829-.4726 1.0555-1.0556 1.0555-.583 0-1.0556-.4726-1.0556-1.0555v-2.1111h-2.0098c-.583 0-1.0556-.4726-1.0556-1.0556 0-.583.4726-1.0556 1.0556-1.0556h2.0098v-2.1111c0-.5829.4726-1.0555 1.0556-1.0555z'/%3E%3C/svg%3E");
}
.performance--actions .unpinned, .performance--actions .pinned {
  padding: 0.25rem;
  grid-area: event;
}
.performance--actions .unpinned::before, .performance--actions .pinned::before {
  min-height: 32.5px;
}
.performance--actions .unpinned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' stroke-width='2px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' stroke-width='2px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
}
.performance--actions .pinned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
}
.performance--actions .planned {
  background: #ffd0ec;
  border-color: #FF44B3;
}
.performance--actions .purchased {
  background-color: #008602;
}
.performance--actions .action .label {
  margin-left: 0.5rem;
}
.performance--actions .unpinned .label,
.performance--actions .pinned .label {
  display: none;
}
.performance--actions .action[hidden], .performance--actions .purchased[hidden] {
  display: none;
}

.performance-details {
  grid-area: details;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media only screen and (max-width: 780px) {
  .performance-details {
    margin-top: 0.5rem;
  }
}

.performance-description {
  font-size: 0.75rem;
  color: #696969;
  display: inline;
  font-style: italic;
  margin-bottom: 4px;
  grid-area: buy;
  grid-column: 1/4;
}
@media only screen and (max-width: 780px) {
  .performance-description {
    text-align: left;
  }
}

.performance-price {
  font-size: 12px;
}

.performance-genre {
  font-size: 12px;
}

.performance-duration {
  color: #696969;
  font-weight: normal;
}

.performance-distance {
  font-size: 0.75rem;
  font-style: italic;
  color: #002B97;
}

.performance-image {
  display: grid;
}
.performance-image img {
  align-self: flex-start;
  background-color: #E6E6E6;
  width: 75px;
  height: 75px;
}
@media only screen and (min-width: 781px) {
  .performance-image img {
    width: 120px;
    height: 120px;
  }
}

.indicators {
  width: 5px;
}
.indicators > * {
  height: 100%;
}
.indicators .planned {
  background: #FFCE00;
}
.indicators .purchased {
  background: #008602;
}

#load-more-link-container {
  margin: 1em 0;
  display: flex;
  gap: 1.5rem;
  align-items: baseline;
}
#load-more-link-container .button {
  background: #000;
  font-weight: normal;
  padding-inline: 1.5rem;
  padding-block: 0.5rem;
}
#load-more-link-container .button:hover {
  background: #000;
}

.performance {
  position: relative;
  min-height: 6rem;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-areas: "statuses statuses" "indicators content";
  grid-template-columns: auto 1fr;
  column-gap: 0.75rem;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  box-shadow: 0 1px 5px #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
  background: white;
  text-decoration: none;
}
.performance:hover {
  text-decoration: none;
  border-color: #FF44B3;
}
.performance.sold-out {
  background: #f6e8e8;
}
.performance.cancelled:hover, .performance.sold-out:hover {
  border-color: #F2F2F2;
}
@media only screen and (min-width: 781px) {
  .performance {
    grid-column-gap: 0.75rem;
  }
}
.performance .status--selling-fast, .performance .status--sold-out, .performance .status--cancelled {
  grid-area: statuses;
}
.performance .indicators {
  grid-area: indicators;
}
.performance .performance-content {
  grid-area: content;
  position: relative;
  display: grid;
  flex-grow: 1;
  grid-row-gap: 0.25rem;
  grid-column-gap: 1rem;
  grid-template-columns: 50px 1fr auto;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "title title image" "details details image" "venue venue venue" "supp supp supp";
}
@media only screen and (min-width: 781px) {
  .performance .performance-content {
    grid-template-columns: 1fr 1fr auto;
    grid-template-areas: "title title image" "details supp image" "venue supp image";
  }
}
.performance .performance-event-title {
  grid-area: title;
}
.performance .performance-image {
  grid-area: image;
}
.performance .performance-details {
  grid-area: details;
}
.performance .performance-venue-info {
  grid-area: venue;
  padding-bottom: 0.75rem;
}
@media only screen and (max-width: 780px) {
  .performance .performance-venue-info {
    padding-bottom: 0;
  }
}
.performance .performance-supplementary-info {
  grid-area: supp;
  padding-bottom: 0.75rem;
}
.performance .pinned {
  padding: 0.25rem;
  cursor: pointer;
  text-decoration: none;
  background: rgba(255, 236, 247, 0.8);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom-left-radius: 6px;
}
.performance .pinned[hidden] {
  display: none;
}
.performance .pinned::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  background: #FF44B3;
}

.performance--day {
  margin-bottom: 3rem;
}
.performance--day .panel--heading {
  position: sticky;
  top: 3rem;
  font-size: 1.125rem;
  z-index: 1;
}
.performance--day .date {
  font-size: 14px;
  text-transform: uppercase;
}

.performance--list {
  position: relative;
}
.performance--list + .performance--list {
  margin-top: 3rem;
}

.performance--time-group + .performance--time-group {
  margin-top: 2rem;
}

.performance--time-group-performances > * + * {
  margin-top: 0.5rem;
}

.performance-jump-to-time--anchor {
  scroll-margin-top: 3em;
}

.performance--time-group {
  display: grid;
  grid-template-areas: "time performances";
  grid-template-columns: 4rem 1fr;
  gap: 1rem;
}
@media only screen and (max-width: 1100px) {
  .performance--time-group {
    grid-template-areas: "time" "performances";
    grid-template-columns: 1fr;
  }
}

.performance-jump-to-time--anchor {
  grid-area: time;
}

.performance--time-group-performances {
  grid-area: performances;
}

.performance--time-group-header {
  grid-area: time;
  align-self: start;
  font-weight: bold;
  font-size: 14px;
}
.performance--time-group-header .time-icon {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .performance--time-group-header {
    padding-inline: 1.5rem;
    padding-block: 0.5rem;
    margin-inline: -1.5rem;
    background: #4F4F4F;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }
  .performance--time-group-header .time-icon {
    display: inline-block;
    width: 1rem;
    filter: brightness(0) invert(1);
  }
}

.performance--list-header {
  position: sticky;
  top: -1px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  white-space: nowrap;
  margin-bottom: 1rem;
  padding: 0.5rem 24px;
  border-radius: 5px;
  z-index: 1;
  font-size: 1.125rem;
  background: #333333;
  color: #fff;
}
@media only screen and (max-width: 1100px) {
  .performance--list-header {
    margin-bottom: 0;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-inline: 1.5rem;
    border-radius: 0;
  }
}
.performance--list-header > div {
  padding: 0.25rem 0;
}
.performance--list-header .day {
  font-weight: bold;
}
.performance--list-header .date {
  font-size: 14px;
  text-transform: uppercase;
}
.performance--list-header select {
  border: none;
  color: white;
  background: none;
  padding: 0.25rem 1.5rem 0.25rem 0.5rem;
  cursor: pointer;
  -webkit-appearance: none;
  font-family: "Open Sans", sans-serif;
  font-size: inherit;
  outline: none;
}
.performance--list-header select:disabled {
  cursor: unset;
}
.performance--list-header .select-wrapper {
  display: block;
  position: relative;
  border-radius: 4px;
}
.performance--list-header .select-wrapper:not(.disabled):after {
  content: " ";
  position: absolute;
  background-image: url("/release-20240125/assets/down_chevron-724e82d2aaa010c18b70449cbcca26aa0726d1ae.svg");
  width: 10px;
  height: 6px;
  right: 8px;
  top: 50%;
  pointer-events: none;
}

.performance-placeholder .performance-venue-info, .performance-placeholder .performance-event-title a, .performance-placeholder .performance-event-title, .performance-placeholder .button, .performance-placeholder .performance-venue-info p, .performance-placeholder .performance-description p, .performance-placeholder .icon, .performance-placeholder .unpinned, .performance-placeholder .pinned, .performance-placeholder .performance-venue-info [role=toggle] {
  background-color: #ffecf7 !important;
  color: #ffecf7 !important;
  border: #ffecf7 !important;
  fill: #ffecf7 !important;
  stroke: #ffecf7 !important;
}

.performance-placeholder {
  pointer-events: none;
  user-select: none;
  color: #ffecf7 !important;
  padding-bottom: 2rem;
}
.performance-placeholder a {
  text-decoration: none;
}
.performance-placeholder.planner-section-heading {
  border-bottom: 1px solid #ffecf7;
}
.performance-placeholder .performance--time-group-performances {
  margin-top: 1em;
}
.performance-placeholder .performance-price, .performance-placeholder .pinned-event, .performance-placeholder .event-icons, .performance-placeholder .icon-access-group, .performance-placeholder .icon > svg, .performance-placeholder .performance-genre {
  display: none;
}
.performance-placeholder .performance-duration {
  color: #ffecf7;
}
.performance-placeholder .performance-venue-info [role=toggle]::before {
  display: none !important;
}
.performance-placeholder .performance-event-title {
  margin-top: 0.75rem;
}
.performance-placeholder .performance-venue-info {
  padding-bottom: 0;
  margin-bottom: 0.75rem;
}
.performance-placeholder .performance-image {
  background-color: #ffecf7;
}
.performance-placeholder .performance-image img {
  opacity: 0;
}
.performance-placeholder .performance-indicators {
  background-color: #ffecf7;
}
.performance-placeholder .performance-indicators > a {
  opacity: 0;
}

.planner .performance {
  min-height: unset;
}
.planner .performance .performance-content {
  grid-column-gap: 0;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "title image" "venue image";
}
.planner .performance-image {
  margin-left: 1rem;
}
.planner .performance-image img {
  width: 80px;
  height: 80px;
}
@media only screen and (min-width: 781px) {
  .planner .performance-image img {
    width: 80px;
    height: 80px;
  }
}
.planner .indicators {
  width: unset;
  display: flex;
  align-items: center;
}
.planner .indicators .planned {
  width: 5px;
}
.planner .indicators .purchased {
  width: 50px;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
.planner .indicators .purchased img {
  width: 1.25rem;
}
.planner .performance-duration {
  font-size: 14px;
  align-self: baseline;
}
@media only screen and (max-width: 780px) {
  .planner .performance-venue-info {
    padding-bottom: 0.75rem;
  }
}
.planner[data-performances--actions-purchased-value=true] .planner-action:not(.tickets) {
  display: none;
}
.planner[data-performances--actions-planned-value=false][data-performances--actions-purchased-value=false]:not(.placeholder) .performance {
  background: #fffae6;
  border-color: #FFCE00;
  border-style: dashed;
  box-shadow: none;
}
.planner[data-performances--actions-planned-value=false][data-performances--actions-purchased-value=false]:not(.placeholder) .performance:hover, .planner[data-performances--actions-planned-value=false][data-performances--actions-purchased-value=false]:not(.placeholder) .performance:focus {
  border-style: solid;
  box-shadow: 0 1px 5px #E6E6E6;
}

.planner-actions {
  display: flex;
  gap: 1rem;
}

.planner-action {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  font-size: 14px;
}
.planner-action img {
  width: 1rem;
}

.session {
  border: 1px solid #F2F2F2;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.session:hover {
  border-color: #FF44B3;
  text-decoration: none;
}
.session.sold-out {
  background: #f6e8e8;
}
.session.cancelled .session--content, .session.cancelled .session-indicator, .session.sold-out .session--content, .session.sold-out .session-indicator {
  opacity: 0.25;
}
.session.cancelled:hover, .session.sold-out:hover {
  border-color: #F2F2F2;
}
.session .session--wrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.session .session--content {
  padding: 0.75rem;
  flex-grow: 1;
}
.session .session--content > * + * {
  margin-top: 0.5rem;
}
.session .time {
  font-weight: bold;
  font-size: 1.5rem;
}
.session .space-between {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.session .icons {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.125rem;
}
.session .icons svg {
  flex-shrink: 0;
  width: 1.25rem;
  height: 100%;
  position: unset;
}
.session .icons .icon {
  height: unset;
  width: unset;
  overflow: unset;
}
.session .price, .session .venue {
  font-size: 14px;
}
.session .price em, .session .venue em {
  color: #333333;
}
.session .price .icons, .session .venue .icons {
  height: 1.25rem;
  position: relative;
  bottom: -4px;
}

.session-indicator {
  width: 5px;
  height: 100%;
}
.session-indicator > * {
  height: 100%;
}
.session-indicator .planned {
  background: #FFCE00;
}
.session-indicator .purchased {
  background: #008602;
}

.performance--session-group {
  margin-bottom: 2rem;
}
.performance--session-group .divider {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  margin-bottom: 1rem;
}
.performance--session-group .divider img {
  width: 1rem;
}
.performance--session-group .divider > * {
  color: #828282;
  font-size: 0.75rem;
}
.performance--session-group .divider::before, .performance--session-group .divider::after {
  content: " ";
  height: 1px;
  background-color: #828282;
  flex-grow: 1;
}
.performance--session-group turbo-frame {
  transition: opacity 0.25s;
}
.performance--session-group turbo-frame[busy] {
  opacity: 0.5;
}
.performance--session-group .more-sessions .performance--session-see-more {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
  text-decoration: none;
  color: #002B97;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.performance--session-group .more-sessions .performance--session-see-more img {
  width: unset;
  height: 1.5rem;
}
.performance--session-group .more-sessions .performances {
  padding-top: 1rem;
  opacity: 1;
  transition: opacity 0.75s;
}

.performances {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media only screen and (max-width: 1100px) {
  .performances {
    grid-template-columns: 1fr;
  }
}

.status--selling-fast, .status--sold-out, .status--cancelled {
  display: flex;
  padding: 2px 0;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: auto;
}
.status--selling-fast svg, .status--sold-out svg, .status--cancelled svg {
  width: 1rem;
  height: 1rem;
}

.status--sold-out {
  background: #A81818;
  color: #fff;
  fill: #fff;
}

.status--selling-fast {
  background: #f2dcdc;
  color: #A81818;
  fill: #A81818;
}

.status--cancelled {
  background: #E0E0E0;
  color: #696969;
}

.performance-supplementary-info {
  font-size: 14px;
  display: grid;
  grid-row-gap: 0.25rem;
}

.performance-icons {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}
.performance-icons svg {
  height: 20px;
  display: block;
}
.performance-icons .bar {
  display: none;
  width: 1px;
  height: 20px;
  background: #E0E0E0;
}

.performance-icons + .performance-icons .bar {
  display: block;
}

.performance-event-title {
  font-weight: 700;
  font-size: 1.125rem;
  color: #000;
  padding-top: 0.75rem;
}

.performance-unplanned-buttons {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1rem;
}

.performance-tile-unplanned {
  background-color: #ffecf7;
}

.performance-unplanned-content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  grid-row: 1/3;
}
@media only screen and (max-width: 780px) {
  .performance-unplanned-content {
    row-gap: 1rem;
  }
}

.performance-unplanned-title {
  color: #002B97;
  font-weight: 700;
  font-size: 1.125rem;
}

.performance-venue-info {
  font-size: 14px;
}

#buy-tickets {
  margin-bottom: 2em;
}

.admin-banner {
  border-bottom: 1px solid black;
  padding: 0.5rem 1.5rem;
}
.admin-banner.published {
  background-color: #ffd0ec;
}
.admin-banner.unpublished {
  background-color: #e6eaf5;
}
.admin-banner .admin-banner--content {
  min-height: 5rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.admin-banner .admin-banner--text {
  flex: 1;
}
.admin-banner .admin-banner--text--caption {
  font-weight: bold;
  font-size: larger;
}
.admin-banner .admin-banner--text--nav-links > * {
  margin-left: 1rem;
}
.admin-banner .admin-banner--actions {
  display: flex;
}
.admin-banner .admin-banner--actions > * + * {
  margin-left: 0.25rem;
}
.admin-banner .button {
  font-size: inherit;
}
@media only screen and (max-width: 1100px) {
  .admin-banner {
    font-size: 12px;
    padding: 0.5rem 0.25rem;
  }
  .admin-banner .admin-banner--content {
    min-height: auto;
  }
}

@media only screen and (min-width: 600px) {
  .pagy--mobile {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .pagy--desktop {
    display: none;
  }
}
.pagy-nav {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.pagy-nav .page-info {
  display: grid;
  text-align: center;
  border: 4px solid #FF44B3;
  border-radius: 6px;
  line-height: 37px;
  border-color: #E6E6E6;
  flex-grow: 1;
}

.pagy-nav .page {
  display: grid;
  text-align: center;
  border: 4px solid #FF44B3;
  border-radius: 6px;
  line-height: 37px;
  width: 44px;
  height: 44px;
}
.pagy-nav .page.active {
  border-color: #E6E6E6;
}
.pagy-nav .page.disabled {
  display: none;
}
.pagy-nav .page > a {
  text-decoration: none;
}
.pagy-nav .page.gap {
  display: none;
}
.pagy-nav .page.prev, .pagy-nav .page.next {
  position: relative;
}
.pagy-nav .page.prev a[href], .pagy-nav .page.next a[href] {
  color: transparent;
}
.pagy-nav .page.prev::before, .pagy-nav .page.next::before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -8px;
  border: 8px solid transparent;
}
.pagy-nav .page.prev::before {
  border-right: 14px solid currentColor;
  border-left: 0;
}
.pagy-nav .page.next::before {
  border-left: 14px solid currentColor;
  border-right: 0;
}

.tab-bar {
  border-bottom: 2px solid #E6E6E6;
}
.tab-bar nav {
  display: flex;
  max-width: 1152px;
  width: 92%;
  margin: 0 auto;
}
@media only screen and (max-width: 1100px) {
  .tab-bar nav {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1100px) {
  .tab-bar nav {
    padding-inline: 0;
  }
}
.tab-bar [data-tabs-target=tab] {
  position: relative;
  min-height: 3rem;
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-bottom: 2px solid transparent;
  font-weight: 700;
  text-decoration: none;
  opacity: 0.5;
  transition: 0.25s opacity, 0.25s background-color, 0.25s border-color;
  margin-bottom: -2px;
}
.tab-bar [data-tabs-target=tab][aria-selected=true] {
  opacity: 1;
  background-color: #E0E0E0;
  color: #000;
  border-color: #000;
}
@media only screen and (max-width: 1100px) {
  .tab-bar [data-tabs-target=tab] {
    flex-basis: 50%;
  }
}

[data-tabs-target=panel] {
  scroll-margin-top: 5rem;
}

.toolbar {
  background: #333333;
  color: #fff;
  padding-top: 1rem;
  margin-bottom: 2rem;
}
.toolbar .toolbar-container {
  display: grid;
  grid-template-areas: "heading tabs";
  grid-template-columns: 1fr auto;
}
.toolbar .toolbar-title {
  padding-bottom: 1rem;
  grid-area: heading;
}
.toolbar .toolbar-tabs {
  grid-area: tabs;
}
.toolbar .toolbar-content {
  background: #4d6bb6;
  color: black;
}
@media only screen and (max-width: 1100px) {
  .toolbar .toolbar-container {
    grid-template-areas: "heading" "tabs";
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .toolbar .layout--container {
    padding-inline: 0;
  }
  .toolbar .layout--container .toolbar-title {
    padding-inline: 1.5rem;
    padding-bottom: 0;
  }
}

.product {
  margin-left: -12px;
  margin-right: -12px;
}
.product:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .product {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .product {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.product--image {
  width: 58.3333333333%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .product--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .product--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.product--image img {
  display: block;
}
@media only screen and (max-width: 1000px) {
  .product--image {
    width: 41.6666666667%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1080px) {
  .product--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: large) {
  .product--image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  .product--image {
    width: 100%;
    float: none;
    margin-bottom: 32px;
  }
}

.product--main {
  width: 41.6666666667%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .product--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .product--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1000px) {
  .product--main {
    width: 58.3333333333%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1080px) {
  .product--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: large) {
  .product--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  .product--main {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1080px) {
  .product--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: large) {
  .product--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.product--qty {
  display: table;
  width: 100%;
  margin-bottom: 24px;
}

.product--qty--label,
.product--qty--input {
  display: table-cell;
  vertical-align: middle;
}

.product--qty--label {
  width: 80px;
}

.product--qty--input input {
  width: 64px;
  text-align: center;
}

.product-spacing {
  padding-top: 8px;
}
.product-spacing .product--image {
  margin-top: 8px;
}

.product-added {
  padding: 24px;
}

.product-added--product {
  background: #fff;
}

.product-added--cart {
  padding: 24px;
  background: #F2F2F2;
  color: #000;
}

.product-added--cart-total {
  display: flex;
  justify-content: space-between;
}

.product-added--cart-total--price {
  color: #000;
}

.products-recommended {
  background: #ffecf7;
  padding: 12px;
  border-radius: 6px;
  margin-top: 20px;
}
.products-recommended .carts--item-summary + .carts--item-summary {
  padding-top: 0;
  border-top: none;
}

.products-recommended--products {
  display: flex;
  padding-top: 24px;
}
@media only screen and (min-width: 746px) {
  .products-recommended--products {
    flex-direction: row;
  }
  .products-recommended--products > * + * {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 745px) {
  .products-recommended--products {
    flex-direction: column;
  }
  .products-recommended--products > * + * {
    margin-top: 24px;
  }
}

.progress-bar {
  background: white;
  border-radius: 30px;
  padding: 3px;
  min-height: 1.875rem;
  display: flex;
}
.progress-bar #current-value {
  background: #FF44B3;
  border-radius: 30px;
}

.progress-bar-goals {
  display: flex;
  justify-content: space-between;
  padding-inline: 0.25rem;
  margin-bottom: 0.25rem;
  color: #FF44B3;
  font-weight: 700;
}

.grecaptcha-badge {
  z-index: 20;
}

.screenreader-only {
  position: absolute;
  left: -9999px;
}

.search--autocomplete {
  display: grid;
  grid-template-columns: 1fr auto;
  border: 2px solid black;
  border-radius: 6px;
}
.search--autocomplete input[type=text][data-autocomplete-target=input] {
  border-radius: 6px 0 0 6px;
  border: none;
}
.search--autocomplete .search--autocomplete-button {
  background-color: black;
  text-align: center;
  display: block;
  color: white;
  text-decoration: none;
  font-size: 1rem;
  border-radius: 0 3px 3px 0;
}
.search--autocomplete .search--autocomplete-button:hover {
  background-color: #1a1a1a;
}

.search--form {
  padding: 24px 0;
}

.search--form label {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 16px;
  color: #FF44B3;
}
.search--form label em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .search--form label {
    font-size: 22px;
  }
}

.search--form--field {
  display: flex;
  flex-direction: row;
  position: relative;
  border: 2px solid #000;
  border-radius: 6px;
}
.search--form--field .autocomplete {
  flex-grow: 1;
  position: unset;
  border-right: 2px solid black;
}
.search--form--field .autocomplete input {
  border: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.search--form--field input, .search--form--field button {
  height: 3.2rem;
  vertical-align: middle;
}
.search--form--field input {
  line-height: 56px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.search--form--field button {
  border-radius: 0 3px 3px 0 !important;
}

.search--categories:after {
  content: "";
  display: table;
  clear: both;
}
.search--categories ul,
.search--categories li {
  float: left;
}
.search--categories li + li {
  margin-left: 8px;
}
.search--categories a {
  position: relative;
  display: block;
  background: #FF44B3;
  color: #fff;
  padding: 16px;
  padding-right: 52px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 540px) {
  .search--categories a {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.search--categories span {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  background: #fff;
  color: #FF44B3;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -12px;
}
@media only screen and (max-width: 540px) {
  .search--categories span {
    display: none;
  }
}
.search--categories .active a {
  background: #fff;
  color: #FF44B3;
}
.search--categories .active span {
  background: #FF44B3;
  color: #fff;
}

.search--results {
  padding: 32px 0;
}
.search--results .match {
  background-color: yellow;
}

.search--result + .search--result {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #E6E6E6;
}

.search--result--type {
  margin-bottom: 16px;
}

.search--result--title {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 16px;
}
.search--result--title em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .search--result--title {
    font-size: 22px;
  }
}

.search-header {
  margin-bottom: 32px;
}
.search-header:after {
  content: "";
  display: table;
  clear: both;
}
.search-header .heading-one {
  float: left;
  color: #FF44B3;
}
.search-header .heading-one img {
  display: block;
}
.search-header > img {
  float: right;
  height: 48px;
}
@media only screen and (min-width: 921px) {
  .search-header > img {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .search-header > img {
    display: none;
  }
}

.search--counter {
  float: right;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  padding-top: 13px;
  padding-right: 12px;
}
@media only screen and (max-width: 920px) {
  .search--counter {
    display: none;
  }
}

.search--share {
  float: right;
  padding-top: 8px;
}
@media only screen and (max-width: 920px) {
  .search--share {
    display: none;
  }
}

.search-results {
  margin-left: -12px;
  margin-right: -12px;
}
.search-results:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .search-results {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .search-results {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.search-results--sidebar {
  width: 25%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  width: 300px;
}
@media only screen and (max-width: 1080px) {
  .search-results--sidebar {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .search-results--sidebar {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 920px) {
  .search-results--sidebar {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 920px) and (max-width: 1080px) {
  .search-results--sidebar {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 920px) and (max-width: large) {
  .search-results--sidebar {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.search-results__wide .search-results--sidebar {
  display: none;
}

.search-results--main {
  width: 75%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  width: calc(100% - 300px);
}
@media only screen and (max-width: 1080px) {
  .search-results--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .search-results--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 920px) {
  .search-results--main {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 32px;
  }
}
@media only screen and (max-width: 920px) and (max-width: 1080px) {
  .search-results--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 920px) and (max-width: large) {
  .search-results--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.search-results__wide .search-results--main {
  width: 100%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .search-results__wide .search-results--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .search-results__wide .search-results--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 920px) {
  .search-results__wide .search-results--main {
    margin-top: 0;
  }
}

.search-results--tiles {
  clear: both;
}

.search-results--tiles--empty {
  padding-top: 12px;
  text-align: center;
}

.search-results--fringetix {
  margin-top: 32px;
  text-align: center;
  clear: both;
}
.search-results--fringetix img {
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 920px) {
  .search-results--fringetix {
    display: none;
  }
}

.search-results--fringetix__mobile {
  margin-top: 24px;
  width: 100%;
  display: block;
}
@media only screen and (min-width: 551px) {
  .search-results--fringetix__mobile {
    display: none;
  }
}

@media only screen and (max-width: 920px) {
  .search-results--sidebar--ads {
    display: none;
  }
}

@media only screen and (min-width: 921px) {
  .search-results--main--ads {
    display: none;
  }
}

.shop--heading {
  padding: 24px;
  padding-bottom: 0;
}
.shop--heading .page--title {
  margin-bottom: 0;
}

.shop--transactionid {
  color: #FF44B3;
}

.merch-tile--member {
  padding-top: 10px;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.merch-tile--member svg {
  display: block;
  margin-right: 8px;
}

.merch--fm-heading {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.merch--fm-heading svg {
  display: block;
  margin-right: 8px;
}
.merch--fm-heading .icon-fringe_member {
  width: 7rem;
  height: 5rem;
}
@media only screen and (max-width: 1100px) {
  .merch--fm-heading .icon-fringe_member {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.membership-selection-form .membership-selection-panel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 1rem;
  margin: 1rem 0;
}
@media only screen and (max-width: 600px) {
  .membership-selection-form .membership-selection-panel {
    grid-auto-flow: row;
  }
}
.membership-selection-form input[type=radio] {
  display: none;
}
.membership-selection-form .membership-type-tile {
  cursor: pointer;
  gap: 0.5rem;
}
@media only screen and (max-width: 600px) {
  .membership-selection-form .membership-type-tile {
    flex-direction: row;
  }
}
.membership-selection-form .tile--image {
  padding-top: 40%;
}
@media only screen and (max-width: 600px) {
  .membership-selection-form .tile--image {
    padding-top: 100%;
  }
}
.membership-selection-form .tile--content {
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .membership-selection-form .tile--content {
    align-items: start;
  }
}
.membership-selection-form .actions {
  justify-content: center;
  display: flex;
}
.membership-selection-form .actions-stacked {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.membership-selection-form button[disabled] {
  color: var(--site-disabled);
  pointer-events: none;
  opacity: 0.45;
}
.membership-selection-form .tile.selected {
  border: 2px solid #FF44B3;
}
.membership-selection-form .membership-title {
  font-weight: bold;
  font-size: 110%;
  text-align: center;
}
.membership-selection-form .membership-description {
  max-width: 28ch;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .membership-selection-form .membership-title,
  .membership-selection-form .membership-description {
    text-align: left;
  }
}
.membership-selection-form .panel--padding:first-of-type {
  padding-bottom: 0;
}
.membership-selection-form .panel--padding:last-of-type {
  padding-top: 0;
}

[data-hide] {
  display: none !important;
}

[data-collapsed] {
  max-height: 0;
}

[data-show-hide-target] {
  overflow: unset;
}
[data-show-hide-target][data-collapsed], [data-show-hide-target][data-collapsed-transitioning] {
  overflow: hidden;
}

@-webkit-keyframes shine {
  0% {
    background-position: 120% 0;
  }
  100% {
    background-position: -120% 0;
  }
}
@-moz-keyframes shine {
  0% {
    background-position: 120% 0;
  }
  100% {
    background-position: -120% 0;
  }
}
@-o-keyframes shine {
  0% {
    background-position: 120% 0;
  }
  100% {
    background-position: -120% 0;
  }
}
@keyframes shine {
  0% {
    background-position: 120% 0;
  }
  100% {
    background-position: -120% 0;
  }
}
.skeleton,
.skeleton--list,
.skeleton--button {
  background-color: rgba(230, 230, 230, 0.25);
  -webkit-animation: shine 1.5s infinite;
  -moz-animation: shine 1.5s infinite;
  animation: shine 1.5s infinite;
  background-image: linear-gradient(left, rgba(179, 179, 179, 0) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(179, 179, 179, 0) 40%);
  background-size: 800px 100px;
  background-repeat: no-repeat;
}

.skeleton--list {
  height: 55px;
}

.skeleton.button,
.skeleton--button {
  pointer-events: none;
}

.bg-passive {
  background-color: #E6E6E6;
}

.skip-link {
  position: absolute;
  left: 8px;
  padding: 16px 32px;
  background: #FF44B3;
  color: #fff;
  opacity: 0;
  transition: transform 0.2s, opacity 0.2s;
  transform: translateY(-100%);
  z-index: 995;
}
.skip-link:visited {
  color: #fff;
}
.skip-link:focus {
  color: #fff;
}
.skip-link:hover {
  color: #fff;
}
.skip-link:active {
  color: #fff;
}
.skip-link:focus {
  transform: translateY(16px);
  text-indent: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.spacing-xxxxxx-tight > * + * {
  margin-top: 4px;
}

.spacing-xxxxx-tight > * + * {
  margin-top: 8px;
}

.spacing-xxxx-tight > * + * {
  margin-top: 12px;
}

.spacing-xxx-tight > * + * {
  margin-top: 16px;
}

.spacing-xx-tight > * + * {
  margin-top: 20px;
}

.spacing-x-tight > * + * {
  margin-top: 24px;
}

.spacing-tight > * + * {
  margin-top: 28px;
}

.spacing > * + * {
  margin-top: 32px;
}

.spacing-loose > * + * {
  margin-top: 36px;
}

.spacing-x-loose > * + * {
  margin-top: 40px;
}

.spacing-xx-loose > * + * {
  margin-top: 44px;
}

.spacing-xxx-loose > * + * {
  margin-top: 48px;
}

.swiper {
  --swiper-navigation-color: #000;
  --swiper-navigation-size: 22px;
}
.swiper .swiper-slide {
  max-height: 662px;
  aspect-ratio: 1/1;
}
.swiper .swiper-slide figure {
  height: 100%;
  background: #E6E6E6;
}
.swiper .swiper-slide figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.swiper .swiper-slide figure figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 44px 10px 32px;
  margin-top: -40px;
  line-height: 1.7;
  background: #FF44B3;
  background: rgba(255, 68, 179, 0.8);
  color: #fff;
}
.swiper .swiper-button-next, .swiper .swiper-button-prev {
  background-color: rgba(0, 0, 0, 0.5);
  padding: var(--swiper-navigation-size);
  color: white;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-25%);
}
.swiper.swiper-thumbs {
  margin-top: 1px;
  background: #E6E6E6;
  max-height: 48px;
}
.swiper.swiper-thumbs .swiper-slide {
  width: 48px;
  height: 48px;
}
.swiper.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid #FF44B3;
}

.supporting-banners {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -12px;
}
@media only screen and (max-width: 600px) {
  .supporting-banners {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px;
  }
}

.supporting-banner {
  display: flex;
  padding: 12px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 25%;
}
@media only screen and (max-width: 800px) {
  .supporting-banner {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .supporting-banner {
    width: 100%;
  }
}

.supporting-banner__1__5,
.supporting-banner__1__3 {
  padding: 12px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .supporting-banner__1__5,
  .supporting-banner__1__3 {
    width: 100%;
  }
}
@media only screen and (min-width: 601px) {
  .supporting-banner__1__5 .supporting-banner--image__large,
  .supporting-banner__1__3 .supporting-banner--image__large {
    display: block;
  }
  .supporting-banner__1__5 .supporting-banner--image__medium,
  .supporting-banner__1__5 .supporting-banner--image__small,
  .supporting-banner__1__3 .supporting-banner--image__medium,
  .supporting-banner__1__3 .supporting-banner--image__small {
    display: none;
  }
  .supporting-banner__1__5 .supporting-banner--caption,
  .supporting-banner__1__3 .supporting-banner--caption {
    font-size: 24px;
  }
}

@media only screen and (min-width: 801px) {
  .supporting-banner__1__6,
  .supporting-banner__6__6,
  .supporting-banner__2__5,
  .supporting-banner__3__5,
  .supporting-banner__1__2,
  .supporting-banner__2__2 {
    padding: 12px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    width: 50%;
  }
}
@media only screen and (min-width: 801px) and (max-width: 800px) {
  .supporting-banner__1__6,
  .supporting-banner__6__6,
  .supporting-banner__2__5,
  .supporting-banner__3__5,
  .supporting-banner__1__2,
  .supporting-banner__2__2 {
    width: 100%;
  }
}
@media only screen and (min-width: 801px) and (min-width: 601px) {
  .supporting-banner__1__6 .supporting-banner--image__large,
  .supporting-banner__6__6 .supporting-banner--image__large,
  .supporting-banner__2__5 .supporting-banner--image__large,
  .supporting-banner__3__5 .supporting-banner--image__large,
  .supporting-banner__1__2 .supporting-banner--image__large,
  .supporting-banner__2__2 .supporting-banner--image__large {
    display: block;
  }
  .supporting-banner__1__6 .supporting-banner--image__medium,
  .supporting-banner__1__6 .supporting-banner--image__small,
  .supporting-banner__6__6 .supporting-banner--image__medium,
  .supporting-banner__6__6 .supporting-banner--image__small,
  .supporting-banner__2__5 .supporting-banner--image__medium,
  .supporting-banner__2__5 .supporting-banner--image__small,
  .supporting-banner__3__5 .supporting-banner--image__medium,
  .supporting-banner__3__5 .supporting-banner--image__small,
  .supporting-banner__1__2 .supporting-banner--image__medium,
  .supporting-banner__1__2 .supporting-banner--image__small,
  .supporting-banner__2__2 .supporting-banner--image__medium,
  .supporting-banner__2__2 .supporting-banner--image__small {
    display: none;
  }
  .supporting-banner__1__6 .supporting-banner--caption,
  .supporting-banner__6__6 .supporting-banner--caption,
  .supporting-banner__2__5 .supporting-banner--caption,
  .supporting-banner__3__5 .supporting-banner--caption,
  .supporting-banner__1__2 .supporting-banner--caption,
  .supporting-banner__2__2 .supporting-banner--caption {
    font-size: 24px;
  }
}

.supporting-banner__1__6,
.supporting-banner__6__6 {
  padding: 12px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 50%;
}
@media only screen and (max-width: 800px) {
  .supporting-banner__1__6,
  .supporting-banner__6__6 {
    width: 100%;
  }
}
@media only screen and (min-width: 601px) {
  .supporting-banner__1__6 .supporting-banner--image__large,
  .supporting-banner__6__6 .supporting-banner--image__large {
    display: block;
  }
  .supporting-banner__1__6 .supporting-banner--image__medium,
  .supporting-banner__1__6 .supporting-banner--image__small,
  .supporting-banner__6__6 .supporting-banner--image__medium,
  .supporting-banner__6__6 .supporting-banner--image__small {
    display: none;
  }
  .supporting-banner__1__6 .supporting-banner--caption,
  .supporting-banner__6__6 .supporting-banner--caption {
    font-size: 24px;
  }
}

@media only screen and (max-width: 600px) {
  .supporting-banner__1__6 .supporting-banner--image__large,
  .supporting-banner__1__6 .supporting-banner--image__small,
  .supporting-banner__6__6 .supporting-banner--image__large,
  .supporting-banner__6__6 .supporting-banner--image__small {
    display: none;
  }
  .supporting-banner__1__6 .supporting-banner--image__medium,
  .supporting-banner__6__6 .supporting-banner--image__medium {
    display: block;
  }
  .supporting-banner__1__6 > .tile,
  .supporting-banner__6__6 > .tile {
    padding-top: 0;
  }
  .supporting-banner__1__6 > .tile > a,
  .supporting-banner__6__6 > .tile > a {
    flex-direction: column;
  }
  .supporting-banner__1__6 .tile--image--wrapper,
  .supporting-banner__6__6 .tile--image--wrapper {
    width: 100%;
    margin: 0;
  }
  .supporting-banner__1__6 .supporting-banner--caption,
  .supporting-banner__6__6 .supporting-banner--caption {
    font-size: 18px;
    padding-top: 16px;
  }
}

.supporting-banner--background {
  width: 100%;
}

.tile--image--wrapper > * {
  background-size: cover;
  background-position: center;
}

.supporting-banner--image__small {
  padding-top: 100%;
}

.supporting-banner--image__medium {
  display: none;
  padding-top: 45.0892857143%;
}

.supporting-banner--image__large {
  display: none;
  padding-top: 48.0392156863%;
}

.supporting-banner--caption {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}

table {
  width: 100%;
}

th {
  text-align: left;
}

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.table td,
.table th {
  padding: 0.5em 1em;
}

.table-flush td:first-child,
.table-flush th:first-child {
  padding-left: 0;
}
.table-flush td:last-child,
.table-flush th:last-child {
  padding-right: 0;
}

.table-ruled td,
.table-ruled th {
  border-bottom: 1px solid #ccc;
}

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

.table-not-full-width {
  width: auto;
}

.table-small {
  font-size: 0.8em;
}
.table-small td,
.table-small th {
  padding: 0.1em 0.2em;
}

.table-2-cols td,
.table-2-cols th {
  width: 50%;
}

.table-container {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scroll: touch;
}

.table__divided th {
  color: #696969;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  padding-bottom: 16px;
}
.table__divided td {
  border-top: 1px solid #E6E6E6;
  padding-top: 16px;
  padding-bottom: 16px;
  vertical-align: top;
}
.table__divided th, .table__divided td {
  padding-left: 12px;
  padding-right: 12px;
}
.table__divided th:first-child, .table__divided td:first-child {
  padding-left: 0;
}
.table__divided th:last-child, .table__divided td:last-child {
  padding-right: 0;
}

.table__details th {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  width: 180px;
  padding-right: 16px;
}
.table__details th, .table__details td {
  vertical-align: top;
}
.table__details tr + tr th, .table__details tr + tr td {
  padding-top: 16px;
}

.team--subtitle {
  color: #FF44B3;
  padding-bottom: 16px;
  margin-bottom: 28px;
  border-bottom: 1px solid #E6E6E6;
}

.team-members__small {
  color: #B3B3B3;
}
.team-members__small > li {
  list-style: none !important;
}
.team-members__small span {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  color: #FF44B3;
  text-transform: none;
}
.team-members__small span em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .team-members__small span {
    font-size: 22px;
  }
}
.team-members__small li + li {
  margin-top: 4px;
}

.team-members:after {
  content: "";
  display: table;
  clear: both;
}
.team-members > .team-member {
  padding-top: 28px;
  padding-bottom: 28px;
}
.team-members > .team-member + .team-member {
  border-top: 1px solid #E6E6E6;
}
.team-members > .team-member:first-child {
  padding-top: 0;
}
.team-members > .team-member:last-child {
  padding-bottom: 0;
}

.team-member {
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 451px) {
  .team-member--image {
    float: left;
  }
}
@media only screen and (max-width: 450px) {
  .team-member--image {
    margin-bottom: 16px;
  }
}

@media only screen and (min-width: 451px) {
  .team-member--details {
    margin-left: 174px;
  }
}

.team-member--name {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  color: #FF44B3;
}
.team-member--name em {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .team-member--name {
    font-size: 22px;
  }
}

.team-member--position {
  color: #B3B3B3;
}

.team-member--organisation {
  color: #B3B3B3;
  margin: 8px 0;
}
@media only screen and (min-width: 1111px) {
  .team-member--organisation:after {
    content: "";
    display: table;
    clear: both;
  }
  .team-member--organisation > li {
    padding-left: 12px;
    padding-right: 12px;
    float: left;
  }
  .team-member--organisation > li + li {
    border-left: 1px solid #B3B3B3;
  }
  .team-member--organisation > li:first-child {
    padding-left: 0;
  }
  .team-member--organisation > li:last-child {
    padding-right: 0;
  }
}

.tiles {
  display: grid;
  contain: content;
  column-gap: 24px;
  row-gap: 24px;
}
@media only screen and (min-width: 1191px) {
  .tiles {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 1190px) {
  .tiles {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 935px) {
  .tiles {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .tiles {
    grid-template-columns: 1fr;
  }
}

@media only screen and (min-width: 1191px) {
  .tiles__three {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 1190px) {
  .tiles__four-only {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .tiles__four-only {
    grid-template-columns: 1fr;
  }
}

.tiles__zoom a:hover .tile--image img, .tiles__zoom a.tile--image:hover img {
  transform: scale(1.09);
  transition: transform 0.3s ease-out;
}

.tile {
  display: flex;
  z-index: 0;
  background: #fff;
  overflow: hidden;
  flex-direction: column;
  border: 2px solid #E6E6E6;
  box-sizing: border-box;
  box-shadow: 0 1px 5px #E6E6E6;
  border-radius: 9px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.tile:hover {
  border: 2px solid #FF44B3;
  box-shadow: 0 5px 15px rgba(31, 41, 55, 0.1), 0 0 6px rgba(31, 41, 55, 0.05);
}
@media only screen and (max-width: 600px) {
  .tile {
    border: 2px solid #E6E6E6;
    padding-block: 16px;
  }
}
.tile > a, .tile > section {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media only screen and (max-width: 600px) {
  .tile > a, .tile > section {
    flex-direction: row;
    align-items: flex-start;
  }
}

.tile--image {
  position: relative;
  background-color: #E6E6E6;
  overflow: hidden;
  padding-top: 100%;
  z-index: 0;
}
.tile--image img {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: top;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .tile--image {
    padding-top: 100%;
  }
}

.tile--image--wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .tile--image--wrapper {
    margin-left: 16px;
    width: 6rem;
    flex-shrink: 0;
  }
}

.tile--content {
  padding: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  flex-grow: 1;
}
@media only screen and (max-width: 600px) {
  .tile--content {
    border: none;
    padding: 0 16px;
  }
}

.tile--title {
  color: #000;
  font-size: 18px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .tile--title {
    font-size: 16px;
  }
}

.tixframe {
  width: 100%;
  height: auto;
  min-height: 500px;
}

.tixframe-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.tooltip {
  background: #fff;
  padding: 8px 12px;
  max-width: 240px;
  text-align: center;
  border: 4px solid #E6E6E6;
  color: #000;
  border-radius: 0;
  transition: height 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1.25;
  z-index: 101;
}
.tooltip::before {
  border: 6px solid transparent;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
}
.tooltip[data-popper-placement^=top]::before {
  border-top-color: #E6E6E6;
  bottom: -16px;
  left: 0 !important;
}
.tooltip[data-popper-placement^=bottom]::before {
  border-bottom-color: #E6E6E6;
  top: -16px;
  left: 0 !important;
}
.tooltip[data-popper-placement^=left]::before {
  border-left-color: #E6E6E6;
  right: -16px;
}
.tooltip[data-popper-placement^=right]::before {
  border-right-color: #E6E6E6;
  left: -16px;
}
.tooltip[data-popper-placement^=top-end]::before {
  right: 0 !important;
  left: unset !important;
}

.venues--title {
  display: flex;
}
@media only screen and (max-width: 880px) {
  .venues--title {
    margin-bottom: 0;
    flex-direction: column;
    text-align: left;
  }
}

@media only screen and (max-width: 880px) {
  .venues--title .heading-one {
    margin-bottom: 16px;
  }
}

.venues--title--aside {
  margin-left: auto;
  display: flex;
  gap: 1.5rem;
}
@media only screen and (max-width: 880px) {
  .venues--title--aside {
    margin-left: 0;
    flex-direction: column-reverse;
    gap: 1rem;
    padding-bottom: 1.5rem;
  }
}

.venues--divider {
  width: 2px;
  background: #E6E6E6;
}
@media only screen and (max-width: 880px) {
  .venues--divider {
    width: 100%;
    height: 2px;
  }
}

@media only screen and (min-width: 881px) {
  .venues--autocomplete {
    width: 20rem;
  }
}
.venues--autocomplete .filter--autocomplete input.filter--field {
  border: 2px solid #E6E6E6;
  padding-right: 2.75rem;
  width: 100%;
  color: #000;
  border-radius: 6px;
  font-weight: 400;
}
.venues--autocomplete .filter--autocomplete input.filter--field::placeholder {
  color: #000;
}
.venues--autocomplete .autocomplete .list-group {
  left: 0;
  right: 0;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1882352941);
  clip-path: inset(0 -15px -15px -15px);
  border: 2px solid #E6E6E6;
}

.venue--search {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}

.venue--search--field,
.venue--search--clear,
.venue--search--geolocate {
  display: table-cell;
  vertical-align: middle;
}

.venue--search--field {
  padding-right: 8px;
}
.venue--search--field input {
  border: 2px solid #E6E6E6;
  color: #000;
  width: 20rem;
  border-radius: 6px;
  font-weight: 400;
  padding: 12px 36px 12px 20px;
}
@media only screen and (max-width: 880px) {
  .venue--search--field input {
    width: 100%;
  }
}
.venue--search--field input::placeholder {
  color: #000;
}

.venue--search--clear {
  width: 95px;
  padding-right: 8px;
}

.venue--search--geolocate {
  width: 120px;
}

.venues--filter-access {
  padding: 12px 0;
  clear: both;
  border: 4px solid #E6E6E6;
  border-width: 4px 0;
  margin: 32px 0;
}
@media only screen and (max-width: 880px) {
  .venues--filter-access {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 12px;
  }
}

.venue--header {
  margin: 40px 0;
}

@media only screen and (min-width: 1081px) {
  .venue--header--address {
    display: none;
  }
}

.venue--sections > * + * {
  margin-top: 40px;
  border-top: 1px solid #E6E6E6;
  padding-top: 40px;
}
.venue--sections:last-child {
  margin-bottom: 40px;
}

.venue--section-heading {
  margin-bottom: 40px;
}

.venue {
  margin-top: 40px;
}

.venue-page {
  margin-left: -12px;
  margin-right: -12px;
}
.venue-page:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .venue-page {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .venue-page {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.venue-page--main {
  width: 58.3333333333%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .venue-page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .venue-page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  .venue-page--main {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1080px) {
  .venue-page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: large) {
  .venue-page--main {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.venue-page--aside {
  width: 41.6666666667%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .venue-page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .venue-page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) {
  .venue-page--aside {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1080px) {
  .venue-page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: large) {
  .venue-page--aside {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.venue--back {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 8px;
}

.venue--title {
  color: #FF44B3;
}

.venue--image {
  padding-top: 62.1621621622%;
  background-position: center;
  background-size: cover;
  margin: 20px 0 32px;
}

.venue--section + .venue--section,
noscript + .venue--section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E6E6E6;
}

ul + .venue--access--extras {
  margin-top: 16px;
}

.venue--access__true,
.venue--access__false {
  padding-left: 28px;
}
.venue--access__true:before,
.venue--access__false:before {
  position: absolute;
  top: 2px;
  left: 0;
  background: #E6E6E6;
  background-position: center;
  border-radius: 50%;
  padding: 5px;
}

.venue--access-types li {
  /* Fix for tooltips on react components not having dimensions */
}
.venue--access-types li span {
  float: left;
  margin-right: 8px;
}
.venue--access-types li span > div,
.venue--access-types li span > div > div {
  height: 100%;
}

.venue--access-types li + li {
  margin-top: 8px;
}

.venue--address-map img {
  display: block;
  width: 100%;
}

.venue--address-map + .venue--address-details {
  border-top: 0;
}

@media only screen and (min-width: 1061px) {
  .venue--page--address-links:after {
    content: "";
    display: table;
    clear: both;
  }
  .venue--page--address-links a {
    float: left;
  }
  .venue--page--address-links br + a {
    float: right;
  }
  .venue--page--address-links br {
    display: none;
  }
}

.supervenue--venues,
.venue--events {
  margin-top: 32px;
  padding-top: 32px;
}

.venue--subheading-with-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.venue--deal {
  margin-left: -12px;
  margin-right: -12px;
}
.venue--deal:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .venue--deal {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .venue--deal {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.venue--deal-image {
  width: 25%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .venue--deal-image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .venue--deal-image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .venue--deal-image {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 1080px) {
  .venue--deal-image {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 600px) and (max-width: large) {
  .venue--deal-image {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.venue--deal-content {
  width: 75%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .venue--deal-content {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .venue--deal-content {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .venue--deal-content {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 1080px) {
  .venue--deal-content {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 600px) and (max-width: large) {
  .venue--deal-content {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.venue--accessibility-rating {
  display: flex;
  align-items: center;
}

.venue--accessibility-rating-icon {
  width: 64px;
  flex-grow: 0;
  flex-shrink: 0;
}
.venue--accessibility-rating-icon img {
  display: block;
}

.venue--accessibility-rating-content {
  margin-left: 12px;
}

.venue--accessible-item {
  display: flex;
}

.venue--accessible-item-icon {
  margin-top: 2px;
  margin-right: 12px;
  flex-shrink: 0;
  flex-grow: 0;
}

.venue--accessible-item-content {
  flex-grow: 1;
}

@media only screen and (max-width: 1080px) {
  .venue--sidebar {
    border-top: 1px solid #E6E6E6;
    padding-top: 40px;
  }
  .venue--sidebar h2 {
    margin-bottom: 40px;
  }
}

.venue--offers-anchor {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #E6E6E6;
}

.venue-access-details-link {
  display: flex;
  gap: 0.25rem;
  flex-shrink: 0;
  color: #000;
}
.venue-access-details-link img {
  width: 1.5rem;
  height: 1.25rem;
}

.filter--black {
  filter: brightness(0%);
}

.venues--tabs {
  display: grid;
  grid-template-areas: "grid map";
  height: 100%;
}
.venues--tabs .tab {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: grid;
  place-items: center;
  text-align: center;
}
.venues--tabs .tab a[href] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #B3B3B3;
  width: 100%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  font-size: 1rem;
}
.venues--tabs .tab a[href]:hover {
  text-decoration: none;
}
.venues--tabs .tab a[href]:visited {
  color: #B3B3B3;
}
.venues--tabs .tab a[href]:focus {
  color: #B3B3B3;
}
.venues--tabs .tab a[href]:hover {
  color: #B3B3B3;
}
.venues--tabs .tab a[href]:active {
  color: #B3B3B3;
}
[data-whatinput=mouse] .venues--tabs .tab a[href] {
  outline: 0;
}
.venues--tabs .tab a[href]::before {
  content: " ";
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-color: #B3B3B3;
  flex-shrink: 0;
}
.venues--tabs .venues {
  grid-area: grid;
}
.venues--tabs .venues a[href]::before {
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 6C3 4.34315 4.34315 3 6 3H8.25C9.90685 3 11.25 4.34315 11.25 6V8.25C11.25 9.90685 9.90685 11.25 8.25 11.25H6C4.34315 11.25 3 9.90685 3 8.25V6ZM12.75 6C12.75 4.34315 14.0931 3 15.75 3H18C19.6569 3 21 4.34315 21 6V8.25C21 9.90685 19.6569 11.25 18 11.25H15.75C14.0931 11.25 12.75 9.90685 12.75 8.25V6ZM3 15.75C3 14.0931 4.34315 12.75 6 12.75H8.25C9.90685 12.75 11.25 14.0931 11.25 15.75V18C11.25 19.6569 9.90685 21 8.25 21H6C4.34315 21 3 19.6569 3 18V15.75ZM12.75 15.75C12.75 14.0931 14.0931 12.75 15.75 12.75H18C19.6569 12.75 21 14.0931 21 15.75V18C21 19.6569 19.6569 21 18 21H15.75C14.0931 21 12.75 19.6569 12.75 18V15.75Z" fill="black"/></svg>');
  mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 6C3 4.34315 4.34315 3 6 3H8.25C9.90685 3 11.25 4.34315 11.25 6V8.25C11.25 9.90685 9.90685 11.25 8.25 11.25H6C4.34315 11.25 3 9.90685 3 8.25V6ZM12.75 6C12.75 4.34315 14.0931 3 15.75 3H18C19.6569 3 21 4.34315 21 6V8.25C21 9.90685 19.6569 11.25 18 11.25H15.75C14.0931 11.25 12.75 9.90685 12.75 8.25V6ZM3 15.75C3 14.0931 4.34315 12.75 6 12.75H8.25C9.90685 12.75 11.25 14.0931 11.25 15.75V18C11.25 19.6569 9.90685 21 8.25 21H6C4.34315 21 3 19.6569 3 18V15.75ZM12.75 15.75C12.75 14.0931 14.0931 12.75 15.75 12.75H18C19.6569 12.75 21 14.0931 21 15.75V18C21 19.6569 19.6569 21 18 21H15.75C14.0931 21 12.75 19.6569 12.75 18V15.75Z" fill="black"/></svg>');
}
.venues--tabs .map {
  grid-area: map;
}
.venues--tabs .map a[href]::before {
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5_13" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_5_13)"><path d="M11.9996 23.725C9.28319 23.725 7.06666 23.2923 5.34999 22.4269C3.63333 21.5615 2.77499 20.4442 2.77499 19.075C2.77499 18.2917 3.08749 17.5708 3.71249 16.9125C4.33749 16.2542 5.21666 15.7167 6.34999 15.3L7.84999 18.125C7.51666 18.2083 7.15416 18.3333 6.76249 18.5C6.37083 18.6667 6.08333 18.8417 5.89999 19.025C6.23816 19.4383 7.01854 19.8 8.24112 20.11C9.4637 20.42 10.7267 20.575 12.03 20.575C13.3333 20.575 14.5919 20.42 15.8058 20.11C17.0197 19.8 17.7928 19.4383 18.125 19.025C17.9417 18.8417 17.6583 18.6667 17.275 18.5C16.8917 18.3333 16.5333 18.2083 16.2 18.125L17.725 15.325C18.825 15.7417 19.6833 16.2792 20.3 16.9375C20.9167 17.5958 21.225 18.3083 21.225 19.075C21.225 20.4442 20.3665 21.5615 18.6496 22.4269C16.9326 23.2923 14.7159 23.725 11.9996 23.725ZM12 14.325C12.1833 13.9917 12.3833 13.6667 12.6 13.35C12.8167 13.0333 13.1083 12.6333 13.475 12.15C14.0417 11.3833 14.5625 10.6417 15.0375 9.925C15.5125 9.20834 15.75 8.425 15.75 7.575C15.75 6.52374 15.3855 5.63175 14.6565 4.89905C13.9275 4.16635 13.04 3.8 11.994 3.8C10.948 3.8 10.0625 4.16635 9.33749 4.89905C8.61249 5.63175 8.24999 6.52374 8.24999 7.575C8.24999 8.425 8.48749 9.20834 8.96249 9.925C9.43749 10.6417 9.95833 11.3833 10.525 12.15C10.8917 12.6333 11.1833 13.0333 11.4 13.35C11.6167 13.6667 11.8167 13.9917 12 14.325ZM12 19.575C11.6902 19.575 11.4086 19.4833 11.1552 19.3C10.9017 19.1167 10.7333 18.8833 10.65 18.6C10.3167 17.55 9.84166 16.6 9.22499 15.75C8.60833 14.9 7.99166 14.0583 7.37499 13.225C6.76064 12.3907 6.22789 11.528 5.77674 10.6368C5.32558 9.74559 5.09999 8.725 5.09999 7.575C5.09999 5.63522 5.76686 3.99611 7.10059 2.65768C8.43431 1.31923 10.0676 0.650002 12.0006 0.650002C13.9335 0.650002 15.5667 1.31923 16.9 2.65768C18.2333 3.99611 18.9 5.63522 18.9 7.575C18.9 8.725 18.675 9.74584 18.225 10.6375C17.775 11.5292 17.2417 12.3917 16.625 13.225C16.0083 14.0583 15.3917 14.9 14.775 15.75C14.1583 16.6 13.6833 17.55 13.35 18.6C13.2667 18.8833 13.0983 19.1167 12.8448 19.3C12.5914 19.4833 12.3098 19.575 12 19.575ZM12.0062 9.775C12.6187 9.775 13.1417 9.5625 13.575 9.1375C14.0083 8.7125 14.225 8.19375 14.225 7.58125C14.225 6.96875 14.0062 6.44375 13.5687 6.00625C13.1312 5.56875 12.6062 5.35 11.9937 5.35C11.3812 5.35 10.8583 5.56875 10.425 6.00625C9.99166 6.44375 9.77499 6.96875 9.77499 7.58125C9.77499 8.19375 9.99374 8.7125 10.4312 9.1375C10.8687 9.5625 11.3937 9.775 12.0062 9.775Z" fill="black"/></g></svg>');
  mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5_13" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_5_13)"><path d="M11.9996 23.725C9.28319 23.725 7.06666 23.2923 5.34999 22.4269C3.63333 21.5615 2.77499 20.4442 2.77499 19.075C2.77499 18.2917 3.08749 17.5708 3.71249 16.9125C4.33749 16.2542 5.21666 15.7167 6.34999 15.3L7.84999 18.125C7.51666 18.2083 7.15416 18.3333 6.76249 18.5C6.37083 18.6667 6.08333 18.8417 5.89999 19.025C6.23816 19.4383 7.01854 19.8 8.24112 20.11C9.4637 20.42 10.7267 20.575 12.03 20.575C13.3333 20.575 14.5919 20.42 15.8058 20.11C17.0197 19.8 17.7928 19.4383 18.125 19.025C17.9417 18.8417 17.6583 18.6667 17.275 18.5C16.8917 18.3333 16.5333 18.2083 16.2 18.125L17.725 15.325C18.825 15.7417 19.6833 16.2792 20.3 16.9375C20.9167 17.5958 21.225 18.3083 21.225 19.075C21.225 20.4442 20.3665 21.5615 18.6496 22.4269C16.9326 23.2923 14.7159 23.725 11.9996 23.725ZM12 14.325C12.1833 13.9917 12.3833 13.6667 12.6 13.35C12.8167 13.0333 13.1083 12.6333 13.475 12.15C14.0417 11.3833 14.5625 10.6417 15.0375 9.925C15.5125 9.20834 15.75 8.425 15.75 7.575C15.75 6.52374 15.3855 5.63175 14.6565 4.89905C13.9275 4.16635 13.04 3.8 11.994 3.8C10.948 3.8 10.0625 4.16635 9.33749 4.89905C8.61249 5.63175 8.24999 6.52374 8.24999 7.575C8.24999 8.425 8.48749 9.20834 8.96249 9.925C9.43749 10.6417 9.95833 11.3833 10.525 12.15C10.8917 12.6333 11.1833 13.0333 11.4 13.35C11.6167 13.6667 11.8167 13.9917 12 14.325ZM12 19.575C11.6902 19.575 11.4086 19.4833 11.1552 19.3C10.9017 19.1167 10.7333 18.8833 10.65 18.6C10.3167 17.55 9.84166 16.6 9.22499 15.75C8.60833 14.9 7.99166 14.0583 7.37499 13.225C6.76064 12.3907 6.22789 11.528 5.77674 10.6368C5.32558 9.74559 5.09999 8.725 5.09999 7.575C5.09999 5.63522 5.76686 3.99611 7.10059 2.65768C8.43431 1.31923 10.0676 0.650002 12.0006 0.650002C13.9335 0.650002 15.5667 1.31923 16.9 2.65768C18.2333 3.99611 18.9 5.63522 18.9 7.575C18.9 8.725 18.675 9.74584 18.225 10.6375C17.775 11.5292 17.2417 12.3917 16.625 13.225C16.0083 14.0583 15.3917 14.9 14.775 15.75C14.1583 16.6 13.6833 17.55 13.35 18.6C13.2667 18.8833 13.0983 19.1167 12.8448 19.3C12.5914 19.4833 12.3098 19.575 12 19.575ZM12.0062 9.775C12.6187 9.775 13.1417 9.5625 13.575 9.1375C14.0083 8.7125 14.225 8.19375 14.225 7.58125C14.225 6.96875 14.0062 6.44375 13.5687 6.00625C13.1312 5.56875 12.6062 5.35 11.9937 5.35C11.3812 5.35 10.8583 5.56875 10.425 6.00625C9.99166 6.44375 9.77499 6.96875 9.77499 7.58125C9.77499 8.19375 9.99374 8.7125 10.4312 9.1375C10.8687 9.5625 11.3937 9.775 12.0062 9.775Z" fill="black"/></g></svg>');
}
.venues--tabs .active {
  background: #4d6bb6;
}
.venues--tabs .active a[href] {
  color: #000;
}
.venues--tabs .active a[href]:visited {
  color: #000;
}
.venues--tabs .active a[href]:focus {
  color: #000;
}
.venues--tabs .active a[href]:hover {
  color: #000;
}
.venues--tabs .active a[href]:active {
  color: #000;
}
.venues--tabs .active a[href]::before {
  background: #000;
}
@media only screen and (max-width: 1100px) {
  .venues--tabs .tab a[href] {
    justify-content: center;
    padding-block: 1rem;
  }
}

@media print {
  .environment-development:before,
  .environment-staging:before,
  .layout--mobile-header,
  .layout--desktop-header,
  .layout--mobile-footer,
  .layout--desktop-footer {
    display: none;
  }
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.password-score {
  overflow: hidden;
  font-size: 12px;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin: 0.5rem 0;
  align-items: center;
  white-space: nowrap;
}
.password-score [data-password-score-rating-value="0"] {
  --color: #e14816;
}
[data-password-score-rating-value="1"] .password-score {
  --color: #e1ad16;
}
[data-password-score-rating-value="2"] .password-score {
  --color: #0088d5;
}
[data-password-score-rating-value="3"] .password-score, [data-password-score-rating-value="4"] .password-score {
  --color: #9cd034;
}

.password-score--bar {
  background: #e5e9ec;
  width: 100%;
  height: 6px;
}

.password-score--progress {
  height: 6px;
  background: var(--color);
}
[data-password-score-rating-value="0"] .password-score--progress {
  width: 25%;
}
[data-password-score-rating-value="1"] .password-score--progress {
  width: 50%;
}
[data-password-score-rating-value="2"] .password-score--progress {
  width: 75%;
}
[data-password-score-rating-value="3"] .password-score--progress, [data-password-score-rating-value="4"] .password-score--progress {
  width: 100%;
}

.password-score--rating::after {
  content: "Password strength";
  color: var(--color);
}
[data-password-score-rating-value="0"] .password-score--rating::after {
  content: "Weak";
}
[data-password-score-rating-value="1"] .password-score--rating::after {
  content: "Fair";
}
[data-password-score-rating-value="2"] .password-score--rating::after {
  content: "Good";
}
[data-password-score-rating-value="3"] .password-score--rating::after, [data-password-score-rating-value="4"] .password-score--rating::after {
  content: "Strong";
}

.page--navigation__mobile .gifting--promo {
  margin-bottom: 24px;
}

.member-panel--my-membership {
  margin-left: -12px;
  margin-right: -12px;
}
.member-panel--my-membership:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .member-panel--my-membership {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .member-panel--my-membership {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.member-panel--my-membership > div {
  width: 50%;
  float: left;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 1080px) {
  .member-panel--my-membership > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: large) {
  .member-panel--my-membership > div {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 800px) {
  .member-panel--my-membership > div {
    width: 100%;
    float: none;
  }
  .member-panel--my-membership > div + div {
    margin-top: 1em;
  }
}

.member-panel {
  background-color: #ffecf7;
}
.member-panel .panel--padding__heading {
  background-color: #002B97;
  color: #fff;
}
.member-panel .panel--padding__heading .type--primary {
  color: #fff;
}
.member-panel.panel__border {
  border: 2px solid #002B97;
}

.member-panel--heading {
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.member-panel--heading span {
  height: 36px;
  width: 36px;
  margin-right: 8px;
  background: #fff;
  position: relative;
  border-radius: 50%;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.member-modal--card img {
  width: 100%;
  max-width: 446px;
  border-radius: 6px;
  display: block;
  margin: 0 auto;
}

.member-modal--table td {
  padding: 4px 0;
}
.member-modal--table tr:first-child td {
  padding-top: 0;
}
.member-modal--table tr:last-child td {
  padding-bottom: 0;
}

.member-panel--useful-links {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.5rem;
  row-gap: 0.8rem;
}
.member-panel--useful-links img {
  height: 1rem;
  margin: auto;
}

.member-panel--2for1 {
  display: flex;
  column-gap: 1rem;
  align-items: center;
}

.member-panel--2for1-remaining-count {
  font-weight: bold;
  font-size: 150%;
  color: #002B97;
}

.my-account--orders-list-item {
  display: flex;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 780px) {
  .my-account--orders-list-item {
    display: block;
  }
}

.my-account--orders-list-item--qrcode {
  margin-left: 24px;
  flex-shrink: 0;
}
@media only screen and (max-width: 780px) {
  .my-account--orders-list-item--qrcode {
    margin-top: 24px;
    margin-left: 0;
  }
}

.well {
  border: 5px dashed #E6E6E6;
  padding: 32px;
  text-align: center;
  border-radius: 4px;
}

.well__large {
  padding: 72px;
}
@media only screen and (max-width: 600px) {
  .well__large {
    padding: 24px;
  }
}

.accordion {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.accordion + .accordion {
  border-top: none;
}

.accordion--header {
  position: relative;
  padding: 20px 0;
}
.accordion--header h3 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
.accordion--header[role=button]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5rem;
  width: 1rem;
  height: 1rem;
  background-color: #FF44B3;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M10.083 0h1.833v22h-1.833z'/%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M10.083 0h1.833v22h-1.833z'/%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
}
.accordion--header[role=button][aria-expanded=true]::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M22 10.083v1.834H0v-1.834z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
}
.accordion--header.no-icon[role=button]::after {
  display: none;
}

.accordion--content {
  max-height: 0;
  overflow: hidden;
}
.accordion[data-accordion-expanded-value=true] .accordion--content {
  max-height: unset;
}
.accordion--content > *:last-child {
  margin-bottom: 20px;
}

.event-review--star-empty {
  opacity: 0.25;
}

.event-review--stars {
  display: flex;
  align-items: center;
  height: 22px;
}

.event-review--star {
  display: block;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
}

.display-block {
  display: block;
}

.inputs-horizontal > * + * {
  margin-top: 8px;
}
.inputs-horizontal .control-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inputs-horizontal .control-group .control-label {
  flex: 0 0 35%;
}
.inputs-horizontal .control-group .controls {
  margin-top: 0;
  flex: 0 0 65%;
}
.inputs-horizontal .control-group.error {
  flex-wrap: wrap;
}
.inputs-horizontal .control-group.error .error-block {
  order: 3;
  margin-left: 35%;
}

.filter--button-row {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.5rem;
  padding-bottom: 1rem;
}

.filter--shortcut-venue-wrapper {
  position: relative;
}
.filter--shortcut-venue-wrapper .filter--venue-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3rem;
  background: #002B97;
  border: 2px solid #002B97;
  z-index: 10;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mood-filter .side-scroller--scroller {
  overflow-x: auto;
  display: flex;
  column-gap: 0.5rem;
  position: relative;
  cursor: grab;
}
.mood-filter .side-scroller--scroller .active {
  background: #002B97;
}

.mood-filter-prefix {
  font-weight: bold;
  align-self: center;
}

.filter--shortcut-button-row {
  display: grid;
  gap: 1rem;
  --column-count: 4;
  grid-template-columns: auto repeat(var(--column-count), minmax(0, 1fr));
}
.filter--shortcut-button-row input[type=text].filter--field {
  border: 2px solid #E6E6E6;
  color: #000;
  font-weight: normal;
  padding-right: 2.75rem;
}
.filter--shortcut-button-row input[type=text].filter--field::placeholder {
  color: #000;
}
.filter--shortcut-button-row select.filter--select {
  border: 2px solid #E6E6E6;
  border-radius: 6px;
  color: #000;
}
.filter--shortcut-button-row multi-select > .value {
  border: 2px solid #E6E6E6;
  border-radius: 6px;
  color: #000;
}
.filter--shortcut-button-row multi-select[open] [role=listbox] {
  border: 2px solid #E6E6E6;
  border-radius: 6px;
  color: #000;
}
.filter--shortcut-button-row multi-select [role=option] {
  color: #000;
}
.filter--shortcut-button-row .autocomplete .list-group {
  border: 2px solid #E6E6E6;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1882352941);
  clip-path: inset(0 -15px -15px -15px);
  left: 0;
  right: 0;
}
@media only screen and (max-width: 1100px) {
  .filter--shortcut-button-row {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 1100px) {
  [data-filter-form=events] multi-select#accessibility {
    display: none;
  }
}
@media only screen and (max-width: 1100px) and (max-width: 1100px) {
  [data-filter-form=events] .mood-filter {
    display: none;
  }
}
@media only screen and (max-width: 1100px) {
  [data-filter-form=performances] multi-select,
  .filter-dates.picker > .more .select {
    display: none;
  }
}
.filter--button, .filter--button-secondary {
  display: flex;
  align-items: center;
  fill: white;
  column-gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  position: relative;
  font-weight: normal;
}

.filter--shortcut-wish-near {
  display: flex;
}
.filter--shortcut-wish-near > * {
  flex-grow: 1;
}

.filter-wishlist,
.filter-near-me,
.filter-dates:not(.picker) .more {
  border: 2px solid #E6E6E6;
  background: transparent;
  text-decoration: none;
  stroke: #000;
  stroke-width: 2px;
  border-radius: 6px;
  padding: 10px 16px 10px 16px;
}
.filter-wishlist:hover,
.filter-near-me:hover,
.filter-dates:not(.picker) .more:hover {
  text-decoration: none;
}
.filter-wishlist.active, .filter-wishlist[data-active],
.filter-near-me.active,
.filter-near-me[data-active],
.filter-dates:not(.picker) .more.active,
.filter-dates:not(.picker) .more[data-active] {
  background: #002B97;
  border-color: #002B97;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}

.filter-near-me {
  margin-left: 1rem;
  display: none;
  stroke: none;
}
.filter-near-me svg {
  height: 22px;
}
.filter-near-me.active, .filter-near-me[data-active] {
  color: #fff;
  background: #002B97;
  border-color: #002B97;
}
.filter-near-me.active svg, .filter-near-me[data-active] svg {
  filter: invert(1);
}
@media only screen and (max-width: 1100px) {
  .filter-near-me {
    display: flex;
  }
}

.filter-see-more {
  text-decoration: none;
  color: #002B97;
  font-weight: bold;
  padding: 0;
}
.filter-see-more:visited {
  color: #002B97;
}
.filter-see-more:focus {
  color: #002B97;
}

.filter--button-secondary {
  background: #e6eaf5;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.mood-filter {
  gap: 0.75rem;
}
.mood-filter label {
  display: block;
  padding-block: 0.75rem;
}
@media only screen and (max-width: 1100px) {
  .mood-filter {
    grid-template-columns: 1fr;
  }
}
.mood-filter input:checked + label {
  background: #002B97;
  color: #fff;
}

.filter--clear-filter {
  text-decoration: none;
  justify-self: end;
  align-self: center;
  color: #002B97;
  padding: 0;
}
.filter--clear-filter:visited {
  color: #002B97;
}
.filter--clear-filter:focus {
  color: #002B97;
}
.filter--clear-filter:hover {
  text-decoration: underline;
}

.clear-filter-link {
  align-self: center;
}

.badge {
  width: 25px;
  height: 25px;
  font-size: 0.875rem;
  font-weight: 200;
  box-sizing: content-box;
  border: 2px solid white;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #FF44B3;
  color: white;
  position: absolute;
  right: 0;
  transform: translate(45%, -50%);
}

.filter--grid {
  display: grid;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
}
@media only screen and (max-width: 780px) {
  .filter--grid {
    grid-template-columns: 1fr !important;
  }
}
.filter--grid label {
  white-space: nowrap;
}

.three-column-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.four-column-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.filter--spacing {
  margin-top: 1.5rem;
  position: relative;
}

.filter--more-container {
  padding-top: 1.5rem;
}
.filter--more-container[data-collapsed]:not([data-collapsed-transitioning]) {
  padding-top: 0;
}

.filter--more-options {
  display: flex;
}
.filter--more-options > button {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
.filter--more-options > a {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-left: auto;
  text-decoration: none;
}
.filter--more-options > a.clear-filter-disabled {
  pointer-events: none;
  color: #B3B3B3;
}

.filter--autocomplete {
  position: relative;
}
.filter--autocomplete .icon-search {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 16px;
  z-index: 2;
}

.filter--field, input.filter--field, .filter--select {
  color: #002B97;
  border: 2px solid #002B97;
  padding: 12px 36px 12px 20px;
  outline: none;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
}
.filter--field::placeholder, input.filter--field::placeholder, .filter--select::placeholder {
  color: #002B97;
}

.filter--checkbox {
  color: #002B97;
  border: 2px solid #002B97;
  padding: 12px 36px 12px 20px;
  outline: none;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  padding: 0;
}
.filter--checkbox::placeholder {
  color: #002B97;
}

.checkbox-wrapper {
  position: relative;
}

.boolean-checkbox {
  display: block;
  cursor: pointer;
  padding: 12px 36px 12px 60px;
}
.boolean-checkbox input[type=checkbox] {
  display: none;
}
.boolean-checkbox::before {
  content: "";
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #E6E6E6;
}
.boolean-checkbox::after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  border: 2px solid #8a96a9;
  background: #002B97;
  box-shadow: inset 0 0 0 1em #fff;
  transition: box-shadow 0.2s, border 0.2s;
}
.boolean-checkbox[checked]::after {
  box-shadow: inset 0 0 0 2px #fff;
  border: 2px solid #002B97;
}

.filter--autocomplete-wrapper {
  position: relative;
}

.dropdown-results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  width: 100%;
  overflow-y: auto;
  background: white;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1882352941);
  border: 2px solid #80225F;
  border-top: none;
}
.dropdown-results li {
  outline-offset: -4px;
  position: relative;
  padding: 0.5rem 1.25rem;
  background: white;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  line-height: 1.5rem;
}
.dropdown-results li:hover {
  background-color: rgba(128, 34, 95, 0.2);
}

.filter--favourite-banner {
  background: #002B97;
  color: white;
  display: block;
}
.filter--favourite-banner[data-active] {
  background: #002B97;
  color: white;
}
.filter--favourite-banner a:not(.button) {
  font-style: italic;
  color: white;
  text-decoration-color: white;
  text-decoration-thickness: 1px;
}
.filter--favourite-banner a:not(.button):visited {
  color: white;
}
.filter--favourite-banner a:not(.button):focus {
  color: white;
}
.filter--favourite-banner a:not(.button):hover {
  color: white;
}
.filter--favourite-banner a:not(.button):active {
  color: white;
}

.filters-divider {
  border-top: 2px solid #E6E6E6;
}

.performance-indicator-swatch {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 0.5rem;
  min-width: 320px;
}

.datepicker-selected, .datepicker-sold-out, .datepicker-available {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 4px;
}

.datepicker-available {
  background: #FF44B3;
}

.datepicker-sold-out {
  background: #A81818;
}

.datepicker-selected {
  background: #002B97;
}

#filter-form .filter--field, #filter-form input.filter--field, #filter-form .filter--select, multi-select > .value, multi-select[open] [role=listbox] {
  border: 1px solid #002B97;
  color: #002B97;
  border-radius: 4px;
  font-weight: normal;
}

multi-select ul[role=listbox] {
  margin-left: 0;
}
multi-select > .value {
  padding: 10px 36px 10px 16px;
}
multi-select [role=option] {
  color: #002B97;
}

#filter-form multi-select[open] [role=listbox] {
  position: relative;
  box-shadow: none;
}
#filter-form .autocomplete .list-group {
  border: 1px solid #002B97;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1882352941);
  clip-path: inset(0 -15px -15px -15px);
  left: 0;
  right: 0;
}
#filter-form .filter--field, #filter-form input.filter--field, #filter-form .filter--select {
  padding: 10px 36px 10px 16px;
}
#filter-form .filter--checkbox {
  border-width: 1px;
  border-radius: 4px;
  font-weight: normal;
  position: relative;
}
#filter-form .filter--checkbox .boolean-checkbox {
  padding: 10px 36px 10px 50px;
}
#filter-form .active-filter:before {
  content: "" !important;
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: -2px;
  left: -2px;
  border-color: #002B97;
  border-style: solid;
  border-width: 2px;
  border-radius: 6px;
  pointer-events: none;
}

.kpop-content .filter--spacing:first-of-type {
  margin-top: 0;
}

.filter-button-secondary {
  border-radius: 6px;
  border: 2px solid #002B97;
  font-weight: 300;
  text-align: center;
  text-decoration: none;
  padding-top: 11px;
  padding-bottom: 11px;
}
.filter-button-secondary:hover, .filter-button-secondary:active {
  border: 2px solid #002B97;
  background-color: rgba(0, 0, 0, 0.15);
  color: black;
}

.filter-button-primary {
  border-radius: 6px;
  background: #002B97;
  border: 1px solid #002B97;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 1rem;
}

.filters-container {
  display: grid;
  row-gap: 1rem;
}

.keyline-bottom {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 1rem;
}

.side-scroller {
  position: relative;
  overflow: hidden;
  display: grid;
  --scroll-blend-color: white;
}
.side-scroller [data-side-scroll-target=scroller] {
  overflow-x: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.side-scroller ::-webkit-scrollbar {
  display: none;
}

.next-navigation .next-navigation-wrapper, .previous-navigation .previous-navigation-wrapper {
  pointer-events: auto;
  cursor: pointer;
}
.next-navigation .next-navigation-wrapper:after, .previous-navigation .previous-navigation-wrapper:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: #002B97;
  text-align: center;
  color: white;
  text-decoration: none;
}

.previous-navigation {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: grid;
  align-items: center;
  background: linear-gradient(to right, var(--scroll-blend-color), rgba(255, 255, 255, 0.001));
  pointer-events: none;
  min-width: 1rem;
}
.previous-navigation .previous-navigation-wrapper:after {
  content: "‹";
}
.previous-navigation.end-reached {
  display: none;
}

.next-navigation {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: grid;
  align-items: center;
  background: linear-gradient(to left, var(--scroll-blend-color), rgba(255, 255, 255, 0.001));
  pointer-events: none;
  min-width: 1rem;
}
.next-navigation .next-navigation-wrapper:after {
  content: "›";
}
.next-navigation.end-reached {
  display: none;
}

.collapse-govuk-spacing .govuk-form-group {
  margin-bottom: 0;
}

.page--customer--tickets .order-performance {
  padding-top: 1rem;
}
.page--customer--tickets .orders {
  display: flex;
  justify-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.page--customer--tickets .order {
  border: px solid #E6E6E6;
  box-shadow: 0 1px 5px #E6E6E6;
  border-radius: 6px;
  padding: 1rem;
  min-width: 200px;
}
.page--customer--tickets .order > img {
  justify-self: center;
  aspect-ratio: 1/1;
  /*
    Red61 default height for QR codes is 100px.
    Doubling this amount to help scan
   */
  height: 200px;
}

.back-to-fringefeed.leading-icon {
  color: white;
}
.back-to-fringefeed.leading-icon img {
  width: 2.75rem;
}

.fringefeed--event {
  display: grid;
  grid-template-columns: repeat(2, calc(33.33% - 2.5rem)) 33.33%;
  grid-gap: 2.5rem;
}
@media only screen and (max-width: 1100px) {
  .fringefeed--event {
    grid-template-columns: 1fr;
  }
}
.fringefeed--event .button__buytix {
  text-align: left;
  display: flex;
  align-items: center;
}
.fringefeed--event .button__buytix::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 21px;
  background: black;
  margin-left: auto;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 4.5L21 12M21 12L13.5 19.5M21 12H3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 4.5L21 12M21 12L13.5 19.5M21 12H3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.fringefeed--event .description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.fringefeed--event .button__secondary {
  text-align: left;
}

.fringefeed--review-and-reacts {
  display: grid;
  grid-template-columns: calc(66.66% - 2.5rem) 33.33%;
  grid-template-areas: "critic-reviews reactions";
  grid-gap: 2.5rem;
}
.fringefeed--review-and-reacts .reactions {
  grid-area: reactions;
}
@media only screen and (max-width: 1100px) {
  .fringefeed--review-and-reacts {
    grid-template-columns: 1fr;
    grid-template-areas: "reactions" "critic-reviews";
  }
}

.fringefeed--home-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
}
.fringefeed--home-header p {
  margin-top: 0.5rem;
}
.fringefeed--home-header a {
  flex-shrink: 0;
}

.fringefeed--home-media-reviews {
  background: #ffecf7;
  padding-block: 2rem;
}

.fringefeed--home-section .tiles,
.fringefeed--home-section .event--tiles {
  margin-top: 2rem;
}

.fringefeed--home-section + .fringefeed--home-section {
  margin-top: 2rem;
}

.fringefeed--home-react {
  border-radius: 6px;
  background: #002B97;
  padding: 1rem 1.5rem;
  margin-top: 1rem;
  color: white;
}
.fringefeed--home-react .button {
  background: white;
  color: black;
}
.fringefeed--home-react .button:hover {
  background: #F2F2F2;
  color: black;
}
@media only screen and (max-width: 1100px) {
  .fringefeed--home-react {
    flex-direction: column;
  }
}

.fringefeed-event--reactions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.fringefeed-event--reactions .customer-review {
  gap: 0.5rem;
}
.fringefeed-event--reactions .customer-review small {
  font-size: 1rem;
}
.fringefeed-event--reactions .customer-review .review-icon {
  width: 2rem !important;
  top: unset !important;
}

.performance--modal {
  grid-template-rows: auto auto auto 1fr;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5019607843);
}
.performance--modal .overlap--title {
  display: grid;
  position: relative;
}
.performance--modal .overlap--title > * {
  grid-column: 1/2;
  grid-row: 1/2;
}
.performance--modal .overlap--title .title {
  z-index: 1;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.005) 0%, rgba(0, 0, 0, 0.5) 35%);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  padding-top: 4rem;
  color: white;
}
.performance--modal .overlap--title .title a {
  color: #fff;
}
.performance--modal .overlap--title .title a:visited {
  color: #fff;
}
.performance--modal .overlap--title .title a:focus {
  color: #fff;
}
.performance--modal .overlap--title .title a:hover {
  color: #fff;
}
.performance--modal .overlap--title .title a:active {
  color: #fff;
}
.performance--modal .overlap--title .event-image {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.performance--modal .performance--modal-content {
  padding-bottom: 0;
}
.performance--modal .kpop-title-bar {
  background: transparent;
  color: black;
  z-index: 2;
  min-height: unset;
  border-bottom: none;
  pointer-events: none;
}
.performance--modal .kpop-title {
  display: none;
}
.performance--modal .kpop-close {
  pointer-events: all;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin-top: 1rem;
  margin-left: 1rem;
  background: black;
  color: white;
  border-radius: 30px;
  font-weight: 300;
  padding: 0;
  text-align: center;
}
.performance--modal .kpop-content {
  margin-top: -3.5rem;
}
.performance--modal .kpop-footer {
  align-items: flex-start;
}
@media only screen and (max-width: 600px) {
  .performance--modal .kpop-footer {
    align-items: unset;
  }
}
.performance--modal .session-details {
  display: flex;
}
.performance--modal .session-details .plan-performance-container {
  margin-left: auto;
  flex-shrink: 0;
}
.performance--modal .session-details .plan-performance-container .favourite--performance {
  font-size: 1rem;
}
.performance--modal .performance--venue .icon {
  margin-left: 0.25rem;
  display: inline-block;
}
.performance--modal .accordion {
  border-bottom: none;
}
.performance--modal .accordion--header {
  padding-bottom: 0;
}
.performance--modal .accordion--header h3 {
  font-weight: normal;
}
.performance--modal .accordion--header[role=button]::after {
  top: calc(50% + 0.5rem);
}
.performance--modal .accordion--header .labels {
  color: #B3B3B3;
  opacity: 1;
  transition: opacity 0.25s ease;
}
.performance--modal .accordion--header[aria-expanded=true] h3 {
  font-weight: bold;
}
.performance--modal .accordion--header[aria-expanded=true] .labels {
  opacity: 0;
}
.performance--modal .accordion--content .leading-icon {
  display: flex;
  gap: 0.75rem;
  font-style: italic;
}
.performance--modal .accordion--content .leading-icon .icon {
  flex-shrink: 0;
}
.performance--modal .accordion--content .venue-access-details-link {
  color: unset;
  text-decoration-color: #F7ACC9;
  font-weight: normal;
}
.performance--modal .additional-info-heading {
  font-weight: bold;
}
.performance--modal .selling-fast {
  background: #A81818;
  color: #fff;
  fill: #fff;
  display: flex;
  align-items: center;
  padding: 2px 8px;
  text-transform: uppercase;
  border-radius: 4px;
}
.performance--modal .selling-fast > span {
  margin-left: 0.2rem;
  font-size: 12px;
}
.performance--modal .selling-fast svg {
  height: 14px;
}
.performance--modal .panel-heading {
  background: #333333;
  padding: 0.5rem 1.5rem;
  color: white;
  display: flex;
  gap: 1rem;
  align-items: center;
  font-weight: bold;
  margin-top: 1.25rem;
}
.performance--modal .panel-heading .leading-icon {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.performance--modal .panel-heading .leading-icon::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1rem;
  align-self: center;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 6.375C1.5 5.33947 2.33947 4.5 3.375 4.5H20.625C21.6605 4.5 22.5 5.33947 22.5 6.375V9.40135C22.5 9.66907 22.3573 9.91649 22.1255 10.0506C21.4511 10.4407 21 11.1681 21 12C21 12.8319 21.4511 13.5593 22.1255 13.9494C22.3573 14.0835 22.5 14.3309 22.5 14.5987V17.625C22.5 18.6605 21.6605 19.5 20.625 19.5H3.375C2.33947 19.5 1.5 18.6605 1.5 17.625V14.5987C1.5 14.3309 1.64271 14.0835 1.87446 13.9494C2.54894 13.5593 3 12.8319 3 12C3 11.1681 2.54894 10.4407 1.87446 10.0506C1.64271 9.91649 1.5 9.66907 1.5 9.40135V6.375ZM16.5 5.25C16.9142 5.25 17.25 5.58579 17.25 6V6.75C17.25 7.16421 16.9142 7.5 16.5 7.5C16.0858 7.5 15.75 7.16421 15.75 6.75V6C15.75 5.58579 16.0858 5.25 16.5 5.25ZM17.25 9.75C17.25 9.33579 16.9142 9 16.5 9C16.0858 9 15.75 9.33579 15.75 9.75V10.5C15.75 10.9142 16.0858 11.25 16.5 11.25C16.9142 11.25 17.25 10.9142 17.25 10.5V9.75ZM16.5 12.75C16.9142 12.75 17.25 13.0858 17.25 13.5V14.25C17.25 14.6642 16.9142 15 16.5 15C16.0858 15 15.75 14.6642 15.75 14.25V13.5C15.75 13.0858 16.0858 12.75 16.5 12.75ZM17.25 17.25C17.25 16.8358 16.9142 16.5 16.5 16.5C16.0858 16.5 15.75 16.8358 15.75 17.25V18C15.75 18.4142 16.0858 18.75 16.5 18.75C16.9142 18.75 17.25 18.4142 17.25 18V17.25ZM6 12C6 11.5858 6.33579 11.25 6.75 11.25H12C12.4142 11.25 12.75 11.5858 12.75 12C12.75 12.4142 12.4142 12.75 12 12.75H6.75C6.33579 12.75 6 12.4142 6 12ZM6.75 14.25C6.33579 14.25 6 14.5858 6 15C6 15.4142 6.33579 15.75 6.75 15.75H9.75C10.1642 15.75 10.5 15.4142 10.5 15C10.5 14.5858 10.1642 14.25 9.75 14.25H6.75Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 6.375C1.5 5.33947 2.33947 4.5 3.375 4.5H20.625C21.6605 4.5 22.5 5.33947 22.5 6.375V9.40135C22.5 9.66907 22.3573 9.91649 22.1255 10.0506C21.4511 10.4407 21 11.1681 21 12C21 12.8319 21.4511 13.5593 22.1255 13.9494C22.3573 14.0835 22.5 14.3309 22.5 14.5987V17.625C22.5 18.6605 21.6605 19.5 20.625 19.5H3.375C2.33947 19.5 1.5 18.6605 1.5 17.625V14.5987C1.5 14.3309 1.64271 14.0835 1.87446 13.9494C2.54894 13.5593 3 12.8319 3 12C3 11.1681 2.54894 10.4407 1.87446 10.0506C1.64271 9.91649 1.5 9.66907 1.5 9.40135V6.375ZM16.5 5.25C16.9142 5.25 17.25 5.58579 17.25 6V6.75C17.25 7.16421 16.9142 7.5 16.5 7.5C16.0858 7.5 15.75 7.16421 15.75 6.75V6C15.75 5.58579 16.0858 5.25 16.5 5.25ZM17.25 9.75C17.25 9.33579 16.9142 9 16.5 9C16.0858 9 15.75 9.33579 15.75 9.75V10.5C15.75 10.9142 16.0858 11.25 16.5 11.25C16.9142 11.25 17.25 10.9142 17.25 10.5V9.75ZM16.5 12.75C16.9142 12.75 17.25 13.0858 17.25 13.5V14.25C17.25 14.6642 16.9142 15 16.5 15C16.0858 15 15.75 14.6642 15.75 14.25V13.5C15.75 13.0858 16.0858 12.75 16.5 12.75ZM17.25 17.25C17.25 16.8358 16.9142 16.5 16.5 16.5C16.0858 16.5 15.75 16.8358 15.75 17.25V18C15.75 18.4142 16.0858 18.75 16.5 18.75C16.9142 18.75 17.25 18.4142 17.25 18V17.25ZM6 12C6 11.5858 6.33579 11.25 6.75 11.25H12C12.4142 11.25 12.75 11.5858 12.75 12C12.75 12.4142 12.4142 12.75 12 12.75H6.75C6.33579 12.75 6 12.4142 6 12ZM6.75 14.25C6.33579 14.25 6 14.5858 6 15C6 15.4142 6.33579 15.75 6.75 15.75H9.75C10.1642 15.75 10.5 15.4142 10.5 15C10.5 14.5858 10.1642 14.25 9.75 14.25H6.75Z" fill="black"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background: #FFCE00;
}
.performance--modal .panel-heading.sold-out {
  background-color: #A81818;
}
.performance--modal .panel-heading.cancelled {
  background-color: #828282;
}
.performance--modal .action::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  top: 3px;
  margin-right: 2px;
  background: black;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.performance--modal .action.planned::before, .performance--modal .action.unplanned::before {
  width: 1rem;
  height: 1rem;
  top: 2px;
}
.performance--modal .action.planned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8672 6.4375C17.0898 6.4375 17.3125 6.25195 17.3125 5.99219V4.65625C17.3125 3.69141 16.4961 2.875 15.5312 2.875H13.75V0.945312C13.75 0.722656 13.5273 0.5 13.3047 0.5H11.8203C11.5605 0.5 11.375 0.722656 11.375 0.945312V2.875H6.625V0.945312C6.625 0.722656 6.40234 0.5 6.17969 0.5H4.69531C4.43555 0.5 4.25 0.722656 4.25 0.945312V2.875H2.46875C1.4668 2.875 0.6875 3.69141 0.6875 4.65625V5.99219C0.6875 6.25195 0.873047 6.4375 1.13281 6.4375H16.8672ZM1.13281 7.625C0.873047 7.625 0.6875 7.84766 0.6875 8.07031V17.7188C0.6875 18.7207 1.4668 19.5 2.46875 19.5H15.5312C16.4961 19.5 17.3125 18.7207 17.3125 17.7188V8.07031C17.3125 7.84766 17.0898 7.625 16.8672 7.625H1.13281ZM13.4902 11.1875C13.6387 11.373 13.6387 11.6699 13.4902 11.8184L8.18359 17.0879C7.99805 17.2734 7.70117 17.2734 7.55273 17.0879L4.47266 14.0078C4.32422 13.8223 4.32422 13.5625 4.47266 13.377L5.54883 12.3379C5.69727 12.1523 5.99414 12.1523 6.17969 12.3379L7.88672 14.0449L11.8203 10.1484C11.9688 9.96289 12.2656 9.96289 12.4512 10.1484L13.4902 11.1875Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8672 6.4375C17.0898 6.4375 17.3125 6.25195 17.3125 5.99219V4.65625C17.3125 3.69141 16.4961 2.875 15.5312 2.875H13.75V0.945312C13.75 0.722656 13.5273 0.5 13.3047 0.5H11.8203C11.5605 0.5 11.375 0.722656 11.375 0.945312V2.875H6.625V0.945312C6.625 0.722656 6.40234 0.5 6.17969 0.5H4.69531C4.43555 0.5 4.25 0.722656 4.25 0.945312V2.875H2.46875C1.4668 2.875 0.6875 3.69141 0.6875 4.65625V5.99219C0.6875 6.25195 0.873047 6.4375 1.13281 6.4375H16.8672ZM1.13281 7.625C0.873047 7.625 0.6875 7.84766 0.6875 8.07031V17.7188C0.6875 18.7207 1.4668 19.5 2.46875 19.5H15.5312C16.4961 19.5 17.3125 18.7207 17.3125 17.7188V8.07031C17.3125 7.84766 17.0898 7.625 16.8672 7.625H1.13281ZM13.4902 11.1875C13.6387 11.373 13.6387 11.6699 13.4902 11.8184L8.18359 17.0879C7.99805 17.2734 7.70117 17.2734 7.55273 17.0879L4.47266 14.0078C4.32422 13.8223 4.32422 13.5625 4.47266 13.377L5.54883 12.3379C5.69727 12.1523 5.99414 12.1523 6.17969 12.3379L7.88672 14.0449L11.8203 10.1484C11.9688 9.96289 12.2656 9.96289 12.4512 10.1484L13.4902 11.1875Z' fill='black'/%3E%3C/svg%3E");
  background: #000;
}
.performance--modal .action.unplanned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8672 6.4375c.2226 0 .4453-.1856.4453-.4453v-1.3359c0-.9648-.8164-1.7813-1.7813-1.7813h-1.7812v-1.9297c0-.2227-.2227-.4453-.4453-.4453h-1.4844c-.2598 0-.4453.2227-.4453.4453v1.9297h-4.75v-1.9297c0-.2227-.2227-.4453-.4453-.4453h-1.4844c-.2598 0-.4453.2227-.4453.4453v1.9297h-1.7813c-1.0019 0-1.7813.8164-1.7813 1.7813v1.3359c0 .2598.1855.4453.4453.4453h15.7344zm-15.7344 1.1875c-.2598 0-.4453.2227-.4453.4453v9.6485c0 1.0019.7793 1.7812 1.7813 1.7812h13.0625c.9649 0 1.7813-.7793 1.7813-1.7812v-9.6485c0-.2226-.2227-.4453-.4453-.4453h-15.7344zm7.7352 1.6798c.583 0 1.0556.4726 1.0556 1.0555v2.1111h2.1111c.583 0 1.0556.4726 1.0556 1.0556 0 .583-.4726 1.0556-1.0556 1.0556h-2.1111v2.1111c0 .5829-.4726 1.0555-1.0556 1.0555-.583 0-1.0556-.4726-1.0556-1.0555v-2.1111h-2.0098c-.583 0-1.0556-.4726-1.0556-1.0556 0-.583.4726-1.0556 1.0556-1.0556h2.0098v-2.1111c0-.5829.4726-1.0555 1.0556-1.0555z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 20' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8672 6.4375c.2226 0 .4453-.1856.4453-.4453v-1.3359c0-.9648-.8164-1.7813-1.7813-1.7813h-1.7812v-1.9297c0-.2227-.2227-.4453-.4453-.4453h-1.4844c-.2598 0-.4453.2227-.4453.4453v1.9297h-4.75v-1.9297c0-.2227-.2227-.4453-.4453-.4453h-1.4844c-.2598 0-.4453.2227-.4453.4453v1.9297h-1.7813c-1.0019 0-1.7813.8164-1.7813 1.7813v1.3359c0 .2598.1855.4453.4453.4453h15.7344zm-15.7344 1.1875c-.2598 0-.4453.2227-.4453.4453v9.6485c0 1.0019.7793 1.7812 1.7813 1.7812h13.0625c.9649 0 1.7813-.7793 1.7813-1.7812v-9.6485c0-.2226-.2227-.4453-.4453-.4453h-15.7344zm7.7352 1.6798c.583 0 1.0556.4726 1.0556 1.0555v2.1111h2.1111c.583 0 1.0556.4726 1.0556 1.0556 0 .583-.4726 1.0556-1.0556 1.0556h-2.1111v2.1111c0 .5829-.4726 1.0555-1.0556 1.0555-.583 0-1.0556-.4726-1.0556-1.0555v-2.1111h-2.0098c-.583 0-1.0556-.4726-1.0556-1.0556 0-.583.4726-1.0556 1.0556-1.0556h2.0098v-2.1111c0-.5829.4726-1.0555 1.0556-1.0555z'/%3E%3C/svg%3E");
  background: #000;
}
.performance--modal .pinned, .performance--modal .unpinned {
  padding: 0.5rem;
  margin: -0.5rem;
  transition: background-color 0.2s;
  cursor: pointer;
  text-decoration: none;
  background: rgba(255, 236, 247, 0.8);
  border-radius: 6px;
}
.performance--modal .unpinned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' stroke-width='2px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' stroke-width='2px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  background: #FF44B3;
}
.performance--modal .pinned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  background: #FF44B3;
}
.performance--modal .planned, .performance--modal .unplanned {
  background: white;
  border: 2px solid #FFCE00;
  border-radius: 6px;
  padding: 0.5rem;
  transition: background-color 0.2s;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  gap: 0.25rem;
  align-items: baseline;
  padding-block: 0.75rem;
}
.performance--modal .planned {
  background: #fffae6;
  border: 2px solid #FFCE00;
}
.performance--modal .planned::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 21' stroke='white' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.049 1.92664C10.3483 1.00537 11.6517 1.00538 11.951 1.92664L13.4699 6.60055C13.6038 7.01254 13.9877 7.29148 14.4209 7.29149L19.3354 7.29168C20.3041 7.29172 20.7068 8.53127 19.9232 9.10067L15.9474 11.9895C15.5969 12.2441 15.4503 12.6955 15.5841 13.1075L17.1026 17.7815C17.4019 18.7028 16.3475 19.4689 15.5638 18.8995L11.5878 16.011C11.2373 15.7564 10.7627 15.7564 10.4122 16.011L6.43622 18.8995C5.65252 19.4689 4.5981 18.7028 4.8974 17.7815L6.41589 13.1075C6.54974 12.6955 6.40309 12.2441 6.05263 11.9895L2.07683 9.10067C1.29317 8.53127 1.69592 7.29172 2.66461 7.29168L7.57911 7.29149C8.01231 7.29148 8.39623 7.01254 8.53011 6.60055L10.049 1.92664Z'/%3E%3C/svg%3E%0A");
}
.performance--modal .action[hidden], .performance--modal .purchased[hidden] {
  display: none;
}

.performance--modal-event-links {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.toolbar--planner.fringetix--filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 4.625rem;
  line-height: unset;
}
@media only screen and (max-width: 1100px) {
  .toolbar--planner.fringetix--filter-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.toolbar--planner .planner-cta {
  display: flex;
  align-items: baseline;
}
.toolbar--planner .planner-cta p + p {
  margin-inline-start: 0.5rem;
}
.toolbar--planner .event-list {
  font-weight: normal;
}
@media only screen and (max-width: 1100px) {
  .toolbar--planner .planner-cta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .toolbar--planner .button-set {
    margin-inline-start: unset;
  }
}
.toolbar--planner .planner-help-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  font-weight: normal;
}

.page--planner {
  display: grid;
  grid-template-areas: "sessions filters";
  grid-template-columns: calc(66.66% - 2.5rem) 33.33%;
  grid-gap: 2.5rem;
}
.page--planner > .filters {
  grid-area: filters;
  align-self: start;
  gap: 1rem;
}
.page--planner > .sessions {
  grid-area: sessions;
}
@media only screen and (max-width: 1100px) {
  .page--planner {
    grid-template-areas: "filters" "sessions";
    grid-template-columns: 1fr;
  }
}
.page--planner .event-list-filters--container {
  background-color: #e6eaf5;
  border-radius: 6px;
  padding-bottom: 0;
}
.page--planner .bank-sa-section-heading {
  background: #002f6c;
  color: white;
  fill: white;
  border-radius: 6px;
  padding: 0.75rem 1rem;
}
.page--planner .bank-sa-section-heading .planner-bank-sa-caption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: 75%;
  justify-content: flex-end;
}
.page--planner .bank-sa-section-heading.mobile {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .page--planner .bank-sa-section-heading.desktop {
    display: none;
  }
  .page--planner .bank-sa-section-heading.mobile {
    display: block;
  }
}
.page--planner .calendar--date {
  background-color: unset;
}
.page--planner .calendar--date.fringe-date {
  background: white;
}
.page--planner .calendar--date.planned, .page--planner .calendar--date.purchased {
  font-weight: bold;
}
.page--planner .calendar--date.pinned {
  border: 2px solid #FFCE00;
}
.page--planner .calendar--date.planned {
  background-color: #FFCE00;
  border: none;
}
.page--planner .calendar--date.purchased {
  background-color: #008602;
  border: none;
  color: white;
}
.page--planner .legend {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.page--planner .legend > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.page--planner .legend .calendar--date {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.page--planner .legend > * + * {
  margin-top: 1rem;
}
.page--planner .accordion {
  border-bottom: none;
}

.page--planner .planner-cta-blank {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.page--planner .piping-shrike {
  align-self: center;
  flex-shrink: 1;
}
@media only screen and (max-width: 620px) {
  .page--planner .piping-shrike {
    display: none;
  }
}
.page--planner .piping-shrike-tiny {
  display: none;
}
@media only screen and (max-width: 620px) {
  .page--planner .piping-shrike-tiny {
    display: inline-block;
    width: 72px;
  }
}
.page--planner .planner-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page--planner .planner-cta img {
  width: 50px;
  margin: auto;
}
.page--planner .planner-cta p {
  margin-top: 1em;
  text-align: left;
}
.page--planner .planner-cta-heading {
  display: flex;
  flex-direction: column;
}
.page--planner .planner-cta-heading h2 {
  margin-top: 0.5em;
}
@media only screen and (max-width: 620px) {
  .page--planner .planner-cta-heading {
    flex-direction: row;
  }
  .page--planner .planner-cta-heading h2 {
    margin-top: 0;
  }
}
.page--planner .planner-heading__inner {
  color: #002B97;
  margin-bottom: 0.5em;
}
.page--planner .planner-filter--spacing .event-list-filters--container {
  padding-bottom: 0;
}
.page--planner.edit .planner-action.replan {
  display: none !important;
}

.kpop-modal.unplanned-events label {
  font-size: 16px;
}
.kpop-modal.unplanned-events .event-title {
  font-weight: bold;
}
.kpop-modal.unplanned-events .performance-count {
  font-size: 14px;
}

.kpop-modal.planner-onboarding-modal {
  min-width: 30rem;
  max-width: 30rem;
  overflow: hidden;
}
@media (max-width: 600px), (max-height: 600px) {
  .kpop-modal.planner-onboarding-modal {
    min-width: unset;
  }
}
.kpop-modal.planner-onboarding-modal .modal--footer {
  display: grid;
  grid-template-columns: auto 1fr 7rem;
  padding: 16px 24px;
}
.kpop-modal.planner-onboarding-modal form {
  height: 0;
}
.kpop-modal.planner-onboarding-modal .planner-onboarding-step img {
  width: 100%;
}
.kpop-modal.planner-onboarding-modal .planner-onboarding-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  row-gap: 0.25em;
  padding: 1rem;
  height: 10rem;
}
.kpop-modal.planner-onboarding-modal .planner-onboarding-title {
  font-weight: bold;
}
.kpop-modal.planner-onboarding-modal .planner-onboarding-progress-wrapper {
  display: flex;
  margin: auto;
  background-color: #ffd0ec;
  color: #4d6bb6;
  border-radius: 5px;
  padding: 0 1rem;
}
.kpop-modal.planner-onboarding-modal .planner-onboarding-progress-wrapper > p {
  font-size: 150%;
  padding: 5px;
}
.kpop-modal.planner-onboarding-modal .planner-onboarding-progress-wrapper > p.active-step {
  color: #002B97;
}

.kpop-modal.unplanned-events .govuk-checkboxes {
  display: grid;
  grid-template-columns: repeat(3, 33%);
}
@media only screen and (max-width: 600px) {
  .kpop-modal.unplanned-events .govuk-checkboxes {
    grid-template-columns: 1fr;
  }
}
.kpop-modal.unplanned-events .govuk-checkboxes__item {
  display: grid;
  grid-template-columns: auto 1fr;
}

html[data-turbo-preview] #homepage-feature-events #homepage-fringe-lists .tile, #homepage-fringe-lists .tile.placeholder, #homepage-feature-events .tile.placeholder {
  padding-top: 148%;
  background: #FF44B3;
  border: #FF44B3;
  -webkit-mask: linear-gradient(120deg, #000 5%, rgba(0, 0, 0, 0.6666666667), #000 95%) right/250% 100%;
  animation: shimmer 2.5s infinite;
  background-repeat: no-repeat;
}
html[data-turbo-preview] #homepage-feature-events #homepage-fringe-lists .tile:nth-of-type(even), #homepage-fringe-lists .tile.placeholder:nth-of-type(even), #homepage-feature-events .tile.placeholder:nth-of-type(even) {
  background: #002B97;
  -webkit-mask: linear-gradient(120deg, #000 5%, rgba(0, 0, 0, 0.6666666667), #000 95%) right/250% 100%;
  animation: shimmer 1.5s infinite;
}
html[data-turbo-preview] #homepage-feature-events #homepage-fringe-lists .tile > *, #homepage-fringe-lists .tile.placeholder > *, #homepage-feature-events .tile.placeholder > * {
  display: none;
}
@media only screen and (max-width: 600px) {
  html[data-turbo-preview] #homepage-feature-events #homepage-fringe-lists .tile, #homepage-fringe-lists .tile.placeholder, #homepage-feature-events .tile.placeholder {
    padding-top: 25%;
  }
}

@keyframes shimmer {
  100% {
    -webkit-mask-position: left;
  }
}
.homepage--container {
  position: relative;
}

.homepage--search-shows {
  background: #000;
  border-color: #000;
  color: #fff;
}
.homepage--search-shows:hover {
  background-color: #1a1a1a;
}

.homepage--filter-container {
  max-width: 1152px;
  width: 92%;
  margin: 0 auto;
  max-width: 52rem;
  background: #e6eaf5;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: baseline;
  padding: 1.5rem 4rem;
  flex-direction: row;
  transform: translateY(-25%);
  border-radius: 50px;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.6666666667);
  border: 2px solid #4d6bb6;
}
@media only screen and (max-width: 1100px) {
  .homepage--filter-container {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.homepage--filter-container .fringetix--filter-bar {
  padding: 0;
}
@media only screen and (max-width: 1100px) {
  .homepage--filter-container {
    position: unset;
    transform: unset;
    max-width: unset;
    border-radius: 0;
    box-shadow: none;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    border: none;
  }
}

@media only screen and (max-width: 1100px) {
  .homepage--fringe-highlight {
    display: none;
  }
}
.thanks--donate {
  display: grid;
  grid-template-areas: "image content";
  grid-template-columns: minmax(1fr, 300px) 1fr;
  background: #002E59;
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.thanks--donate a {
  color: #fff;
}
.thanks--donate .donate--image {
  grid-area: image;
}
.thanks--donate .donate--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.thanks--donate .donate--content {
  grid-area: content;
  padding: 1.5rem;
}
@media only screen and (max-width: 1100px) {
  .thanks--donate {
    grid-template-areas: "image" "content";
    grid-template-columns: 1fr;
  }
}

.thanks--vouchers {
  margin-top: 1rem;
}

.checkout__complete .checkout {
  padding-top: 0rem;
}

.vouchers--pretext {
  margin-bottom: 1rem;
}

[data-controller=google-map] {
  height: 50vh;
}
[data-controller=google-map] [data-google-map-target=map] {
  height: 100%;
}

.venue--info-panel {
  width: 10rem;
}
.venue--info-panel img {
  max-width: 100%;
}
.venue--info-panel * + * {
  margin-top: 0.25rem;
}

#venues_index {
  display: block;
  margin-top: 1rem;
}
#venues_index .pagination__tiles {
  margin-top: 1rem;
}

.venue_tile .tile--image {
  padding-top: 50%;
}

.venue--access-container {
  border: 1px solid #002B97;
  background: #e6eaf5;
  padding: 1rem;
  border-radius: 6px;
}

.page__katalyst-content .content-item.pink {
  --background-color: #ffecf7;
}

.layout--footer .enews {
  background: #4DCAF5;
}

.homepage--enews, .enews {
  background: #4DCAF5;
  color: black;
}
.homepage--enews a, .enews a {
  color: black;
}
.homepage--enews a:visited, .enews a:visited {
  color: black;
}
.homepage--enews a:focus, .enews a:focus {
  color: black;
}
.homepage--enews a:hover, .enews a:hover {
  color: black;
}
.homepage--enews a:active, .enews a:active {
  color: black;
}

.footer-social a {
  background: #4DCAF5;
}
.footer-social a:hover {
  background: #7ad7f8;
}

.toolbar .toolbar-content {
  background: #e6eaf5;
}

.fringetix--tabs > .tab.active {
  background: #e6eaf5;
}

.fringefeed--tabs > .tab.active {
  background: #e6eaf5;
}

.venues--tabs > .tab.active {
  background: #e6eaf5;
}

.layout__homepage {
  position: relative;
}
.layout__homepage > * {
  position: relative;
  z-index: 1;
}
.layout__homepage .sparticles {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
}

.critic-reviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-block: 1rem;
}

.critic-review {
  padding: 1rem;
  border-radius: 6px;
  border: 2px solid #E6E6E6;
  box-shadow: 0 1px 5px #E6E6E6;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  cursor: pointer;
}
.critic-review:hover, .critic-review:focus, .critic-review.active {
  border: 2px solid #FF44B3;
  box-shadow: 0 5px 15px rgba(31, 41, 55, 0.1), 0 0 6px rgba(31, 41, 55, 0.05);
}

.critic-review--main {
  padding-top: 1rem;
}

a.fringefeed-button, button.fringefeed-button {
  background-color: #80225F;
  color: white;
  padding: 0.4em 0.8em;
  font-weight: bolder;
  margin: auto;
}
a.fringefeed-button:hover, button.fringefeed-button:hover {
  color: #80225F;
  background-color: white;
  border: 1px solid #80225F;
  text-decoration: none;
}

.fringefeed-header {
  position: relative;
  max-width: 1152px;
  height: 117px;
  margin: auto;
  background-image: url("/release-20240125/assets/fringefeed/fringefeed_head-a5bf7ac16ab2765cf130c0eed826b889e195063a.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
@media only screen and (max-width: 1100px) {
  .fringefeed-header {
    margin: 0 auto;
  }
}

.fringefeed-head-title {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  height: 117px;
  line-height: 117px;
  color: white;
  font-weight: bolder;
  font-size: x-large;
}

.fringefeed-nav > .menu {
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
  max-width: 1152px;
  margin-left: 0;
  margin-bottom: 24px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.fringefeed-nav > .menu:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .fringefeed-nav > .menu {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media only screen and (max-width: large) {
  .fringefeed-nav > .menu {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.fringefeed-nav > .menu > * {
  display: block;
  flex-shrink: 1;
  flex-grow: 1;
  text-align: center;
}
.fringefeed-nav > .menu > * + * {
  border-left: 1px solid black;
}
.fringefeed-nav > .menu .fringefeed--tabs {
  padding: 12px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.fringefeed-nav > .menu a[href].active {
  text-decoration: underline;
  background: #e6e6e6;
  background-clip: border-box;
}
.fringefeed-nav > .menu a[href].active:hover {
  text-decoration: none;
}
.fringefeed-nav > .menu a[href] {
  text-decoration: none;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 22px;
}
.fringefeed-nav > .menu a[href]:hover {
  text-decoration: none;
}
.fringefeed-nav > .menu a[href]:visited {
  color: #000;
}
.fringefeed-nav > .menu a[href]:focus {
  color: #000;
}
.fringefeed-nav > .menu a[href]:hover {
  color: #000;
}
.fringefeed-nav > .menu a[href]:active {
  color: #000;
}
[data-whatinput=mouse] .fringefeed-nav > .menu a[href] {
  outline: 0;
}
@media only screen and (max-width: 1100px) {
  .fringefeed-nav > .menu {
    margin-left: -24px;
    margin-right: -24px;
  }
}

.fringefeed-nav > .back {
  margin: 16px 0;
}
.fringefeed-nav > .back > a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #EF5994;
}
.fringefeed-nav > .back > a:visited {
  color: #000;
}
.fringefeed-nav > .back > a:focus {
  color: #000;
}
.fringefeed-nav > .back > a:hover {
  color: #000;
}
.fringefeed-nav > .back > a:active {
  color: #000;
}
.fringefeed-nav > .back > a:hover {
  text-decoration: none;
}
[data-link]:hover .fringefeed-nav > .back > a[data-link-target] {
  text-decoration: none;
}
.fringefeed-nav > .back > a::before {
  content: "< ";
}

.fringefeed-filters .event-list-filters--options {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -6px;
}
.fringefeed-filters .event-list-filter {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 117px;
  padding: 12px 6px;
  border-color: black;
}
.fringefeed-filters .event-list-filter--label,
.fringefeed-filters .event-list-filter--input[type=text] {
  color: black;
  border-color: black;
  padding: 12px 36px 12px 20px;
  width: 100%;
  font-weight: 700;
}
.fringefeed-filters .event-list-filter--label::before {
  border-top-color: black;
}
.fringefeed-filters .event-list-filter--dropdown {
  border-color: black;
}
.fringefeed-filters .form--enhanced .checkbox input:checked + .form--enhanced--control:not(.form--enhanced--control__controlled) {
  border-color: black;
  background-color: black;
}
.fringefeed-filters .event-list-filter__text-list--option {
  color: black;
}
.fringefeed-filters .event-list-filter__text-list--option:visited {
  color: black;
}
.fringefeed-filters .event-list-filter__text-list--option:focus {
  color: black;
}
.fringefeed-filters .event-list-filter__text-list--option:hover {
  color: black;
}
.fringefeed-filters .event-list-filter__text-list--option:active {
  color: black;
}
.fringefeed-filters .event-list-filter__text-list--option.selected {
  background-color: black;
  color: white;
}
.fringefeed-filters .event-list-filter__text-list--option.selected:visited {
  color: white;
}
.fringefeed-filters .event-list-filter__text-list--option.selected:focus {
  color: white;
}
.fringefeed-filters .event-list-filter__text-list--option.selected:hover {
  color: white;
}
.fringefeed-filters .event-list-filter__text-list--option.selected:active {
  color: white;
}
.fringefeed-filters .tt-menu,
.fringefeed-filters .tt-suggestion + .tt-suggestion {
  border-color: black;
  border-width: 2px;
}
.fringefeed-filters .tt-suggestion:hover, .fringefeed-filters .tt-suggestion.tt-cursor {
  background-color: black;
  color: white;
}
@media only screen and (min-width: 1101px) {
  .fringefeed-filters .event-list-filters {
    margin-top: 32px;
  }
  .fringefeed-filters .event-list-filter--dropdown__date {
    left: auto;
  }
}

.fringefeed-controls.with-filter.show_event::after {
  content: "";
  display: block;
  border-top: 1px solid black;
  margin-top: 32px;
}
@media only screen and (max-width: 1100px) {
  .fringefeed-controls.with-filter.show_event::after {
    margin-left: -24px;
    margin-right: -24px;
  }
}

.fringefeed-event {
  display: flex;
  font-size: 14px;
  margin-bottom: 32px;
  cursor: pointer;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .fringefeed-event {
    display: block;
    margin-bottom: 20px;
  }
}

.fringefeed-event--hero {
  position: relative;
  margin: -1px;
}
@media only screen and (min-width: 601px) {
  .fringefeed-event--hero {
    -webkit-box-flex: 0 0 235px;
    -moz-box-flex: 0 0 235px;
    -webkit-flex: 0 0 235px;
    -ms-flex: 0 0 235px;
    flex: 0 0 235px;
    max-height: 235px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 600px) {
  .fringefeed-event--hero {
    max-width: 128px;
    margin-right: 16px;
  }
}

.fringefeed-event--content {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 2 2 0px;
  -moz-box-flex: 2 2 0px;
  -webkit-flex: 2 2 0px;
  -ms-flex: 2 2 0px;
  flex: 2 2 0px;
  min-width: 230px;
  padding: 20px;
}
@media only screen and (max-width: 600px) {
  .fringefeed-event--content {
    padding: 20px 0;
  }
}
.fringefeed-event--content .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.fringefeed-event--content .intro {
  flex-shrink: 1;
  flex-grow: 1;
  margin-bottom: 16px;
}
.fringefeed-event--content .intro > .quote {
  display: block;
  display: -webkit-box;
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4; /* number of lines to show */
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 600px) {
  .fringefeed-event--content .intro > .quote {
    max-height: 40px;
    -webkit-line-clamp: 2; /* number of lines to show */
  }
}
.fringefeed-event--content .more {
  display: block;
  color: #000;
  text-decoration: underline;
  text-decoration-color: #EF5994;
}
.fringefeed-event--content .more:visited {
  color: #000;
}
.fringefeed-event--content .more:focus {
  color: #000;
}
.fringefeed-event--content .more:hover {
  color: #000;
}
.fringefeed-event--content .more:active {
  color: #000;
}
.fringefeed-event--content .more:hover {
  text-decoration: none;
}
[data-link]:hover .fringefeed-event--content .more[data-link-target] {
  text-decoration: none;
}

.fringefeed-event--details {
  -webkit-box-flex: 1 1 0px;
  -moz-box-flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 230px;
  padding: 16px;
}
@media only screen and (max-width: 600px) {
  .fringefeed-event--details {
    padding: 16px 0;
  }
}
.fringefeed-event--details .type {
  font-weight: bold;
}
.fringefeed-event--details .genre {
  margin-top: 5px;
}
.fringefeed-event--details .dates {
  margin-bottom: 5px;
}
.fringefeed-event--details .button {
  display: block;
  text-align: center;
}

.fringefeed-filters,
.fringefeed-news--list,
.critic-reviews--list,
.customer-reviews--list,
.customer-review-reaction-list {
  line-height: 22px;
}
.fringefeed-filters input[type=checkbox],
.fringefeed-news--list input[type=checkbox],
.critic-reviews--list input[type=checkbox],
.customer-reviews--list input[type=checkbox],
.customer-review-reaction-list input[type=checkbox] {
  display: none !important;
}

.fringefeed-news--list > .tiles,
.critic-reviews--list > .tiles,
.customer-reviews--list > .tiles {
  margin-bottom: 32px;
  padding-top: 28px;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .fringefeed-news--list > .tiles > .tile + .tile,
  .critic-reviews--list > .tiles > .tile + .tile,
  .customer-reviews--list > .tiles > .tile + .tile {
    border-top: 1px solid #E6E6E6;
  }
}

.fringefeed-news-list-tile {
  font-size: 14px;
  text-align: center;
  flex-shrink: 1;
  flex-grow: 1;
}

.fringefeed-news-list-tile[data-link] {
  cursor: pointer;
}
.fringefeed-news-list-tile[data-link]:hover [data-link-target] {
  text-decoration: none;
}

.fringefeed-news--title {
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
  margin-bottom: 28px;
}

.fringefeed-news-tiles {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.fringefeed-news-list--image {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.fringefeed-news-list--content {
  text-align: left;
}
.fringefeed-news-list--content .fringefeed-news-list--title {
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 16px;
}
.fringefeed-news-list--content .fringefeed-news-list--published {
  margin-bottom: 20px;
  color: #B3B3B3;
}
.fringefeed-news-list--content .fringefeed-news-list--description {
  margin-bottom: 20px;
  color: #696969;
}

.fringefeed-news-item--title,
.fringefeed-news-item--published,
.fringefeed-news-item--description,
.fringefeed-news-item--content {
  margin: 28px auto;
  max-width: 800px;
}

.fringefeed-news-item--feature-image {
  margin: 28px auto 0 auto;
  border-radius: 8px;
}

.fringefeed-news-item--published {
  color: #B3B3B3;
}

.fringefeed-news-item--description {
  margin-bottom: 28px;
  color: #696969;
}

.fringefeed-news-item--content {
  margin: 32px auto;
}

.critic-review-tile .tile--content > * {
  font-size: 14px;
  margin: 4px 0;
}

.critic-review-tile--title {
  font-weight: bold;
}

.critic-review-tile--attribution, .critic-review-tile--date {
  color: darkgrey;
}

.critic-review-tile--intro {
  flex-shrink: 1;
  flex-grow: 1;
  font-size: 12px;
}
.critic-review-tile--intro > .quote {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.critic-review-tile--read {
  margin-top: 16px !important;
}

@media only screen and (min-width: 601px) {
  .critic-review-tile.with-event .tile--content {
    border: 2px solid #E6E6E6;
    border-radius: 8px;
  }
}
.customer-review-reaction {
  display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  position: relative;
  border: 1px solid transparent;
  border-radius: 8px;
  margin: 4px 0;
  padding: 4px;
  background: white;
}

.customer-review-new .customer-review-reaction {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.customer-review-reaction > .count {
  font-size: 12px;
  border-radius: 100%;
  text-align: center;
  min-width: 36px;
  line-height: 36px;
  background-color: #80225F;
  color: white;
  order: 3;
  flex-grow: 0;
  flex-shrink: 0;
}

.customer-review-reaction > img[src*=".svg"] {
  width: 2em;
  flex-grow: 0;
  flex-shrink: 0;
  -webkit-align-self: center;
  align-self: center;
}

.customer-review-reaction > .title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  flex-shrink: 1;
  flex-grow: 1;
  margin: auto 8px;
}

@media only screen and (min-width: 1101px) {
  .customer-review-reaction-list {
    display: flex;
    margin-top: 1em;
  }
  .customer-review-reaction {
    -webkit-box-flex: 1 1 0px;
    -moz-box-flex: 1 1 0px;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px;
    margin: 2px 8px;
  }
  .customer-review-reaction > img[src*=".svg"] {
    width: 60px;
  }
  .customer-review-reaction > .title {
    margin: 8px 0 0;
    text-align: center;
    width: 100%;
  }
  .customer-review-reaction > .count {
    position: absolute;
    top: -12px;
    right: -12px;
  }
}
form .customer-review-reaction, .selectable .customer-review-reaction {
  cursor: pointer;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: background-color 0.5s ease, color 0.5s ease;
}

.no-selection .customer-review-reaction {
  filter: none;
  opacity: 1;
}

form .customer-review-reaction:hover,
form .customer-review-reaction-list input:checked + .customer-review-reaction, .selectable .customer-review-reaction:hover,
.selectable .customer-review-reaction-list input:checked + .customer-review-reaction {
  border-color: #E6E6E6;
  filter: none;
  opacity: 1;
}

.leave-review {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
}
.leave-review label {
  margin-right: 15px;
  color: #696969;
  line-height: 51px;
}
.leave-review .fringefeed-button {
  margin-left: 8px;
  margin-right: 0;
  padding: 4px 16px;
  border: 1px solid transparent;
  font-size: 14px;
  text-align: center;
}

.customer-review-new {
  text-align: center;
  counter-reset: field-counter;
}
.customer-review-new label {
  display: block;
  font-weight: bold;
}
.customer-review-new label:not(.no-counter) {
  counter-increment: field-counter;
}
.customer-review-new label:not(.no-counter)::before {
  content: counter(field-counter) ". ";
}
.customer-review-new input[type=radio] {
  display: none;
}
.customer-review-new .error {
  color: #7F1A2A;
}
.customer-review-new .event-list-filter {
  max-width: 748px;
  margin: 32px auto;
}
.customer-review-new .event-list-filter--input[type=text] {
  border: 1px solid #c5cbd4;
  border-radius: 8px;
}
.customer-review-new .customer-review-reaction-list {
  max-width: 748px;
  margin: 0 auto;
}
.customer-review-new .caption {
  max-width: 748px;
  margin: 32px auto 0 auto;
  border-radius: 8px;
}
.customer-review-new .actions {
  padding-bottom: 32px;
}

.fringefeed-news--list .no-results,
.critic-reviews--list .no-results,
.customer-reviews--list .no-results {
  margin-top: 32px;
  text-align: center;
}
.fringefeed-news--list .no-results p,
.critic-reviews--list .no-results p,
.customer-reviews--list .no-results p {
  font-weight: bold;
}

.fringefeed-filters-container {
  background: #e6eaf5;
  margin-top: -2rem;
  padding-block: 2rem;
}

.customer-review-tile {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  text-align: left;
}
.customer-review-tile .title {
  font-size: 18px;
  font-weight: bold;
}
.customer-review-tile .reaction-emoji {
  max-width: 1.5rem;
}
.customer-review-tile .reaction-title {
  display: block;
  font-style: italic;
}
.customer-review-tile .caption {
  overflow-wrap: break-word;
}
.customer-review-tile .date {
  color: #696969;
}
.customer-review-tile.show-event {
  border-radius: 6px;
  border: 2px solid #E6E6E6;
  box-shadow: 0 1px 5px #E6E6E6;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  cursor: pointer;
  overflow: hidden;
}
.customer-review-tile.show-event:hover {
  border: 2px solid #FF44B3;
  box-shadow: 0 5px 15px rgba(31, 41, 55, 0.1), 0 0 6px rgba(31, 41, 55, 0.05);
}
.customer-review-tile.show-event .customer-review-tile--content {
  padding: 1rem;
}

.customer-review-tile[data-link] {
  cursor: pointer;
}
.customer-review-tile[data-link]:hover [data-link-target] {
  text-decoration: none;
}

.customer-review-tile--header {
  display: flex;
}
.customer-review-tile--header > * {
  -webkit-box-flex: 1 1 49%;
  -moz-box-flex: 1 1 49%;
  -webkit-flex: 1 1 49%;
  -ms-flex: 1 1 49%;
  flex: 1 1 49%;
}
.customer-review-tile.show_event .customer-review-tile--header {
  border-bottom: 1px solid #E6E6E6;
}

@media only screen and (max-width: 600px) {
  .customer-review-tile {
    position: relative;
    text-align: left;
  }
  .customer-review-tile .reaction {
    display: flex;
    margin: 0;
  }
  .customer-review-tile .reaction-emoji {
    width: 2em;
    margin-right: 16px;
    -webkit-align-self: center;
    align-self: center;
  }
}
.fringefeed--tabs {
  display: grid;
  grid-template-areas: "home reacts reviews";
  height: 100%;
}
.fringefeed--tabs .tab {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: grid;
  place-items: center;
  text-align: center;
}
.fringefeed--tabs .tab a[href] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #B3B3B3;
  width: 100%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  font-size: 1rem;
}
.fringefeed--tabs .tab a[href]:hover {
  text-decoration: none;
}
.fringefeed--tabs .tab a[href]:visited {
  color: #B3B3B3;
}
.fringefeed--tabs .tab a[href]:focus {
  color: #B3B3B3;
}
.fringefeed--tabs .tab a[href]:hover {
  color: #B3B3B3;
}
.fringefeed--tabs .tab a[href]:active {
  color: #B3B3B3;
}
[data-whatinput=mouse] .fringefeed--tabs .tab a[href] {
  outline: 0;
}
.fringefeed--tabs .home {
  grid-area: home;
}
.fringefeed--tabs .reacts {
  grid-area: reacts;
}
.fringefeed--tabs .reviews {
  grid-area: reviews;
}
.fringefeed--tabs .active {
  background: #4d6bb6;
}
.fringefeed--tabs .active a[href] {
  color: #000;
}
.fringefeed--tabs .active a[href]:visited {
  color: #000;
}
.fringefeed--tabs .active a[href]:focus {
  color: #000;
}
.fringefeed--tabs .active a[href]:hover {
  color: #000;
}
.fringefeed--tabs .active a[href]:active {
  color: #000;
}
@media only screen and (max-width: 1100px) {
  .fringefeed--tabs .tab a[href] {
    justify-content: center;
    padding-block: 1rem;
  }
}

/*# sourceMappingURL=/release-20240125/assets/onseason_theme.css-b3bc8f61a6b3a885e6d2709e3315924e141f8736.map */