/* stylelint-disable order/order */
/* stylelint-disable string-quotes */
/* stylelint-disable function-url-quotes */
/* stylelint-disable font-family-name-quotes */
/* stylelint-disable selector-id-pattern */
/* stylelint-disable declaration-property-unit-allowed-list */
@import url("https://use.typekit.net/ywx8yin.css");
/* stylelint-disable order/order */
/*
* Converts an pixel value into a rem value.
*
* @param string  $values    the pixel value(s) as a number. Can convert multiple values if values separated by a space.
* @param integer $base      the base pixel value.
*
* @return string   a space-separated string of rem values.
*/
/*
* This is an abbreviated wrapper for the responsive-values function.
*/
/*
* Creates a CSS clamp value that sizes between breakpoints.
*
* @param integer $min                    the minimum pixel value.
* @param integer $max                    the maximum pixel value.
* @param string  $smallest-breakpoint    the name of the smallest breakpoint from the $grid-breakpoints variable.
* @param string  $largest-breakpoint     the name of the largest breakpoint from the $grid-breakpoints variable.
* @param string  $screen                 whether to use a horizontal (width) breakpoint or a vertical (height) breakpoint.
*
* @return string   a CSS clamp property value.
*/
/*
* Outputs a font family value from the $fonts variable.
*
* @param string  $key   the font key.
*
* @return string   a font family value.
*/
/*
* Outputs a color value from the $paints or $additional-paints variables.
*
* @param string  $key   the color name.
*
* @return string   a color value.
*/
/*
* Outputs an effect value from the $effects variable.
*
* @param string  $key   the effect name.
*
* @return string   an effect value.
*/
/* stylelint-enable order/order */
/*
* Used to target heading selectors.
*
* @param integer  $start               the first heading element to target. 1 through 6.
* @param integer  $end                 the last heading element to target. 1 through 6.
* @param string   $beforeCombinator    the CSS combinator to include before the heading classes.
* @param string   $afterCombinator     the CSS combinator to include after the heading classes.
* @param boolean  $includeFontClasses  whether or not to include the .has-t-1... classes or just output the standard heading elements.
*
* @return string  The included CSS wrapped with selectors for the specified headings.
*/
/*
* Used to add properties to a for a pseudo element to make an icon based on the iconfont set.
*
* @param string   $content     the content for the icon. Usually uses one of the iconfont variables.
* @param string   $font-size   the font size with unit.
*
* @return string  The CSS properties for the icon.
*/
/*
* Generates CSS to fit an element into the 12-column grid. Only works when used on an element where the parent element is the width of the entire page.
*
* @return string  CSS properties to set the width of the element to the specified column sizes.
*/
/*
* Used to target elements with a background color that has a text color different from the standard color.
*
* @return string  The included CSS wrapped with selectors for the specified background.
*/
/*
* Used to add the CSS Grid properties for the 12-column grid.
*
* @return string  The CSS Grid properties for the 12-column grid.
*/
/****************
 * Fonts
 *
 * The font settings are defined via the gulp figma which task creates variables in the css/__base-includes/figma/_figma-font-styles.scss file based on the Figma file. Additional variables are defined here.
 ****************/
/*
* This array is used to specify the fonts used on the project with the following parameters:
	base - the name for use in the font() mixin.
		css - the output CSS value.
		figma-name: - the 'font-family' name ued in the _figma-font-variable.scss file.
	)
*/
/****************
 * Colors
 *
 * The primary colors are defined via the gulp figma task which creates variables in the css/__base-includes/figma/_figma-color-variables.scss file based on the Figma file. Additional variables are defined here.
 ****************/
/* If additional colors need to be added to the _figma-color-variables.scss, they can be added to this variable: */
/* This variable controls the background colors generated in the ACF background_color field and the background color classes - bg-white, bg-gray-92, etc: */
/* If a background color uses a different font color than the default color, use these variables to specify the alternate colors */
/* Backgrounds specified in this variable will use the alternative text colors: */
/****************
 * Effects
 ****************/
/****************
 * Grid Settings
 ****************/
/****************
 * Block Spacing
 *
 * These variables are based on the "Spacing" rules found in the "Foundations" section in Figma. These control the default spacing between blocks of different colors.
 ****************/
/*
This file can be used for optional additions to the Figma-generated font style mixins in the figma/_figma-font-styles.scss file.

For example, if you want to add styles to the @overline mixin, just create a mixin here called @overline-custom and that CSS will be added to the primary mixin:

@mixin overline-custom() {
	font-weight: 700;
}
*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

/**
 * General html styles.
 */
body {
  margin: 0;
  padding: 0;
  color: #230623;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Europa", sans-serif;
  line-height: clamp(1.5rem, 1.2142857143rem + 0.5952380952vw, 1.75rem);
  background: #f4e7cd;
  overflow-x: hidden;
}

