/* TYPOGRAPHY
********************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i');

body,
div,
input,
p {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.5em;
  text-transform: none;
}


h1, h2 ,h3 {
  color: #1d1d1d;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  letter-spacing: 0em;
  text-transform: uppercase;
}

h1, h3 {
  font-weight: 700;
  line-height: 1em;
}

h1 {
  font-size: 36px;
  font-style: normal;
}

h2 {
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
}

h3 {
  font-size: 20px;
}

h1:first-of-type {
  margin-bottom: 1em;
}

body a {
  color: black;
}

body a:hover,
body a:focus {
  color: rgba(0, 0, 0, 0.5);
}



/* BUTTONS, INPUTS & SELECTS
********************************/

/* BUTTONS */
.Buttons,
#Buttons {
  margin: 1em 0;
}

.Basket2 .Buttons .CheckoutLink {
  display: inline-block;
  margin-top: 1rem;
  width: auto;
}

.Buttons .Logout:first-of-type {
  margin-bottom: 2em;
}

.Buttons .SaveDetailsButton {
  margin-top: 2em;
}

/* INPUT */
input[type="submit"],
input[type="button"],
.Button,
a.LinkButton,
a.CheckoutLink.LinkButton,
a.More_Info {
  background-color: #b21f29;
  border: none;
  border-style: solid;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: inherit;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition:0.1s background-color linear, 0.1s color linear;
  transition:0.1s background-color linear, 0.1s color linear;
}

.Container.PromoCode input[type="submit"] {
  height: 40px;
}

input[type="submit"].BookNowButton {
  margin-left: 1em;
}

