@charset "UTF-8";
:root {
  font-size: 16px;
  --scale:1em;
  --copy:Helvetica Neue,Helvetica,Arial,sans-serif;
  --display:Helvetica Neue,Helvetica,Arial,sans-serif;
  --background:white;
  --foreground:black;
  --brand-color:#363636;
  --brand-active:#181818;
  --brand-inactive:#4d4d4d;
  --primary:#1a6c80;
  --secondary:#121212;
  --tertiary:#a2a2a2;
  --box:60rem;
  --container:60rem;
  --default-border:1px solid #a2a2a2;
  --border-radius:0;
  --block-background:#f2f2f2;
  --positive:#5AA701;
  --negative:#E0192E;
  --warning:#EFC102;
  --info:#59AAFA
   ;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
::after,
::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body,
html {
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
  font-size: 1em;
  line-height: 1.5;
  font-size-adjust: .517;
  background: #fff;
  background: var(--background);
  color: #000;
  color: var(--foreground);
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
}

div h2:first-of-type {
  margin-top: 0;
}

label div {
  width: auto;
  display: inline-block;
}

aside,
footer,
header,
nav,
section {
  display: block;
}

iframe.SpektrixIFrame,
iframe.spx-iframe {
  max-width: 100vw;
  min-height: 600px;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 37.5em) {
  body {
    cursor: pointer;
  }
}

.HideFromScreenA11y {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

#ctl00_ContentPlaceHolder_ChangeMySeatsLink,
.AddCard [value=Continue],
.BackButton,
.Basket2 > .Buttons #ctl00_ContentPlaceHolder_WhatsOnLink,
.BestAvailableLink a,
.Button,
.Button.FindAddressButton,
.Button.PreviousButton,
.Buttons a:link,
.Buttons a:visited,
.Buttons a[href*=whats-on],
.Checkout .SummaryView .Button,
.Checkout .SummaryView .Event a.More_Info,
.Checkout .SummaryView .MyAccount a.NewAddress,
.ChooseSeats .BestAvailableLink a,
.ContinueShopping a,
.Donations input[value="Continue without donating"],
.Event .Checkout .SummaryView a.More_Info,
.Event .OrderedItems .Section a.More_Info,
.Event a.More_Info,
.EventsList a.More_Info:after,
.LinkButton,
.LinkButton:link,
.MyAccount .Checkout .SummaryView a.NewAddress,
.MyAccount .Container.Address a,
.MyAccount .OrderedItems .Section a.NewAddress,
.MyAccount a.NewAddress,
.MyPaymentCards a[href*=AddCard],
.OrderedItems .Section .Button,
.OrderedItems .Section .Event a.More_Info,
.OrderedItems .Section .MyAccount a.NewAddress,
.PagerButton,
.PagerButton:visited,
.PaymentView input[value="Confirm Order"],
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink,
.SpektrixPage .Container a[id*=Delete],
.SpektrixPage.AddCard [value=Continue],
.SupplementaryEventDiv .Container.TicketType input[type=submit],
.spx-button-primary,
.spx-button-primary__checkout.spx-intent-continue,
.spx-button-secondary,
.spx-button-secondary__checkout.spx-intent-continue,
.spx-button-tertiary,
.spx-button-tertiary__checkout--credit:after,
.spx-link__checkout--new-address,
.spx-section-container__checkout--start-checkout .spx-button-primary,
.spx-section-container__checkout--start-checkout-login .spx-button-secondary__checkout--start-checkout-forgotten-password.spx-intent-continue,
input.ItemDeleteButton,
input.Logout.Button,
input[value=Delete],
input[value=Previous] {
  min-width: 48px;
  font: 600 var(--scale, 1em) var(--copy, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  padding: .75rem 1rem;
  text-align: center;
  text-decoration: none;
  color: var(--background);
  background-color: #4CB9A0;
  border: 0;
  border-radius: var(--border-radius);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

#ctl00_ContentPlaceHolder_ChangeMySeatsLink:hover,
.AddCard [value=Continue]:hover,
.BackButton:hover,
.Basket2 > .Buttons #ctl00_ContentPlaceHolder_WhatsOnLink:hover,
.BestAvailableLink a:hover,
.Button:hover,
.Button.FindAddressButton:hover,
.Button.PreviousButton:hover,
.Buttons a:link:hover,
.Buttons a:visited:hover,
.Buttons a[href*=whats-on]:hover,
.Checkout .SummaryView .Button:hover,
.Checkout .SummaryView .Event a.More_Info:hover,
.Checkout .SummaryView .MyAccount a.NewAddress:hover,
.ChooseSeats .BestAvailableLink a:hover,
.ContinueShopping a:hover,
.Donations input[value="Continue without donating"]:hover,
.Event .Checkout .SummaryView a.More_Info:hover,
.Event .OrderedItems .Section a.More_Info:hover,
.Event a.More_Info:hover,
.EventsList a.More_Info:after:hover,
.LinkButton:hover,
.LinkButton:link:hover,
.MyAccount .Checkout .SummaryView a.NewAddress:hover,
.MyAccount .Container.Address a:hover,
.MyAccount .OrderedItems .Section a.NewAddress:hover,
.MyAccount a.NewAddress:hover,
.MyPaymentCards a[href*=AddCard]:hover,
.OrderedItems .Section .Button:hover,
.OrderedItems .Section .Event a.More_Info:hover,
.OrderedItems .Section .MyAccount a.NewAddress:hover,
.PagerButton:hover,
.PagerButton:visited:hover,
.PaymentView input[value="Confirm Order"]:hover,
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink:hover,
.SpektrixPage .Container a[id*=Delete]:hover,
.SpektrixPage.AddCard [value=Continue]:hover,
.SupplementaryEventDiv .Container.TicketType input[type=submit]:hover,
.spx-button-primary:hover,
.spx-button-primary__checkout.spx-intent-continue:hover,
.spx-button-secondary:hover,
.spx-button-secondary__checkout.spx-intent-continue:hover,
.spx-button-tertiary:hover,
.spx-button-tertiary__checkout--credit:after:hover,
.spx-link__checkout--new-address:hover,
.spx-section-container__checkout--start-checkout .spx-button-primary:hover,
.spx-section-container__checkout--start-checkout-login .spx-button-secondary__checkout--start-checkout-forgotten-password.spx-intent-continue:hover,
input.ItemDeleteButton:hover,
input.Logout.Button:hover,
input[value=Delete]:hover,
input[value=Previous]:hover {
  background-color: #248181;
  color: #fff;
}

#ctl00_ContentPlaceHolder_ChangeMySeatsLink > span,
.AddCard [value=Continue] > span,
.BackButton > span,
.Basket2 > .Buttons #ctl00_ContentPlaceHolder_WhatsOnLink > span,
.BestAvailableLink a > span,
.Button.FindAddressButton > span,
.Button.PreviousButton > span,
.Button > span,
.Buttons a:link > span,
.Buttons a:visited > span,
.Buttons a[href*=whats-on] > span,
.Checkout .SummaryView .Button > span,
.Checkout .SummaryView .Event a.More_Info > span,
.Checkout .SummaryView .MyAccount a.NewAddress > span,
.ChooseSeats .BestAvailableLink a > span,
.ContinueShopping a > span,
.Donations input[value="Continue without donating"] > span,
.Event .Checkout .SummaryView a.More_Info > span,
.Event .OrderedItems .Section a.More_Info > span,
.Event a.More_Info > span,
.EventsList a.More_Info:after > span,
.LinkButton:link > span,
.LinkButton > span,
.MyAccount .Checkout .SummaryView a.NewAddress > span,
.MyAccount .Container.Address .Checkout .SummaryView a > span,
.MyAccount .Container.Address .OrderedItems .Section a > span,
.MyAccount .Container.Address a > span,
.MyAccount .OrderedItems .Section a.NewAddress > span,
.MyAccount a.NewAddress > span,
.MyPaymentCards a[href*=AddCard] > span,
.OrderedItems .Section .Button > span,
.OrderedItems .Section .Event a.More_Info > span,
.OrderedItems .Section .MyAccount a.NewAddress > span,
.PagerButton:visited > span,
.PagerButton > span,
.PaymentView input[value="Confirm Order"] > span,
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink > span,
.SpektrixPage .Container a[id*=Delete] > span,
.SpektrixPage.AddCard .Checkout .SummaryView [value=Continue] > span,
.SpektrixPage.AddCard .OrderedItems .Section [value=Continue] > span,
.SpektrixPage.AddCard [value=Continue] > span,
.SupplementaryEventDiv .Container.TicketType input[type=submit] > span,
.spx-button-primary > span,
.spx-button-primary__checkout.spx-intent-continue > span,
.spx-button-secondary > span,
.spx-button-secondary__checkout.spx-intent-continue > span,
.spx-button-tertiary > span,
.spx-button-tertiary__checkout--credit:after > span,
.spx-link__checkout--new-address > span,
.spx-section-container__checkout--start-checkout .spx-button-primary > span,
.spx-section-container__checkout--start-checkout-login .spx-button-secondary__checkout--start-checkout-forgotten-password.spx-intent-continue > span,
input.ItemDeleteButton > span,
input.Logout.Button > span,
input[value=Delete] > span,
input[value=Previous] > span {
  color: inherit;
}

#ctl00_ContentPlaceHolder_ChangeMySeatsLink:visited,
.AddCard [value=Continue]:visited,
.BackButton:visited,
.Basket2 > .Buttons #ctl00_ContentPlaceHolder_WhatsOnLink:visited,
.BestAvailableLink a:visited,
.Button:visited,
.Buttons a:visited,
.Checkout .SummaryView .Button:visited,
.ContinueShopping a:visited,
.Donations input[value="Continue without donating"]:visited,
.Event a.More_Info:visited,
.EventsList a.More_Info:visited:after,
.LinkButton:visited,
.MyAccount .Container.Address a:visited,
.MyAccount a.NewAddress:visited,
.MyPaymentCards a[href*=AddCard]:visited,
.OrderedItems .Section .Button:visited,
.PagerButton:visited,
.PaymentView input[value="Confirm Order"]:visited,
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink:visited,
.SpektrixPage .Container a[id*=Delete]:visited,
.SupplementaryEventDiv .Container.TicketType input[type=submit]:visited,
.spx-button-primary:visited,
.spx-button-primary__checkout.spx-intent-continue:visited,
.spx-button-secondary:visited,
.spx-button-secondary__checkout.spx-intent-continue:visited,
.spx-button-tertiary:visited,
.spx-button-tertiary__checkout--credit:visited:after,
.spx-link__checkout--new-address:visited,
.spx-section-container__checkout--start-checkout-login .spx-button-secondary__checkout--start-checkout-forgotten-password.spx-intent-continue:visited,
input.ItemDeleteButton:visited,
input.Logout.Button:visited,
input[value=Delete]:visited,
input[value=Previous]:visited {
  color: var(--background);
  background-color: var(--brand-color);
}

#ctl00_ContentPlaceHolder_ChangeMySeatsLink:hover,
.AddCard [value=Continue]:hover,
.BackButton:hover,
.Basket2 > .Buttons #ctl00_ContentPlaceHolder_WhatsOnLink:hover,
.BestAvailableLink a:hover,
.Button:hover,
.Buttons a:hover:link,
.Buttons a:hover:visited,
.Buttons a[href*=whats-on]:hover,
.Checkout .SummaryView .Button:hover,
.ContinueShopping a:hover,
.Donations input[value="Continue without donating"]:hover,
.Event a.More_Info:hover,
.EventsList a.More_Info:hover:after,
.LinkButton:hover,
.MyAccount .Container.Address a:hover,
.MyAccount a.NewAddress:hover,
.MyPaymentCards a[href*=AddCard]:hover,
.OrderedItems .Section .Button:hover,
.PagerButton:hover,
.PaymentView input[value="Confirm Order"]:hover,
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink:hover,
.SpektrixPage .Container a[id*=Delete]:hover,
.SupplementaryEventDiv .Container.TicketType input[type=submit]:hover,
.spx-button-primary:hover,
.spx-button-primary__checkout.spx-intent-continue:hover,
.spx-button-secondary:hover,
.spx-button-secondary__checkout.spx-intent-continue:hover,
.spx-button-tertiary:hover,
.spx-button-tertiary__checkout--credit:hover:after,
.spx-link__checkout--new-address:hover,
.spx-section-container__checkout--start-checkout-login .spx-button-secondary__checkout--start-checkout-forgotten-password.spx-intent-continue:hover,
input.ItemDeleteButton:hover,
input.Logout.Button:hover,
input[value=Delete]:hover,
input[value=Previous]:hover {
  background-color: var(--brand-active);
  text-decoration: none;
}

#ctl00_ContentPlaceHolder_ChangeMySeatsLink:active,
#ctl00_ContentPlaceHolder_ChangeMySeatsLink:focus,
.AddCard [value=Continue]:active,
.AddCard [value=Continue]:focus,
.BackButton:active,
.BackButton:focus,
.Basket2 > .Buttons #ctl00_ContentPlaceHolder_WhatsOnLink:active,
.Basket2 > .Buttons #ctl00_ContentPlaceHolder_WhatsOnLink:focus,
.BestAvailableLink a:active,
.BestAvailableLink a:focus,
.Button:active,
.Button:focus,
.Buttons a:active:link,
.Buttons a:active:visited,
.Buttons a:focus:link,
.Buttons a:focus:visited,
.Buttons a[href*=whats-on]:active,
.Buttons a[href*=whats-on]:focus,
.Checkout .SummaryView .Button:active,
.Checkout .SummaryView .Button:focus,
.ContinueShopping a:active,
.ContinueShopping a:focus,
.Donations input[value="Continue without donating"]:active,
.Donations input[value="Continue without donating"]:focus,
.Event a.More_Info:active,
.Event a.More_Info:focus,
.EventsList a.More_Info:active:after,
.EventsList a.More_Info:focus:after,
.LinkButton:active,
.LinkButton:focus,
.MyAccount .Container.Address a:active,
.MyAccount .Container.Address a:focus,
.MyAccount a.NewAddress:active,
.MyAccount a.NewAddress:focus,
.MyPaymentCards a[href*=AddCard]:active,
.MyPaymentCards a[href*=AddCard]:focus,
.OrderedItems .Section .Button:active,
.OrderedItems .Section .Button:focus,
.PagerButton:active,
.PagerButton:focus,
.PaymentView input[value="Confirm Order"]:active,
.PaymentView input[value="Confirm Order"]:focus,
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink:active,
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink:focus,
.SpektrixPage .Container a[id*=Delete]:active,
.SpektrixPage .Container a[id*=Delete]:focus,
.SupplementaryEventDiv .Container.TicketType input[type=submit]:active,
.SupplementaryEventDiv .Container.TicketType input[type=submit]:focus,
.spx-button-primary:active,
.spx-button-primary:focus,
.spx-button-primary__checkout.spx-intent-continue:active,
.spx-button-primary__checkout.spx-intent-continue:focus,
.spx-button-secondary:active,
.spx-button-secondary:focus,
.spx-button-secondary__checkout.spx-intent-continue:active,
.spx-button-secondary__checkout.spx-intent-continue:focus,
.spx-button-tertiary:active,
.spx-button-tertiary:focus,
.spx-button-tertiary__checkout--credit:active:after,
.spx-button-tertiary__checkout--credit:focus:after,
.spx-link__checkout--new-address:active,
.spx-link__checkout--new-address:focus,
.spx-section-container__checkout--start-checkout-login .spx-button-secondary__checkout--start-checkout-forgotten-password.spx-intent-continue:active,
.spx-section-container__checkout--start-checkout-login .spx-button-secondary__checkout--start-checkout-forgotten-password.spx-intent-continue:focus,
input.ItemDeleteButton:active,
input.ItemDeleteButton:focus,
input.Logout.Button:active,
input.Logout.Button:focus,
input[value=Delete]:active,
input[value=Delete]:focus,
input[value=Previous]:active,
input[value=Previous]:focus {
  background-color: var(--brand-active);
  outline: initial;
  color: #fff;
}

#ctl00_ContentPlaceHolder_ChangeMySeatsLink,
.Basket2 > .Buttons #ctl00_ContentPlaceHolder_WhatsOnLink,
.BestAvailableLink a,
.Button.FindAddressButton,
.ChooseSeats .BestAvailableLink a,
.Event a.FindAddressButton.More_Info,
.MyAccount .Container.Address a.FindAddressButton,
.MyAccount a.FindAddressButton.NewAddress,
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink,
.SpektrixPage.AddCard .FindAddressButton[value=Continue],
.SupplementaryEventDiv .Container.TicketType input[type=submit],
.spx-button-primary {
  background-color: var(--secondary);
}

.Button.PreviousButton,
.Checkout .SummaryView .Button,
.Checkout .SummaryView .Event a.More_Info,
.Checkout .SummaryView .MyAccount .Container.Address a,
.Checkout .SummaryView .MyAccount a.NewAddress,
.Checkout .SummaryView .SpektrixPage.AddCard [value=Continue],
.Donations input[value="Continue without donating"],
.Event .Checkout .SummaryView a.More_Info,
.Event .OrderedItems .Section a.More_Info,
.Event a.PreviousButton.More_Info,
.MyAccount .Checkout .SummaryView a.NewAddress,
.MyAccount .Container.Address .Checkout .SummaryView a,
.MyAccount .Container.Address .OrderedItems .Section a,
.MyAccount .Container.Address a.PreviousButton,
.MyAccount .OrderedItems .Section a.NewAddress,
.MyAccount a.PreviousButton.NewAddress,
.MyPaymentCards a[href*=AddCard],
.OrderedItems .Section .Button,
.OrderedItems .Section .Event a.More_Info,
.OrderedItems .Section .MyAccount .Container.Address a,
.OrderedItems .Section .MyAccount a.NewAddress,
.OrderedItems .Section .SpektrixPage.AddCard [value=Continue],
.SpektrixPage .Container a[id*=Delete],
.SpektrixPage.AddCard .Checkout .SummaryView [value=Continue],
.SpektrixPage.AddCard .OrderedItems .Section [value=Continue],
.SpektrixPage.AddCard .PreviousButton[value=Continue],
.SpektrixPage.AddCard input.Logout[value=Continue],
.spx-button-secondary__checkout.spx-intent-continue,
.spx-button-tertiary,
.spx-link__checkout--new-address,
input.ItemDeleteButton,
input.Logout.Button,
input[value=Delete] {
  background: var(--foreground);
  color: foreground;
  color: var(--background);
}

.Button.PreviousButton:focus,
.Button.PreviousButton:hover,
.Checkout .SummaryView .Button:focus,
.Checkout .SummaryView .Button:hover,
.Checkout .SummaryView .Event a.More_Info:focus,
.Checkout .SummaryView .Event a.More_Info:hover,
.Checkout .SummaryView .MyAccount .Container.Address a:focus,
.Checkout .SummaryView .MyAccount .Container.Address a:hover,
.Checkout .SummaryView .MyAccount a.NewAddress:focus,
.Checkout .SummaryView .MyAccount a.NewAddress:hover,
.Checkout .SummaryView .SpektrixPage.AddCard [value=Continue]:focus,
.Checkout .SummaryView .SpektrixPage.AddCard [value=Continue]:hover,
.Donations input[value="Continue without donating"]:focus,
.Donations input[value="Continue without donating"]:hover,
.Event .Checkout .SummaryView a.More_Info:focus,
.Event .Checkout .SummaryView a.More_Info:hover,
.Event .OrderedItems .Section a.More_Info:focus,
.Event .OrderedItems .Section a.More_Info:hover,
.Event a.PreviousButton.More_Info:focus,
.Event a.PreviousButton.More_Info:hover,
.MyAccount .Checkout .SummaryView a.NewAddress:focus,
.MyAccount .Checkout .SummaryView a.NewAddress:hover,
.MyAccount .Container.Address .Checkout .SummaryView a:focus,
.MyAccount .Container.Address .Checkout .SummaryView a:hover,
.MyAccount .Container.Address .OrderedItems .Section a:focus,
.MyAccount .Container.Address .OrderedItems .Section a:hover,
.MyAccount .Container.Address a.PreviousButton:focus,
.MyAccount .Container.Address a.PreviousButton:hover,
.MyAccount .OrderedItems .Section a.NewAddress:focus,
.MyAccount .OrderedItems .Section a.NewAddress:hover,
.MyAccount a.PreviousButton.NewAddress:focus,
.MyAccount a.PreviousButton.NewAddress:hover,
.MyPaymentCards a[href*=AddCard]:focus,
.MyPaymentCards a[href*=AddCard]:hover,
.OrderedItems .Section .Button:focus,
.OrderedItems .Section .Button:hover,
.OrderedItems .Section .Event a.More_Info:focus,
.OrderedItems .Section .Event a.More_Info:hover,
.OrderedItems .Section .MyAccount .Container.Address a:focus,
.OrderedItems .Section .MyAccount .Container.Address a:hover,
.OrderedItems .Section .MyAccount a.NewAddress:focus,
.OrderedItems .Section .MyAccount a.NewAddress:hover,
.OrderedItems .Section .SpektrixPage.AddCard [value=Continue]:focus,
.OrderedItems .Section .SpektrixPage.AddCard [value=Continue]:hover,
.SpektrixPage .Container a[id*=Delete]:focus,
.SpektrixPage .Container a[id*=Delete]:hover,
.SpektrixPage.AddCard .Checkout .SummaryView [value=Continue]:focus,
.SpektrixPage.AddCard .Checkout .SummaryView [value=Continue]:hover,
.SpektrixPage.AddCard .OrderedItems .Section [value=Continue]:focus,
.SpektrixPage.AddCard .OrderedItems .Section [value=Continue]:hover,
.SpektrixPage.AddCard .PreviousButton[value=Continue]:focus,
.SpektrixPage.AddCard .PreviousButton[value=Continue]:hover,
.SpektrixPage.AddCard input.Logout[value=Continue]:focus,
.SpektrixPage.AddCard input.Logout[value=Continue]:hover,
.spx-button-secondary__checkout.spx-intent-continue:focus,
.spx-button-secondary__checkout.spx-intent-continue:hover,
.spx-button-tertiary:focus,
.spx-button-tertiary:hover,
.spx-link__checkout--new-address:focus,
.spx-link__checkout--new-address:hover,
input.ItemDeleteButton:focus,
input.ItemDeleteButton:hover,
input.Logout.Button:focus,
input.Logout.Button:hover,
input[value=Delete]:focus,
input[value=Delete]:hover {
  -webkit-filter: hue-rotate(180);
          filter: hue-rotate(180);
  text-decoration: none !important;
}

.Items .Item .ViewDetails > a {
  font: 600 var(--scale, 1em) var(--copy, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  padding: .75rem 1rem;
  text-align: center;
  text-decoration: none;
  background: 0 0;
  color: currentColor;
  border: 0;
  border-radius: var(--border-radius);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.Items .Item .ViewDetails > a:focus,
.Items .Item .ViewDetails > a:hover {
  text-decoration: underline;
}

.EventsList a.More_Info,
.spx-button-tertiary__checkout--credit {
  text-indent: -9999px;
  margin: auto;
  padding: .25rem;
  background-color: transparent;
}

.EventsList a.More_Info:hover,
.spx-button-tertiary__checkout--credit:hover {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.EventsList a.More_Info:after,
.spx-button-tertiary__checkout--credit:after {
  float: right;
  display: inline-block;
  text-indent: 0;
  height: 2rem;
  content: '';
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='18' xmlns='http://www.w3.org/2000/svg'><g stroke='%23fff' stroke-width='3' fill='none' fill-rule='evenodd' stroke-linecap='square'><path d='M2.41 2.82l6.958 6.548M2.615 16.566l6.77-7.18'/></g></svg>");
  background-repeat: no-repeat;
  background-position: 60% center;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#ctl00_ContentPlaceHolder_ChangeMySeatsLink,
.Basket2 .Item .Buttons > *,
.Button.FindAddressButton,
.ChooseSeats .BestAvailableLink a,
.Event a.FindAddressButton.More_Info,
.Items .Item .ViewDetails > a,
.MyAccount .Container.Address a.FindAddressButton,
.MyAccount a.FindAddressButton.NewAddress,
.MyPaymentCards input[value=Delete],
.SelectSeatsLink #ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLink,
.SpektrixPage.AddCard .FindAddressButton[value=Continue],
.SpektrixPage.Multibuypage .Event .More_Info,
.spx-button-tertiary__checkout--new-address,
.spx-link__checkout--new-address,
.spx-state-editable a.spx-link-edit.spx-link-edit__checkout.spx-link-edit__checkout--order-summary,
h1.MyAccountHeading + .Buttons {
  padding: .75rem .95rem;
  font-size: .8rem;
}

#ctl00_ContentPlaceHolder_LogOutButton:hover {
  background-color: #e64545;
}

#ctl00_ContentPlaceHolder_EditContactPreferences {
  background-color: #4CB9A0;
}

#ctl00_ContentPlaceHolder_EditContactPreferences:hover {
  background-color: #248181;
}

.AddGiftVoucher.SpektrixPage .AddGiftVoucherBlurb h2,
.ChooseSeats.SpektrixPage .Event.EventDetails .EventName,
.Confirmation.SpektrixPage table .PricesHeading,
.Details table .PricesHeading,
.Error.SpektrixPage:before,
.EventsCalendar .CalendarDate,
.PriceListTable .PricesHeading,
.PricesHeading,
.spx-heading-headline,
.spx-heading-sub-headline,
.spx-heading-title,
.spx-heading-titlecheckout--additional-details,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
  font-weight: 700;
}

.AddGiftVoucher.SpektrixPage .AddGiftVoucherBlurb h2,
.ChooseSeats.SpektrixPage .Event.EventDetails .EventName,
.Confirmation.SpektrixPage table .PricesHeading,
.Details table .PricesHeading,
.Error.SpektrixPage:before,
.EventsCalendar .CalendarDate,
.PriceListTable .PricesHeading,
.PricesHeading,
.spx-heading-titlecheckout--additional-details,
h1 {
  font-size: 2.3rem;
  margin-top: .5em;
  font-weight: 700;
}

@media (max-width: 37.5em) {
  .AddGiftVoucher.SpektrixPage .AddGiftVoucherBlurb h2,
  .ChooseSeats.SpektrixPage .Event.EventDetails .EventName,
  .Confirmation.SpektrixPage table .PricesHeading,
  .Details table .PricesHeading,
  .Error.SpektrixPage:before,
  .EventsCalendar .CalendarDate,
  .PriceListTable .PricesHeading,
  .PricesHeading,
  .spx-heading-titlecheckout--additional-details,
  h1 {
    font-size: 32px;
    margin-top: .5em;
    margin-bottom: 0;
  }
}

.ChangePassword.SpektrixPage .Comment,
.EditTickets th,
.LoginLogout.SpektrixPage .OptionalMessage,
.SpektrixPage.ForgotPassword .OptionalMessage,
.spx-intent-distinguishable.spx-data-delivery-unavailable-reason,
.spx-list-item__checkout--ticket-summary .spx-data-event-confirmation-text,
.spx-wikitext-container,
.spx-wikitext-container__checkout--start-checkout {
  font-size: 14.5px;
}

h3.AccountPreferencesHeading {
  font-size: 1em !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  text-transform: initial !important;
}

.Input_Text,
.InstanceCalendar,
.MoneyTextBox,
[type=email],
[type=number],
[type=password],
[type=tel],
[type=text],
select,
textarea {
  min-width: 48px;
  font-size: 1rem;
  height: 2.5rem;
  padding: .25rem .6666666667rem;
  margin-bottom: 1rem;
  background-color: var(--background);
  color: var(--foreground);
  border: var(--default-border);
  border-radius: var(--border-radius);
  -webkit-box-shadow: inset 0 1px 1px 0 transparent;
          box-shadow: inset 0 1px 1px 0 transparent;
  -webkit-transition: .3s;
  transition: .3s;
}

.Input_Text:focus,
.InstanceCalendar:focus,
.MoneyTextBox:focus,
[type=email]:focus,
[type=number]:focus,
[type=password]:focus,
[type=tel]:focus,
[type=text]:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: inset 0 -1px 0 0 #1a6c80;
          box-shadow: inset 0 -1px 0 0 #1a6c80;
  -webkit-box-shadow: inset 0 -1px 0 0 var(--primary);
          box-shadow: inset 0 -1px 0 0 var(--primary);
  border-bottom-color: #1a6c80;
  border-bottom-color: var(--primary);
  outline: 0;
}

.Input_Text[disabled],
.InstanceCalendar[disabled],
.MoneyTextBox[disabled],
[disabled][type=email],
[disabled][type=number],
[disabled][type=password],
[disabled][type=tel],
[disabled][type=text],
select[disabled],
textarea[disabled] {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--tertiary);
}

.Link,
a:link {
  color: #000;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  text-decoration: none;
}

.Link:active,
.Link:focus,
.Link:hover,
a:active:link,
a:focus:link,
a:hover:link {
  color: #e64545;
  text-decoration: underline;
}

.Link:visited,
a:visited:link {
  color: #000;
  color: var(--brand-inactive);
}

.Options,
.Progress {
  text-transform: uppercase;
  margin: auto auto 1rem auto;
  height: auto;
  max-width: 100vw;
  overflow-y: hidden;
  max-height: 40em;
}

.Options li,
.Options ol,
.Options ul,
.Progress li,
.Progress ol,
.Progress ul {
  list-style: none;
  margin-left: 0;
  padding: 0 .25rem;
}

.Options li a,
.Progress li a {
  padding: .15rem 0;
}

.Options li a:hover,
.Progress li a:hover {
  color: var(--foreground);
}

.Options a,
.Options span,
.Progress a,
.Progress span {
  display: block;
  padding: .5rem;
  width: 100%;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  text-transform: none;
}

.Options .Current,
.Options .Current > *,
.Options .Selected,
.Options a span,
.Progress .Current,
.Progress .Current > *,
.Progress .Selected,
.Progress a span {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
  white-space: nowrap !important;
}

.Options .Current span span,
.Options a span,
.Options span span,
.Progress .Current span span,
.Progress a span,
.Progress span span {
  display: inline;
  padding: 0;
}

.Options a:active,
.Options a:focus,
.Options:active a,
.Progress a:active,
.Progress a:focus,
.Progress:active a {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
  white-space: nowrap;
}

.Options a:active,
.Options a:focus,
.Progress a:active,
.Progress a:focus {
  color: var(--brand-color);
  color: var(--background);
  border-radius: .25em;
  outline: 0;
}

.Options b,
.Progress b {
  text-decoration: underline;
}

.Options .Done,
.Progress .Done {
  color: var(--brand-inactive);
}

.Options .Current,
.Progress .Current {
  color: var(--brand-color);
  font-weight: 700;
}

.Options .Selected,
.Progress .Selected {
  color: var(--foreground);
  font-weight: 700;
}

.Options .NotDone,
.Progress .NotDone {
  color: var(--foreground);
}

.Options a:visited,
.Progress a:visited {
  color: #e64545;
}

@media (max-width: 64em) {
  .Options,
  .Progress {
    border: var(--default-border);
    max-width: 100%;
    background-image: url("data:image/svg+xml;utf8,<svg width='15' height='9' xmlns='http://www.w3.org/2000/svg'><path d='M1.758 0L7.5 5.582 13.242 0 15 1.709 7.5 9 0 1.709z' fill='%23999' fill-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position: top 1.5rem right 1rem;
    padding-right: 2em;
    margin-left: 0;
  }
  .Options,
  .Options span,
  .Progress,
  .Progress span {
    cursor: pointer;
  }
}

@media (min-width: 64em) {
  .Options:before,
  .Progress:before {
    content: ' ';
    display: none;
  }
  .Options .Options div,
  .Options a,
  .Options li,
  .Options span,
  .Options span span,
  .Progress .Options div,
  .Progress a,
  .Progress li,
  .Progress span,
  .Progress span span {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto;
    white-space: nowrap !important;
  }
  .Options a,
  .Options span.NotDone,
  .Progress a,
  .Progress span.NotDone {
    padding-right: 20px;
  }
}

.Error .DetailsContainer:not(:empty),
.ErrorMessage:not(:empty),
.InfoMessage:not(:empty) {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16em;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  position: fixed;
  right: 0;
  top: 2rem;
  z-index: 50;
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  background-color: var(--foreground);
  color: var(--background);
  padding: 1em;
  -webkit-animation: toast 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: toast 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.Error .DetailsContainer:not(:empty) a,
.Error .DetailsContainer:not(:empty) > span,
.ErrorMessage:not(:empty) a,
.ErrorMessage:not(:empty) > span,
.InfoMessage:not(:empty) a,
.InfoMessage:not(:empty) > span {
  color: #fff !important;
}

.Error .DetailsContainer:not(:empty) a,
.Error .DetailsContainer:not(:empty) a:hover,
.Error .DetailsContainer:not(:empty) a:link,
.Error .DetailsContainer:not(:empty) a:visited,
.ErrorMessage:not(:empty) a,
.ErrorMessage:not(:empty) a:hover,
.ErrorMessage:not(:empty) a:link,
.ErrorMessage:not(:empty) a:visited,
.InfoMessage:not(:empty) a,
.InfoMessage:not(:empty) a:hover,
.InfoMessage:not(:empty) a:link,
.InfoMessage:not(:empty) a:visited {
  color: #fff !important;
  text-decoration: underline;
}

.Error .DetailsContainer:not(:empty) > button.notification,
.ErrorMessage:not(:empty) > button.notification,
.InfoMessage:not(:empty) > button.notification {
  top: 0;
  right: 0;
  border: none;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 30px;
  height: 20px;
}

.Error .DetailsContainer:not(:empty) > button.notification .bar,
.ErrorMessage:not(:empty) > button.notification .bar,
.InfoMessage:not(:empty) > button.notification .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: var(--background);
}

.Error .DetailsContainer:not(:empty) > button.notification .bar.two,
.ErrorMessage:not(:empty) > button.notification .bar.two,
.InfoMessage:not(:empty) > button.notification .bar.two {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.Error .DetailsContainer:not(:empty) > button.notification:hover,
.ErrorMessage:not(:empty) > button.notification:hover,
.InfoMessage:not(:empty) > button.notification:hover {
  background: 0 0 !important;
}

.InfoMessage:not(:empty) {
  background-color: var(--positive);
}

.Error .DetailsContainer:not(:empty),
.ErrorMessage:not(:empty) {
  background-color: negative;
  background-color: var(--negative) !important;
  bottom: 0;
}

.SpektrixPage.Merchandise,
p.SpektrixPage.Offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

.Merchandise .Header,
p.Offer .Header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.Merchandise:not(.SpektrixPage):not(.Caption),
p.Offer:not(.SpektrixPage):not(.Caption) {
  position: relative;
  margin: 1rem 1rem 1rem 0;
  padding: 1rem;
  min-width: calc((100% /3) - 2rem);
  border: var(--default-border);
}

@media (min-width: 70em) {
  .Merchandise:not(.SpektrixPage):not(.Caption),
  p.Offer:not(.SpektrixPage):not(.Caption) {
    width: calc(50% - 2rem);
  }
}

@media (max-width: 37.5em) {
  .Merchandise:not(.SpektrixPage):not(.Caption),
  p.Offer:not(.SpektrixPage):not(.Caption) {
    width: 100%;
    margin: 1rem auto;
  }
}

@media (max-width: 37.5em) {
  .Merchandise:not(.SpektrixPage):not(.Caption),
  p.Offer:not(.SpektrixPage):not(.Caption) {
    margin: 1rem 0;
  }
}

.Merchandise .WikiText > div,
p.Offer .WikiText > div {
  position: relative;
}

.Merchandise .WikiText img,
p.Offer .WikiText img {
  width: 100%;
  height: auto;
  margin: 0 0 1rem 0;
}

.Merchandise .Details .Footer,
p.Offer .Details .Footer {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}

.Merchandise .Details .Value,
p.Offer .Details .Value {
  font-weight: 700;
  font-size: 1.25rem;
  display: inline-block;
  margin-top: 1rem;
}

.Merchandise .Details .Footer input[type=submit],
p.Offer .Details .Footer input[type=submit] {
  float: right;
  margin: 1rem 0 0 1rem;
}

@media (min-width: 50em) {
  .Merchandise,
  .SpektrixPage.Merchandise,
  p.Offer,
  p.SpektrixPage.Offer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .Merchandise .WikiText,
  p.Offer .WikiText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .Merchandise .WikiText img,
  p.Offer .WikiText img {
    width: 33%;
    max-width: 600px;
    float: left;
    margin: 0 1rem 1rem 0;
  }
}

.Merchandise img ~ span br,
p.Offer img ~ span br {
  display: none;
}

.Merchandise h2 ~ span br,
p.Offer h2 ~ span br {
  display: block;
}

.Confirmation.SpektrixPage table .PricesHeading,
.Details table .PricesHeading,
.PriceListTable .PricesHeading {
  font-size: 1.5rem;
}

.Confirmation.SpektrixPage table,
.Confirmation.SpektrixPage table table,
.Details table,
.Details table table,
.PriceListTable table,
table.PriceListTable {
  width: 100%;
  border-collapse: collapse;
}

.Confirmation.SpektrixPage table thead,
.Confirmation.SpektrixPage table tr,
.Details table thead,
.Details table tr,
.PriceListTable thead,
.PriceListTable tr {
  border-bottom: 1px solid;
  border-bottom: var(--default-border);
  margin-bottom: .5rem;
}

.Confirmation.SpektrixPage table th,
.Details table th,
.PriceListTable th {
  text-align: left;
}

.Confirmation.SpektrixPage table td,
.Details table td,
.PriceListTable td {
  padding: 1rem 0;
}

.Confirmation.SpektrixPage table .PriceBand .ImageIcon,
.Details table .PriceBand .ImageIcon,
.PriceListTable .PriceBand .ImageIcon {
  margin-right: .25em;
}

@media (max-width: 37.5em) {
  .Confirmation.SpektrixPage table,
  .Confirmation.SpektrixPage table table,
  .Confirmation.SpektrixPage table td,
  .Details table,
  .Details table table,
  .Details table td,
  .PriceListTable table,
  .PriceListTable td,
  table.PriceListTable {
    display: block;
    max-width: 100vw;
    width: 100vw;
    table-layout: auto;
  }
}

@-webkit-keyframes toast {
  0% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  }
}

@keyframes toast {
  0% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  }
}

.AreaLink {
  background: var(--primary);
  color: var(--background);
}

.AddCard [value=Continue],
.BackButton,
.Buttons a[href*=whats-on],
.ContinueShopping a,
input[value=Previous] {
  float: left;
}

.Buttons {
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  text-align: right;
  position: relative;
  overflow: hidden;
}

.Buttons a:link,
.Buttons a:visited {
  color: var(--background);
}

.Comment {
  display: block;
  font-style: italic;
  color: var(--secondary);
}

.Container + .Comment {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin-top: -2rem;
}

.Container input + .Comment {
  margin-top: -.75rem;
}

.Container {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: var(--container-margin);
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
}

@media (max-width: 37.5em) {
  .Details tr:first-of-type {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: 1rem 1rem 1rem 0;
    padding: 1rem;
    min-width: calc((100% /3) - 2rem);
    border: var(--default-border);
  }
}

@media (max-width: 37.5em) and (min-width: 70em) {
  .Details tr:first-of-type {
    width: calc(50% - 2rem);
  }
}

@media (max-width: 37.5em) and (max-width: 37.5em) {
  .Details tr:first-of-type {
    width: 100%;
    margin: 1rem auto;
  }
}

.Event {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  border-bottom: var(--default-border);
  padding: 1rem 0;
}

.Event:after {
  clear: both;
  content: '';
  display: table;
}

.Event_Image {
  display: inline-block;
  padding: 0 1rem 1rem 0;
  width: 33%;
  height: auto;
  min-height: 48px;
  margin-top: .375rem;
}

.Event_Text {
  width: 66%;
  float: right;
  padding: 0 0 0 1rem;
  margin-bottom: 1rem;
}

.Event_Text h1 {
  font-size: 1.5rem;
}

.EventName,
.Event_Name {
  display: block;
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.Event_Dates {
  display: block;
  margin: 40px 0 1rem;
  font-size: 14px;
}

.Event a.More_Info {
  display: inline-block;
  float: right;
  margin: 1rem 0 0 1rem;
}

@media (max-width: 37.5em) {
  .Event_Image,
  .Event_Text {
    float: none;
    width: 100%;
    min-height: auto;
    background: 0 0;
  }
}

.ExtraDiv1 {
  margin: 1rem auto;
}

.Spektrix .RedeemVoucher {
  border: var(--default-border);
  border-radius: var(--border-radius);
  background-color: var(--block-background);
  padding: 1rem;
  overflow: hidden;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row-wrap;
          flex-flow: row-wrap;
}

.Spektrix .RedeemVoucher .RedeemVoucherInformation {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.Spektrix .RedeemVoucher .VoucherCodeInput {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.Event .Spektrix .RedeemVoucher a.More_Info,
.MyAccount .Container.Address .Spektrix .RedeemVoucher a,
.MyAccount .Spektrix .RedeemVoucher a.NewAddress,
.Spektrix .RedeemVoucher .Button,
.Spektrix .RedeemVoucher .Event a.More_Info,
.Spektrix .RedeemVoucher .MyAccount .Container.Address a,
.Spektrix .RedeemVoucher .MyAccount a.NewAddress,
.Spektrix .RedeemVoucher .SpektrixPage.AddCard [value=Continue],
.SpektrixPage.AddCard .Spektrix .RedeemVoucher [value=Continue] {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-left: .25em;
}

@media (max-width: 37.5em) {
  .Event .Spektrix .RedeemVoucher a.More_Info,
  .MyAccount .Container.Address .Spektrix .RedeemVoucher a,
  .MyAccount .Spektrix .RedeemVoucher a.NewAddress,
  .Spektrix .RedeemVoucher .Button,
  .Spektrix .RedeemVoucher .Event a.More_Info,
  .Spektrix .RedeemVoucher .MyAccount .Container.Address a,
  .Spektrix .RedeemVoucher .MyAccount a.NewAddress,
  .Spektrix .RedeemVoucher .SpektrixPage.AddCard [value=Continue],
  .SpektrixPage.AddCard .Spektrix .RedeemVoucher [value=Continue] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.Input_Checkbox label {
  margin-left: .25em;
}

.Input_Text {
  width: 100%;
}

.InstanceCalendar {
  width: 285px;
  margin: 1rem 0;
  margin-left: var(--container-margin);
  padding-top: 6px;
  display: block;
}

.DropDownCalendar .DropDownSection {
  border: var(--default-border);
  width: 285px;
}

.DropDownCalendar .CalendarButton {
  background-image: url("data:image/svg+xml;utf8,<svg width='15' height='9' xmlns='http://www.w3.org/2000/svg'><path d='M1.758 0L7.5 5.582 13.242 0 15 1.709 7.5 9 0 1.709z' fill='%23999' fill-rule='evenodd'/></svg>");
}

.SpektrixPage .InstanceCalendar .CurrentDate {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  margin: 0 10px 0 7px;
}

.SpektrixPage .InstanceCalendar .NextPreviousButton {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 26px;
  border: none;
  padding: 0;
}

.SpektrixPage .InstanceCalendar .PreviousShowingButton {
  background: transparent url("data:image/svg+xml;utf8,<svg width='15' height='9' xmlns='http://www.w3.org/2000/svg'><path d='M1.758 0L7.5 5.582 13.242 0 15 1.709 7.5 9 0 1.709z' fill='%23999' fill-rule='evenodd' transform='rotate(90 7.5 4.5)'/></svg>") center center no-repeat;
  margin-right: 0;
}

.SpektrixPage .InstanceCalendar .NextShowingButton {
  background: transparent url("data:image/svg+xml;utf8,<svg width='15' height='9' xmlns='http://www.w3.org/2000/svg'><path d='M1.758 0L7.5 5.582 13.242 0 15 1.709 7.5 9 0 1.709z' fill='%23999' fill-rule='evenodd' transform='rotate(-90 7.5 4.5)'/></svg>") center center no-repeat;
  margin-left: -10px;
}

.InstanceCalendar .NextShowingButton.Disabled,
.InstanceCalendar .PreviousShowingButton.Disabled {
  opacity: .2;
}

.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell.SeatsAvailableOnline {
  color: var(--brand-color);
}

.help-link {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  display: block;
  text-align: center;
  margin: 1rem auto;
}

.ErrorMessage,
.InfoMessage,
.OptionalMessage {
  display: block;
  margin: 1rem auto;
}

.ErrorMessage:empty,
.InfoMessage:empty,
.OptionalMessage:empty {
  margin: 0;
  display: inline;
  padding: 0;
}

.help-link {
  text-align: var(--alignment);
  margin: var(--container-margin);
}

.MonthList.Options li:first-child a,
ul.showLocationBar.MonthList li a {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
  padding: .5rem;
}

@media (min-width: 64em) {
  .MonthList.Options li a {
    padding: .5rem;
  }
}

@media (max-width: 64em) {
  .MonthList.Options li a:focus {
    margin-left: .5rem;
  }
  .MonthList.Options a.Selected:not(:focus) {
    padding-left: .5rem;
  }
}

.MoneyTextBox {
  width: 4em;
}

.Options ul {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.Options:hover a,
.Options:hover div,
.Options:hover li,
.Options:hover span {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

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

.PagerButton,
.PagerButton:visited {
  background: var(--background);
  border: var(--default-border);
  border-color: var(--brand-color);
}

.PagerButton:focus,
.PagerButton:hover {
  color: var(--background);
}

.Progress {
  border-left: none;
  border-right: none;
  background-image: none;
}

.Progress ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}

.Progress li {
  padding: 0 .5rem;
}

.Progress span {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

@media (max-width: 37.5em) {
  .Progress a,
  .Progress span {
    display: block;
    padding: .5rem;
    width: 100%;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .Progress .Current,
  .Progress .Current span span,
  .Progress .Current > *,
  .Progress .Selected,
  .Progress a span,
  .Progress span span {
    display: inline;
    padding: 0;
  }
  .Progress a:active,
  .Progress a:focus,
  .Progress:active a,
  .Progress:hover a,
  .Progress:hover span {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto;
  }
  .Progress ol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .Progress {
    border: var(--default-border);
    background-image: url("data:image/svg+xml;utf8,<svg width='15' height='9' xmlns='http://www.w3.org/2000/svg'><path d='M1.758 0L7.5 5.582 13.242 0 15 1.709 7.5 9 0 1.709z' fill='%23999' fill-rule='evenodd'/></svg>");
  }
}

.Savings,
.SpektrixPage.Multibuypage .Multibuypage .NumberRequireExtraEvents,
.SpektrixPage.Multibuypage .Multibuypage .OfferDescriptionAndLink {
  border: var(--default-border);
  border-radius: var(--border-radius);
  background-color: var(--block-background);
  padding: 1rem;
  overflow: hidden;
  display: flow-root;
  z-index: 5;
}

.Savings ul,
.SpektrixPage.Multibuypage .Multibuypage .NumberRequireExtraEvents ul,
.SpektrixPage.Multibuypage .Multibuypage .OfferDescriptionAndLink ul {
  margin-left: 0;
  padding-left: 0;
}

.Savings ul li,
.SpektrixPage.Multibuypage .Multibuypage .NumberRequireExtraEvents ul li,
.SpektrixPage.Multibuypage .Multibuypage .OfferDescriptionAndLink ul li {
  list-style: none;
  padding: .375rem;
  padding-left: 0;
  color: var(--secondary);
}

.SpektrixFooter {
  display: none;
  text-align: center;
  margin: 4rem calc(50% - 100px) 0;
}

.SpektrixFooter .SpektrixFooterFixed {
  bottom: -4rem;
}

@media (max-width: 37.5em) {
  .SpektrixPage {
    max-width: 100vw;
    overflow-y: auto;
  }
}

.SpektrixPage h1 {
  color: #e64545 !important;
}

.spx-wikitext-container h1 {
  font-size: 1.1rem;
  margin-bottom: 0;
}

.spx-wikitext-container a {
  color: var(--brand-color);
}

.left {
  display: block;
  padding-bottom: .25rem;
}

label:not([class]) {
  min-width: 48px;
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
  display: inline-block;
}

[type=checkbox] + label {
  display: inline;
}

[disabled=disabled] + label,
input[disabled=disabled] {
  cursor: not-allowed;
  opacity: .5;
}

input[type=radio] {
  min-width: auto;
}

input[type=radio] + label {
  margin-bottom: 1rem;
  margin-top: .5rem;
}

.right {
  color: #683232;
  text-align: right;
  font-size: smaller;
  display: block;
  margin: -1rem 0 1rem;
  padding-top: .25em;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
  min-width: 48px;
  min-width: 5rem;
  border-radius: var(--border-radius);
  background-image: url("data:image/svg+xml;utf8,<svg width='15' height='9' xmlns='http://www.w3.org/2000/svg'><path d='M1.758 0L7.5 5.582 13.242 0 15 1.709 7.5 9 0 1.709z' fill='%23999' fill-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center;
  padding-right: 2em;
  padding-left: .5em;
}

option {
  padding-right: 1rem;
}

textarea.Input_Text {
  width: 100%;
  min-width: 48px;
  min-height: 12em;
}

.right + .ValidationError {
  display: block;
  margin-top: -3rem;
  margin-right: 20px;
}

.LoginForm .ValidationError {
  margin-top: -2rem;
}

.spx-validation-field-error {
  margin-top: -.5rem;
}

.ValidationError,
.spx-validation-field-error {
  color: red;
  color: var(--negative);
  font-size: .8rem;
  font-weight: 700;
}

.DateToSend input {
  min-width: 8ch !important;
}

.Membership {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: var(--container-margin);
  margin-top: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #a2a2a2;
  border-bottom: var(--default-border, 1px solid #a2a2a2);
}

.Membership .Details ul {
  padding-left: 0;
  margin-left: 0;
}

.Membership .Details li {
  list-style: none;
  margin-bottom: 1rem;
}

#ctl00_ContentPlaceHolder_EmptyPanel {
  border: var(--default-border);
  margin: 0 0 1rem;
  padding: 5rem 2rem;
  text-align: center;
}

.AddGiftVoucher.SpektrixPage {
  --box:30rem
   ;
}

.AddGiftVoucher.SpektrixPage .AddGiftVoucherBlurb {
  max-width: 100%;
  text-align: center;
  text-align: var(--alignment);
  margin: var(--container-margin);
}

.AddGiftVoucher.SpektrixPage .Buttons,
.AddGiftVoucher.SpektrixPage .Comment.AddAnotherVoucherText,
.AddGiftVoucher.SpektrixPage .Container {
  margin: 0;
  margin: var(--container-margin);
}

.AddGiftVoucher.SpektrixPage .Amount .left + span {
  position: absolute;
  top: 1.75rem;
  left: .75rem;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--tertiary);
}

.AddGiftVoucher.SpektrixPage .Amount input {
  padding-left: 1.375em;
  margin-left: -.275rem;
  width: 10em;
}

.AddGiftVoucher.SpektrixPage .GiftType select {
  width: 100%;
}

.AddGiftVoucher.SpektrixPage .Container.RedeemGiftLink {
  margin-bottom: 1em;
}

.SpektrixPage.Multibuypage .Multibuypage .NumberRequireExtraEvents,
.SpektrixPage.Multibuypage .Multibuypage .OfferDescriptionAndLink {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: var(--container-margin);
}

.SpektrixPage.Multibuypage .Multibuypage .OfferDescriptionAndLink {
  margin-bottom: 1rem;
}

.SpektrixPage.Multibuypage .Event {
  border-bottom: 0;
  float: left;
  margin-right: 5%;
}

@media (min-width: 54em) {
  .SpektrixPage.Multibuypage .Event {
    max-width: 30%;
  }
  .SpektrixPage.Multibuypage .Event:nth-child(3n+0) {
    margin-right: 0;
  }
  .SpektrixPage.Multibuypage .Event:nth-child(3n+1) {
    clear: left;
  }
}

@media (max-width: 54em) {
  .SpektrixPage.Multibuypage .Event {
    max-width: 45%;
  }
  .SpektrixPage.Multibuypage .Event:nth-child(2n+0) {
    margin-right: 0;
  }
  .SpektrixPage.Multibuypage .Event:nth-child(2n+1) {
    clear: left;
  }
}

@media (max-width: 28em) {
  .SpektrixPage.Multibuypage .Event {
    max-width: 100%;
    margin-right: 0;
  }
}

.SpektrixPage.Multibuypage .Event .Event_Image,
.SpektrixPage.Multibuypage .Event .Event_Text {
  width: 100%;
  padding: 0;
}

.SpektrixPage.Multibuypage .Event .Event_Image {
  margin: 0;
  margin-bottom: 1rem !important;
}

.SpektrixPage.Multibuypage .Event .Event_Name {
  color: #000;
  margin-bottom: 20px;
  margin-top: 10px;
  line-height: 1.1;
}

.SpektrixPage.Multibuypage .Event .Event_Name:hover {
  color: #e64545;
  text-decoration: none;
}

.SpektrixPage.Multibuypage .Event .More_Info {
  float: left;
  margin-left: 0;
  background: #e64545;
  margin-top: 0;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.SpektrixPage.Multibuypage .Event .More_Info:hover {
  color: #fff;
  background: #000;
}

.SpektrixPage.Multibuypage .Event .Event_Image {
  margin-bottom: 10px;
}

.SpektrixPage.Multibuypage .Buttons {
  float: right;
  clear: both;
}

.EditTickets {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.EditTickets #ctl00_ContentPlaceHolder_ChangeMySeatsLink:hover {
  background-color: #e64545;
}

.EditTickets .Details {
  margin-top: 40px;
}

#ctl00_ContentPlaceHolder_BasketUpdate #ctl00_ContentPlaceHolder_CheckoutLink {
  background-color: #4CB9A0;
}

#ctl00_ContentPlaceHolder_BasketUpdate #ctl00_ContentPlaceHolder_CheckoutLink:hover {
  background-color: #000;
}

h1.EditTicketsHeading {
  margin-bottom: 0;
}

h1.EditTicketsHeading .EventName {
  font-size: 2rem;
  margin-bottom: 25px;
}

h2.EditTicketsHeading,
h2.EditTicketsHeading .EventName {
  font-size: 18px;
  margin-bottom: 0;
}

.EditTickets .Separator {
  display: none;
}

.EditTickets .Buttons {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: 1rem auto;
}

.EditTickets th {
  text-transform: uppercase;
  font-weight: bolder;
  padding-bottom: .25rem;
}

.EditTickets td {
  padding: 0 1rem;
}

.EditTickets .SeatName.Column {
  padding-right: .25em;
}

.EditTickets .Delete.Column {
  text-align: center;
}

.EditTickets .Type.Column select {
  margin-top: 1rem;
}

.EditTickets .Message {
  margin: 2rem 0;
  font-weight: 400;
}

@media (max-width: 37.5em) {
  .EditTickets .Details table {
    display: inline-table;
  }
  .EditTickets .Details td {
    display: inline-block;
    width: auto;
  }
  .EditTickets .Area.Column span {
    font-weight: 700;
    display: block;
    padding-right: 1em;
  }
  .EditTickets .Type.Column select {
    margin: .25em .25em 0;
    width: 100%;
  }
  .EditTickets td.Delete::after {
    content: "Delete";
    font-weight: 700;
    display: inline-block;
  }
  .EditTickets .Details table td {
    padding: .3rem;
  }
  .EditTickets .Details table td.Area.Column {
    padding-top: 1rem;
    width: 30%;
  }
  .EditTickets .Details table td.SeatName.Column {
    padding-top: 1rem;
    width: 70%;
  }
  .EditTickets .Details table td.Type.Column {
    width: 70%;
    padding-bottom: 1rem;
  }
  .EditTickets .Details table td.Delete.Column {
    width: 30%;
    padding-bottom: 1rem;
    text-align: right;
  }
}

.Confirmation.SpektrixPage table td,
.Details table td,
.PriceListTable td {
  padding: 0;
}

div.SpektrixPage p.Buttons {
  margin: var(--container-margin);
  margin-top: 1em;
}

.Donations input[value="Continue with donation"] {
  float: right;
  margin: auto .25em;
}

.Donations input[value="Continue without donating"] {
  float: left;
}

.FundContainer {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  padding: 1rem;
  border: var(--default-border);
  margin: var(--container-margin);
  margin-top: 1em;
}

.Donations .DonationsBlurb {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

input[type=number] {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}

@media (max-width: 320px) {
  .ContinueShopping,
  .ContinueShopping a {
    width: 100%;
  }
}

div.Offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

@media (min-width: 50em) {
  div.Offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  p.Offer {
    width: calc(50% - 2rem);
  }
}

.SpektrixPage.OfferDetails {
  border: var(--default-border);
  border-radius: var(--border-radius);
  background-color: var(--block-background);
  padding: 1rem;
  overflow: hidden;
}

.GiftAidDeclarationForm div {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.GiftAidTerms {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  color: var(--foreground);
  clear: both;
  margin-top: 1rem;
  font-size: .875rem;
}

@supports (display: grid) {
  .SpektrixPage.Basket2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(150px, 33%) 3rem minmax(150px, 33%) 3rem minmax(300px, 33%);
    grid-template-columns: minmax(150px, 33%) minmax(150px, 33%) minmax(300px, 33%);
    grid-gap: 0 3rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "header header header" "wikitext wikitext wikitext" "items items savings" "message message message" "checkout checkout blank";
  }
  .Basket2 > div {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: items;
  }
  .Basket2 .BasketHeading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: header;
  }
  div.BasketOwnerText {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: wikitext;
  }
  .Basket2 > .Buttons {
    margin-top: 1rem;
  }
}

.Basket2.SpektrixPage .Savings {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  --block-background:$background;
  width: initial;
  max-width: 100vw;
  float: none;
  grid-area: savings;
}

.Basket2 .OptionalMessage {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: message;
}

.Basket2.SpektrixPage > .Buttons {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: checkout;
  width: 100%;
  min-height: 3em;
}

.Basket2.SpektrixPage .ContinueShopping {
  grid-area: checkout-start;
}

@media (max-width: 48em) {
  .SpektrixPage.Basket2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "header" "wikitext" "items" "savings" "message" "continue" "checkout";
  }
  .Basket2.SpektrixPage .ContinueShopping {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    grid-area: continue;
  }
  .Basket2 > div {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .Basket2 .BasketHeading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  div.BasketOwnerText {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .Basket2.SpektrixPage .Savings {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .Basket2 .OptionalMessage {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .Basket2.SpektrixPage > .Buttons {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}

@media (max-width: 48em) {
  .Basket2.SpektrixPage .ContinueShopping {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }
}

@media (max-width: 48em) and (max-width: 320px) {
  .Basket2.SpektrixPage > .Buttons a {
    width: 100%;
    margin-bottom: .5rem;
  }
}

.Basket2 .PromoItems li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.Basket2 .PromoItems li .AddButton {
  margin-left: auto;
}

.Basket2 .Items dd.Item.Merchandise,
.Basket2 .Items dt.Item.Merchandise {
  width: 100%;
  padding: 0;
  margin: auto;
  border: 0;
}

.Basket2 .EmptyDiv {
  display: none;
}

.Event_Image img {
  max-width: 100% !important;
}

.SupplementaryEventDiv {
  overflow: hidden;
  margin-top: 2rem;
}

.SupplementaryEventDiv .Event_Text {
  width: 100%;
  padding: 0;
}

@media (min-width: 50em) {
  .SupplementaryEventDiv {
    position: relative;
    padding-left: 30% !important;
  }
  .SupplementaryEventDiv img {
    position: absolute;
    left: 0;
    max-width: 25%;
  }
}

@media (max-width: 37.5em) {
  .SupplementaryEventDiv img {
    max-width: 100%;
  }
}

.SupplementaryEventDiv .Container.TicketType {
  text-align: right;
  white-space: nowrap;
}

.SupplementaryEventDiv .Container.TicketType input[type=tel] {
  width: 70px;
  margin-left: 10px;
}

.SupplementaryEventDiv .Container.TicketType input[type=submit] {
  margin-left: -5px;
  vertical-align: 1px;
}

.SupplementaryEventsPage #ctl00_ContentPlaceHolder_ContinueToBasketButton {
  float: right;
}

.Basket2 .Items .Buttons > * {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

@media (min-width: 64em) {
  .Basket2 .Savings {
    width: 33%;
    float: right;
    margin: 0 0 1rem 1rem;
  }
}

.Items .Header {
  display: none;
}

.Items dt.Item {
  font-weight: 700;
  font-size: 1.1rem;
  min-height: 48px;
  margin-top: 15px;
}

.Basket2 .Items dd.Item {
  margin-top: 0;
  padding-bottom: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 9rem 1fr 12rem;
  grid-template-columns: 9rem 1fr 12rem;
      grid-template-areas: "Details Details Details" "Buttons ViewDetails Breakdown";
}

.Basket2 .Items dd.Item span {
  font-weight: 400;
  display: block;
}

.Basket2 .Items dd.Item .Details {
  margin-top: .25rem;
  margin-bottom: 30px;
}

@media (max-width: 380px) {
  .Basket2 .Items dd.Item {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "Details Details" "Buttons Breakdown" "ViewDetails ViewDetails";
  }
}

.Item .Details {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: Details;
}

.Item .ViewDetails {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: ViewDetails;
}

.Item .Breakdown {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: Breakdown;
}

.Item .Buttons {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: Buttons;
}

.Item.Donation p {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: Details;
}

.Item.Donation .Buttons {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: Buttons;
}

.Basket2 .Item p.Buttons,
.Basket2 .Item p.ViewDetails {
  margin-top: 0;
  text-align: left;
  margin-bottom: 0;
}

.Basket2 .Item ul.Breakdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  margin-top: 0;
  -ms-flex-item-align: center;
      align-self: center;
}

.Basket2 .Item ul.Breakdown li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.Basket2 .Item ul.Breakdown li .Label {
  padding-bottom: 0;
  display: none;
}

.Basket2 .Item ul.Breakdown .Quantity:before {
  content: 'Qty';
}

.Basket2 .Item ul.Breakdown .Quantity {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.Basket2 .Item ul.Breakdown .Commission {
  display: none;
}

.Basket2 .Item ul.Breakdown .Saving {
  width: 120px;
  position: absolute;
  top: -1.4rem;
  right: 0;
  text-align: right;
  font-size: .85rem;
  font-weight: 700;
  color: var(--foreground);
  background: var(--background);
}

.Basket2 .Item ul.Breakdown .Saving:before {
  content: 'You save';
}

.Basket2 .Item ul.Breakdown .Saving span {
  font-weight: bolder;
}

@media (max-width: 37.5em) {
  .Basket2 .Item ul.Breakdown .Saving {
    top: 2rem;
    right: 0;
    left: auto;
  }
}

dt.Item.Donation {
  margin-top: 2rem;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

dd.Item.Donation {
  border-top: var(--default-border);
}

.Item.Membership p:first-child {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: ViewDetails;
}

@media (max-width: 380px) {
  .Item .Details {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .Item .ViewDetails {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .Item .Breakdown {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .Item .Buttons {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .Item.Donation p {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .Item.Donation .Buttons {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .Item.Membership p:first-child {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

.Items dd,
.Items ul {
  margin-left: 0;
  padding-left: 0;
}

.Items dd {
  border-bottom: var(--default-border);
}

.Basket2 .Breakdown,
.Basket2 .ViewDetails,
.Items .Breakdown li {
  list-style: none;
  display: inline-block;
}

.Basket2 .Item span {
  display: inline-block;
  font-weight: 700;
}

.Basket2 .Item .Label {
  font-weight: 400;
}

.Basket2 .Item .Total {
  text-align: right;
}

dt.Footer {
  display: none;
}

dd.Footer ul.Breakdown {
  display: block;
  margin-top: 0;
  text-align: right;
}

dd.Footer ul.Breakdown li {
  display: block;
  padding: .2rem 0;
}

dd.Footer ul.Breakdown li .Value {
  min-width: 7rem;
  display: inline-block;
}

.Basket2 .Items + .OptionalMessage,
.OptionalMessage {
  max-width: 100%;
  max-width: 100%;
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: var(--container-margin);
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  text-align: var(--alignment);
}

.BeingPlacedInAQueue,
.EstimatedWaitWrapper,
.NextUpdateWrapper,
.QueuePosition,
.QueueingPageWikiTextViewer {
  text-align: center;
  text-align: var(--alignment);
  padding: 0;
  margin: 0;
}

.ProgressBarWrapper {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  --box:30rem;
  height: 1em;
  background: brand-active;
  background: var(--brand-active) !important;
  border: 1px inset rgba(0, 0, 0, 0.5);
  overflow: hidden;
  border-radius: 3px;
  margin: 2rem;
  margin-left: var(--container-margin);
}

.ProgressBarWrapper .ProgressBarProgress {
  background-color: brand-color;
  background-color: var(--brand-color) !important;
  height: 1em !important;
  background-size: 2em 2em;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-animation: animate-stripes 2s linear infinite;
          animation: animate-stripes 2s linear infinite;
}

@-webkit-keyframes animate-stripes {
  0% {
    background-position: 2em 0;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes animate-stripes {
  0% {
    background-position: 2em 0;
  }
  100% {
    background-position: 0 0;
  }
}

@-webkit-keyframes animate-width {
  0% {
    width: inherit;
  }
  50% {
    width: 100%;
  }
  100% {
    width: inherit;
  }
}

@keyframes animate-width {
  0% {
    width: inherit;
  }
  50% {
    width: 100%;
  }
  100% {
    width: inherit;
  }
}

.Checkout .BillingView {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.AddressList,
.Checkout .BillingView .AddressPicker {
  margin: auto;
  margin-left: 0;
  padding-left: 0;
  float: none;
}

.AddressList li {
  list-style: none;
  margin: 1rem 1rem 1rem 0;
  padding: 1rem;
  min-width: calc((100% /3) - 2rem);
  border: var(--default-border);
  border: var(--default-border);
  margin: 0;
  margin-bottom: 1rem;
  overflow: hidden;
}

@media (min-width: 70em) {
  .AddressList li {
    width: calc(50% - 2rem);
  }
}

@media (max-width: 37.5em) {
  .AddressList li {
    width: 100%;
    margin: 1rem auto;
  }
}

.AddressList .Button,
.AddressList .Event a.More_Info,
.AddressList .MyAccount .Container.Address a,
.AddressList .MyAccount a.NewAddress,
.AddressList .SpektrixPage.AddCard [value=Continue],
.Event .AddressList a.More_Info,
.MyAccount .AddressList a.NewAddress,
.MyAccount .Container.Address .AddressList a,
.SpektrixPage.AddCard .AddressList [value=Continue] {
  float: right;
}

.Checkout .BillingView .GiftVoucherMessage {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  font-style: italic;
  padding: 1.5rem 0;
}

.Checkout .BillingView #ctl00_ContentPlaceHolder_BillingViewControl_GiftVoucherMessagePanel {
  clear: both;
}

.Checkout .BillingView ~ .Buttons {
  margin-top: -2rem;
}

.AddressPicker input[type=radio] {
  vertical-align: top;
  margin-top: .75rem;
}

.Confirmation.SpektrixPage {
  --box:60rem
   ;
}

.Confirmation.SpektrixPage h2 {
  border-bottom: var(--default-border);
}

.Confirmation.SpektrixPage .AreaLink {
  background: var(--primary);
  color: var(--background);
  padding: .25em;
  margin-bottom: 1rem;
}

.Confirmation.SpektrixPage .Section {
  margin: 1rem 1rem 1rem 0;
  padding: 1rem;
  min-width: calc((100% /3) - 2rem);
  border: var(--default-border);
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin-bottom: 1rem;
}

@media (min-width: 70em) {
  .Confirmation.SpektrixPage .Section {
    width: calc(50% - 2rem);
  }
}

@media (max-width: 37.5em) {
  .Confirmation.SpektrixPage .Section {
    width: 100%;
    margin: 1rem auto;
  }
}

.Confirmation.SpektrixPage .Grand_Total,
.Confirmation.SpektrixPage .SectionTotal,
.Confirmation.SpektrixPage .SummarySection tr:last-of-type {
  font-weight: 700;
}

.Confirmation.SpektrixPage table {
  margin-bottom: 1rem;
}

.Confirmation.SpektrixPage td.Money.Total {
  width: 25%;
}

.Checkout .SummarySection.Merchandise {
  width: auto;
}

.fox {
  max-width: 600px;
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
}

.fox .PaymentOptions {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  border: var(--default-border);
  border-radius: var(--border-radius);
  background-color: var(--block-background);
  padding: 1rem;
  overflow: hidden;
  position: relative;
}

@media (max-width: 320px) {
  .fox input {
    width: 100% !important;
  }
}

.fox .Buttons {
  clear: both;
}

.PaymentView .CheckoutWikiText,
.PaymentView p.RedeemVoucher {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.PaymentView .Container.Total {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: right;
}

.PaymentView .Container.Total {
  padding: 1rem;
  font-size: 1.25rem;
}

@supports (display: grid) {
  .View.PaymentView {
    max-width: 100%;
    max-width: 100%;
    margin: var(--container-margin);
    border-radius: 0;
    border-radius: var(--border-radius);
    --box:37.5rem
    ;
  }
  .fox .PaymentOptions {
    margin: auto;
    border: none !important;
    max-width: 100%;
    max-width: 100%;
    margin: var(--container-margin);
    border-radius: 0;
    border-radius: var(--border-radius);
    background: 0 0;
    display: -ms-grid;
    display: grid;
    gap: 0;
    -ms-grid-columns: 3fr 4fr;
    grid-template-columns: 3fr 4fr;
  }
  @media (max-width: 400px) {
    .fox .PaymentOptions {
          grid-template-areas: "type type" "number number" "expiry expiry" "cvv cvv" "cardbutton cardbutton";
      padding-left: 0;
    }
    .fox .PaymentOptions input {
      max-width: 185px;
    }
    .Event .fox .PaymentOptions a.ContinueButton.ConfirmButton.More_Info,
    .MyAccount .Container.Address .fox .PaymentOptions a.ContinueButton.ConfirmButton,
    .MyAccount .fox .PaymentOptions a.ContinueButton.ConfirmButton.NewAddress,
    .SpektrixPage.AddCard .fox .PaymentOptions .ContinueButton.ConfirmButton[value=Continue],
    .fox .PaymentOptions .Button.ContinueButton.ConfirmButton,
    .fox .PaymentOptions .Event a.ContinueButton.ConfirmButton.More_Info,
    .fox .PaymentOptions .MyAccount .Container.Address a.ContinueButton.ConfirmButton,
    .fox .PaymentOptions .MyAccount a.ContinueButton.ConfirmButton.NewAddress,
    .fox .PaymentOptions .SpektrixPage.AddCard .ContinueButton.ConfirmButton[value=Continue] {
      width: 100%;
    }
  }
  @media (min-width: 401px) {
    .fox .PaymentOptions {
          grid-template-areas: "type number" "expiry cvv" "cardbutton cardbutton";
    }
  }
  .fox .PaymentOptions .Comment {
    color: var(--foreground);
    opacity: .8;
    font-style: normal;
    width: 100%;
  }
  .fox .Comment,
  .fox .right {
    display: none;
  }
  .fox .PaymentOptions input {
    margin: 0 0 .25rem 0;
    max-height: 2rem;
  }
  .fox .PaymentOptions .Container {
    margin: 0;
    padding: 1rem;
  }
  @media (max-width: 400px) {
    .fox .PaymentOptions .Container {
      padding: .125rem .5rem 0 0;
    }
  }
  .fox .PaymentOptions select {
    width: 100%;
    margin: 0 0 .25rem 0;
  }
  @media (max-width: 400px) {
    .fox .PaymentOptions select {
      padding-right: 0;
      max-width: 212px;
    }
  }
  .fox .Card_Type {
    grid-area: type;
  }
  .fox .Card_Number {
    grid-area: number;
  }
  .fox .Expiry {
    grid-area: expiry;
  }
  .fox .Expiry input {
    width: auto;
  }
  .fox .Expiry .right {
    text-align: left;
  }
  .fox .Format {
    display: inline-block;
    color: var(--foreground);
    opacity: .8;
  }
  .fox .CVV {
    grid-area: cvv;
  }
  .fox .CVV input {
    width: 70px;
  }
  .fox .CVV .right {
    text-align: left;
  }
  .fox .Issue_Number {
    display: none;
  }
  .fox .Start_Date {
    display: none;
  }
  .fox .Buttons {
    grid-area: cardbutton;
    -ms-grid-row-align: end;
    -ms-flex-item-align: end;
        align-self: end;
    width: 100%;
    padding-top: .5rem;
  }
  @media (max-width: 400px) {
    .fox .Card_Type {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
    .fox .Card_Number {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
    .fox .Expiry {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
    .fox .CVV {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
    .fox .Buttons {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
  }
  @media (min-width: 401px) {
    .fox .Card_Type {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
    }
    .fox .Card_Number {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
    }
    .fox .Expiry {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
    }
    .fox .CVV {
      -ms-grid-row: 2;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
    }
    .fox .Buttons {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
  }
  .ValidationError,
  .right + .ValidationError,
  .right.ValidationError {
    margin: 0 auto .5rem 0;
    display: block;
  }
}

.Checkout .View.PaymentView {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.PaymentView .RedeemVoucherInformation {
  display: block;
  margin: 1em 0;
}

#ctl00_ContentPlaceHolder_PurchaseViewControl_PaymentUIControl_StoredCardDiv {
  background: var(--block-background);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

#ctl00_ContentPlaceHolder_PurchaseViewControl_PaymentUIControl_StoredCardDiv .CV2 {
  min-width: 12em;
}

.Checkout .SummaryView .Merchandise {
  border: none;
  padding: 0;
  margin: 1rem auto;
}

.Checkout .SummaryView {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.SummaryView h2 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.Checkout .SummarySection .Caption {
  border-bottom: var(--default-border);
}

.Checkout .Buttons {
  clear: both;
}

.Checkout .Summary table {
  max-width: 15em;
  float: right;
  font-size: 1.25rem;
  padding: 1rem 0 2rem 1rem;
}

.Checkout .Summary table tr {
  line-height: 2;
}

.Checkout .SummarySection .Money.Cmsn,
.Checkout .SummarySection .Money.Donation,
.Checkout .Ticket_Summary,
.SummarySection .Checkout .MerchandiseItem_Summary {
  text-align: right;
}

.Checkout .TermsAndConditionsWikiText {
  margin-bottom: 1rem;
}

.View.DliveryView {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.DeliveryOption {
  margin-bottom: 1rem;
  padding: 1rem;
  border: var(--border-style);
}

.Checkout .Progress a,
.Checkout .Progress a span {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

#ctl00_ContentPlaceHolder_SeatingAreaControl_ContainerDiv {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.ChooseSeats .EventDetails {
  font-size: 0;
  width: 100%;
}

.ChooseSeats .EventDetails select {
  width: 100%;
}

.ChooseSeats .EventDetails > * {
  font-size: 1rem;
}

.ChooseSeats .EventDetails .EventName {
  font-size: 1.5rem;
}

.ChooseSeats .EventDetails .PriorityBooking {
  display: block;
  padding: 1rem 0 .2rem;
}

@media (max-width: 37.5em) {
  .ChooseSeats .Buttons {
    text-align: left;
  }
}

.PricesHeading {
  font-size: 1.5rem;
}

.PricesContainer {
  max-width: 100%;
  border-radius: 0;
}

@media (max-width: 60em) {
  .PricesContainer {
    margin-top: 1rem;
    padding: 1rem 1rem 2rem 1rem;
    max-width: 100%;
    overflow-x: scroll;
    -webkit-box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.4);
            box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.4);
  }
}

.PriceListTable th {
  font-size: .8rem;
}

.PriceListTable td {
  padding: .25rem 1rem;
  font-size: .9rem;
  min-width: 7rem;
}

.PriceListTable tr td:first-child {
  padding-left: 0;
  min-width: 10rem;
}

.PriceListTable tr td:last-child {
  padding-right: 0;
}

.PriceListTable tr:last-child {
  border-bottom: none;
}

@media (max-width: 37.5em) {
  .PriceListTable {
    display: table;
    max-width: 100vw;
    width: 100vw;
    table-layout: auto;
  }
  .PriceListTable td {
    display: table-cell;
  }
  .PriceListTable td:first-child {
    width: 10rem;
  }
  .Details tr:first-of-type {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: 1rem 1rem 1rem 0;
    padding: 1rem;
    min-width: calc((100% /3) - 2rem);
    border: var(--default-border);
  }
}

@media (max-width: 37.5em) and (min-width: 70em) {
  .Details tr:first-of-type {
    width: calc(50% - 2rem);
  }
}

@media (max-width: 37.5em) and (max-width: 37.5em) {
  .Details tr:first-of-type {
    width: 100%;
    margin: 1rem auto;
  }
}

.BestAvailableLink,
.SelectSeatsLink {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: auto auto 1rem;
}

.ChooseSeatsHeading {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin-bottom: 2em;
}

#ctl00_ContentPlaceHolder_BestAvailableSeatsControl_SelectSeatsLinkParagraph.SelectSeatsLink {
  margin-left: var(--container-margin);
}

.BestSeatsTable .BestAvailablePriceBandSelectAll,
.BestSeatsTable .BestAvailableSeatingAreaSelectAll {
  font-weight: 700;
  padding-left: 3px;
  padding-bottom: 5px;
}

.BestSeatsTable td.TableDataContent {
  padding-bottom: 1rem;
}

.BestSeatsTable .TableDataTitle {
  width: 30%;
}

.SeatingSelector {
  margin: var(--container-margin);
}

.SeatingArea.Unreserved .Ticket_Types_Selection {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}

@media (min-width: 50em) {
  .SeatingArea.Unreserved .Ticket_Types_Selection {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 70em) {
  .SeatingArea.Unreserved .Ticket_Types_Selection {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.SeatingArea.Unreserved .Ticket_Types_Selection .Container {
  text-align: center;
  text-align: var(--alignment);
}

.SeatingArea.Unreserved .Ticket_Types_Selection label.left {
  white-space: nowrap;
}

.ChooseSeats .AdditionalsContainer {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: auto;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .SeatingArea.Unreserved .Ticket_Types_Selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .SeatingArea.Unreserved .Ticket_Types_Selection .Container.TicketType {
    width: 100%;
  }
}

@media screen and (-ms-high-contrast: active) and (min-width: 50em), screen and (-ms-high-contrast: none) and (min-width: 50em) {
  .SeatingArea.Unreserved .Ticket_Types_Selection .Container.TicketType {
    width: 50%;
  }
}

@media screen and (-ms-high-contrast: active) and (min-width: 70em), screen and (-ms-high-contrast: none) and (min-width: 70em) {
  .SeatingArea.Unreserved .Ticket_Types_Selection .Container.TicketType {
    width: 33%;
  }
}

.SeatingAreaInstructions,
.SeatingAreaOptionalInstructions {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin-bottom: 1rem;
}

.TicketType .Input_Text {
  width: 3em;
}

.ChooseSeats .Savings {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin-bottom: 1rem;
}

.ChooseSeatsHeading {
  margin-bottom: 0;
}

.SeatingSelector,
.SpektrixPage .SeatingAreaHeading {
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  margin: var(--container-margin);
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
}

.SeatingAreaHeading span + select {
  width: auto;
}

#ctl00_ContentPlaceHolder_AreaTrailRepeater_ctl00_Label1 {
  display: none;
}

h2.SeatingAreaHeading {
  color: transparent;
}

#ctl00_ContentPlaceHolder_SeatingAreaControl_ContainerDiv {
  margin: auto;
  width: 100%;
  height: auto;
  position: relative;
}

#ctl00_ContentPlaceHolder_AvailableAreas {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.ChooseSeats #ctl00_ContentPlaceHolder_WikiTextMessage {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: var(--container-margin);
  margin-top: 1em;
  margin-bottom: 1em;
}

.BestAvailableLink {
  margin-left: var(--container-margin);
}

.BestAvailableLink a:hover {
  color: var(--background);
  text-decoration: none;
}

.ChooseSeats.SpektrixPage .SeatingSelector {
  overflow-x: scroll;
}

.ChooseSeats.SpektrixPage .Event.AreaAndVenueDetails,
.ChooseSeats.SpektrixPage .Event.EventDetails {
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 0;
}

.ChooseSeats.SpektrixPage .Event.EventDetails {
  padding-top: 1rem;
}

.ChangePassword.SpektrixPage {
  max-width: 650px;
  min-height: auto;
  margin: 0 auto;
}

.ChangePassword.SpektrixPage .right {
  display: none;
}

.ChangePassword #Buttons {
  overflow: hidden;
}

.ChangePassword #Buttons input {
  float: right;
}

.ChangePassword .PasswordSetMessage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row-wrap;
          flex-flow: row-wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.Error.SpektrixPage:before {
  content: 'An Error Has Occurred';
  font-size: 2rem;
}

.Error.SpektrixPage h1 {
  font-size: 1rem;
  border-bottom: 0;
}

.Error.SpektrixPage {
  max-width: 640px;
  margin: auto;
  text-align: center;
}

.Error .DetailsContainer {
  bottom: initial !important;
  top: 15vh;
  right: calc(50vw - 8em) !important;
  text-align: left;
}

.ResetTokenText {
  display: block;
  margin: 1em 0;
}

.LoginLogout.SpektrixPage,
.SpektrixPage.ForgotPassword {
  max-width: 500px;
  min-height: auto;
  margin: 0 auto;
}

.ForgotPassword input[type=text],
.LoginLogout input[type=text] {
  width: 100% !important;
}

.LoginHeading {
  margin-top: 0;
}

.LoginLogout.SpektrixPage .right,
.SpektrixPage.ForgotPassword .right {
  display: none;
}

.LoginForm .Container {
  margin: .5rem 0;
}

.EventsCalendar table,
.EventsCalendar td {
  display: block;
  border: none;
}

.EventsCalendar tr {
  border: var(--default-border);
}

.EventsCalendar .CalendarDate {
  font-size: 2rem;
  border: none;
  margin-bottom: .5rem;
}

.EventsCalendar .Date.Inactive {
  background: var(--block-background);
}

.EventsCalendar td .Instance {
  padding-bottom: .5rem;
  margin-bottom: .5rem;
  border-bottom: var(--default-border);
}

.EventsCalendar td div > div:only-of-type span {
  font-size: 1rem;
  color: var(--tertiary);
}

.EventsCalendar a.MoreInfo {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.EventsCalendar .Thumbnail {
  display: none;
}

.EventsCalendar .Name {
  font-size: 1.5rem;
  margin-bottom: .5rem;
}

@media (min-width: 64em) {
  .EventsCalendar table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
  }
  .EventsCalendar td {
    display: table-cell;
    width: 14.2857142857%;
    padding: .5rem;
    vertical-align: top;
    border: 1px solid #a2a2a2;
    border-color: var(--tertiary);
  }
  .EventsCalendar tr {
    border: none;
  }
  .EventsCalendar td div > div:only-of-type span {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto;
  }
  .EventsCalendar .CalendarDate {
    text-align: right;
    font-size: 1rem;
    margin-bottom: auto;
  }
  .EventsCalendar * .Thumbnail {
    display: block;
  }
}

.EventDetails.SpektrixPage {
  max-width: 100%;
}

.EventDetails.SpektrixPage .DetailsContainer {
  margin: 1rem 1rem 1rem 0;
  padding: 1rem 1rem 60px;
  border: var(--default-border);
  margin-bottom: 2rem;
}

.EventDetails.SpektrixPage .DetailsContainer img {
  margin: auto;
}

@media (min-width: 50em) {
  .EventDetails.SpektrixPage .DetailsContainer img {
    float: left;
    margin: 0 1rem 1rem 0;
  }
}

.EventDetails.SpektrixPage .MonthList {
  padding-left: 0;
  text-align: var(--alignment);
}

.EventDetails.SpektrixPage .MonthList li {
  list-style: none;
  display: inline-block;
}

.EventDetails.SpektrixPage .DatesAndTimesHeading {
  font-size: 2.3rem;
  margin-top: .5em;
  font-weight: 700;
  color: #e64545;
}

.EventDetails.SpektrixPage .DateInstructions {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.EventDetails.SpektrixPage .EventDates {
  width: 100%;
  margin: var(--container-margin) 2rem;
}

.EventDetails.SpektrixPage .EventDates select {
  width: 100%;
  max-width: 400px;
}

.EventDetails.SpektrixPage .EventDates #ctl00_ContentPlaceHolder_BookNowButton {
  position: relative;
  top: 1px;
}

.EventDetails.SpektrixPage .EventDates #ctl00_ContentPlaceHolder_BookNowButton:hover {
  cursor: pointer;
  background-color: #248181;
}

.SpektrixPage .Button {
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.SpektrixPage .Button:hover {
  cursor: pointer;
  background-color: #248181;
}

.EventsList .Event_Image {
  background: 0 0;
}

.EventsList .Event_Image img {
  max-width: 100%;
}

.EventsList .Dates_Heading {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.EventsList .Event_Dates,
.EventsList .More_Info {
  display: inline-block;
}

.EventsList .Event_Description.Event_Detail {
  display: block;
}

.MyAccount .OtherPreferences + .Buttons {
  --box:$default-box
   ;
}

.MyAccount .OtherPreferences:not(li) {
  --box:$default-box;
  margin-bottom: 1rem;
}

@media (max-width: 37.5em) {
  .MyAccount .OtherPreferences .Preferences:not(li) {
    -webkit-columns: 72em auto;
            columns: 72em auto;
  }
}

@media (min-width: 37.5em) {
  .MyAccount .OtherPreferences .Preferences:not(li) {
    -webkit-columns: 36em auto;
            columns: 36em auto;
  }
}

@media (min-width: 50em) {
  .MyAccount .OtherPreferences .Preferences:not(li) {
    -webkit-columns: 24em auto;
            columns: 24em auto;
  }
}

.MyAccount .OtherPreferences .Preferences .Container {
  margin-top: 0;
}

.MyAccount .OtherPreferences .PreferenceTagGroupHeading {
  margin-top: 0;
}

.MyMemberships .Subscription {
  margin: 1rem 1rem 1rem 0;
  padding: 1rem;
  min-width: calc((100% /3) - 2rem);
  border: var(--default-border);
}

@media (min-width: 70em) {
  .MyMemberships .Subscription {
    width: calc(50% - 2rem);
  }
}

@media (max-width: 37.5em) {
  .MyMemberships .Subscription {
    width: 100%;
    margin: 1rem auto;
  }
}

.MembershipName {
  display: block;
  font-size: 1.5rem;
}

.Subscription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.MyMemberships .MembershipName {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: capitalize;
}

.ExpiryDate,
.MyMemberships .StartDate {
  padding: 0 .25em;
  border-bottom: var(--border-default);
}

.ExpiryDateLabel,
.MyMemberships .StartDateLabel {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6em;
          flex: 0 0 6em;
}

.MyOrders .OrderedItem {
  margin: 0;
  padding: 1rem 0;
  border: none;
  border-top: var(--default-border);
}

.MyAccount.SpektrixPage .MyOrders h2:first-of-type {
  display: block;
}

.OrderedItems {
  margin-bottom: 2rem;
}

.OrderedItems a {
  color: var(--foreground);
}

.OrderedItems .Section {
  width: 100%;
}

.OrderedItems .OrderDetails {
  margin-left: 0;
}

.PagerContainer .Pager {
  text-align: center;
  text-align: var(--alignment);
}

.PagerContainer .Pager a:hover {
  color: var(--background);
}

.SpektrixPage:not(.Checkout) div.MyPaymentCards {
  overflow: hidden;
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  --box:37.5rem
   ;
}

@media (min-width: 70em) {
  .SpektrixPage:not(.Checkout) div.MyPaymentCards {
    width: initial;
  }
}

.MyPaymentCards input[value=Delete] {
  margin: 1rem 0;
  float: right;
  clear: right;
}

.MyPaymentCards a[href*=AddCard] {
  float: right;
}

.MyPaymentCards a:after,
.MyPaymentCards a:before {
  content: "";
  display: table;
  clear: both;
}

.MyPaymentCards span {
  float: right;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .75rem;
  margin-bottom: 1rem;
}

.MyPaymentCards div:nth-of-type(3n+0),
.MyPaymentCards div:nth-of-type(3n+1) {
  float: right;
  clear: right;
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
}

.MyPaymentCards div:nth-of-type(3n+2) {
  float: left;
  clear: left;
  margin-bottom: 1rem;
}

.MyPaymentCards hr {
  display: block;
  margin: 1rem 0;
  clear: both;
}

@media (min-width: 64em) {
  #ctl00_ContentPlaceHolder_MainPage {
    position: relative;
    padding-left: 30%;
  }
}

#ctl00_ContentPlaceHolder_AccountDetailsEditor_DateOfBirth_YearBox {
  min-width: 8ch !important;
}

h1.MyAccountHeading + .Buttons {
  position: absolute;
  right: -.75rem;
  top: 0;
}

@media (max-width: 64rem) {
  .MyAccount.SpektrixPage h2:first-of-type {
    display: none;
  }
}

@media (min-width: 64em) {
  .Options {
    width: 22%;
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media (min-width: 70em) {
  .MyAccount .Options ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-pack: var(--alignment);
        -ms-flex-pack: var(--alignment);
            justify-content: var(--alignment);
  }
  .MyAccount .Options li {
    padding: .25rem 0 0;
  }
}

.MyAccount {
  max-width: 650px;
  position: relative;
  margin: 0 auto;
}

.MyAccount .ErrorMessage {
  width: 100%;
  position: static;
}

.OrderedItems .Section {
  margin: 1rem 1rem 1rem 0;
  padding: 1rem;
  min-width: calc((100% /3) - 2rem);
  border: var(--default-border);
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

@media (min-width: 70em) {
  .OrderedItems .Section {
    width: calc(50% - 2rem);
  }
}

@media (max-width: 37.5em) {
  .OrderedItems .Section {
    width: 100%;
    margin: 1rem auto;
  }
}

.OrderedItems .Section h2 {
  border-bottom: var(--default-border);
}

.OrderedItems .Buttons {
  clear: both;
}

.OrderedItems .Section table tr {
  line-height: 2;
}

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

.OrderedItems .TermsAndConditionsWikiText {
  margin-bottom: 1rem;
}

.MyAccount a.ChangePassword {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  display: block;
  color: #e64545;
}

.MyAccount a.ChangePassword:hover {
  color: #000;
}

a.EditContactPreferences {
  background-color: var(--brand-color);
}

.GeneralPreferences + .Buttons,
.MyAccount .GeneralPreferences {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  -webkit-columns: initial;
          columns: initial;
}

.MyAccount .GeneralPreferences .PreferenceContainer {
  margin: 1rem 1rem 1rem 0;
  padding: 1rem;
  border: var(--default-border);
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: 0 auto 1rem;
}

h3.AccountPreferencesHeading {
  font-weight: 700 !important;
}

@media (min-width: 50em) {
  .MyAccount .Progress * {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto;
  }
}

.MyAccount a.NewAddress {
  float: right;
}

.MyAccount .Addresses {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.MyAccount .Address span {
  display: block;
}

.MyAccount .Container.Address {
  width: 100%;
  max-width: none;
  min-height: 10rem;
  margin: 1rem 0 1rem 0;
  padding: 1rem;
  min-width: calc((100% /3) - 2rem);
  border: var(--default-border);
  border: var(--default-border);
}

.MyAccount .Container.Address #ctl00_ContentPlaceHolder_AddressList_ctl00_Edit,
.MyAccount .Container.Address #ctl01_ContentPlaceHolder_AddressList_ctl00_Edit,
.MyAccount .Container.Address #ctl02_ContentPlaceHolder_AddressList_ctl00_Edit,
.MyAccount .Container.Address #ctl03_ContentPlaceHolder_AddressList_ctl00_Edit,
.MyAccount .Container.Address #ctl04_ContentPlaceHolder_AddressList_ctl00_Edit,
.MyAccount .Container.Address #ctl05_ContentPlaceHolder_AddressList_ctl00_Edit,
.MyAccount .Container.Address #ctl06_ContentPlaceHolder_AddressList_ctl00_Edit {
  background-color: #4CB9A0;
}

.MyAccount .Container.Address #ctl00_ContentPlaceHolder_AddressList_ctl00_Edit:hover,
.MyAccount .Container.Address #ctl01_ContentPlaceHolder_AddressList_ctl00_Edit:hover,
.MyAccount .Container.Address #ctl02_ContentPlaceHolder_AddressList_ctl00_Edit:hover,
.MyAccount .Container.Address #ctl03_ContentPlaceHolder_AddressList_ctl00_Edit:hover,
.MyAccount .Container.Address #ctl04_ContentPlaceHolder_AddressList_ctl00_Edit:hover,
.MyAccount .Container.Address #ctl05_ContentPlaceHolder_AddressList_ctl00_Edit:hover,
.MyAccount .Container.Address #ctl06_ContentPlaceHolder_AddressList_ctl00_Edit:hover {
  background-color: #263233;
}

.MyAccount .Container.Address > a:nth-of-type(1) {
  background-color: #4CB9A0;
}

.MyAccount .Container.Address > a:nth-of-type(1):hover {
  background-color: #263233;
}

.MyAccount .Container.Address > a:nth-of-type(2) {
  background-color: #263233;
}

.MyAccount .Container.Address > a:nth-of-type(2):hover {
  background-color: #e64545;
}

@media (min-width: 70em) {
  .MyAccount .Container.Address {
    width: 50%;
  }
}

@media (max-width: 37.5em) {
  .MyAccount .Container.Address {
    width: 100%;
    margin: 1rem auto;
  }
}

.MyAccount .Container.Address .AddressType {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.AddCard .Progress .Current span,
.AddCard .Progress a {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.AddCard .AddAddressesButton {
  float: right;
}

.AddCard .AddAddressesButton:after {
  content: "";
  display: table;
  clear: both;
}

.SpektrixPage.AddCard [value=Continue] {
  float: left;
  margin: 0;
}

.AddCard .PaymentOptions {
  clear: both;
  margin: 1rem auto;
}

.AddCard .AddressList {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  border: var(--default-border);
  border-radius: var(--border-radius);
  background-color: var(--block-background);
  padding: 1rem;
  overflow: hidden;
}

.AddCard .AddressList li {
  --default-border:1px solid #ddd
   ;
}

@media (max-width: 37.5em) {
  .AddCard .AddressList {
    padding-bottom: 2.5em;
  }
}

.AddCard .AddressList + div {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: auto;
}

.NewAccount div.PrivacyPolicy {
  margin-bottom: 1rem;
}

.NewAccount .View {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  position: relative;
}

.NewAccount div.Buttons {
  margin-top: 2rem;
}

.NewAccount {
  max-width: 650px;
  margin: 0 auto;
}

@media (max-width: 37.5em) {
  .NewAccount .ErrorMessage {
    top: 1080px;
  }
}

.spx-section-container__checkout--additional-details form {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  --box:100%;
  margin: 0;
  border: 0;
  clear: both;
}

.spx-section-container__checkout--start-checkout-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff !important;
}

@media (max-width: 37.5em) {
  .spx-section-container__checkout--start-checkout-login {
    display: block;
  }
}

.spx-section-container__checkout--start-checkout-login form {
  width: 50%;
}

@media (max-width: 37.5em) {
  .spx-section-container__checkout--start-checkout-login form {
    width: 100%;
  }
}

.spx-section-container__checkout--start-checkout-login form:nth-child(1) {
  position: relative;
}

@media (min-width: 37.5em) {
  .spx-section-container__checkout--start-checkout-login form:nth-child(1) {
    border-right: 1px solid #ccc;
    padding-right: 5em;
  }
}

@media (max-width: 37.5em) {
  .spx-section-container__checkout--start-checkout-login form:nth-child(1) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 4em;
  }
}

.spx-section-container__checkout--start-checkout-login form:nth-child(1):after {
  content: 'or';
  position: absolute;
  font-size: 1.4em;
  background: #fff;
  padding: .5em 0;
  text-transform: uppercase;
}

@media (min-width: 37.5em) {
  .spx-section-container__checkout--start-checkout-login form:nth-child(1):after {
    top: 45%;
    width: 2em;
    right: -1.25em;
  }
}

@media (max-width: 37.5em) {
  .spx-section-container__checkout--start-checkout-login form:nth-child(1):after {
    bottom: -24px;
    width: 4rem;
    margin-left: calc(50% - 2rem);
    text-align: center;
    background: #fff;
  }
}

.spx-section-container__checkout--start-checkout-login form:nth-child(2) {
  text-align: center;
  padding: 2em 0;
}

.spx-main-container.spx-main-container__checkout--start-checkout-login .spx-section-container {
  padding: 20px;
}

.spx-text-copy__checkout--start-checkout-forgotten-password {
  display: none;
}

.spx-heading-headline,
.spx-heading-sub-headline,
.spx-heading-title {
  font-weight: 400;
  margin-bottom: 1rem;
  font-weight: 700;
}

.spx-heading-headline {
  clear: left;
  float: left;
  margin: .5rem 0;
  font-size: 1.8rem;
  margin-top: .5em;
}

button:hover {
  cursor: pointer;
}

.spx-state-read-only .spx-heading-headline {
  opacity: .4;
}

.spx-text-copy {
  clear: both;
  max-width: var(--box);
}

.spx-list-item {
  margin-bottom: .5rem;
}

.spx-data-email {
  font-weight: 700;
}

.spx-validation-errorlist {
  margin-bottom: .5rem;
}

.spx-button-primary {
  float: right;
}

.spx-button-tertiary {
  margin-bottom: .25rem;
}

.spx-legend-guide {
  padding: 0;
  margin: 0 0 1rem 0;
}

.spx-field-container .spx-input-checkbox + .spx-label-field,
.spx-field-container .spx-input-radio + .spx-label-field,
.spx-field-container .spx-label-field,
.spx-field-container .spx-radio-button + .spx-label-field {
  display: inline-block;
  margin: auto auto .5rem 0;
  max-width: calc(100% - 50px);
}

.spx-field-container .spx-input-checkbox,
.spx-field-container .spx-input-radio,
.spx-field-container .spx-radio-button {
  margin-right: .5rem;
  -ms-grid-row-align: start;
  -ms-flex-item-align: start;
      align-self: start;
}

.spx-input-dropdown,
.spx-input-text {
  width: 100%;
}

.spx-header-container {
  text-align: center;
  text-align: var(--alignment);
}

.spx-header-container,
.spx-main-container {
  width: 100%;
  margin: 0 auto;
  max-width: 650px;
}

.spx-section-container {
  border: 1px solid #A2A2A2;
  margin: 0 0 .5rem 0;
  --box:37.5rem;
  padding: 1rem;
  clear: both;
  overflow: hidden;
}

.spx-header-container.spx-header-container__checkout.spx-header-container__checkout--checkout-error .spx-heading-title {
  color: #e64545;
}

.spx-section-container.spx-state-empty {
  padding: 1rem;
}

.spx-fieldset-container,
.spx-list-summary,
.spx-subsection-container {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: 0;
  border: 0;
  clear: both;
}

.spx-fieldset-container {
  padding: 0;
}

.spx-section-container ul {
  padding: 0;
  margin: auto 0;
}

.spx-section-container li {
  list-style: none;
}

.spx-list-summary__checkout {
  padding: 0;
}

.spx-field-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: var(--alignment);
      -ms-flex-align: var(--alignment);
          align-items: var(--alignment);
  margin-bottom: .5rem;
}

.spx-wikitext-container {
  margin: var(--container-margin);
  margin-bottom: 2em;
  text-align: center;
  text-align: var(--alignment);
}

.spx-state-read-only {
  position: relative;
  padding: .4rem 1rem;
}

.spx-state-read-only .spx-heading-sub-headline__checkout--ticket-delivery,
.spx-state-read-only .spx-list-contact-preference-groups__checkout--contact-preferences,
.spx-state-read-only .spx-subsection-container__checkout--billing-address,
.spx-state-read-only .spx-subsection-container__checkout--donations,
.spx-state-read-only .spx-subsection-container__checkout--gift-aid,
.spx-state-read-only .spx-subsection-container__checkout--order-summary,
.spx-state-read-only .spx-subsection-container__checkout--personal-details,
.spx-state-read-only .spx-subsection-container__checkout--ticket-delivery,
.spx-state-read-only .spx-subsection-container__checkout--ticket-delivery-address,
.spx-state-read-only .spx-subsection-summary-container__checkout--merchandise-delivery,
.spx-state-read-only .spx-text-copy__checkout--donations,
.spx-state-read-only form {
  display: none;
}

.spx-state-read-only .spx-link-edit,
.spx-state-read-only a.spx-link-edit,
.spx-state-read-only a.spx-link-edit:visited {
  position: absolute;
  right: 1rem;
  text-decoration: none;
  background: 0 0;
  padding-left: 0;
  padding-right: 0;
  min-width: auto;
  margin: 1rem 0 0 auto;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transform: scale(0.875);
          transform: scale(0.875);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  border-bottom: 2px solid transparent;
  color: var(--foreground);
}

.spx-state-read-only .spx-link-edit:hover,
.spx-state-read-only a.spx-link-edit:hover,
.spx-state-read-only a.spx-link-edit:visited:hover {
  text-decoration: none;
  border-bottom: 2px solid var(--foreground);
  color: var(--foreground) !important;
}

.spx-section-container__checkout--start-checkout {
  background: 0 0;
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  --box:30rem;
  text-align: center;
  text-align: var(--alignment);
  margin: var(--container-margin);
  padding: 0;
}

.spx-text-copy__checkout--start-checkout {
  margin: 2rem 0 2rem;
}

@media (max-width: 37.5em) {
  .spx-text-copy__checkout--start-checkout {
    margin: 2rem 0 2rem;
  }
}

.spx-text-copy__checkout--personal-details,
.spx-text-copycheckout--personal-details {
  display: inline-block;
  margin-bottom: .25rem;
}

.spx-text-copy__checkout--personal-details.spx-data-email,
.spx-text-copy__checkout--personal-details.spx-data-phone-number,
.spx-text-copycheckout--personal-details.spx-data-email,
.spx-text-copycheckout--personal-details.spx-data-phone-number {
  display: block;
}

.spx-data-group-delivery-option-select .spx-label-field__checkout--ticket-delivery {
  margin-left: .5rem;
}

.spx-heading-headline__checkout--ticket-delivery-address {
  font-weight: 700;
  font-size: 1rem;
}

.spx-text-copy__checkout--address-preview.spx-intent-label {
  margin: 1rem 0;
  font-weight: 700;
}

.spx-data-group-address-view {
  margin: 1rem 0;
}

.spx-text-copy__checkout--address-preview,
.spx-text-copy__checkout--ticket-delivery-address {
  display: block;
}

.spx-section-container__checkout--merchandise-delivery div h2 {
  margin-top: .5rem;
}

.spx-section-container__checkout--merchandise-delivery input[type=radio] + .spx-label-field {
  display: inline-block;
  margin: auto auto .5rem 0;
  max-width: calc(100% - 50px);
}

.spx-section-container__checkout--merchandise-delivery input[type=radio] {
  margin-right: .5rem;
  -ms-grid-row-align: start;
  -ms-flex-item-align: start;
      align-self: start;
}

.spx-text-copy__checkout--donation {
  margin-bottom: 1rem;
  display: block;
}

.spx-text-copy__checkout--donation:empty {
  margin-bottom: 0;
}

.spx-label-field__checkout--donation {
  width: 100%;
}

.spx-input-text__checkout--donation {
  width: 8em;
}

.spx-button-tertiary__checkout--donation.spx-intent-decrement,
.spx-button-tertiary__checkout--donation.spx-intent-increment {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0 .25rem 0 0;
  border-radius: var(--border-radius);
}

label + .spx-text-copy__checkout--donation {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.spx-button-secondary__checkout.spx-intent-continue {
  margin-right: .5rem;
  float: right;
  background-color: #000;
}

.spx-button-secondary__checkout.spx-intent-continue:hover {
  background-color: #e64545;
}

@media (max-width: 37.5em) {
  .spx-button-secondary__checkout.spx-intent-continue {
    float: left;
  }
}

@media (max-width: 37.5em) {
  .spx-button-primary__checkout.spx-intent-continue,
  .spx-button-secondary__checkout.spx-intent-continue {
    font-size: .9rem;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

@media (max-width: 27em) {
  .spx-button-primary__checkout.spx-intent-continue,
  .spx-button-secondary__checkout.spx-intent-continue {
    font-size: .67rem;
  }
}

.spx-button-tertiary__checkout--gift-aid-info {
  background: 0 0;
  color: initial;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  white-space: normal;
  width: auto;
  text-decoration: underline;
}

.spx-button-tertiary__checkout--gift-aid-info:hover {
  inherit: all;
  background: 0 0;
  color: var(--brand-color);
}

.spx-list-contact-preference-groups,
.spx-list-contact-preferences__checkout--contact-preferences,
.spx-wikitext-container__checkout--contact-preferences {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  margin: 0;
  clear: both;
  --box:37.5rem
   ;
}

.spx-wikitext-container__checkout--contact-preferences {
  margin: .5rem 0;
}

ul.spx-list-contact-preferences {
  margin-left: 0;
}

.spx-heading-sub-headline__checkout--contact-preferences {
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
  color: var(--foreground);
  text-transform: none;
  font-weight: 400;
}

.spx-data-contact-preference-choice {
  font-weight: 700;
}

.spx-list-item__checkout--donation-summary,
.spx-list-item__checkout--ticket-summary {
  display: -ms-grid;
  display: grid;
  grid-gap: .5rem;
  border-bottom: var(--default-border);
  padding: 2rem 0;
  margin-bottom: 0;
  grid-gap: 0 .5rem;
  -ms-grid-columns: 1fr .5rem 1fr .5rem 1fr .5rem 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto 0 auto 0 auto 0 auto;
      grid-template-areas: "event event event event" "ticket ticket ticket ticket" "date  time time time" "note note note note";
}

.spx-list-item__checkout--donation-summary:first-child,
.spx-list-item__checkout--ticket-summary:first-child {
  padding-top: 0;
}

@media (max-width: 37.5em) {
  .spx-list-item__checkout--donation-summary,
  .spx-list-item__checkout--ticket-summary {
    -ms-grid-columns: 2fr .5rem 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto;
        grid-template-areas: "event event event" "ticket ticket ticket" "date  date time" "note note";
  }
}

h3.spx-heading-sub-headline {
  display: block;
  margin: 0 0 1rem 0;
  color: var(--brand-color);
}

.spx-subsection-summary-container {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.spx-list-item__checkout--ticket-summary .spx-data-event-name {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: event;
  font-weight: 700;
  padding-bottom: .5rem;
}

.spx-list-item__checkout--ticket-summary .spx-data-instance-date {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: date;
}

.spx-list-item__checkout--ticket-summary .spx-data-event-confirmation-text {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: note;
  padding-right: 6ch;
  margin: .5rem 0 0;
}

.spx-list-item__checkout--ticket-summary .spx-data-instance-time {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
  grid-area: time;
}

.spx-list-item__checkout--ticket-summary .spx-sublist-summary {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: ticket;
  width: 100%;
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .spx-list-item__checkout--ticket-summary .spx-data-event-name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .spx-list-item__checkout--ticket-summary .spx-data-instance-date {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .spx-list-item__checkout--ticket-summary .spx-data-event-confirmation-text {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .spx-list-item__checkout--ticket-summary .spx-data-instance-time {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
  }
  .spx-list-item__checkout--ticket-summary .spx-sublist-summary {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
}

.spx-list-item__checkout--ticket-summary .spx-sublist-summary li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.spx-list-item__checkout--ticket-summary .spx-sublist-summary li span {
  padding-left: .25rem;
}

.spx-list-item__checkout--ticket-summary .spx-data-ticket-price {
  font-weight: 700;
  margin: 0 0 0 auto;
}

.spx-list-item__checkout--donation-summary {
      grid-template-areas: "name name name price";
}

.spx-list-item__checkout--donation-summary .spx-data-donation-price {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: price;
  font-weight: 700;
  text-align: right;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

form[data-ajax-update="#order-summary"] .spx-field-container__checkout--credit {
  width: 50%;
  float: left;
  margin: 0 0 .5rem 0;
}

@media (max-width: 37.5em) {
  form[data-ajax-update="#order-summary"] .spx-field-container__checkout--credit {
    width: 100%;
    float: none;
  }
}

.spx-label-field__checkout--credit {
  width: 100%;
}

.spx-input-text__checkout--credit {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.spx-button-tertiary__checkout--credit {
  margin: 0 .5rem auto -2rem;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.spx-data-credit-available-value,
.spx-text-copy__checkout--final-summary.spx-intent-distinguishable {
  font-weight: 700;
  margin-left: auto;
}

.spx-order-line.spx-order-line__checkout.spx-order-line__checkout--ticket-summary.spx-data-ticket-quantity {
  padding-left: 0;
}

.spx-order-line__checkout--ticket-summary.spx-data-ticket-quantity abbr {
  text-decoration: none;
}

.spx-input-text.spx-input-text__checkout.spx-input-text__checkout--credit.spx-state-valid {
  width: 120px;
  height: 42px;
  position: relative;
  top: -1px;
}

.spx-subsection-container.spx-subsection-container__checkout.spx-subsection-container__checkout--credit > .spx-text-copy.spx-text-copy__checkout.spx-text-copy__checkout--credit {
  display: inline-block;
  margin-bottom: 0;
  float: left;
  clear: left;
}

.spx-field-container.spx-field-container__checkout.spx-field-container__checkout--credit {
  float: left;
  clear: left;
  width: 60%;
}

@media (max-width: 37.5em) {
  .spx-field-container.spx-field-container__checkout.spx-field-container__checkout--credit {
    width: 80%;
  }
}

.spx-subsection-container__checkout--final-summary,
.spx-subsection-summary-container {
  padding-top: 1px;
}

.spx-list-item__checkout--final-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .25rem 0;
  border-bottom: var(--default-border);
  margin-top: 1rem;
}

.spx-list-item__checkout--final-summary:last-of-type {
  font-weight: 700;
  border: 0;
}

.spx-state-editable a.spx-link-edit.spx-link-edit__checkout.spx-link-edit__checkout--order-summary {
  background: var(--foreground);
  color: var(--background);
  margin-top: 1rem;
  float: right;
  display: block;
}

.spx-text-copy__checkout--ticket-delivery {
  display: none;
}

.spx-text-copy__checkout--ticket-delivery.spx-data-delivery-type {
  display: inline-block;
}

.spx-intent-distinguishable.spx-data-delivery-price {
  display: inline-block;
}

.spx-intent-distinguishable.spx-data-delivery-unavailable-reason {
  display: block;
}

.spx-field-container.spx-field-container__checkout.spx-field-container__checkout--order-summary {
  border-bottom: var(--default-border);
  border-top: var(--default-border);
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  padding: 1rem 0;
  margin-top: 1rem;
  font-weight: 700;
}

.spx-field-container.spx-field-container__checkout.spx-field-container__checkout--order-summary .spx-wikitext-container {
  margin-bottom: 0;
}

.spx-wikitext-container__checkout--order-summary {
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
}

.spx-input-dropdown__checkout--new-address {
  width: 100%;
}

.spx-text-copy__checkout--billing-address {
  display: block;
}

#EnterMyAddressManuallyLink {
  color: var(--foreground);
  background: var(--background);
}

label[for=AddressInput_NewAddress_PostCode] {
  display: block !important;
  width: 100% !important;
}

#AddressInput_NewAddress_PostCode {
  width: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.spx-label-additional-context.spx-label-additional-context__checkout.spx-label-additional-context__checkout--new-address.spx-state-required .spx-section-container__checkout--additional-details form {
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  --box:37.5rem;
  margin: 0;
  border: 0;
  clear: both;
}

.spx-heading-titlecheckout--additional-details {
  text-align: var(--alignment);
}

.spx-heading-headline__checkout--payment + form,
.spx-iframe__checkout--payment {
  display: block;
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  clear: both;
  margin-left: 0;
}

.spx-section-container__checkout--payment label.spx-label-field {
  display: block;
  margin: 1.5rem 0 .5rem 0;
  width: 100%;
}

#CV2 {
  width: 70px;
}

iframe.spx-iframe__checkout--payment {
  min-height: none;
  min-height: 200px;
  max-height: 70vh;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.spx-text-copy__checkout--order-confirmation.spx-intent-distinguishable {
  font-weight: 700;
  display: inline-block;
}

.spx-field-container__checkout--set-password,
.spx-text-copy__checkout--set-password {
  display: block;
  max-width: 100%;
  max-width: 100%;
  margin: var(--container-margin);
  border-radius: 0;
  border-radius: var(--border-radius);
  --box:37.5rem;
  margin: 0;
  border: 0;
  clear: both;
}

.spx-wikitext-container__checkout--additional-details {
  clear: both;
}

.fox div.PaymentOptions {
  padding: 0 !important;
}

.fox .ValidationError {
  margin-top: 5px;
  font-size: .75rem;
  font-weight: 400;
  margin-right: 0;
}

.iFrameWrapper {
  margin: 0 !important;
}

.Multibuypage .Events {
  margin-top: 40px;
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
}

.Multibuypage .OffersDiv {
  padding-bottom: 20px;
  margin-bottom: 40px;
  float: left;
  width: 100%;
}

#ctl00_ContentPlaceHolder_InstanceRepeater_ctl00_EventNameLabel {
  display: block;
  margin-bottom: 20px;
}

.spx-intent-continue {
  margin-top: 20px;
}

#TermsAndConditionsWikiText {
  position: relative;
  top: 1px;
}

#CardNumber {
  height: 40px;
  max-height: 40px;
}

#ctl00_ContentPlaceHolder_NewAddress:hover {
  color: #fff;
}

.EditAddress {
  max-width: 650px;
  margin: 0 auto;
}

@media (min-width: 1054px) {
  .MyAccount {
    max-width: 1050px;
  }
}

#ctl00_ContentPlaceHolder_MainPage {
  max-width: 1050px;
}

h1.EditTicketsHeading .InstanceTime {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 400;
  color: #263233 !important;
}

#ctl00_ContentPlaceHolder_BasketUpdate .Items dd.Item {
  margin-top: -16px;
}

.spx-button-primary__checkout:hover {
  background-color: #248181 !important;
}

.spx-button-tertiary:hover {
  background-color: #e64545;
}

.spx-validation-single-error {
  color: #E0192E;
}

.spx-button-tertiary__checkout--credit {
  background: transparent !important;
}

.spx-button-tertiary__checkout--credit:hover:after {
  background-color: #248181;
}

.spx-link-edit__checkout:hover {
  background-color: #e64545 !important;
}

.spx-button-tertiary__checkout--gift-aid-info:hover {
  background: transparent !important;
  color: #e64545 !important;
  text-decoration: underline !important;
}

.spx-link-edit__checkout:hover {
  background: transparent !important;
  color: #e64545 !important;
  text-decoration: none !important;
}

.spx-button-secondary__checkout--edit-billing-address.spx-intent-cancel {
  margin-top: 20px;
}

.spx-button-secondary__checkout--edit-billing-address.spx-intent-cancel:hover {
  background-color: #248181;
}

.Buttons .ConfirmButton:hover {
  background-color: #248181;
}

.spx-subsection-container.spx-subsection-container__checkout.spx-subsection-container__checkout--order-summary.spx-data-group-basket-summary .spx-link-edit__checkout:hover {
  background-color: #e64545 !important;
  color: #fff !important;
}

.spx-link-edit.spx-link-edit__checkout.spx-link-edit__checkout--select-address {
  color: #263233;
  text-transform: uppercase;
}

.spx-link-edit.spx-link-edit__checkout.spx-link-edit__checkout--select-address:hover {
  color: #e64545;
}

.Basket2.SpektrixPage .Savings {
  border: 1px solid #4CB9A0;
}

#ctl00_ContentPlaceHolder_EmptyPanel {
  font-weight: 700;
  font-size: 1.5em;
}

.Account_Link #ctl00_ContentPlaceHolder_ForgotPasswordButton {
  color: #263233;
}

.Account_Link #ctl00_ContentPlaceHolder_ForgotPasswordButton:hover {
  color: #e64545;
}

.right {
  margin-bottom: 0;
}

#ctl00_ContentPlaceHolder_AccountDetailsEditor_EmailValidator {
  font-weight: 700;
  font-size: 13px;
}

footer .contrast {
  color: #fff;
}

footer .contrast:hover {
  color: #f5cd47 !important;
}

footer .contrast * {
  color: #fff;
}

footer .contrast *:hover {
  color: #f5cd47 !important;
}

footer .Link, footer a:link {
  color: #fff;
}

footer .Link:hover, footer a:link:hover {
  color: #f5cd47 !important;
}

#header .donationsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0;
  margin-bottom: 15px;
  border: none;
  padding: 5px 0 0;
}

@media (max-width: 768px) {
  #header .donationsWrapper {
    display: none;
  }
}

@media (min-width: 769px) {
  #header .donationsWrapper {
    max-width: 740px;
    margin-left: auto;
  }
}

@media (min-width: 1024px) {
  #header .donationsWrapper {
    max-width: 840px;
  }
}

#header .donationsWrapper h3 {
  color: #fff;
  font-size: .95em;
  font-weight: 700;
  min-width: 92px;
  display: none;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 769px) {
  #header .donationsWrapper h3 {
    font-size: 1.2em;
    min-width: 110px;
  }
}

#header .donationsWrapper .spekDonateWrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

@media (min-width: 769px) {
  #header .donationsWrapper .spekDonateWrapper:before {
    content: "Donate Now";
    width: 110px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-weight: 700;
    top: 6px;
    font-size: 1.3em;
  }
}

@media (min-width: 1024px) {
  #header .donationsWrapper .spekDonateWrapper:before {
    left: 35px;
  }
}

#header .donationsWrapper .spekDonateWrapper .innerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .customAmount {
  padding-bottom: 0;
  border: none;
  max-width: 105px;
  margin: 0;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .customAmount span {
  display: none;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .customAmount ::-webkit-input-placeholder {
  font-size: 13px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .customAmount :-ms-input-placeholder {
  font-size: 13px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .customAmount ::-ms-input-placeholder {
  font-size: 13px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .customAmount ::placeholder {
  font-size: 13px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .customAmount input {
  margin: 0;
  width: 100%;
  height: 38px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .amountsWrapper {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-right: 2px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .amountsWrapper button {
  margin: 0 3px;
  background-color: #4CB9A0;
  font-weight: 700;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .amountsWrapper button:hover {
  background-color: #248181;
}

@media (min-width: 769px) {
  #header .donationsWrapper .spekDonateWrapper .innerWrap .amountsWrapper button {
    padding: 5px 15px !important;
    height: 38px !important;
  }
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .message {
  position: absolute;
  right: 0;
  top: 25px;
  font-size: 13px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .amountWrapper {
  padding-bottom: 0;
  height: 38px;
  margin-right: 10px;
}

@media (min-width: 769px) {
  #header .donationsWrapper .spekDonateWrapper .innerWrap .amountWrapper {
    margin-right: 25px;
    margin-left: 10px;
  }
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .amountWrapper span {
  font-size: 13px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .amountWrapper span .pound {
  top: 4px;
  font-weight: 700;
  position: relative;
  font-size: 23px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .amountWrapper span:nth-of-type(2) {
  position: relative;
  font-size: 23px;
  font-weight: 700;
  top: 4px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .buttons button {
  font-weight: 700;
  background-color: #4CB9A0;
  height: 38px !important;
  padding: 5px 10px;
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .buttons button:hover {
  background-color: #248181;
}

@media (min-width: 1024px) {
  #header .donationsWrapper .spekDonateWrapper .innerWrap .buttons button {
    padding: 5px 50px;
  }
}

#header .donationsWrapper .spekDonateWrapper .innerWrap .buttons button:first-of-type {
  display: none;
}

#header .button__text-only {
  height: 44px;
  border: none;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #4CB9A0;
}

#header .button__text-only:hover {
  background-color: #248181;
}

#header input[type="search"] {
  height: 44px;
  top: 1px;
  position: relative;
}

#header .search__bar input[type="submit"] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 62.77 66.77' style='enable-background:new 0 0 62.77 66.77;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23a8a8a8;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='26' cy='26' r='23.5'/%3E%3Cline class='st0' x1='40.5' y1='44.5' x2='61' y2='65'/%3E%3C/g%3E%3C/svg%3E%0A");
  right: 10px !important;
}

@media (max-width: 768px) {
  #header .container-fluid h5 {
    font-size: 1em;
  }
}

#header .container-fluid .text-right.hidden-xs {
  display: block;
  margin-top: 19px;
  margin-bottom: 24px;
}

@media (min-width: 769px) {
  #header .container-fluid .text-right.hidden-xs {
    width: 100%;
  }
}

#header .container-fluid .text-right.hidden-xs h5 {
  display: none;
}

@media (min-width: 769px) {
  #header .container-fluid .text-right.hidden-xs h5 {
    display: block;
    position: absolute;
    top: -11px;
    left: 15px;
    width: auto;
  }
}

#header .container-fluid .text-right.hidden-xs a {
  position: relative;
  padding: .6em 0em;
  border: 2px solid transparent;
  font-size: 15px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
}

#header .container-fluid .text-right.hidden-xs a:hover {
  color: #e64545;
}

#header .container-fluid .text-right.hidden-xs a:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 87 91' style='enable-background:new 0 0 87 91;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23e64545;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M80.74,84.82H6.26l7.52-41.43c0.57-3.15,3.31-5.44,6.51-5.44h4.25c0.73,0,1.43,0.28,1.99,0.75 c4.35,3.68,10.12,6.02,16.08,6.02c6.02,0,10.9-1.59,15.92-6.01c0.55-0.48,1.24-0.76,1.97-0.76h6.52c3.26,0,6.05,2.35,6.61,5.57 L80.74,84.82z'/%3E%3Ccircle class='st0' cx='42.81' cy='20.78' r='15.96'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#header .container-fluid .text-right.hidden-xs a:after {
  width: 18px;
  margin-left: 10px;
  margin-bottom: -4px;
  content: "" !important;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 87 91' style='enable-background:new 0 0 87 91;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23fff;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M80.74,84.82H6.26l7.52-41.43c0.57-3.15,3.31-5.44,6.51-5.44h4.25c0.73,0,1.43,0.28,1.99,0.75 c4.35,3.68,10.12,6.02,16.08,6.02c6.02,0,10.9-1.59,15.92-6.01c0.55-0.48,1.24-0.76,1.97-0.76h6.52c3.26,0,6.05,2.35,6.61,5.57 L80.74,84.82z'/%3E%3Ccircle class='st0' cx='42.81' cy='20.78' r='15.96'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}

header.spx-header-container h1 {
  color: #e64545;
}

h5.contrast a {
  color: #fff;
}

h5.contrast a:hover {
  color: #e64545;
}

#ctl00_ContentPlaceHolder_RelatedOffersControl1_TitleLabel {
  font-size: 18px;
  font-weight: 700;
}

header .basketLink {
  position: absolute;
  top: 3px;
  right: 67px;
  z-index: 2;
}

header .basketLink:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 89.96 85.99' style='enable-background:new 0 0 89.96 85.99;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23fff;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='86.99,83.49 2.99,83.49 12.59,30.63 77.88,30.63 '/%3E%3Cg%3E%3Cpath class='st0' d='M20.37,40.05c0,0,3.5-37.55,24.62-37.55'/%3E%3Cpath class='st0' d='M69.62,40.05c0,0-3.5-37.55-24.62-37.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  width: 22px;
  margin-bottom: -4px;
  content: "" !important;
  height: 22px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

@media (min-width: 769px) {
  header .basketLink:after {
    width: 18px;
    height: 18px;
  }
}

header .basketLink:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 89.96 85.99' style='enable-background:new 0 0 89.96 85.99;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23e64545;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='86.99,83.49 2.99,83.49 12.59,30.63 77.88,30.63 '/%3E%3Cg%3E%3Cpath class='st0' d='M20.37,40.05c0,0,3.5-37.55,24.62-37.55'/%3E%3Cpath class='st0' d='M69.62,40.05c0,0-3.5-37.55-24.62-37.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

header .basketLink:hover:before {
  color: #e64545;
}

@media (min-width: 769px) {
  header .basketLink {
    top: 69px;
    text-align: right;
    width: 83px;
    padding: .6em 0em;
    right: 151px;
  }
}

@media (min-width: 769px) {
  header .basketLink:before {
    content: "Basket";
    position: absolute;
    font-size: 15px;
    top: 8px;
    color: #fff;
    right: 30px;
  }
}

header .accountLink {
  position: absolute;
  top: 2px;
  right: 25px;
  font-size: 0;
  height: 22px;
  width: 22px;
  color: #e64545;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

header .accountLink:after {
  width: 22px;
  margin-bottom: -4px;
  content: "" !important;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 87 91' style='enable-background:new 0 0 87 91;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23fff;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M80.74,84.82H6.26l7.52-41.43c0.57-3.15,3.31-5.44,6.51-5.44h4.25c0.73,0,1.43,0.28,1.99,0.75 c4.35,3.68,10.12,6.02,16.08,6.02c6.02,0,10.9-1.59,15.92-6.01c0.55-0.48,1.24-0.76,1.97-0.76h6.52c3.26,0,6.05,2.35,6.61,5.57 L80.74,84.82z'/%3E%3Ccircle class='st0' cx='42.81' cy='20.78' r='15.96'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

header .accountLink:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 87 91' style='enable-background:new 0 0 87 91;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23e64545;stroke-width:5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M80.74,84.82H6.26l7.52-41.43c0.57-3.15,3.31-5.44,6.51-5.44h4.25c0.73,0,1.43,0.28,1.99,0.75 c4.35,3.68,10.12,6.02,16.08,6.02c6.02,0,10.9-1.59,15.92-6.01c0.55-0.48,1.24-0.76,1.97-0.76h6.52c3.26,0,6.05,2.35,6.61,5.57 L80.74,84.82z'/%3E%3Ccircle class='st0' cx='42.81' cy='20.78' r='15.96'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.home .slider h1.major {
  font-size: 2em;
}

@media (min-width: 768px) {
  .home .slider h1.major {
    font-size: 3em;
  }
}

@media (min-width: 1024px) {
  .home .slider h1.major {
    font-size: 3.5em;
  }
}

.home .slider h1 .Link, .home .slider h1 a:link {
  color: #fff;
}

.home .slider h1 .Link:hover, .home .slider h1 a:link:hover {
  color: #fff;
}

.home .donationsWrapper {
  margin-top: 40px;
  border: 1px solid #dbdbdb;
  padding: 0 20px 20px;
}

.home .donationsWrapper .customAmount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 20px;
}

.home .donationsWrapper .customAmount input::-webkit-input-placeholder {
  font-size: 13px;
}

.home .donationsWrapper .customAmount input:-ms-input-placeholder {
  font-size: 13px;
}

.home .donationsWrapper .customAmount input::-ms-input-placeholder {
  font-size: 13px;
}

.home .donationsWrapper .customAmount input::placeholder {
  font-size: 13px;
}

.home .donationsWrapper .customAmount input {
  width: calc(50% - 4px);
  margin-bottom: 0;
}

.home .donationsWrapper .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.home .donationsWrapper .buttons button {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  text-align: center;
  color: #fff;
  padding: 5px 10px;
  height: 38px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

@media (min-width: 1024px) {
  .home .donationsWrapper .buttons button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 3px);
            flex: 0 1 calc(50% - 3px);
  }
}

.home .donationsWrapper .buttons button:nth-of-type(1) {
  background-color: #e64545;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .home .donationsWrapper .buttons button:nth-of-type(1) {
    margin-bottom: 0;
  }
}

.home .donationsWrapper .buttons button:nth-of-type(1):hover {
  background-color: #263233;
}

.home .donationsWrapper .buttons button:nth-of-type(2) {
  background-color: #4CB9A0;
}

.home .donationsWrapper .buttons button:nth-of-type(2):hover {
  background-color: #248181;
}

.home .donationsWrapper .message {
  padding-top: 20px;
}

.home .donationsWrapper .amountWrapper {
  padding-bottom: 20px;
}

.home .donationsWrapper .amountWrapper span .pound {
  font-weight: 700;
  font-size: 30px;
  position: relative;
  top: 6px;
  margin-left: 10px;
}

.home .donationsWrapper .amountWrapper span:nth-of-type(2) {
  font-weight: 700;
  font-size: 30px;
  position: relative;
  top: 6px;
}

.home .donationsWrapper .amountsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}

.home .donationsWrapper .amountsWrapper button {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33.33% - 5px);
          flex: 0 1 calc(33.33% - 5px);
  font-weight: 700;
  padding: 5px 10px;
  height: 38px;
  background-color: #4CB9A0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.home .donationsWrapper .amountsWrapper button:hover {
  background-color: #248181;
}

.home .donationsWrapper h3 {
  color: #263233;
  font-size: 2.3em;
  font-weight: 700;
}

.featured-event .feature {
  position: relative;
}

.featured-event .feature .specialWrap {
  position: absolute;
  right: 10px;
  top: 10px;
}

.featured-event .feature .specialWrap span {
  background-color: #e64545;
  color: #fff;
  padding: 3px;
  font-size: .8em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 30px;
}

.page-template-template__Donations .contentWrapper {
  width: 100%;
  max-width: 700px;
  margin: 40px auto;
  float: none;
}

#donationType option:checked {
  color: red;
}

.selectionWrapper {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 80px;
}

.selectionWrapper #donationType {
  width: 100%;
}

.spekWrapper {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 80px;
}

@media (min-width: 640px) {
  .spekWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.spekWrapper .spekDonateWrapper {
  border: 1px solid #dbdbdb;
  padding: 40px 20px 20px;
  display: none;
  width: 100%;
}

.spekWrapper .spekDonateWrapper .customAmount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 20px;
}

.spekWrapper .spekDonateWrapper .customAmount input::-webkit-input-placeholder {
  font-size: 13px;
}

.spekWrapper .spekDonateWrapper .customAmount input:-ms-input-placeholder {
  font-size: 13px;
}

.spekWrapper .spekDonateWrapper .customAmount input::-ms-input-placeholder {
  font-size: 13px;
}

.spekWrapper .spekDonateWrapper .customAmount input::placeholder {
  font-size: 13px;
}

.spekWrapper .spekDonateWrapper .customAmount input {
  width: calc(50% - 4px);
  margin-bottom: 0;
  margin-left: 10px;
}

.spekWrapper .spekDonateWrapper .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.spekWrapper .spekDonateWrapper .buttons button {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  text-align: center;
  color: #fff;
  padding: 5px 10px;
  height: 38px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

@media (min-width: 1024px) {
  .spekWrapper .spekDonateWrapper .buttons button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 3px);
            flex: 0 1 calc(50% - 3px);
  }
}

.spekWrapper .spekDonateWrapper .buttons button:nth-of-type(1) {
  background-color: #e64545;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .spekWrapper .spekDonateWrapper .buttons button:nth-of-type(1) {
    margin-bottom: 0;
  }
}

.spekWrapper .spekDonateWrapper .buttons button:nth-of-type(1):hover {
  background-color: #263233;
}

.spekWrapper .spekDonateWrapper .buttons button:nth-of-type(2) {
  background-color: #4CB9A0;
}

.spekWrapper .spekDonateWrapper .buttons button:nth-of-type(2):hover {
  background-color: #248181;
}

.spekWrapper .spekDonateWrapper .message {
  padding-top: 20px;
}

.spekWrapper .spekDonateWrapper .amountWrapper {
  padding-bottom: 20px;
}

.spekWrapper .spekDonateWrapper .amountWrapper span .pound {
  font-weight: 700;
  font-size: 30px;
  position: relative;
  top: 6px;
  margin-left: 10px;
}

.spekWrapper .spekDonateWrapper .amountWrapper span:nth-of-type(2) {
  font-weight: 700;
  font-size: 30px;
  position: relative;
  top: 6px;
}

.spekWrapper .spekDonateWrapper .amountsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}

.spekWrapper .spekDonateWrapper .amountsWrapper button {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33.33% - 5px);
          flex: 0 1 calc(33.33% - 5px);
  font-weight: 700;
  padding: 5px 10px;
  height: 38px;
  background-color: #4CB9A0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.spekWrapper .spekDonateWrapper .amountsWrapper button:hover {
  background-color: #248181;
}

.spekWrapper .spekDonateWrapper h2 {
  font-size: 1.4em;
}

@media (min-width: 640px) {
  .spekWrapper .spekDonateWrapper h2 {
    min-height: 56px;
  }
}

@media (min-width: 640px) {
  .spekWrapper .spekDonateWrapper h2 {
    font-size: 1.7em;
  }
}

.spekWrapper .spekDonateWrapper h3 {
  color: #263233;
  font-size: 2.3em;
  font-weight: 700;
}

.OptionalMessage #ctl00_ContentPlaceHolder_OptionalMessageWikiText {
  max-width: 677px;
  font-size: 1.2em;
}

.SpektrixPage.EventsCalendar .Date.Inactive {
  background: transparent;
  text-decoration: line-through;
}

.SpektrixPage.EventsCalendar .Month .Options {
  padding: 0px 10px;
}

@media (min-width: 1054px) {
  .SpektrixPage.EventsCalendar .Month .Options.MonthList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

@media (min-width: 1054px) {
  .SpektrixPage.EventsCalendar .Month .Options.MonthList li a {
    padding: 16px;
  }
}

.SpektrixPage.EventsCalendar .Month .Options li {
  padding: 0;
}

.SpektrixPage.EventsCalendar .Month .Options li a {
  padding: 16px 0;
}

.SpektrixPage.EventsCalendar .Month .Options li a:visited {
  color: #263233;
}

.SpektrixPage.EventsCalendar .Month .Options li a:hover {
  color: #e64545;
}

.SpektrixPage.EventsCalendar table {
  width: 100%;
  border-bottom: var(--default-border);
  border-top: var(--default-border);
  max-width: 1160px;
  margin: 0 auto;
}

@media (max-width: 1053px) {
  .SpektrixPage.EventsCalendar table tbody {
    width: 100%;
    display: block;
  }
}

@media (max-width: 1053px) {
  .SpektrixPage.EventsCalendar table tbody tr {
    width: 100%;
    display: block;
    padding: 0 10px;
    border-bottom: 0;
    border-top: 0;
  }
}

.SpektrixPage.EventsCalendar table tbody tr td {
  background: transparent;
}

.SpektrixPage.EventsCalendar table tbody tr td .CalendarDate {
  font-size: 1em;
  margin-top: 0;
}

.SpektrixPage.EventsCalendar table tbody tr td .Instance {
  margin-top: 10px;
  margin-bottom: 0;
}

.SpektrixPage.EventsCalendar table tbody tr td .Instance:last-of-type {
  border-bottom: none;
}

.SpektrixPage.EventsCalendar table tbody tr td .Instance .Name {
  font-size: 1em;
}

.SpektrixPage.EventsCalendar table tbody tr td .Instance .Name a {
  color: #263233;
}

.SpektrixPage.EventsCalendar table tbody tr td .Instance .Description {
  font-size: .8em;
}

@media (min-width: 769px) {
  .SpektrixPage.EventsCalendar table tbody tr td .Instance .Description {
    font-size: 1em;
  }
}

.SpektrixPage .Options {
  position: relative;
  width: 100%;
}

.SpektrixPage .Button.FindAddressButton:hover {
  background-color: #e64545;
}

.page--nav ul > li .sub-menu li a {
  color: #263233 !important;
}

.page--nav ul > li > a {
  color: #f5cd47 !important;
}

.feature__content h2 a {
  color: #263233 !important;
}

@media (min-width: 1054px) {
  .SpektrixPage.EventsCalendar table tbody tr {
    display: table-row;
  }
  .MyAccount .Options {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 30%;
  }
}

.timesWrapper {
  color: #fff;
}

.timesWrapper .inner {
  padding: 40px 20px;
}

@media (min-width: 769px) {
  .timesWrapper .inner {
    padding: 40px;
  }
}

.timesWrapper .inner .timeWrapper {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f5f1e4;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.timesWrapper .inner .timeWrapper .leftSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 769px) {
  .timesWrapper .inner .timeWrapper .leftSide {
    font-size: 1.2em;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 180px);
            flex: 0 1 calc(100% - 180px);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(1) {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  text-align: center;
}

@media (min-width: 640px) {
  .timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(1) {
    text-align: left;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: auto;
  }
}

@media (min-width: 769px) {
  .timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(1) {
    font-size: 1.2em;
    min-width: 190px;
  }
}

@media (min-width: 1024px) {
  .timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(1) {
    font-size: 1.2em;
  }
}

.timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}

@media (min-width: 640px) {
  .timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(2) {
    margin: 0 -3px 0 10px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(2) {
    margin-left: 40px;
    font-size: 1.2em;
  }
}

.timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(2) span {
  margin: 0 3px;
  border: 1px solid #fff;
  padding: 3px;
  text-align: center;
}

@media (min-width: 769px) {
  .timesWrapper .inner .timeWrapper .leftSide div:nth-of-type(2) span {
    margin: 0 5px;
    padding: 5px 8px;
  }
}

.timesWrapper .inner .timeWrapper .rightSide {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-top: 20px;
}

@media (min-width: 769px) {
  .timesWrapper .inner .timeWrapper .rightSide {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 180px;
            flex: 0 1 180px;
    margin-top: 0;
  }
}

.timesWrapper .inner .timeWrapper .rightSide .button {
  background-color: #263233;
  color: #fff;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 20px;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 640px) {
  .timesWrapper .inner .timeWrapper .rightSide .button {
    margin-left: auto;
    margin-right: 0;
  }
}

@media (min-width: 769px) {
  .timesWrapper .inner .timeWrapper .rightSide .button {
    padding: 20px;
    height: 66px;
  }
}

.timesWrapper .inner .timeWrapper .rightSide .button:hover {
  background-color: #e64545;
}

.page--footer {
  padding: 4.14em 0 2.14em;
}

.home .page--footer {
  padding: 0 0 2.14em;
}

.signupForm {
  position: relative;
}

.signupForm:after {
  position: absolute;
  bottom: 60px;
  left: 15px;
  right: 15px;
  margin: auto;
  content: "";
  height: 1px;
  width: calc(100% - 30px);
  background: #ffffff24;
}

.signupForm .titleWrapper {
  text-align: center;
  margin-bottom: 40px;
}

.signupForm .titleWrapper h2 {
  font-size: 2.5em;
}

.signupForm form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding-bottom: 100px;
  max-width: 900px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .signupForm form {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 769px) {
  .signupForm form {
    padding-bottom: 40px;
    margin: 0 auto 80px;
  }
}

.signupForm form .inputWrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  height: 38px;
  margin-bottom: 10px;
}

@media (min-width: 640px) {
  .signupForm form .inputWrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.33% - 5px);
            flex: 0 1 calc(33.33% - 5px);
  }
}

@media (min-width: 1024px) {
  .signupForm form .inputWrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(25% - 5px);
            flex: 0 1 calc(25% - 5px);
    height: 44px;
    margin-bottom: 0;
  }
}

.signupForm form .inputWrapper input {
  width: 100%;
  height: 38px;
}

@media (min-width: 1024px) {
  .signupForm form .inputWrapper input {
    height: 44px;
  }
}

.signupForm form .submitWrapper {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

@media (min-width: 1024px) {
  .signupForm form .submitWrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(25% - 5px);
            flex: 0 1 calc(25% - 5px);
  }
}

.signupForm form .submitWrapper input {
  width: 100%;
  background-color: #4CB9A0;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  font-weight: 700;
  color: #fff;
  border: none;
  outline: none;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1024px) {
  .signupForm form .submitWrapper input {
    height: 44px;
    font-size: 1.15em;
  }
}

.signupForm form .submitWrapper input:hover {
  background-color: #248181;
}

.well .feature__content .button__smaller .button__text {
  padding: 0 5px !important;
}

.open-modal {
  font-weight: 300;
  color: #fff;
  padding: 0.75rem 1.75rem;
  margin-bottom: 1rem;
  background-color: #4CB9A0;
  width: 100%;
  font-size: 1.3em;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  margin-top: 40px;
}

.open-modal:hover {
  background-color: #248181;
}

/* MODAL
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  background: var(--black);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}

.modal:after {
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  background: rgba(38, 50, 51, 0.35);
  content: "";
}

.modal h3 {
  font-weight: 700;
  color: #fff;
  font-size: 2em;
}

.modal.is-visible {
  visibility: visible;
  opacity: 1;
}

.modal-content .key {
  padding: 0 20px;
  text-align: right;
  color: #fff;
}

@media (min-width: 769px) {
  .modal-content .key {
    padding: 0 40px;
  }
}

.modal-content .key p {
  margin: 15px 0;
}

.modal-content .key p span {
  padding: 3px;
  text-align: center;
  min-width: 40px;
  display: inline-block;
  border: 1px solid #fff;
}

.modal-dialog {
  position: relative;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  background: #248181;
  overflow: auto;
  cursor: default;
}

.modal-header,
.modal-footer {
  background: #248181;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 40px 0;
}

.modal-header .close-modal {
  font-size: 1.5rem;
  color: #fff;
}

.modal p + p {
  margin-top: 1rem;
}

.home .page--header,
.single-productions.has-feature .page--header,
.single-behindthescenes.has-feature .page--header,
.page-template-template__Whats-On .page--header {
  background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.5))) !important;
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.5) 100%) !important;
}

.button.bg__accent--secondary:hover, .button.bg__accent--secondary:focus, .button.bg__accent--secondary:active {
  background-color: #e64545;
  color: #fff !important;
}

.button__text {
  padding: 0 2em !important;
}

span.rounded, .rounded__bg {
  opacity: 0;
  width: 0;
}

.button__icon.bg__accent--secondary .button__text {
  padding-right: 0;
  padding-left: 0;
}

.button__icon {
  max-height: 46px;
  color: #fff !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.button__icon .button__text {
  width: 100%;
}

.slide__content .button__icon {
  min-width: 162px;
  text-align: center;
}

.featured-event .button__icon {
  color: #fff !important;
  width: calc(50% - 5px);
  margin: 0;
  text-align: center;
}

.featured-event .button__icon .button__text {
  width: 100%;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.featured-event .button__icon:nth-of-type(2) {
  margin-left: 5px;
}

.month select {
  background-position: 100% 62% !important;
}

.featured-productions-slider .Link, .featured-productions-slider a:link {
  color: #fff;
}

.feature__content .button__smaller {
  width: calc(50% - 5px);
  text-align: center;
}

.feature__content .button__smaller:nth-of-type(2) {
  margin-left: 5px;
}

.headshot .feature__content .button__smaller {
  width: 100%;
}

#events .event .feature__content .button--group.pull-right {
  width: 100%;
}

.content .button {
  color: #fff !important;
}

.patronOffers h1 {
  width: 100%;
  font-size: 2.3em;
}

.patronOffers h2 {
  width: 100%;
  font-size: 1.8em;
}

@media (min-width: 769px) {
  .patronOffers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.patronOffers.annuals .membership .titleWrapper {
  background-color: #4CB9A0;
}

.patronOffers .membership {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

@media (min-width: 769px) {
  .patronOffers .membership {
    margin-bottom: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
  }
}

@media (min-width: 769px) {
  .patronOffers .membership:nth-of-type(even) {
    margin-left: 20px;
  }
}

.patronOffers .membership .buttonWrapper {
  margin: 10px 0;
}

.patronOffers .membership .buttonWrapper button {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  padding: 10px 20px;
  background-color: #e64545;
  color: #fff;
}

.patronOffers .membership .buttonWrapper button:hover {
  background-color: #263233;
}

.patronOffers .membership .titleWrapper {
  width: 100%;
  padding: 20px;
  color: #fff;
  background-color: #248181;
  margin-bottom: 20px;
  height: 250px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.patronOffers .membership .titleWrapper h3 {
  color: #fff;
  margin-bottom: 0;
}

.patronOffers .membership .description {
  padding: 0 20px 10px;
}

.patronOffers .membership .renewWrapper {
  width: 100%;
  margin-top: 20px;
}

.patronOffers .membership .renewWrapper label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 106px;
  margin: 0 auto;
}

.page-template-template__Tile .patronOffers .membership:nth-of-type(1) .titleWrapper {
  background-color: #d4af37;
}

.page-template-template__Tile .patronOffers .membership:nth-of-type(2) .titleWrapper {
  background-color: #b1b1b1;
}

.page-template-template__Tile .patronOffers .membership:nth-of-type(3) .titleWrapper {
  background-color: #b08d57;
}

.page-template-template__Good-Gifts .patronOffers .membership {
  margin-bottom: 0;
}

.page-template-template__Good-Gifts .patronOffers .membership .titleWrapper {
  height: 480px;
  padding: 20px 20px 0;
  margin-bottom: 0;
  background-color: transparent;
}

.page-template-template__Good-Gifts .patronOffers .membership .description p {
  margin-top: 0;
}

.page-template-template__Good-Gifts .patronOffers .membership h2, .page-template-template__Good-Gifts .patronOffers .membership h3 {
  color: #333;
}

.page-template-template__Good-Gifts .patronOffers .membership h2 {
  margin-top: 20px;
}

.ctl00_ContentPlaceHolder_AddToBasketButton {
  margin-top: 20px;
}

.vouchersWrap {
  text-align: center;
}

.vouchersWrap #SpektrixIFrame {
  width: 100%;
  margin: 0 auto 60px;
  max-width: 650px;
  border: 1px solid #A2A2A2;
  padding: .4rem 1rem;
}

form #ctl00_ContentPlaceHolder_DateToSendDatePicker_YearBox {
  position: relative;
  top: 2px;
}

form .Container.To {
  margin-top: 20px;
}

.AddGiftVoucher.SpektrixPage .Amount input {
  padding-left: 2em;
}

.AddGiftVoucher.SpektrixPage .Amount .left + span {
  top: 2rem;
}

#ctl00_ContentPlaceHolder_AddAnotherGiftVoucherButton {
  margin-top: 20px;
  margin-bottom: 20px;
}

.Item.GiftVoucher {
  position: relative;
}

.Basket2 .Item.GiftVoucher ul.Breakdown {
  grid-area: Buttons-start;
  margin-top: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: unset;
}

.Basket2 .Item.GiftVoucher ul.Breakdown li.total {
  position: absolute;
  right: 0;
  top: 9px;
}

#ctl00_ContentPlaceHolder_RelatedOffersControl1_Container {
  display: none !important;
}

.SeatingArea .PlanControls {
  background-color: #000;
}

h1.EditTicketsHeading .EventName {
  color: #000 !important;
}

#ctl00_ContentPlaceHolder_RelatedOffersControl_Container ul li a {
  pointer-events: none !important;
}

iFrame {
  min-height: 600px !important;
}

.spx-section-container__checkout--start-checkout {
  padding: 20px;
}

.page-template-template__Checkout .iFrameWrap {
  text-align: center;
}

.page-template-template__Checkout #SpektrixIFrame {
  max-width: 650px;
  margin: 40px auto;
  border: 1px solid #b5b5b5;
  padding: 20px;
}

#ctl00_ContentPlaceHolder_Progress {
  margin-bottom: 40px;
}

@media (min-width: 1000px) {
  .home .featured-events .featured-event .feature__content h3 {
    min-height: 26px;
  }
}

@media (min-width: 1000px) {
  .home .featured-events .featured-event .feature__content p {
    min-height: 60px;
  }
}

.contained .single-post .content img {
  max-width: 100%;
  height: auto;
}

.single-post .author a.contrast {
  color: #fff;
}

.single-post .tweet p a {
  color: #e64545;
}

.Total.GrandTotal .Label {
  position: relative;
  visibility: hidden;
}

.Total.GrandTotal .Label:after {
  content: "Total";
  font-size: 1em;
  visibility: visible;
}

#ctl00_ContentPlaceHolder_SummaryViewControl_CostsSummaryControl_TicketTotalRow,
#ctl00_ContentPlaceHolder_SummaryViewControl_CostsSummaryControl_DonationTotalRow {
  display: none;
}

#ctl00_ContentPlaceHolder_SummaryViewControl_CostsSummaryControl_TicketTotalRow .Summary,
#ctl00_ContentPlaceHolder_SummaryViewControl_CostsSummaryControl_DonationTotalRow .Summary {
  display: none;
}

#ctl00_ContentPlaceHolder_PricesContainer {
  margin-top: 40px;
  float: left;
  width: 100%;
}

#ctl00_ContentPlaceHolder_PricesContainer .PricesHeading {
  position: relative;
  width: 100%;
  margin-bottom: 70px;
}

#ctl00_ContentPlaceHolder_PricesContainer .PricesHeading span {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  margin-bottom: 70px;
  visibility: hidden;
  left: -75px;
}

#ctl00_ContentPlaceHolder_PricesContainer .PricesHeading span:after {
  content: "Ticket Prices";
  font-size: 1em;
  visibility: visible;
  left: 0;
  top: 0;
  width: 100%;
}

.Memberships .Membership .Details ul {
  background: #4CB9A0;
  color: #fff;
  text-align: center;
  padding: 10px 40px 40px;
}

.Memberships .Membership .Details ul li:nth-of-type(1) {
  position: relative;
  padding-top: 120px;
}

.Memberships .Membership .Details ul li:nth-of-type(1):after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg style='margin-bottom: 20px;max-width:110px;' class='ticket' version='1.1' id='Layer_3' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 534.03 305.6' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23f5cd47%7D.st1%7Bfill:%23e0192e%7D.st2%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='st0' d='M152 216h336V8H152c0 8.09-4.77 15.11-11.81 19.1C132.91 31.22 128 39.04 128 48c0 11.05 7.46 20.35 17.62 23.14 3.66 1 6.38 4.02 6.38 7.82v2.08c0 3.79-2.73 6.81-6.38 7.82C135.46 91.65 128 100.95 128 112s7.46 20.35 17.62 23.14c3.66 1 6.38 4.02 6.38 7.82v2.08c0 3.79-2.73 6.81-6.38 7.82C135.46 155.65 128 164.95 128 176c0 8.96 4.91 16.78 12.19 20.9 7.04 3.99 11.81 11.01 11.81 19.1z'%3E%3C/path%3E%3Cpath class='st1' d='M8 216c0-8.09 4.77-15.11 11.81-19.1C27.09 192.78 32 184.96 32 176c0-11.05-7.46-20.35-17.62-23.14-3.66-1-6.38-4.02-6.38-7.82v-2.08c0-3.79 2.73-6.81 6.38-7.82C24.54 132.35 32 123.05 32 112s-7.46-20.35-17.62-23.14c-3.66-1-6.38-4.02-6.38-7.82v-2.08c0-3.79 2.73-6.81 6.38-7.82C24.54 68.35 32 59.05 32 48c0-8.96-4.91-16.78-12.19-20.9C12.77 23.11 8 16.09 8 8h144c0 8.09-4.77 15.11-11.81 19.1C132.91 31.22 128 39.04 128 48c0 11.05 7.46 20.35 17.62 23.14 3.66 1 6.38 4.02 6.38 7.82v2.08c0 3.79-2.73 6.81-6.38 7.82C135.46 91.65 128 100.95 128 112s7.46 20.35 17.62 23.14c3.66 1 6.38 4.02 6.38 7.82v2.08c0 3.79-2.73 6.81-6.38 7.82C135.46 155.65 128 164.95 128 176c0 8.96 4.91 16.78 12.19 20.9 7.04 3.99 11.81 11.02 11.81 19.1H8z'%3E%3C/path%3E%3Cpath class='st0' d='M184 152h128v32H184v-32z'%3E%3C/path%3E%3Cpath class='st2' d='M142.47 0H7.99C3.58 0 0 3.58 0 7.99c-.02 10.69 5.91 20.44 15.86 26.06C20.87 36.9 24 42.24 24 48c0 7.18-4.83 13.53-11.75 15.43C4.92 65.44 0 71.68 0 78.96v2.08c0 7.28 4.92 13.52 12.25 15.53C19.17 98.47 24 104.82 24 112s-4.83 13.53-11.75 15.43C4.92 129.44 0 135.68 0 142.96v2.08c0 7.28 4.92 13.52 12.25 15.53 6.92 1.9 11.75 8.25 11.75 15.42 0 5.76-3.13 11.1-8.14 13.94C5.93 195.56 0 205.3 0 215.99c0 4.42 3.58 8 8 8h92c-6.5.24 6.11.43 0 0l15.34.05c8.66 0 90.16-.05 120.22-.05 8.91 0 3.54-7.1 0 0 3.68-1.74 15.4-10.98 0 0-6.06-2.16-26.48 0 0 0 1.71-3.43-2.04 0 0 0 2.06 0-2.53-2.59 0 0h252.43c4.42 0 8-3.58 8-8V8c0-4.42-3.58-8-8-8h-28.65m-208.6 0h-22.62M23.74 203.86C33.77 198.18 40 187.5 40 175.99c0-14.36-9.67-27.05-24-30.96l.5-2.18C30.33 139.05 40 126.35 40 112c0-14.36-9.67-27.05-24-30.96l.5-2.18C30.33 75.05 40 62.35 40 48c0-11.51-6.23-22.18-16.26-27.86-1.98-1.12-3.62-2.53-4.9-4.14h122.27c-1.26 1.61-2.91 3.02-4.88 4.14C126.22 25.81 120 36.48 120 48c0 14.36 9.66 27.05 24 30.96l-.5 2.18C129.66 84.94 120 97.63 120 112s9.66 27.05 24 30.96l-.5 2.18c-13.84 3.8-23.5 16.49-23.5 30.85-.02 11.51 6.21 22.18 16.24 27.86 1.97 1.11 3.62 2.53 4.88 4.14H18.86c1.27-1.61 2.92-3.01 4.88-4.13zm456.25 4.13H158.83c-2.18-7.42-7.34-13.88-14.71-18.06-5.01-2.84-8.13-8.18-8.12-13.94 0-7.18 4.82-13.53 11.74-15.43 7.34-2.02 12.26-8.26 12.26-15.54v-2.08c0-7.28-4.93-13.52-12.26-15.53-6.91-1.9-11.74-8.25-11.74-15.42s4.82-13.53 11.74-15.43C155.08 94.54 160 88.3 160 81.02v-2.08c0-7.28-4.93-13.52-12.26-15.53C140.82 61.52 136 55.18 136 48c0-5.76 3.11-11.1 8.13-13.94 7.38-4.18 12.54-10.63 14.71-18.06h321.15v191.99z'%3E%3C/path%3E%3Cpath class='st2' d='M56 108.76h47.99v6.48H56v-6.48zM56 156.76h47.99v6.48H56v-6.48zM56 62.45h47.99v6.48H56v-6.48zM200 62.45h246.25v6.48H200v-6.48zM200 108.63h246.25v6.48H200v-6.48zM200 156.06h246.25v6.48H200v-6.48z'%3E%3C/path%3E%3Cg%3E%3Cpath class='st0' d='M195.06 272.78l330.97-57.93L490.17 9.97 159.2 67.9c1.39 7.97-2.09 15.71-8.34 20.85-6.46 5.31-9.95 13.86-8.41 22.69 1.9 10.88 10.86 18.76 21.34 19.76 3.77.35 6.98 2.86 7.64 6.6l.36 2.05c.65 3.74-1.51 7.18-4.94 8.8-9.52 4.5-15.27 14.95-13.36 25.83 1.9 10.88 10.86 18.76 21.34 19.76 3.77.35 6.98 2.86 7.64 6.6l.36 2.05c.65 3.74-1.51 7.18-4.94 8.8-9.52 4.5-15.27 14.95-13.36 25.83 1.54 8.83 7.73 15.68 15.61 18.48 7.62 2.72 13.53 8.82 14.92 16.78z'%3E%3C/path%3E%3Cpath class='st1' d='M53.22 297.61c-1.39-7.97 2.09-15.71 8.34-20.85 6.46-5.31 9.95-13.86 8.41-22.69-1.9-10.88-10.86-18.76-21.34-19.76-3.77-.35-6.98-2.86-7.64-6.6l-.36-2.05c-.65-3.74 1.51-7.18 4.94-8.8 9.52-4.5 15.27-14.95 13.36-25.83-1.9-10.88-10.86-18.76-21.34-19.76-3.77-.35-6.98-2.86-7.64-6.6l-.36-2.05c-.65-3.74 1.51-7.18 4.94-8.8 9.52-4.5 15.27-14.95 13.36-25.83-1.54-8.83-7.73-15.68-15.61-18.48-7.62-2.72-13.53-8.82-14.92-16.78L159.2 67.9c1.39 7.97-2.09 15.71-8.34 20.85-6.46 5.31-9.95 13.86-8.41 22.69 1.9 10.88 10.86 18.76 21.34 19.76 3.77.35 6.98 2.86 7.64 6.6l.36 2.05c.65 3.74-1.51 7.18-4.94 8.8-9.52 4.5-15.27 14.95-13.36 25.83 1.9 10.88 10.86 18.76 21.34 19.76 3.77.35 6.98 2.86 7.64 6.6l.36 2.05c.65 3.74-1.51 7.18-4.94 8.8-9.52 4.5-15.27 14.95-13.36 25.83 1.54 8.83 7.73 15.68 15.61 18.48 7.62 2.72 13.53 8.82 14.92 16.78L53.22 297.61z'%3E%3C/path%3E%3Cpath class='st0' d='M215.55 204.22l126.08-22.07 5.52 31.52-126.08 22.07-5.52-31.52z'%3E%3C/path%3E%3Cpath class='st2' d='M148.44 61.66L15.97 84.85c-4.35.76-7.26 4.9-6.49 9.25 1.83 10.53 9.35 19.11 20.11 22.94 5.43 1.93 9.43 6.66 10.43 12.33 1.24 7.08-2.43 14.16-8.92 17.23-6.87 3.24-10.64 10.24-9.39 17.41l.36 2.05c1.26 7.17 7.18 12.47 14.74 13.18 7.14.68 13 6.1 14.24 13.17 1.24 7.08-2.43 14.16-8.92 17.23-6.87 3.24-10.64 10.24-9.39 17.41l.36 2.05c1.26 7.17 7.18 12.47 14.74 13.18 7.14.68 13 6.1 14.24 13.17.99 5.67-1.17 11.48-5.62 15.14-8.81 7.25-12.97 17.87-11.13 28.4a7.99 7.99 0 009.26 6.5l90.62-15.86c-6.36 1.36 6.1-.63 0 0l15.12-2.59c8.53-1.49 88.81-15.59 118.41-20.78 8.77-1.54 2.26-7.61 0 0 3.33-2.35 13.27-13.47 0 0-6.34-1.08-26.09 4.57 0 0 1.09-3.68-2.01.35 0 0 2.03-.35-2.94-2.11 0 0l248.65-43.52a7.99 7.99 0 006.5-9.26L498.04 8.59a7.99 7.99 0 00-9.26-6.5l-28.22 4.94M255.08 42.99l-22.29 3.9M66.63 282.93a32.084 32.084 0 0011.21-30.25c-2.48-14.14-14.19-24.98-28.98-26.36l.11-2.24c12.97-6.13 20.31-20.3 17.83-34.44-2.48-14.14-14.19-24.98-28.98-26.36l.11-2.24c12.97-6.14 20.31-20.31 17.83-34.45-1.98-11.34-9.96-20.78-20.82-24.64-2.14-.76-4.01-1.87-5.54-3.23l120.44-21.08c-.97 1.8-2.35 3.48-4.09 4.92a32.04 32.04 0 00-11.19 30.25c2.48 14.14 14.17 24.98 28.98 26.36l-.12 2.24c-12.98 6.13-20.3 20.29-17.82 34.44 2.48 14.15 14.17 24.98 28.98 26.36l-.12 2.24c-12.98 6.13-20.3 20.29-17.83 34.44 1.97 11.34 9.94 20.78 20.8 24.65 2.13.76 4 1.87 5.52 3.23L62.53 287.85c.98-1.8 2.36-3.47 4.1-4.92zm450.13-74.58l-316.35 55.37c-3.42-6.94-9.62-12.41-17.6-15.25-5.42-1.93-9.42-6.65-10.4-12.33-1.24-7.08 2.42-14.16 8.9-17.22 6.88-3.25 10.66-10.25 9.4-17.42l-.36-2.05c-1.26-7.17-7.19-12.47-14.76-13.18-7.14-.68-12.98-6.1-14.22-13.17-1.24-7.07 2.42-14.16 8.9-17.22 6.88-3.25 10.66-10.25 9.4-17.42l-.36-2.05c-1.26-7.17-7.19-12.47-14.76-13.18-7.14-.68-12.98-6.1-14.22-13.17a16.047 16.047 0 015.6-15.13c6.55-5.39 10.52-12.63 11.38-20.33l316.34-55.37 33.11 189.12z'%3E%3C/path%3E%3Cpath class='st2' d='M82.01 183.7l47.27-8.27 1.12 6.39-47.27 8.27-1.12-6.39zM90.29 230.98l47.27-8.27 1.12 6.39-47.27 8.27-1.12-6.39zM74.03 138.09l47.27-8.27 1.12 6.39-47.27 8.27-1.12-6.39zM215.87 113.26L458.44 70.8l1.12 6.39-242.57 42.46-1.12-6.39zM223.83 158.74l242.57-42.46 1.12 6.39-242.57 42.46-1.12-6.39zM232.01 205.47l242.57-42.46 1.12 6.39-242.57 42.46-1.12-6.39z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  height: 80px;
  width: 120px;
  position: absolute;
  top: 0;
  bottom: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  right: 0;
  margin: auto;
}

.Memberships .Membership .Details ul li.Price {
  font-size: 1.25em;
  margin: .67em 0 0;
}

.Memberships .Membership .Details ul li.Period {
  width: 100%;
  font-size: 1.8em;
  margin: .67em 0;
  font-weight: 700;
}

.Basket2 .Item p.Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.Item.GiftVoucher {
  display: block !important;
}

.Item.GiftVoucher .ViewDetails {
  display: none;
}

#ctl00_ContentPlaceHolder_PromoTitle {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 60px;
  font-weight: 700;
  text-decoration: underline;
  font-size: 1.5em;
}

#ctl00_ContentPlaceHolder_RecommendedEvents {
  padding-bottom: 40px;
}

#ctl00_ContentPlaceHolder_RecommendedEvents .PromoItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#ctl00_ContentPlaceHolder_RecommendedEvents .PromoItems li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 640px) {
  #ctl00_ContentPlaceHolder_RecommendedEvents .PromoItems li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 5px);
            flex: 0 1 calc(50% - 5px);
  }
}

#ctl00_ContentPlaceHolder_RecommendedEvents .PromoItems li a {
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: #4CB9A0;
  padding: 110px 40px 40px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  position: relative;
  font-size: 1.3rem;
  text-decoration: none;
}

#ctl00_ContentPlaceHolder_RecommendedEvents .PromoItems li a:hover {
  background-color: #248181;
}

#ctl00_ContentPlaceHolder_RecommendedEvents .PromoItems li a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg style='margin-bottom: 20px;max-width:110px;' class='ticket' version='1.1' id='Layer_3' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 534.03 305.6' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23f5cd47%7D.st1%7Bfill:%23e0192e%7D.st2%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='st0' d='M152 216h336V8H152c0 8.09-4.77 15.11-11.81 19.1C132.91 31.22 128 39.04 128 48c0 11.05 7.46 20.35 17.62 23.14 3.66 1 6.38 4.02 6.38 7.82v2.08c0 3.79-2.73 6.81-6.38 7.82C135.46 91.65 128 100.95 128 112s7.46 20.35 17.62 23.14c3.66 1 6.38 4.02 6.38 7.82v2.08c0 3.79-2.73 6.81-6.38 7.82C135.46 155.65 128 164.95 128 176c0 8.96 4.91 16.78 12.19 20.9 7.04 3.99 11.81 11.01 11.81 19.1z'%3E%3C/path%3E%3Cpath class='st1' d='M8 216c0-8.09 4.77-15.11 11.81-19.1C27.09 192.78 32 184.96 32 176c0-11.05-7.46-20.35-17.62-23.14-3.66-1-6.38-4.02-6.38-7.82v-2.08c0-3.79 2.73-6.81 6.38-7.82C24.54 132.35 32 123.05 32 112s-7.46-20.35-17.62-23.14c-3.66-1-6.38-4.02-6.38-7.82v-2.08c0-3.79 2.73-6.81 6.38-7.82C24.54 68.35 32 59.05 32 48c0-8.96-4.91-16.78-12.19-20.9C12.77 23.11 8 16.09 8 8h144c0 8.09-4.77 15.11-11.81 19.1C132.91 31.22 128 39.04 128 48c0 11.05 7.46 20.35 17.62 23.14 3.66 1 6.38 4.02 6.38 7.82v2.08c0 3.79-2.73 6.81-6.38 7.82C135.46 91.65 128 100.95 128 112s7.46 20.35 17.62 23.14c3.66 1 6.38 4.02 6.38 7.82v2.08c0 3.79-2.73 6.81-6.38 7.82C135.46 155.65 128 164.95 128 176c0 8.96 4.91 16.78 12.19 20.9 7.04 3.99 11.81 11.02 11.81 19.1H8z'%3E%3C/path%3E%3Cpath class='st0' d='M184 152h128v32H184v-32z'%3E%3C/path%3E%3Cpath class='st2' d='M142.47 0H7.99C3.58 0 0 3.58 0 7.99c-.02 10.69 5.91 20.44 15.86 26.06C20.87 36.9 24 42.24 24 48c0 7.18-4.83 13.53-11.75 15.43C4.92 65.44 0 71.68 0 78.96v2.08c0 7.28 4.92 13.52 12.25 15.53C19.17 98.47 24 104.82 24 112s-4.83 13.53-11.75 15.43C4.92 129.44 0 135.68 0 142.96v2.08c0 7.28 4.92 13.52 12.25 15.53 6.92 1.9 11.75 8.25 11.75 15.42 0 5.76-3.13 11.1-8.14 13.94C5.93 195.56 0 205.3 0 215.99c0 4.42 3.58 8 8 8h92c-6.5.24 6.11.43 0 0l15.34.05c8.66 0 90.16-.05 120.22-.05 8.91 0 3.54-7.1 0 0 3.68-1.74 15.4-10.98 0 0-6.06-2.16-26.48 0 0 0 1.71-3.43-2.04 0 0 0 2.06 0-2.53-2.59 0 0h252.43c4.42 0 8-3.58 8-8V8c0-4.42-3.58-8-8-8h-28.65m-208.6 0h-22.62M23.74 203.86C33.77 198.18 40 187.5 40 175.99c0-14.36-9.67-27.05-24-30.96l.5-2.18C30.33 139.05 40 126.35 40 112c0-14.36-9.67-27.05-24-30.96l.5-2.18C30.33 75.05 40 62.35 40 48c0-11.51-6.23-22.18-16.26-27.86-1.98-1.12-3.62-2.53-4.9-4.14h122.27c-1.26 1.61-2.91 3.02-4.88 4.14C126.22 25.81 120 36.48 120 48c0 14.36 9.66 27.05 24 30.96l-.5 2.18C129.66 84.94 120 97.63 120 112s9.66 27.05 24 30.96l-.5 2.18c-13.84 3.8-23.5 16.49-23.5 30.85-.02 11.51 6.21 22.18 16.24 27.86 1.97 1.11 3.62 2.53 4.88 4.14H18.86c1.27-1.61 2.92-3.01 4.88-4.13zm456.25 4.13H158.83c-2.18-7.42-7.34-13.88-14.71-18.06-5.01-2.84-8.13-8.18-8.12-13.94 0-7.18 4.82-13.53 11.74-15.43 7.34-2.02 12.26-8.26 12.26-15.54v-2.08c0-7.28-4.93-13.52-12.26-15.53-6.91-1.9-11.74-8.25-11.74-15.42s4.82-13.53 11.74-15.43C155.08 94.54 160 88.3 160 81.02v-2.08c0-7.28-4.93-13.52-12.26-15.53C140.82 61.52 136 55.18 136 48c0-5.76 3.11-11.1 8.13-13.94 7.38-4.18 12.54-10.63 14.71-18.06h321.15v191.99z'%3E%3C/path%3E%3Cpath class='st2' d='M56 108.76h47.99v6.48H56v-6.48zM56 156.76h47.99v6.48H56v-6.48zM56 62.45h47.99v6.48H56v-6.48zM200 62.45h246.25v6.48H200v-6.48zM200 108.63h246.25v6.48H200v-6.48zM200 156.06h246.25v6.48H200v-6.48z'%3E%3C/path%3E%3Cg%3E%3Cpath class='st0' d='M195.06 272.78l330.97-57.93L490.17 9.97 159.2 67.9c1.39 7.97-2.09 15.71-8.34 20.85-6.46 5.31-9.95 13.86-8.41 22.69 1.9 10.88 10.86 18.76 21.34 19.76 3.77.35 6.98 2.86 7.64 6.6l.36 2.05c.65 3.74-1.51 7.18-4.94 8.8-9.52 4.5-15.27 14.95-13.36 25.83 1.9 10.88 10.86 18.76 21.34 19.76 3.77.35 6.98 2.86 7.64 6.6l.36 2.05c.65 3.74-1.51 7.18-4.94 8.8-9.52 4.5-15.27 14.95-13.36 25.83 1.54 8.83 7.73 15.68 15.61 18.48 7.62 2.72 13.53 8.82 14.92 16.78z'%3E%3C/path%3E%3Cpath class='st1' d='M53.22 297.61c-1.39-7.97 2.09-15.71 8.34-20.85 6.46-5.31 9.95-13.86 8.41-22.69-1.9-10.88-10.86-18.76-21.34-19.76-3.77-.35-6.98-2.86-7.64-6.6l-.36-2.05c-.65-3.74 1.51-7.18 4.94-8.8 9.52-4.5 15.27-14.95 13.36-25.83-1.9-10.88-10.86-18.76-21.34-19.76-3.77-.35-6.98-2.86-7.64-6.6l-.36-2.05c-.65-3.74 1.51-7.18 4.94-8.8 9.52-4.5 15.27-14.95 13.36-25.83-1.54-8.83-7.73-15.68-15.61-18.48-7.62-2.72-13.53-8.82-14.92-16.78L159.2 67.9c1.39 7.97-2.09 15.71-8.34 20.85-6.46 5.31-9.95 13.86-8.41 22.69 1.9 10.88 10.86 18.76 21.34 19.76 3.77.35 6.98 2.86 7.64 6.6l.36 2.05c.65 3.74-1.51 7.18-4.94 8.8-9.52 4.5-15.27 14.95-13.36 25.83 1.9 10.88 10.86 18.76 21.34 19.76 3.77.35 6.98 2.86 7.64 6.6l.36 2.05c.65 3.74-1.51 7.18-4.94 8.8-9.52 4.5-15.27 14.95-13.36 25.83 1.54 8.83 7.73 15.68 15.61 18.48 7.62 2.72 13.53 8.82 14.92 16.78L53.22 297.61z'%3E%3C/path%3E%3Cpath class='st0' d='M215.55 204.22l126.08-22.07 5.52 31.52-126.08 22.07-5.52-31.52z'%3E%3C/path%3E%3Cpath class='st2' d='M148.44 61.66L15.97 84.85c-4.35.76-7.26 4.9-6.49 9.25 1.83 10.53 9.35 19.11 20.11 22.94 5.43 1.93 9.43 6.66 10.43 12.33 1.24 7.08-2.43 14.16-8.92 17.23-6.87 3.24-10.64 10.24-9.39 17.41l.36 2.05c1.26 7.17 7.18 12.47 14.74 13.18 7.14.68 13 6.1 14.24 13.17 1.24 7.08-2.43 14.16-8.92 17.23-6.87 3.24-10.64 10.24-9.39 17.41l.36 2.05c1.26 7.17 7.18 12.47 14.74 13.18 7.14.68 13 6.1 14.24 13.17.99 5.67-1.17 11.48-5.62 15.14-8.81 7.25-12.97 17.87-11.13 28.4a7.99 7.99 0 009.26 6.5l90.62-15.86c-6.36 1.36 6.1-.63 0 0l15.12-2.59c8.53-1.49 88.81-15.59 118.41-20.78 8.77-1.54 2.26-7.61 0 0 3.33-2.35 13.27-13.47 0 0-6.34-1.08-26.09 4.57 0 0 1.09-3.68-2.01.35 0 0 2.03-.35-2.94-2.11 0 0l248.65-43.52a7.99 7.99 0 006.5-9.26L498.04 8.59a7.99 7.99 0 00-9.26-6.5l-28.22 4.94M255.08 42.99l-22.29 3.9M66.63 282.93a32.084 32.084 0 0011.21-30.25c-2.48-14.14-14.19-24.98-28.98-26.36l.11-2.24c12.97-6.13 20.31-20.3 17.83-34.44-2.48-14.14-14.19-24.98-28.98-26.36l.11-2.24c12.97-6.14 20.31-20.31 17.83-34.45-1.98-11.34-9.96-20.78-20.82-24.64-2.14-.76-4.01-1.87-5.54-3.23l120.44-21.08c-.97 1.8-2.35 3.48-4.09 4.92a32.04 32.04 0 00-11.19 30.25c2.48 14.14 14.17 24.98 28.98 26.36l-.12 2.24c-12.98 6.13-20.3 20.29-17.82 34.44 2.48 14.15 14.17 24.98 28.98 26.36l-.12 2.24c-12.98 6.13-20.3 20.29-17.83 34.44 1.97 11.34 9.94 20.78 20.8 24.65 2.13.76 4 1.87 5.52 3.23L62.53 287.85c.98-1.8 2.36-3.47 4.1-4.92zm450.13-74.58l-316.35 55.37c-3.42-6.94-9.62-12.41-17.6-15.25-5.42-1.93-9.42-6.65-10.4-12.33-1.24-7.08 2.42-14.16 8.9-17.22 6.88-3.25 10.66-10.25 9.4-17.42l-.36-2.05c-1.26-7.17-7.19-12.47-14.76-13.18-7.14-.68-12.98-6.1-14.22-13.17-1.24-7.07 2.42-14.16 8.9-17.22 6.88-3.25 10.66-10.25 9.4-17.42l-.36-2.05c-1.26-7.17-7.19-12.47-14.76-13.18-7.14-.68-12.98-6.1-14.22-13.17a16.047 16.047 0 015.6-15.13c6.55-5.39 10.52-12.63 11.38-20.33l316.34-55.37 33.11 189.12z'%3E%3C/path%3E%3Cpath class='st2' d='M82.01 183.7l47.27-8.27 1.12 6.39-47.27 8.27-1.12-6.39zM90.29 230.98l47.27-8.27 1.12 6.39-47.27 8.27-1.12-6.39zM74.03 138.09l47.27-8.27 1.12 6.39-47.27 8.27-1.12-6.39zM215.87 113.26L458.44 70.8l1.12 6.39-242.57 42.46-1.12-6.39zM223.83 158.74l242.57-42.46 1.12 6.39-242.57 42.46-1.12-6.39zM232.01 205.47l242.57-42.46 1.12 6.39-242.57 42.46-1.12-6.39z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  height: 80px;
  width: 80px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  right: 0;
  margin: auto;
}

#ctl00_ContentPlaceHolder_RecommendedEvents .PromoItems li a:before {
  content: "View Production";
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  font-weight: 300;
  font-size: 0.8em;
}

.slide__content--dots {
  bottom: 16px;
  background: transparent;
  height: 16px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.slide__content--dots .dot-group {
  padding: 0;
  background: transparent !important;
  width: 100%;
}

.slide__content--dots .dot-group .dots {
  width: 100px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
}

.slide__content--dots .dot-group .dots .dot {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: relative;
  margin: 0 7px;
}

.slide__content--dots .dot-group .dots li {
  top: 0 !important;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: transparent;
}

.slide__content--dots .dot-group .dots li.active {
  background-color: #fff;
}

.slide__content--dots .dot-group .dots li svg {
  display: none;
}

.featured-productions-slider .slider h1.major {
  font-size: 1.7em;
}

@media (min-width: 768px) {
  .featured-productions-slider .slider h1.major {
    font-size: 2.4em;
  }
}

@media (min-width: 1024px) {
  .featured-productions-slider .slider h1.major {
    font-size: 2.8em;
  }
}

.featured-productions-slider .slider h2, .featured-productions-slider .slider .h2 {
  font-size: 1.5em;
}
/*# sourceMappingURL=update.css.map */