.SpektrixPage,
.FixedSeriesWizard {
  padding-bottom: 3rem;
}
@media (min-width: 62rem) {
  .SpektrixPage,
.FixedSeriesWizard {
    padding-bottom: 3.5rem;
  }
}
.SpektrixPage > *:not(h1),
.FixedSeriesWizard > *:not(h1) {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
@media (min-width: 62rem) {
  .SpektrixPage > *:not(h1),
.FixedSeriesWizard > *:not(h1) {
    margin-right: 5rem;
    margin-left: 5rem;
  }
}
.SpektrixPage > *:last-child,
.FixedSeriesWizard > *:last-child {
  margin-bottom: 0;
}

.FixedSeriesWizard {
  padding-top: 3rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 700;
  font-family: "Europa", sans-serif;
}

h1 {
  width: 100%;
  margin: 0 0 3rem;
  padding: 1rem 1.25rem 0.75rem 1.25rem;
  color: #fffdf9;
  font-weight: 700;
  font-size: clamp(1.5rem, 0.9285714286rem + 1.1904761905vw, 2rem);
  font-family: "Europa", sans-serif;
  line-height: clamp(2rem, 1.4285714286rem + 1.1904761905vw, 2.5rem);
  background: #230623;
}
@media (min-width: 62rem) {
  h1 {
    padding: 1rem 5rem 0.75rem 5rem;
  }
}

h2,
h3 {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 1.125rem;
  font-family: "Europa", sans-serif;
  font-style: normal;
  line-height: 1.5rem;
  letter-spacing: 0.2px;
}

h4 {
  padding: 0 0 0.75rem;
  font-size: 1.125rem;
  line-height: 1.33;
}

h5 {
  padding: 0 0 0.875rem;
  font-weight: 400 !important;
  font-size: 1rem;
  line-height: 1.125;
  letter-spacing: 1px;
  text-transform: uppercase;
}

h6 {
  padding: 0 0 0.625rem;
  font-size: 1rem;
  line-height: 1.5;
}

a:link, a:visited, a:active {
  color:#aa46aa;
  font-weight: 700;
  text-decoration: none;
}
a:hover, a:active {
  color:#aa46aa;
  outline: 0;
}
a:focus {
  outline: thin dotted;
}

a:focus,
button:focus,
input:focus,
label:focus,
select:focus,
textarea:focus {
  outline: 1px dotted #bfe6eb;
}

/*Tables*/
table {
  padding: 0.625rem 0;
  font-size: 1rem;
  font-family: "Europa", sans-serif;
  line-height: 1.5rem;
  border-collapse: collapse;
  border-spacing: 0;
}
table td,
table th {
  margin: 0;
  padding: 0.5rem 0.75rem;
  text-align: left;
}
table th {
  padding: 0.75rem;
  font-weight: 700;
  border-bottom: 1px solid #dbd0b8;
}
table td {
  vertical-align: top;
}

p {
  display: block;
  margin: 0;
  padding: 0 0 0.75rem;
}

/**
 * General form styles
 */
dd {
  margin: 0 0 0 2.5rem;
}

ul,
ol {
  padding: 0.625rem 0.625rem 0.625rem 1.875rem;
}

ul li {
  padding: 0 0 0.5rem 0;
  list-style: disc;
}

li.Period {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

ol li {
  margin: 0 0 0 0.625rem;
  padding: 0 0 0.5rem 0;
  list-style: decimal;
}

nav ul,
nav ol,
nav li {
  margin: 0;
  padding: 0;
  background: none;
}

blockquote {
  padding: 1.5rem 0;
  color: #a9a49f;
  font-size: 1.0625rem;
  font-style: italic;
  line-height: 1.41;
}
blockquote p {
  padding: 0;
}

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
  font-weight: 700;
  cursor: pointer;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

button:active,
.button:active {
  position: relative;
  top: 1px;
  color: #230623;
}

button,
select,
input[type=button],
input[type=reset],
input[type=submit],
input[type=file] {
  cursor: pointer;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
}

/* Consistent box sizing and appearance  */
input[type=checkbox],
input[type=radio] {
  margin-right: 0.3125rem;
  padding: 0;
}

input[type=search] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=search],
textarea {
  height: 2.25rem;
  margin-right: 1rem;
  margin-left: 1rem;
  padding: 0.75rem;
  border: none;
  border-radius: 2.5rem;
  background: #f9f2e4;
}
input[type=text]:first-of-type,
input[type=email]:first-of-type,
input[type=password]:first-of-type,
input[type=url]:first-of-type,
input[type=search]:first-of-type,
textarea:first-of-type {
  margin-left: 0;
}

select {
  width: 55%;
  height: 2rem;
  border: 0;
  border-radius: 0;
  background: #f9f2e4;
  outline: 1px inset #222;
  outline-offset: -1px;
}

textarea {
  vertical-align: top;
  overflow: auto;
  resize: vertical;
}

/* CLASSES */
.Container {
  display: block;
  margin: 0.375rem 0 0.9375rem 0;
}
.Container .left {
  display: block;
  clear: both;
  margin-bottom: 2px;
  color: #40362a;
  font-style: normal;
}
.Container .right {
  display: inline;
  margin-left: 0.3125rem;
  color: #ccc;
}
.Container .Comment {
  display: block;
  color: #230623;
  font-size: 0.6875rem;
}
.Container br {
  display: none;
}
.Container .ValidationError {
  display: block;
}

/**
 * General button styles
 */
.Link,
a[href*=ChooseSeats]:not(.NextPreviousButton),
.ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink {
  font-weight: var(--link-1-font-weight);
  font-size: var(--link-1-font-size);
  font-family: var(--link-1-font-family);
  line-height: var(--link-1-line-height);
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1.875rem;
  letter-spacing: 0.1rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 2.875rem;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear;
  position: relative;
  padding: 0 !important;
  color: #001d34;
  border: none;
  border-radius: 0;
  background-color: transparent;
  color: #230623;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
}
.bg-dark .Link:not(.ignore-font-color-change), .bg-dark-stripes .Link:not(.ignore-font-color-change), .bg-dark-stripes-alt .Link:not(.ignore-font-color-change), .bg-dark-chevron .Link:not(.ignore-font-color-change),
.bg-dark a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change),
.bg-dark-stripes a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change),
.bg-dark-stripes-alt a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change),
.bg-dark-chevron a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change),
.ChooseFixedSeries .ChooseSeriesRow .bg-dark a.BookSeriesLink.Link:not(.ignore-font-color-change),
.bg-dark .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change),
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-stripes a.BookSeriesLink.Link:not(.ignore-font-color-change),
.bg-dark-stripes .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change),
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-stripes-alt a.BookSeriesLink.Link:not(.ignore-font-color-change),
.bg-dark-stripes-alt .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change),
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-chevron a.BookSeriesLink.Link:not(.ignore-font-color-change),
.bg-dark-chevron .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change) {
  color:#aa46aadf9;
}
.bg-dark .Link:not(.ignore-font-color-change):hover, .bg-dark-stripes .Link:not(.ignore-font-color-change):hover, .bg-dark-stripes-alt .Link:not(.ignore-font-color-change):hover, .bg-dark-chevron .Link:not(.ignore-font-color-change):hover, .bg-dark .Link:not(.ignore-font-color-change):focus, .bg-dark-stripes .Link:not(.ignore-font-color-change):focus, .bg-dark-stripes-alt .Link:not(.ignore-font-color-change):focus, .bg-dark-chevron .Link:not(.ignore-font-color-change):focus,
.bg-dark a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change):hover,
.bg-dark-stripes a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change):hover,
.bg-dark-stripes-alt a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change):hover,
.bg-dark-chevron a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change):hover,
.bg-dark a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change):focus,
.bg-dark-stripes a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change):focus,
.bg-dark-stripes-alt a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change):focus,
.bg-dark-chevron a[href*=ChooseSeats]:not(.NextPreviousButton):not(.ignore-font-color-change):focus,
.ChooseFixedSeries .ChooseSeriesRow .bg-dark a.BookSeriesLink.Link:not(.ignore-font-color-change):hover,
.bg-dark .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change):hover,
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-stripes a.BookSeriesLink.Link:not(.ignore-font-color-change):hover,
.bg-dark-stripes .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change):hover,
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-stripes-alt a.BookSeriesLink.Link:not(.ignore-font-color-change):hover,
.bg-dark-stripes-alt .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change):hover,
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-chevron a.BookSeriesLink.Link:not(.ignore-font-color-change):hover,
.bg-dark-chevron .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change):hover,
.ChooseFixedSeries .ChooseSeriesRow .bg-dark a.BookSeriesLink.Link:not(.ignore-font-color-change):focus,
.bg-dark .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change):focus,
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-stripes a.BookSeriesLink.Link:not(.ignore-font-color-change):focus,
.bg-dark-stripes .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change):focus,
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-stripes-alt a.BookSeriesLink.Link:not(.ignore-font-color-change):focus,
.bg-dark-stripes-alt .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change):focus,
.ChooseFixedSeries .ChooseSeriesRow .bg-dark-chevron a.BookSeriesLink.Link:not(.ignore-font-color-change):focus,
.bg-dark-chevron .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:not(.ignore-font-color-change):focus {
  color: #f4e7cd;
}
.Link::before,
a[href*=ChooseSeats]:not(.NextPreviousButton)::before,
.ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink::before {
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  content: "";
  width: 100%;
  height: 0.125rem;
  background-color: currentcolor;
}
.Link:hover, .Link:focus,
a[href*=ChooseSeats]:not(.NextPreviousButton):hover,
a[href*=ChooseSeats]:not(.NextPreviousButton):focus,
.ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:hover,
.ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:focus {
  color: #e00000;
}
.bg-white .Link,
.bg-white a[href*=ChooseSeats]:not(.NextPreviousButton),
.bg-white .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink {
  color: #001d34;
}
.bg-white .Link:hover, .bg-white .Link:focus,
.bg-white a[href*=ChooseSeats]:not(.NextPreviousButton):hover,
.bg-white a[href*=ChooseSeats]:not(.NextPreviousButton):focus,
.bg-white .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:hover,
.bg-white .ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:focus {
  color: #e00000;
}
.Link:hover, .Link:focus,
a[href*=ChooseSeats]:not(.NextPreviousButton):hover,
a[href*=ChooseSeats]:not(.NextPreviousButton):focus,
.ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:hover,
.ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink:focus {
  color: #aa46aa;
  border-color: #aa46aa;
}