input[type="submit"].EditButton,
input[type="submit"].Edit,
input[type="submit"].Delivery,
input[type="submit"].Billing,
input[type="submit"].AddAddressesButton,
.SpektrixPage.Basket2 .Items .Button {
  padding: 5px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
a.Button:hover,
a.LinkButton:hover,
a.More_Info:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
a.Button:focus,
a.LinkButton:focus,
a.More_Info:focus {
  opacity: .8;
}

/* FORM */
select {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  height: 40px;
}

form .OptionalMessage {
  margin: 1em 0;
}

form .Container label,
form .Container .Input_Text {
  display: inline-block;
  margin-right: 10px;
}

form .Container .Input_Text {
  margin-right: 10px;
  width: 100%;
  max-width: 350px;
}

form .Container label.left {
  min-height: 40px;
  float: left;
  min-width: 175px;
  line-height: 40px;
}

form .Container.PromoCode label.left {
  width: auto;
}

form .Container .Input_Text {
  margin-right: 10px;
}

form .Comment,
form label.right {
  font-style: italic;
}

form .Container .left {
  color: rgba(0,0,0,1);
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1.3em;
  text-transform: uppercase;
}

form .Container input[type="password"],
form .Container input[type="text"],
form .Container input[type="tel"],
form .Container input[type="number"] {
  background: #f9f9f9;
  border: 1px solid #dedede;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #666;
  height: 40px;
  line-height: 1.8;
  max-width: 350px;
  padding: 6.25px 12.5px;
  width: 100%;
}

form .Container input[type="password"]:hover,
form .Container input[type="text"]:hover,
form .Container input[type="tel"]:hover,
form .Container input[type="password"]:focus,
form .Container input[type="text"]:focus,
form .Container input[type="tel"]:focus {
  background: white;
}

form .Container.DateOfBirth input {
  min-width: 100px;
}

form .SpektrixPage.EditAddress .AddressEdit span.Comment,
form .SpektrixPage.ChangePassword .Password span.Comment,
form .SpektrixPage.NewAccount .Password span.Comment,
form .SpektrixPage.NewAccount .Name span.Comment {
  display: block;
  margin-top: 10px;
}



/* GENERIC
********************************/
body {
  margin: 0 !important;
}

.Container {
  margin: 1em 0;
}

.Option {
  margin-bottom: 10px;
}



/* SPEKTRIX FOOTER
********************************/
.SpektrixFooter, .SpektrixFooterNormal, .SpektrixFooterFixed {
  display: none;
}



/* EVENT DETAILS
********************************/
.SpektrixPage.EventDetails .DatesAndTimesHeading {
  border-top: 1px solid #b21f29;
  padding-top: 15px;
  margin-top: 30px;
}

.SpektrixPage.EventDetails .DetailsContainer img  {
  width: 100%;
  margin-bottom: 1em;
}



/* EVENT LIST
********************************/
.SpektrixPage.EventsList .Event {
  margin: 1em 0 2em 0;
  padding-bottom: 2em;
  border-bottom: 1px solid #b21f29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.SpektrixPage.EventDetails ul.MonthList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row
}

.SpektrixPage.EventsList a.Event_Name {
  font-size: 1.23em;
  font-family: 'Open Sans', sans-serif;
  color: rgba(0,0,0,1);
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: .1em;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  margin-bottom: .5em;
}

.SpektrixPage.EventsList .Event_Text {
  -webkit-box-flex: 2;
  -ms-flex: 2 0 0px;
  flex: 2 0 0;
}

.SpektrixPage.EventsList .Event_Dates {
  display: block;
  margin-top: 1em;
}

.SpektrixPage.EventsList .Event_Dates,
.SpektrixPage.EventsList .SearchDescription,
.SpektrixPage.EventsList span.Dates_Heading {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  color: rgba(0,0,0,1);
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: .5em;
}

.SpektrixPage.EventsList .SearchDescription {
  font-size: 1em;
}

.SpektrixPage.EventsList .Event_Image {
  -webkit-box-flex: 1;
     -ms-flex: 1 0 0px;
         flex: 1 0 0;
  padding-right: 15px;
  margin-bottom: 15px;
}

.SpektrixPage.EventsList .Event_Image img {
  display: block;
  width: 100%;
  height: auto;
}

.SpektrixPage.EventsList a.More_Info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 2em;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.SpektrixPage.EventsList .Options {
  border-bottom: none;
}

.SpektrixPage.EventsList .SearchDescription {
  border-top: 1px solid #b21f29;
  border-bottom: 1px solid #b21f29;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.SpektrixPage.EventDetails ul.MonthList li,
.SpektrixPage.EventsList ul.MonthList.Options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  padding: 0;
  width: auto;
}


.SpektrixPage.EventsList ul.MonthList li {
  margin: 0 10px 0 0;
}

.SpektrixPage.EventDetails ul.MonthList {
  padding: 0;
}

.SpektrixPage.EventDetails ul.MonthList li {
  list-style: none;
}

.SpektrixPage.EventDetails ul.MonthList li a,
.SpektrixPage.EventsList ul.MonthList li a {
  display: block;
  margin: 5px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  border-width: 2px;
  padding: 10px 15px;
  border-style: solid;
  background-color: transparent;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  color: rgba(33,33,33,.8);
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .1em;
  border-color: rgba(33,33,33,.8);
  cursor: pointer;
  -webkit-transition:0.1s background-color linear, 0.1s color linear;
  transition:0.1s background-color linear, 0.1s color linear;
  border-radius: 3px;
}

.SpektrixPage.EventDetails ul.MonthList li a:hover,
.SpektrixPage.EventDetails ul.MonthList li a[disabled="disabled"],
.SpektrixPage.EventsList ul.MonthList li a:hover,
.SpektrixPage.EventsList ul.MonthList a.Selected {
    background-color: rgba(33,33,33,.8);
    color: #fff;
}



/* CHOOSE SEATS
********************************/

.SpektrixPage.ChooseSeats .Buttons {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.SpektrixPage.ChooseSeats .Event.EventDetails {
}

.SpektrixPage.ChooseSeats .AreaAndVenueDetails {
  color: black;
}

.SpektrixPage.ChooseSeats span.EventName,
.SpektrixPage.ChooseSeats span.DateAndTime {
  color: rgba(0,0,0,1);
  font-weight: 400;
  line-height: 1.3em;
  text-transform: uppercase;
  font-size: 1.2em;
}

.SpektrixPage.ChooseSeats .InstanceCalendar {
  display: block;
  width: 100%;
  margin: 1rem auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.SpektrixPage.ChooseSeats .InstanceCalendar + p.Message {
  min-height: 350px;
}

.SpektrixPage.ChooseSeats .PricesContainer {
  padding: 15px;
  background-color: #f6f6f6
}

.SpektrixPage.ChooseSeats .PricesContainer h3.PricesHeading {
  margin-top: 0;
}

.SpektrixPage.ChooseSeats td.PriceBand.Info:first-of-type {
  padding-left: 0;
}


.SpektrixPage.ChooseSeats .PricesContainer td,
.SpektrixPage.ChooseSeats .PricesContainer th {
  padding: 6px 6px;
  min-width: 120px;
}

.SpektrixPage.ChooseSeats .PricesContainer td.Money.TicketType,
.SpektrixPage.ChooseSeats .PricesContainer th.Money.TicketType {
  text-align: right
}

.SpektrixPage.ChooseSeats .PricesContainer td.PriceBand.Info div.ImageIcon {
  background-image: none !important;
  border-radius: 100%;
  width: 16px !important;
  height: 16px !important;
  margin-right: 3px;
}

.SpektrixPage.ChooseSeats .SeatingArea.Unreserved .Container.TicketType > input.Input_Text {
    width: 100px;
}

.SpektrixPage.ChooseSeats .SeatingArea.Unreserved .Container.TicketType span.Price {
  margin-left: 0;
  font-size: inherit;
}



/* EDIT TICKETS
********************************/
.SpektrixPage.EditTickets div.Details > table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

.SpektrixPage.EditTickets div.Details > table tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.SpektrixPage.EditTickets div.Details > table th {
  text-align: center;
  padding: 7px 3px;
  vertical-align: middle;
}

.SpektrixPage.EditTickets div.Details > table th.Column.Area {

}

.SpektrixPage.EditTickets div.Details > table td {
  text-align: center;
  padding: 7px 3px;
  vertical-align: middle;
}

.SpektrixPage.EditTickets div.Details > table td.Column.Area {
    text-align: left;
}

.SpektrixPage.EditTickets div.Details > table td.Column.Type select {
  width: 100%;
  height: 30px;
  min-height: 30px;
  line-height: 30px;
}

h1.EditTicketsHeading span.EventName {
  display: block;
}

h1.EditTicketsHeading span.Separator {
  display: none;
}

h1.EditTicketsHeading span.InstanceTime {
  font-size: 20px;
  display: block;
}



/* CART & BASKET
********************************/
.SpektrixPage.Basket2 .Savings {
  margin-bottom: 2em;
}

.SpektrixPage.Basket2 dt.Header,
.SpektrixPage.Basket2 dt.Footer,
.SpektrixPage.Basket2 dt.Fee,
.SpektrixPage.Basket2 dt.Promo,
.SpektrixPage.Basket2 dt.Item.GiftVoucher {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  color: black;
  margin-bottom: .5em;
  border-bottom: 1px solid #b21f29;
  padding-bottom: .5em;
}

.SpektrixPage.Basket2 dt.Item.Instance {
  border-bottom: 1px solid #b21f29;
  padding-bottom: .5em;
}

.SpektrixPage.Basket2 dt.Footer,
.SpektrixPage.Basket2 dt.Fee,
.SpektrixPage.Basket2 dt.Promo {
  margin-top: 1rem;
  padding-top: 1rem;
  font-weight: 600;
}

.SpektrixPage.Basket2 dd {
    margin-left: 0;
}

.SpektrixPage.Basket2 dd.Promo {
  background-color
}

.SpektrixPage.Basket2 dd.Promo ul {
  padding: 0;
  list-style: none;
  line-height: 2em;
}

.SpektrixPage.Basket2 dd.Header .Breakdown {
    display: none
}

.SpektrixPage.Basket2 dt.Item {
    font-weight: normal;
    font-size: 1.2rem;
    margin: 1rem 0 0.5rem 0;
    color: black;
}

.SpektrixPage.Basket2 dd.Item {
    margin-bottom: 2em;
    padding-bottom: 1em;
}

.SpektrixPage.Basket2 dd.Item.Instance {
  padding-bottom: 0;
}

.SpektrixPage.Basket2 dd.Item:last-of-type {
    border-bottom: none;
}


.SpektrixPage.Basket2 dd.Item.Instance .Details span.InstanceTicketsSummary:before {
    content: 'Tickets:';
    display: inline-block;
    min-width: 80px;
    font-weight: bold;
}

.SpektrixPage.Basket2 dd.Item.Instance .Details span.InstanceDate:before {
    content: 'Date:';
    display: inline-block;
    min-width: 80px;
    font-weight: bold;
}

.SpektrixPage.Basket2 dd.Item .Breakdown,
.SpektrixPage.Basket2 dd.Fee .Breakdown,
.SpektrixPage.Basket2 dd.Footer .Breakdown {
  list-style: none;
  padding: 0;
  line-height: 1.5rem;
}

.SpektrixPage.Basket2 dd.Item .Breakdown li.Quantity span.Label,
.SpektrixPage.Basket2 dd.Item .Breakdown li.Saving span.Label,
.SpektrixPage.Basket2 dd.Item .Breakdown li.Commission span.Label,
.SpektrixPage.Basket2 dd.Item .Breakdown li.Total span.Label,
.SpektrixPage.Basket2 dd.Fee .Breakdown li.Commission span.Label,
.SpektrixPage.Basket2 dd.Footer .Breakdown li.Total.GrandTotal span.Label,
.SpektrixPage.Basket2 dd.Footer .Breakdown li.Commission span.Label {
  font-weight: normal;
  width: 200px;
  display: inline-block;
}

.SpektrixPage.Basket2 dd.Item .Breakdown li.Quantity span.Value,
.SpektrixPage.Basket2 dd.Item .Breakdown li.Saving span.Value,
.SpektrixPage.Basket2 dd.Item .Breakdown li.Commission span.Value,
.SpektrixPage.Basket2 dd.Item .Breakdown li.Total span.Value.Money,
.SpektrixPage.Basket2 dd.Fee .Breakdown li.Commission span.Value.Money,
.SpektrixPage.Basket2 dd.Footer .Breakdown li.GrandTotal span.Value.Money,
.SpektrixPage.Basket2 dd.Footer .Breakdown li.Commission span.Value.Money {
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
}

.SpektrixPage.Basket2 dd.Item.GiftVoucher .ViewDetails {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1rem;
  font-size: 0.8rem;
  padding: 3px;
}

.SpektrixPage.Basket2 dd.Item.GiftVoucher .Breakdown li {
  background-color: white;
}

.SpektrixPage.Basket2 dd.Item.GiftVoucher .Breakdown li.To {
    width: 80%;
}

.SpektrixPage.Basket2 dd.Item.GiftVoucher .Breakdown li.Total
    font-size: 1.2rem;

.SpektrixPage.Basket2 dd.Item.GiftVoucher .Breakdown li.To span.label {
    font-weight: bold;
}

.SpektrixPage.Basket2 dd.Item.GiftVoucher .Breakdown li.To span.ToDate {
    font-style: italic;
}

.SpektrixPage.Basket2 .Items .Button {
  margin-right: .5em;
  font-size: 0.8rem;
}

.SpektrixPage.Basket2 .Items .AddAnotherGiftVoucher.Button {
  height: 30px;
  min-height: 30px;
  line-height: 14px;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}



/* TOOLTIP
********************************/
.SpektrixPage .SpektrixPage,
.tooltip .SpektrixPage {
    min-height: 0 !important
}

.tooltip td span,
.tooltip tr span {
    font-size: 12px;
}

.tooltip td.column,
.tooltip tr.column {
  padding-right: 10px;
}



/* LOGIN
********************************/
.LoginLogout .LoginForm {
  width: 50%;
}



/* PROGRESS AND OPTIONS BARS
********************************/
.SpektrixPage .Progress,
.SpektrixPage .Options {
  border-bottom: 1px solid #b21f29;
  padding-bottom: .5em;
}

.Progress ol,
.Options ul {
  padding: 0;
  margin-bottom: .25em;
}

.Progress li,
.Options li {
  list-style-type: none;
  padding: 0;
  margin-top: 10px;
}

.SpektrixPage .Progress ol,
.SpektrixPage .Options ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.SpektrixPage .Progress ol li a span.Current,
.SpektrixPage .Progress ol li span.Current,
.SpektrixPage .Options ul li a.Selected,
.SpektrixPage .Options ul li a.Selected {
  color: black;
  font-weight: 600;
  top: 2px;
}

.SpektrixPage .Progress ol>li a>span,
.SpektrixPage .Progress ol>li span.NotDone,
.SpektrixPage .Progress ol>li span {
  display: table-cell;
  vertical-align: middle;
}



/* MY ACCOUNT
********************************/
.MyAccount .AddressType {
  font-weight: bold;
  color: black;
  margin-bottom: .5em;
}

.MyAccount span {
  display: block;
}

.MyAccount .Options a {
  color: black;
}

.MyAccount .Options a:hover {
  color: rgba(0, 0, 0, 0.51);
}



/* CHECKOUT
********************************/
.SpektrixPage.Checkout .DliveryView .DeliveryOption {
  margin-bottom: .75em;
}

.SpektrixPage.Checkout .Buttons {
  margin: .5em 0 2em 0;
}

.SpektrixPage.Checkout .Buttons .ContinueButton {
  margin-top: 2em;
}

.SpektrixPage.Checkout .View {
  padding-bottom: 20px;
  border-bottom: 1px solid #b21f29;
}

.SpektrixPage.Checkout .BillingView .AddressList li {
  list-style: none;
  padding-bottom: 2em;
}

.SpektrixPage.Checkout .BillingView .AddressList {
  padding: 0;
}

.SpektrixPage.Checkout .BillingView .AddressList label {
  margin-bottom: 1em;
  margin-left: 2em;
}

.SpektrixPage.Checkout .BillingView .AddressList .EditButton {
  margin-left: 30px;
}

.SpektrixPage.AddCard .AddressList li > input[type="radio"], .SpektrixPage.Checkout .AddressList li > input[type="radio"] {
  display: block;
  float: left;
}

.SpektrixPage.AddCard .AddressList li > label, .SpektrixPage.Checkout .AddressList li > label {
  display: block;
  margin-left: 30px;
}

.SpektrixPage.Checkout .SummarySection td.Summary {
  margin-right: 20px;
  display: block;
  font-weight: 600;
}

.SpektrixPage.Checkout .PaymentView .Total {
  color: black;
  font-size: 1.2em;
  font-weight: 600;
  padding-bottom: 15px;
  border-bottom: 1px solid lightgrey;
}



/* MULTIBUY
********************************/
.SpektrixPage.Multibuypage .EventRow {
  margin: 1em 0 2em 0;
  padding-bottom: 2em;
  border-bottom: 1px solid #b21f29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.SpektrixPage.Multibuypage a.Event_Name {
  font-size: 1.23em;
  font-family: 'Open Sans', sans-serif;
  color: rgba(0,0,0,1);
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: .1em;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  margin-bottom: .5em;
}

.SpektrixPage.Multibuypage .Event_Text {
  -webkit-box-flex: 2;
  -ms-flex: 2 0 0px;
  flex: 2 0 0;
}

.SpektrixPage.Multibuypage .Event_Dates {
  display: block;
  margin-top: 1em;
}

.SpektrixPage.Multibuypage .Event_Dates,
.SpektrixPage.Multibuypage span.Dates_Heading,
.SpektrixPage.Multibuypage .NumberRequireExtraEvents {
  color: rgba(0,0,0,1);
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: .1em;
  margin-bottom: .5em;
  text-decoration: none;
  text-transform: uppercase;
}


.SpektrixPage.Multibuypage .Event_Image {
   -webkit-box-flex: 1;
   -ms-flex: 1 0 0px;
   flex: 1 0 0;
   margin-bottom: 15px;
   padding-right: 15px;
}

.SpektrixPage.Multibuypage .Event_Image img {
  display: block;
  height: auto;
  width: 100%;
}

.SpektrixPage.Multibuypage a.More_Info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 2em;
  -ms-flex-item-align: start;
      align-self: flex-start;
}



/* PARENT / GUARDIAN
********************************/
fieldset.spx-fieldset-container {
  border: 0;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
}

legend.spx-legend-guide__purchase.spx-legend-guide__purchase--choose-attendee.ChooseAttendeeInstructions {
  margin-bottom: 15px;
}



/* MOBILE TWEAKS
********************************/
@media screen and (max-width: 700px) {
  .SpektrixPage .Progress ol,
  .SpektrixPage .Options ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .SpektrixPage.EventsList .Event,
  .SpektrixPage.Multibuypage .EventRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}


@media screen and (max-width: 640px) {
  form .Container input[type="password"],
  form .Container input[type="text"],
  form .Container input[type="tel"],
  form .Container input[type="number"] {
    max-width: 100%;
  }

  .LoginLogout .LoginForm {
    width: 100%;
  }

  form .Container label.left {
    width: 100%;
    margin-right: 0px;
  }

  .SpektrixPage.ChooseSeats .SeatingArea.Unreserved .Container.TicketType span.Price {
    display: block;
    margin-top: 15px;
  }
}

@media screen and (max-width: 400px) {
  input[type="submit"].BookNowButton {
    margin-left: 0;
    margin-top: 15px;
  }
}