.ChooseFixedSeries .ChooseSeriesRow a.BookSeriesLink {
  display: inline-block;
}

a.Perfomance.BookingsAvailable[href*=ChooseSeats] {
  width: 100%;
  margin-bottom: 0.5rem;
  letter-spacing: normal;
  text-transform: capitalize;
  border: none;
}
a.Perfomance.BookingsAvailable[href*=ChooseSeats]::before {
  display: none;
}

.Buttons {
  clear: both;
  padding: 0.5rem 0;
  text-align: right;
  vertical-align: bottom;
}

.Button,
.LinkButton,
#ctl00_ContentPlaceHolder_WhatsOnLink,
.MyAccount a {
  font-weight: var(--link-1-font-weight);
  font-size: var(--link-1-font-size);
  font-family: var(--link-1-font-family);
  line-height: var(--link-1-line-height);
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1.875rem;
  letter-spacing: 0.1rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 2.875rem;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear;
  flex: 1 0 0;
  gap: 0.5rem;
  padding: 0.625rem 1.75rem;
  color: #fffdf9;
  border: 2px solid #230623;
  border-radius: 2.5rem;
  background-color: #230623;
}
@media (max-width: 47.98rem) {
  .Button,
.LinkButton,
#ctl00_ContentPlaceHolder_WhatsOnLink,
.MyAccount a {
    display: flex;
    align-self: stretch;
  }
}
.Button:hover, .Button:focus,
.LinkButton:hover,
.LinkButton:focus,
#ctl00_ContentPlaceHolder_WhatsOnLink:hover,
#ctl00_ContentPlaceHolder_WhatsOnLink:focus,
.MyAccount a:hover,
.MyAccount a:focus {
  color: #fffdf9;
  border-color: #aa46aa;
  background-color: #aa46aa;
}

/**
 * Other general styles
 */
.ExtraDiv {
  display: none;
}

.ValidationError,
.ErrorMessage {
  padding-bottom: 0;
  color: #ba0422;
  font-size: 0.875rem;
}

/**
 * Styles for the 'progress' controls (used in the checkout and new account pages)
 */
.Progress {
  display: block;
  margin-bottom: 2.125rem;
  font-size: 1rem;
}
@media (max-width: 61.98rem) {
  .Progress {
    margin-bottom: 0;
  }
}
.Progress ol {
  margin: 0;
  padding-left: 1.375rem;
}
.Progress li {
  float: left;
  margin: 0;
  padding: 0;
}
@media (max-width: 61.98rem) {
  .Progress li {
    float: none;
  }
}
.Progress .Done,
.Progress .Current,
.Progress .NotDone {
  margin-right: 0.5rem;
  padding-right: 2rem;
  background-repeat: no-repeat;
  background-position: right center;
}
.Progress .Current {
  font-weight: 700;
}
.Progress .Final {
  clear: right;
  background-image: none;
}
.Progress a {
  font-weight: 400;
  text-decoration: none;
}

.AddressOptions {
  margin: 1.5625rem 0 0.625rem 0;
}

/**
 * Styles for the 'options' controls (used in the my account, calendar and event
 * list pages to switch view/change month etc)
 */
.Options {
  margin: 0 0 0.75rem 0;
  padding: 0;
}
.Options ul {
  margin: 0;
  padding: 0;
}
.Options li {
  float: left;
  margin: 0 0 0.9375rem 0;
  padding: 0;
  list-style-type: none;
}
@media (max-width: 61.98rem) {
  .Options li {
    display: list-item;
    float: none;
  }
}
.Options li * {
  margin-right: 1.375rem;
}

.MyTicketsHeading,
.MyOrdersHeading {
  clear: both;
}

.MyTickets li.Ticket {
  padding: 0.9375rem 0;
  border-top: 1px solid #ccc;
  list-style: none;
}
.MyTickets ul {
  padding-left: 0;
}
.MyTickets .Separator {
  display: none;
}

/**
 * Styles specific to the ChooseSeats screen.
 */
.ChooseSeats > .ChooseSeatsHeading {
  margin: 0;
}
.ChooseSeats .Event {
  padding: 0.125rem 1.25rem;
  background-color: #fffdf9;
}
@media (min-width: 62rem) {
  .ChooseSeats .Event {
    padding: 0.125rem 2rem;
  }
}
.ChooseSeats .Event:first-child {
  padding-top: 1.5rem;
}
.ChooseSeats .Event:last-child {
  padding-bottom: 1.5rem;
}
.ChooseSeats .Event .EventName {
  font-weight: 700;
  font-size: 1.125rem;
  font-family: "Europa", sans-serif;
}
.ChooseSeats .Event .DateAndTime {
  display: block;
  color: #3a4357;
}
.ChooseSeats .Event .PriorityBooking {
  color: #3a4357;
}
.ChooseSeats .SeatingAreaHeading {
  margin-top: 1.25rem;
  padding: 0 0.3125rem 0.3125rem 0.3125rem;
  font-size: 1rem;
}
.ChooseSeats .SeatingAreaHeading select {
  font-size: 0.8125rem;
}
.ChooseSeats .SeatingAreaHeading a {
  color: #fffdf9 !important;
}
.ChooseSeats .Input_Text {
  width: 2.5rem;
  padding: 0.3125rem;
  text-align: center;
  border: 1px solid #25393e;
}
.ChooseSeats .PromoCode .Input_Text {
  width: 9.375rem;
}
.ChooseSeats .SeatingAreaOptionalInstructions {
  display: none;
}
.ChooseSeats .SeatingSelector {
  margin-bottom: 2rem;
  padding: 0;
  text-align: center;
}
@media (min-width: 62rem) {
  .ChooseSeats .SeatingSelector {
    margin-top: 3rem;
  }
}
.ChooseSeats .SeatingSelector div div {
  text-align: left;
}
.ChooseSeats .SeatingSelector div div label {
  margin-top: 0.1875rem;
}
.ChooseSeats .SeatingArea {
  display: inline-block;
  width: 100%;
}
.ChooseSeats .PricesHeading {
  z-index: 100;
  display: block;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 62rem) {
  .ChooseSeats .PricesHeading {
    margin-top: 3rem;
  }
}
.ChooseSeats .PriceListTable {
  width: 100%;
  background: #fffdf9;
}
.ChooseSeats .PriceListTable td * {
  margin-bottom: 0.25rem;
  vertical-align: middle;
}
.ChooseSeats .PriceListTable td img {
  position: relative;
  top: -0.125rem;
  margin-right: 0.375rem;
}
.ChooseSeats #ctl00_ContentPlaceHolder_RelatedOffersControl1_LoginForDiscounts {
  display: none;
}
.ChooseSeats #ctl00_ContentPlaceHolder_PriorityBookingWikiTextViewer {
  font-weight: 700;
  font-size: 1rem;
}
.ChooseSeats .ErrorMessage {
  display: block;
}
.ChooseSeats table table td {
  padding-right: 0;
  padding-left: 0;
}
.ChooseSeats .SeatingAreaInstructions {
  padding-top: 0.625rem;
}

/**
 * Styles specific to the Basket
 */
.Basket .OptionalMessage {
  color: #f02521;
}
.Basket .TicketsHeading {
  margin-bottom: 0.5rem;
}
.Basket .EventName {
  margin-right: 1.5rem;
}
.Basket .AreaLink {
  display: inline;
}
.Basket table {
  width: 100%;
  margin: 0.25rem 0 0.75rem 0;
}
.Basket table .Seat_Number {
  width: 7.5rem;
}
.Basket table .Total {
  width: 9.375rem;
  text-align: left;
}
.Basket table select {
  width: 100%;
}
.Basket table .Delete {
  width: 4.0625rem;
  text-align: right;
}
.Basket .DonationsHeading {
  display: block;
  margin-top: 1.25rem;
}
.Basket .Fund_Name {
  width: 22rem;
}
.Basket .DonationInput input {
  width: 5rem;
}
.Basket .AddDonationsLink {
  position: relative;
  display: block;
}
.Basket .CheckoutLink {
  position: relative;
  top: 0.25rem;
  float: right;
}

/**
 * Styles specific to the Basket
 */
.Basket2 {
  position: relative;
}
.Basket2 .OptionalMessage {
  display: none;
}
@media (max-width: 47.98rem) {
  .Basket2 li.Quantity {
    right: 9.375rem !important;
  }
}
.Basket2 .Items {
  margin-top: 3rem;
  margin-bottom: 2rem;
  padding: 1.5rem 1.25rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  background: #fffdf9;
}
@media (min-width: 62rem) {
  .Basket2 .Items {
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding: 0.75rem 2rem;
  }
}
.Basket2 .Items p {
  margin: 0 0 0.375rem;
}
.Basket2 .Items dt {
  margin: 0 0 0 0;
  padding: 0.5rem 0;
  font-weight: 700;
  font-size: 1rem;
}
.Basket2 .Items dd {
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid #dbd0b8;
}
.Basket2 .Items .Breakdown li {
  position: absolute;
  top: -1.875rem;
  display: block;
  width: 100%;
  font-weight: 700;
  text-align: right;
}
.Basket2 .Items .Total {
  right: 0;
  font-weight: 700;
}
.Basket2 .Items .Saving {
  right: 11.875rem;
  color: #f02521 !important;
  font-weight: 700;
}
.Basket2 .Items .Quantity {
  right: 17.8125rem;
}
.Basket2 .Items .Commission {
  right: 5.5rem;
}
.Basket2 .Items .GrandTotal {
  position: initial !important;
  padding-top: 0.9375rem;
}
.Basket2 .Items .GrandTotal .Label {
  display: initial;
  padding-right: 0.9375rem;
}
.Basket2 .Items .Label {
  display: none;
}
.Basket2 .Items dd ul.Breakdown {
  min-height: 1.0625rem;
  padding: 0;
  list-style-type: none;
}
.Basket2 .Items .ViewDetails {
  margin: 0;
}
.Basket2 .Items .Buttons {
  position: inherit;
  margin-top: -0.625rem;
  padding: 0;
  text-align: left;
}
.Basket2 .Items .Item.Instance + p.Buttons {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.Basket2 .Items .Promo {
  width: 100%;
  padding: 0.5rem;
  font-weight: 700;
  font-size: 0.8125rem;
  background-color: #fffdf9;
}
.Basket2 .Items .Promo a {
  font-size: inherit;
}
.Basket2 .Items .Promo a:hover {
  color: #d9d7d4;
}
.Basket2 .Items dd.Promo {
  padding: 0 0.5rem 0.5rem;
  border: none;
}
.Basket2 .Items .Promo ul {
  padding-left: 1.125rem;
}
.Basket2 .Items .PromoItems li {
  position: relative;
  clear: both;
  line-height: 1.25rem;
  vertical-align: middle;
}
.Basket2 .Items .PromoItems li * {
  vertical-align: middle;
}
.Basket2 .Items .PromoItems li .AddButton {
  position: relative;
  bottom: 0;
  right: 0;
  float: right;
  text-align: right;
}
.Basket2 .Items dd.Header,
.Basket2 .Items dd.Footer {
  margin: 0;
  padding: 0;
}
.Basket2 .Items dt.Footer {
  display: none;
}
.Basket2 .Items dd.Footer {
  border-bottom: none;
}
.Basket2 .Items dt.Header {
  min-height: 0;
  margin-bottom: -0.9375rem;
  padding-bottom: 0;
  color: #ccc;
  font-size: inherit;
  border: none;
}
.Basket2 .Items .Header {
  color: #ccc;
  font-weight: 400 !important;
  font-style: italic;
}
.Basket2 .Items .Header * {
  color: #ccc;
  font-weight: 400 !important;
  font-style: italic;
}
.Basket2 .Items .Header .Breakdown li {
  top: -0.3125rem;
}
.Basket2 .Items ul {
  margin: 0;
}
.Basket2 .Items dd.Total,
.Basket2 .Items dd.Fee {
  padding: 0;
}
.Basket2 .Items .Footer .Breakdown li.Commission {
  display: none;
}
.Basket2 .Details * {
  color: #ccc;
}
.Basket2 .Details table td,
.Basket2 .Details table th {
  padding-right: 0.625rem;
  text-align: left;
}
.Basket2 .TicketBreakdown .Details table th {
  background: none;
}
.Basket2 .Savings {
  display: block;
  text-align: left;
}
.Basket2 .Savings .PromoCode .Input_Text {
  width: 12.5rem;
}
@media (min-width: 62rem) {
  .Basket2 .Savings .PromoCode .Input_Text {
    width: 17.5rem;
  }
}
.Basket2 .Savings .PromoCode label::after {
  content: "and click 'Apply Code' to apply it to your ticket purchase";
}
.Basket2 .PromoCode .Button {
  margin-top: 0.625rem;
}
.Basket2 .CheckoutLink {
  position: relative;
  color:#aa46aadf9;
  text-decoration: none;
}
.Basket2 .CheckoutLink:hover {
  color:#aa46aadf9;
  text-decoration: none;
}
.Basket2 .Buttons {
  padding-top: 1.25rem;
  text-align: right;
}

.prototip .SpektrixPage {
  min-height: 6.25rem;
}

/**
 * Styles specific to the EventList page.
 */
.EventsList .MonthList {
  position: relative;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
}
.EventsList .SearchDescription {
  display: block;
  margin-bottom: 0.5rem;
  padding: 0.3125rem 0;
  color: #222;
  font-size: 0.875rem;
  text-indent: 0.375rem;
  background-color: #fffdf9;
}
.EventsList .Event {
  margin-bottom: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid #ddd;
  background-image: url(event-list-bg.gif);
  background-repeat: repeat-y;
}
.EventsList .Event .Event_Image {
  display: inline-block;
  width: 7.8125rem;
  margin: 0;
  padding: 0.3125rem;
  vertical-align: middle;
}
.EventsList .Event .Event_Text {
  display: inline-block;
  width: 84%;
  margin: 0 0 0.3125rem 0;
  padding: 0.5rem;
  vertical-align: middle;
}
.EventsList .Event .Event_Text .Event_Detail {
  display: block;
  font-size: 0.875rem;
}
.EventsList .Event .Event_Text .Event_Name {
  display: block;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-family: "Europa", sans-serif;
}
.EventsList .Event .Event_Text .Event_Description {
  margin-bottom: 0.875rem;
}
.EventsList .Event .Event_Text .Event_Dates {
  display: block;
  margin-bottom: 0.875rem;
  color: #40362a;
  font-size: 0.6875rem;
}
.EventsList .Event .Event_Text .Event_Dates .Dates_Heading {
  display: none;
}
.EventsList .Search {
  display: none;
}

.EventDetails .EventDates select,
.NewAccount .DateOfBirth select {
  height: 2rem;
  padding: 0 0.5rem;
  line-height: 2rem;
  border: 1px solid #ddd;
  background: #fff;
}

/**
 * Styles specific to the MyAccount page.
 */
.MyAccount h2 {
  padding-top: 0.625rem !important;
}
.MyAccount h3 {
  padding-top: 0.5rem !important;
}
.MyAccount .Addresses {
  margin-bottom: 1.875rem;
}
.MyAccount .Addresses br {
  display: inline;
}
.MyAccount .Addresses div.Address {
  position: relative;
  min-height: 3.75rem;
  padding: 0.9375rem 9.375rem 0.9375rem 0.9375rem;
  background-color: #fffdf9;
}
.MyAccount .AddressType {
  font-size: 9pt;
  font-style: italic;
}
.MyAccount .ChangePassword {
  position: absolute;
  top: 8.75rem;
  right: 0;
}
.MyAccount a[id*=Edit] {
  position: absolute;
  top: 0.625rem;
  right: 5.625rem;
}
.MyAccount a[href*=Delete] {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.MyAccount .Options a[disabled=disabled] {
  color: #222;
  background: none;
  cursor: default;
}
.MyAccount #ctl00_ContentPlaceHolder_LogOutButton {
  position: absolute;
  top: 0.625rem;
  right: 0;
}
.MyAccount .DateOfBirth select,
.MyAccount .DateOfBirth input {
  width: 18% !important;
  min-width: 6.25rem;
  vertical-align: bottom;
}
.MyAccount #ctl00_ContentPlaceHolder_MyOrdersButtonPanel {
  float: left;
}
.MyAccount #ctl00_ContentPlaceHolder_OffersButton {
  display: none;
}
.MyAccount .MyOrders .Pager {
  margin-top: 2.8125rem;
}
.MyAccount .ErrorMessage span {
  display: block;
  margin-bottom: 0.625rem;
}

.MyOrders .TicketsHeading {
  font-weight: 700;
}
.MyOrders .SocialMediaShareLabel {
  display: none;
}
.MyOrders h2.Summary {
  font-weight: 700;
}
.MyOrders .OrderedItem {
  border-top: 1px solid #dbd9d6;
}
.MyOrders .OrderedItem a {
  color: #230623;
  background: none;
}
.MyOrders .OrderedItem a:hover {
  color: #bcbec0;
}

/**
 * Styles specific the NewAccount page.
 */
.NewAccount .YourDetailsHeading {
  display: none;
}
.NewAccount .YourAddressHeading {
  display: none;
}
.NewAccount .YourPreferencesHeading {
  display: none;
}
.NewAccount .DateOfBirth select,
.NewAccount .DateOfBirth input {
  width: 18% !important;
  min-width: 6.25rem;
  vertical-align: bottom;
}
.NewAccount .AddressMessage {
  display: none;
}
.NewAccount .Country::before {
  content: "Please enter your address.";
}

/**
 * Styles specific to the Checkout page.
 */
.Checkout h2 {
  padding-top: 0.625rem;
}
.Checkout h3 {
  padding-top: 0.625rem;
}
.Checkout .AddressList {
  display: block;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.Checkout .AddressList li {
  position: relative;
  display: inline-block;
  min-width: 17.1875rem;
  min-height: 8.25rem;
  margin: 0 0.625rem 1.5625rem 0;
  padding: 0.625rem 4.375rem 0.625rem 3.3125rem;
  background-color: #fffdf9;
  list-style: none outside none;
}
.Checkout .AddressList li input[type=radio] {
  position: absolute;
  top: 0.875rem;
  left: 1.125rem;
}
.Checkout .AddressList .Button {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.Checkout .AddAddressesButton {
  margin-bottom: 1.25rem;
}
.Checkout .BillingView br {
  display: none;
}
.Checkout .BillingView .AddressList br {
  display: block;
}
.Checkout .SummaryHeading {
  margin-bottom: 0.75rem;
}
.Checkout p {
  margin: 0;
  margin-bottom: 1px;
}
.Checkout .Event_Summary + p {
  font-style: italic;
}
.Checkout .Caption {
  margin-top: 0.625rem;
  margin-bottom: 0.125rem;
}
.Checkout .Summary .Summary {
  width: 10.625rem;
}
.Checkout table {
  margin-top: 0.375rem;
}
.Checkout .Summary .Grand_Total,
.Checkout .Total,
.Checkout .Trans_Charge {
  font-weight: 700;
}
.Checkout .Payment_Summary {
  color: #ccc;
  font-size: 0.6875rem;
}
.Checkout .Billing_Address {
  color: #1f1f1f;
  font-size: 0.875rem;
}
.Checkout .Delivery_Method {
  color: #1f1f1f;
  font-size: 0.875rem;
}
.Checkout .SummaryView {
  position: relative;
}
.Checkout .SummaryView .TicketDelivery,
.Checkout .SummaryView .BillingAddress {
  position: relative;
}
.Checkout .SummaryView .TicketDelivery .Buttons,
.Checkout .SummaryView .BillingAddress .Buttons {
  top: 3.125rem;
}
.Checkout .SummaryView .Buttons {
  position: absolute;
  top: 7.5rem;
  right: 0.625rem;
}
.Checkout .SummaryView .EventList,
.Checkout .SummaryView .Delivery_Method,
.Checkout .SummaryView .Billing_Address {
  min-height: 3.125rem;
  margin: 0 !important;
  padding: 0.625rem 6.25rem 0.625rem 0.625rem;
  color: inherit !important;
  background-color: #fffdf9;
}
.Checkout .SummaryView .BillingAddress .Info {
  margin-left: 0.625rem;
  color: #ccc;
  font-size: 0.875rem;
}
.Checkout .DeliveryView {
  clear: both;
  padding-left: 1px;
}
.Checkout #ctl00_ContentPlaceHolder_SummaryViewControl_TermsAndConditionsWikiText {
  display: inline-block;
  margin: 0.9375rem 0.3125rem 0.9375rem 0;
}

/**
 * Style specific to the EventDetails page.
 */
.EventDetails .DetailsContainer {
  margin-bottom: 0.75rem;
}
.EventDetails .DetailsContainer table {
  width: 100%;
  color: #40362a;
  border: 0;
}
.EventDetails .DetailsContainer table td {
  border: 0;
}
.EventDetails .DetailsContainer table td h2 {
  margin: 0;
  padding: 0;
  color: #40362a;
  background-color: transparent;
}
.EventDetails .DetailsContainer + * {
  clear: both;
}
.EventDetails .DetailsContainer img {
  float: left;
  margin-right: 1.25rem;
}
.EventDetails img {
  display: block;
  clear: both;
}
.EventDetails .MonthList {
  margin: 0;
  padding: 0;
}
.EventDetails .MonthList li {
  display: inline;
  padding: 0;
  font-size: 0.75rem;
}
.EventDetails .MonthList li a {
  display: inline-block;
  clear: both;
  margin: 0.125rem;
  padding: 0.4375rem 0.625rem;
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: capitalize;
  border: none;
  background-color: #3cc0cc;
  cursor: pointer;
}
.EventDetails .MonthList li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #bfe6eb;
}
.EventDetails .MonthList li a[disabled] {
  font-weight: 700;
  background-color: #e3f2f7;
}
.EventDetails .SoldOutText {
  margin-top: 1.5rem;
}
.EventDetails .EventDatesList {
  width: auto;
}
.EventDetails .BookNowButton {
  position: relative;
  color: #fff;
  text-decoration: none;
}
.EventDetails .BookNowButton li {
  display: inline;
}
.EventDetails .BookNowButton li a {
  display: inline-block;
  clear: both;
  margin: 2px;
  padding: 0.4375rem 0.625rem;
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
  border: none;
  background-color: #3cc0cc;
  cursor: pointer;
}
.EventDetails .BookNowButton li a:hover {
  position: relative;
  color: #fff;
  text-decoration: none;
  background-color: #bfe6eb;
}
.EventDetails .Savings {
  display: none;
}
.EventDetails .EventDates select {
  width: 23.4375rem;
}

.EditTickets .Details select {
  width: auto;
}

/**
 * Styles for the wikitext (most of the content of the EventDetails page)
 */
.BoldText {
  font-weight: 700;
}

.ItalicText {
  font-style: italic;
}

.UnderlineText {
  text-decoration: underline;
}

.BorderOn {
  border: 1px solid #40362a;
  border-collapse: collapse;
}
.BorderOn td {
  border: 1px solid #40362a;
}

.BorderOff {
  border-width: 0;
}
.BorderOff td {
  border-width: 0;
}

/**
 * Styles specific to the Donations page.
 */
.Checkout .Donations {
  margin-top: -0.625rem;
  padding-left: 0.625rem;
  background-color: #fffdf9;
}
.Checkout .Donations h3 {
  font-size: 1rem;
}
.Checkout .Donations h1 {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

.Donations .GiftAid {
  position: relative;
  display: block;
  margin-top: 0.75rem;
}
.Donations .GiftAid input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 0;
  padding: 0;
}
.Donations .GiftAid label {
  display: block;
  padding-left: 1.375rem;
}
.Donations .FundDescription {
  display: block;
  margin-bottom: 0.5rem;
}
.Donations h3 {
  padding-top: 0.3125rem;
}
.Donations h1 {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.Donations .FundContainer .DonationAmount input {
  width: 12.5rem;
}

/**
 * Styles specific to the EventCalendar page
 */
.EventsCalendar table {
  font-size: 0.625rem;
  border: 0 solid #dbd9d6;
}
.EventsCalendar table .Inactive {
  background-color: #fffdf9;
  cursor: pointer;
}
.EventsCalendar table .Inactive .CalendarDate {
  color: #837c74;
}
.EventsCalendar table .Inactive .Instance {
  display: none;
}
.EventsCalendar table .Instance .Description {
  display: none;
}
.EventsCalendar table .Instance .Name {
  margin-bottom: 0.5rem;
}
.EventsCalendar td {
  padding: 0;
  font-size: 0.95em;
  vertical-align: top;
  border: 1px solid #dbd9d6;
}
.EventsCalendar td > div {
  width: 4.375rem;
  height: auto;
  min-height: 5.375rem;
  padding: 0.25rem;
  overflow: hidden;
}
.EventsCalendar img,
.EventsCalendar .Instance .MoreInfo {
  display: none;
}
.EventsCalendar .CalendarDate {
  margin-bottom: 0.4375rem;
  color: #837c74;
  font-size: 0.6875rem;
  text-align: right;
}
.EventsCalendar .Today {
  background-color: #f02521;
}

/* custom calendar styles */
.InstanceCalendar {
  top: -3.125rem;
  left: 1.25rem;
  min-width: 17.1875rem;
  margin-top: 4.6875rem;
  margin-bottom: -1.875rem;
  padding-top: 0.375rem;
  padding-right: 0.625rem;
  padding-bottom: 0.375rem;
  border: 2px solid #dbd0b8;
}
.InstanceCalendar .DropDownCalendar {
  position: inherit;
  display: inline-block;
  height: auto;
  margin: auto auto;
  vertical-align: middle;
}
.InstanceCalendar .NextShowingButton {
  margin-right: 0.3125rem;
}
.InstanceCalendar .PreviousShowingButton {
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
}

.DropDownCalendar .DropDownSection {
  right: -0.9375rem;
  margin-top: 0.5rem;
}
.DropDownCalendar .DropDownSection .CalendarViewport table td.DateCell.SeatsAvailableOnline {
  color: #3a4357;
}
.DropDownCalendar .CalendarButton {
  position: inherit;
  width: 2.1875rem;
  height: 0.9375rem;
  margin: 0 0.5rem 0 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAPCAIAAADh1eFDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNTRDNEM5QzA5MjA2ODExODIyQUVEQzYzRTY1OTc1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQzQ4RTY3QTk0MkUxMUU0QjEwMkZDMzVDQjI5MzYyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQzQ4RTY3OTk0MkUxMUU0QjEwMkZDMzVDQjI5MzYyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTAyOTNFQTc3RjU4MTFFMjlGQTA5NTk3QkIwNURERkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTAyOTNFQTg3RjU4MTFFMjlGQTA5NTk3QkIwNURERkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tKGngAAAAaElEQVR42mK0t7dnIBEcOHCAgXTAxEAvQD+bGICh9x8GSGWTBIZj6DFSK+0xMjICSWAo4RSkVjzBTcclQrXQgxsN8QeERBanZjyhWYYWmIxULyOwWkOr/IQcW7TNT+i+Gar5iSAACDAAw8AnLJtG2KYAAAAASUVORK5CYII=");
}

/**
 * Styles specific to the Confirmation page
 */
.Confirmation h3 {
  margin: 0.75rem 0 0.5rem;
}
.Confirmation h2 {
  margin: 0.75rem 0 0.5rem;
}
.Confirmation table {
  width: 100%;
  margin: 0.25rem 0 0.1875rem 0;
}
.Confirmation table .Seat_Number {
  width: 7.5rem;
}
.Confirmation table .Total {
  width: 15.625rem;
  text-align: right;
}
.Confirmation table select {
  width: 100%;
}
.Confirmation table .Delete {
  width: 4.0625rem;
  text-align: right;
}
.Confirmation .TicketsTotal {
  display: none;
}
.Confirmation .Grand_Total {
  font-weight: 700;
}
.Confirmation .OptionalMessage {
  padding-bottom: 0.75rem;
}
.Confirmation .TicketsHeading {
  margin-bottom: 0.5rem;
}
.Confirmation .EventName {
  font-weight: 700;
  font-size: 1rem;
}
.Confirmation .SocialMedia {
  display: none;
}
.Confirmation .AreaLink {
  display: inline;
}
.Confirmation .DonationsHeading {
  display: block;
  margin-top: 1.25rem;
}
.Confirmation .Fund_Name {
  width: 22rem;
}
.Confirmation .DonationInput input {
  width: 5rem;
}
.Confirmation .AddDonationsLink {
  position: relative;
  display: block;
}
.Confirmation .CheckoutLink {
  position: relative;
  top: 0.25rem;
  float: right;
}
.Confirmation .SummarySection .Money {
  text-align: right;
}

/**
 * Multi target styles
 */
.YourDetailsHeading,
.MyDetailsHeading,
.MyAddressesHeading,
.MyPreferencesHeading {
  clear: left;
}

.TicketsTotal,
.DonationsTotal,
.BasketTotal {
  position: relative;
  display: block;
  text-align: right;
}
.TicketsTotal span,
.DonationsTotal span,
.BasketTotal span {
  font-weight: 700;
}

.Memberships .Membership {
  display: inline-block;
  width: 97%;
  min-height: 6.25rem;
  margin-top: 1.4375rem;
  margin-right: 0.875rem;
  margin-bottom: 1.25rem;
  padding: 0.625rem;
  vertical-align: top;
  border: 2px solid #dbd0b8;
  border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
  background-color: #fffdf9;
}
.Memberships .Membership h2 {
  color: #1f1f1f;
  font-size: inherit;
  text-indent: 0;
  background: none;
}
.Memberships .Membership .WikiText {
  font-size: 0.8125rem;
}
.Memberships .Membership .Details {
  font-size: 0.8125rem;
}
.Memberships .Membership li {
  max-height: 0.9375rem;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

.AddGiftVoucher .Container {
  margin: 0;
  padding: 0.3125rem 1.25rem;
  background-color: #fffdf9;
}
.AddGiftVoucher .Amount {
  padding-top: 1.25rem;
  border-radius: 1.25rem 1.25rem 0 0;
}
.AddGiftVoucher .Message {
  margin-bottom: 0.625rem;
  padding-bottom: 1.25rem;
  border-radius: 0 0 1.25rem 1.25rem;
}
.AddGiftVoucher .VoucherExpiryText {
  display: none;
}

#ctl00_ContentPlaceHolder_DateToSendDatePicker_YearBox {
  width: 3.4375rem !important;
}

.FixedSeriesOptions table {
  border: none;
}
.FixedSeriesOptions h2 {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
}

.FixedSeriesOptions .ChooseSeriesRow {
  margin: 2rem 1.25rem;
  padding: 1.5rem 2rem;
  background: #fffdf9;
}
@media (min-width: 62rem) {
  .FixedSeriesOptions .ChooseSeriesRow {
    margin-right: 5rem;
    margin-left: 5rem;
  }
}

.FixedSeriesWizard .EditButtonBar {
  margin-top: 1.875rem;
  text-align: left;
}
.FixedSeriesWizard .EditButtonBar .FixedSeriesOptions .SeatTicketTypeDropDown select {
  margin-left: 0.3125rem;
}
.FixedSeriesWizard .EditButtonBar .FixedSeriesOptions li {
  margin-left: -2.5rem;
  font-weight: 700;
  list-style: none outside none;
}

.ChooseSeriesLabel.SeriesName {
  margin-bottom: clamp(0.5rem, -0.0714285714rem + 1.1904761905vw, 1rem);
  font-weight: 700;
  font-size: clamp(1.25rem, 0.9642857143rem + 0.5952380952vw, 1.5rem);
  font-family: "Europa", sans-serif;
  line-height: clamp(1.5rem, 0.9285714286rem + 1.1904761905vw, 2rem);
}

.FixedSeriesAvailableDates .FixedSeriesDatesSection .HeaderSection {
  font-weight: 700;
}

.FixedSeriesChooseSeats .AreaList {
  display: none;
}

#ctl00_ContentPlaceHolder_Label2,
#ctl00_ContentPlaceHolder_Label4 {
  display: none;
}

.DateOfBirth #ctl00_ContentPlaceHolder_AccountDetailsEditor_DateOfBirth_YearBox {
  width: 3.75rem;
}

.fox .Start_Date {
  display: none;
}
.fox .Issue_Number {
  display: none;
}

/**
 * Styles specific to the Multibuy Offers page
 */
div.offersDiv {
  display: block;
  margin: 0.9375rem 0;
  padding: 1.5625rem;
  text-align: left;
  border-radius: 1.25rem;
  background-color: #fffdf9;
}

div.OfferHeading h2 {
  margin: 0 0 0.9375rem;
  padding: 0;
  font-size: 160%;
  text-indent: 0;
  background: none;
}

div.events {
  padding: 0.9375rem 0 0.9375rem 1.875rem;
}
div.events div.EventText {
  display: list-item;
}
div.events div.EventText h2 {
  padding-bottom: 0.375rem;
}
div.events div.EventText h2 a {
  font-size: 0.8125rem;
}

a.Button.DeclineButton {
  color: #fff;
}

.OfferDescription {
  padding-bottom: 0.9375rem;
}

/**
 * Multibuy Page
 */
.Multibuypage .Events .EventText .EventName {
  padding-top: 0.625rem;
  padding-bottom: 0.25rem;
  font-size: 1.0625rem;
}
.Multibuypage .Events .EventText .EventDatesList {
  width: 15.625rem;
}
.Multibuypage .Events .EventText h2 {
  padding-top: 0.625rem;
  padding-bottom: 0.25rem;
}

/**
 * Hide Spektrix elements.
 */
.SpektrixFooter,
.SpektrixFooterNormal,
.SpektrixFooterFixed {
  display: none !important;
}

a#ctl00_ContentPlaceHolder_WhatsOnLink {
  display: none !important;
}