/* playfair-display-regular - latin */
@font-face {
  font-family: 'Futura';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/Futura.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Futura.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Futura.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Futura.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Futura.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Futura.svg#Futura') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - latin */
@font-face {
  font-family: 'Futura';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/Futura-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Futura-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Futura-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Futura-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Futura-Bold.svg#Futura') format('svg'); /* Legacy iOS */
}
/* playfair-display-italic - latin */
@font-face {
  font-family: 'Futura';
  font-style: italic;
  font-weight: normal;
  src: url('../fonts/Futura-Italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Futura-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Futura-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Futura-Italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Futura-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Futura-Italic.svg#Futura') format('svg'); /* Legacy iOS */
}
/* playfair-display-700italic - latin */
@font-face {
  font-family: 'Futura';
  font-style: italic;
  font-weight: bold;
  src: url('../fonts/Futura-Bold-Italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Futura-Bold-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Futura-Bold-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Futura-Bold-Italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Futura-Bold-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Futura-Bold-Italic.svg#Futura') format('svg'); /* Legacy iOS */
}

body {
  background: url(../images/body-bg.jpeg);
  font-family: 'Futura', sans-serif;
  font-size: 16px;
  color: #666;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
 }

.content.parent_event_list {
  line-height: 1.4;
}

.teaser {
  color: #666;
}

h1, h2, h3, table.table-formatted th {
  font-family: 'Futura', sans-serif;
  text-shadow:none;
  color: #8D63AB;
  font-size: 28px;
}
table.table-formatted th {
  font-weight: 600;
}

table.table-formatted th {
  font-size: 16px;
}

h1.page-title span {
  display: inline-block;
}

a,
ul.menu li.account ul li a {
  color: #8D63AB;
  }
  a:hover,
  ul.menu li.account ul li a:hover {
  color:#60397c;
  }

  ul.menu li.logged-in {
      width: 72px;
  }

.cart-preview .ticket {
    padding-left: 19px;
}
div.pick-selector div.ticket-admittance div.ticket {
  padding-top: 2px;
  height: 28px;
  }

.page-title.page-id-home span {
  font-size: 0;
  }
  .page-title.page-id-home::after {
    font-size: 36px;
    content:"What's On";
    }

.page-title.page-id-home {
  display: none;
}

#page-title {
  width: 100%;
  background-image: url(../images/header.png);
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 0 125px 0 !important;
}
#page-title h1 a {
  display: none;
}

/* header */
#page-title-wrapper {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    backdrop-filter: blur(4px);
  }
  #page-title-wrapper h1 {
    text-shadow: none;
    font-weight: normal;
    font-size: 40px;
  }
  #page-title-wrapper h1 a {
    color: #8D63AB;
  }


  #page-title h1 {
    text-indent: 0;
    overflow: visible;
    text-align: center;
  }


/* content */
#page-content-wrapper {

  width: 1040px;
  margin: 30px auto 0;
  border-bottom: 0px solid transparent;
  padding: 0;
  }
  #page-content {
  width: auto;
  background-color: rgba(255,255,255,0.95);
  padding: 0 15px 15px;
  border-bottom: 1px solid #ddd;
  }
  #above-content {
  background-color: #fff;
  border: 1px solid #fff;
  border-bottom:1px solid #ddd;
  padding: 3px 0;
  margin: 0 -15px;
  }
  #section1 {
  padding: 0px;
  }
  .reset {
    height: 0;
  }

  .parent_event_list .first {
      border-top: none;
  }


/* crumbs */
#crumbs {
  background-color: transparent;
  width:auto;
  font-size: 16px;
  }
  #crumbs li a, ul.menu li.account ul li a, ul.menu li.cart a, ul.menu {
  color:#000;
  font-size: 16px;
  font-family: 'Futura', sans-serif;
  }
  #crumbs li a:hover, ul.menu li.account ul li a:hover, ul.menu li.cart a:hover, #crumbs li {
  color:#777;
  }
  #crumbs li a {
  background: url(../images/crumb.gif) no-repeat right center;
  }
  #crumbs li:nth-child(2) a {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
  li.crumb.first a:after {
  content:"What's On";
  }
  li.crumb.first a span {
  display:none;
  }

/* menu */
ul.menu li.account {
  background-color: transparent;
  border-left: 1px solid transparent;
  font-family: 'Futura', sans-serif;
  }
  ul.menu li.logged-in ul {
  background-color: #ddd;
  }
  ul.menu ul {
  border:1px solid #ddd;
  }
  ul.menu li.logged-in ul,
  ul.menu li.logged-out ul {
  background: #ddd;
  }
  ul.menu li.logged-in ul {
  width: 120px;
  }
  ul.menu li.logged-out ul {
  width: 160px;
  }
  ul.menu li.account:hover {
  background-color: #ddd;
  border: 1px solid #ddd;
  }


/* images */
/*.image {
  margin: 5px 0px 5px 10px;
  float:right !important;
  }*/
  .content-wrapper .body img {
  float:right;
  margin:0 0 10px 10px;
  padding:6px;
  border:1px solid #ccc;
  }
 

.content-social img {
  }
  .content-social img:hover {
    opacity: 0.8;
  }

/* rounded buttons */
.button, .event-date-list a , a.checkout-home, #formSeatSelection .button, input[type="submit"], input[type="text"]#day-filter, .parent_event_136120 strong a {
  background-color: #8D63AB;
  border: 1px solid #8D63AB;
  color: #fff;
  font-weight:700;
  margin-bottom: 5px;
  padding: 8px 18px 7px;
  font-size: 16px;
  font-family: 'Futura', sans-serif;
  text-transform: uppercase;
  }
  #payment-button.button {
  padding: 4px 18px;
  }
  #formSeatSelection .button{
  height: 37px;
  }
  input[type="submit"].button {
  margin: 0px 0 10px;
  }
  .voucher-activate a,
  input[type="text"]#day-filter {
  padding: 8px 0px;
  widh:auto !important;
  }
  .event-date-selector {
  width: 300px;
  }
  div#ui-datepicker-div {
      margin-left: -110px;
  }

#ui-datepicker-div .available a {
    background-color: #8D63AB !important;
}
#ui-datepicker-div .available a:hover {
    background-color: #005b1d !important;
}


  .button:hover, #formSeatSelection .button:hover, .content #formConfirm .button:hover, .content .button:hover, .event-date-list a:hover, input.button:hover, input[type="submit"]:hover, a.checkout-home:hover, a.checkout-home:hover, .parent_event_136120 strong a:hover {
  background-color: #60397c;
  border: 1px solid #60397c;
  color:#fff;
  }
  a.details, .empty-cart-wrapper a.button {
  background-color: #fff;
  border: 2px solid #8D63AB;
  color:#8D63AB;
  }
  a.details:hover, .empty-cart-wrapper a.button:hover {
  background-color: #fff !important;
  border: 2px solid #60397c !important;
  color: #60397c !important;
  }
  a.button.buttonM.bDefault.tableButton, a.button.buttonM.bRed.tableButton, a.checkout-home, .voucher-activate a, .empty-cart-wrapper a  {
  background-color: #fff;
  border: 2px solid #8D63AB;
  color: #8D63AB;
  }
  a.button.buttonM.bDefault.tableButton:hover, a.button.buttonM.bRed.tableButton:hover, a.checkout-home:hover, .voucher-activate a:hover, .empty-cart-wrapper a:hover {
  background-color: #fff;
  border: 2px solid #60397c;
  color: #60397c;
  }

  .form-payment .payment-payment-text {
      font-size: 18px;
      padding: 3px 0px 0px;
  }
  .form-payment .auth-net-review label {
    font-size: 18px;
  }

  .voucher-activate a {
    width: fit-content;
    text-align: center;
    padding: 8px 16px;
    margin-left:5px;
    font-size: 14px;
    font-weight:700;
    font-family: 'Futura', sans-serif;
    text-transform: uppercase;
    }
    .voucher-activate .field label {
    width:fit-content;
    }
    .voucher-activate input[type=text] {
    width:100px;
    padding: 7px 7px 6px;
    }
    .voucher-activate .field {
    border: 2px solid #7755ef;
    padding: 0px 0 0px 10px;
    width: fit-content;
    margin:0 5px 10px;
    }
    .voucher-activate .field label {
    margin-top:3px;
    font-size: 14px;
    }
    .voucher-activate input[type="submit"] {
    padding: 3px 7px 5px;
    margin: 2px 2px 2px -1px;
    }



  div.toggla label span.selected-title {
    color: #d806c6;
}


.table-formatted.plan-select tr {
  height:56px;
}
.plan-select-action a {
  padding: 5px 10px;
}

td.area-seat-house {
  border-color: #fff !important;
  background-color: #666 !important;
  }
  td.area-seat-house input[type="checkbox"] {
    display: none;
  }

  #drawing-board-container {
    background-color: #fff;
    zoom: 97%;
}

.drawing-board td {
  cursor: default !important;
  width: 12px !important;
  height: 12px !important;
}
}
td.unavailable {
  border-color: #fff !important;
}
td.seat input {
  cursor: pointer !important;
}


/* hiding stuff */
.cart-image-wrapper,
.header_area_title,
.area_title,
.category_filter,
.fees-total,
.cart-fee,
.auth-net-review .row
/*.fblike,*/{
  display: none;
  }


/* ticket fees */
.place-selection .header_ticket_fee, .place-selection .ticket_fee, .ticket-select-fee {
  display: table-cell;
}

.auth-net-review .row.review-total {
  display: contents;
}

#formConfirm .fees-total {
  margin-top: 15px;
}


div.toggla label {
  font-family: 'Futura', sans-serif;
  }
  div.toggla label:hover {
  cursor: text;
  }


/* hide toggla */



  div.content-wrapper .body img {
      float: right;
      margin: 0 0 5px 10px;
  }

      .image {
        float: right !important;
        margin: 2px 0px 10px 20px;
      }

/* map */
.map {
  padding: 0;
  border:none;
  }


.custom-field.field label {
  width:100%;
}
.custom-field.field select {
  width:fit-content;
}

.custom-field.field .description:after {
  content: " if you haven't selected any car parking spaces, you will need to go back and these to your basket as parking reservations must be made in advance. We cannot guarantee that there will be parking availability on the day if you have not selected a car parking ticket in advance.";
}

/* footer */
#page-footer-wrapper {
  width: 1030px;
  background: none;
  background-color: transparent;
  font-size:16px;
  color: # 777;
  background-color: #fff;
  height: auto;
  overflow: auto;
  padding: 5px;
  font-family: 'Futura', sans-serif;
  margin:0 auto;
  }
  #page-footer-wrapper #page-footer {
  margin:0 auto;
  padding: 5px;
  }
  #page-footer-wrapper #page-footer a:hover {
  cursor: text;
  }
  #page-footer-wrapper, #page-footer-wrapper #page-footer, #page-footer-wrapper #page-footer a, #page-footer-wrapper #page-footer a:hover {
  color: #777;
  }
  #page-footer-wrapper #page-footer a.contact-us-link, #page-footer-wrapper #page-footer a.terms-link, #page-footer-wrapper #page-footer a.privacy-link {
  cursor: pointer;
  color: #8D63AB;
  }
  #page-footer-wrapper #page-footer a.contact-us-link:hover, #page-footer-wrapper #page-footer a.terms-link:hover, #page-footer-wrapper #page-footer a.privacy-link:hover {
  color: #60397c;
  }

/* payment page */
.field label {
  width: 28%;
  }
  .form-payment input {
  width: 54%;
  }
  .form-payment .input-card-code {
  width: 25px;
  margin: 0 10px 10px 0;
  }
  .form-payment .cvc-detail {
  margin-left: 0;
  }
  .form-payment .expiry-date select {
  width: 71px;
  }
  .form-payment select {
  width: 150px;
  }
  .form-payment .expiry-date select {
  width: 71px;
  margin: 0 10px 5px 0;
  }
  .form-payment .expiry-date select:nth-child(2) {
  margin-left: 0;
  }
  .form-payment select {
  width: 130px;
  }
  .form-payment .auth-net-review {
  margin: 5px 0 50px;
  }
  .form-payment #payment-button {
  margin: 0;
  }
  .form-payment .cancel-button {
  margin: 12px 20px;
  }


/* responsive code */

@media only screen and (max-device-width: 390px) {
.field label,
.field input {
  width: 90%;
  }
.parent_event .button {
  margin-top:0;
}
}


@media only screen and (max-device-width: 420px) and (orientation : portrait){
  #page-title-wrapper {
    width: 100%;
    }
  #page-content-wrapper {
    width: 100%;
    }
  #above-content {
    margin: 0 0 0 -5px;
    }
  .event-date-selector {
    top: 0;
    margin-bottom: 0;
    }
  div.fblike {
    width: auto !important;
    }
  th.header_ticket_admittance,
  td.ticket_admittance,
  th.header_ticket_available,
  td.ticket_available,
  .body a img,
  .fblike {
    display: none;
    }
  .row .col-md-6.payment-col-1, .row .col-md-6.payment-col-2 {
    width:100%;
    }
    .row .col-md-6.payment-col-1 .form-sub-head, .row .col-md-6.payment-col-2 .form-sub-head {
    width:100%;
    font-size: 18px;
    margin-left: 0px !important;
    }
    .form-payment input {
    width: 60%;
    }
    .form-payment .input-card-code {
    width: 30px;
    }
    .payment-icons {
    padding-top:20px;
    }
    .payment-icons img {
    margin-bottom:5px;
    }
    .payment-icons img:nth-child(2) {
    width:90%;
    }
  #page-footer-wrapper {
    width: 100%;
    }
    #page-footer-wrapper #page-footer span {
    display: none !important;
    }

}


@media only screen and (max-width: 390px) {
.teaser {
    margin: 6px 0;
    }
.home-action-buttons {float:left;}
.home-action-buttons a {margin: 5px 5px 5px 0;}
  }


@media only screen and (max-width: 550px) {
  .parent_event .image {
    display: none;
    }
  }


@media only screen and (max-width: 600px) {
  .event-date-list th.event-date-list-start-time,
  .event-date-list th.event-date-list-available {
    font-size: 0;
    }
  .event-date-list th.event-date-list-start-time::after {
    content: "Time";
    font-size: 19px;
    }
  .event-date-list th.event-date-list-available::after {
    content: "Places";
    font-size: 19px;
    }
  }


@media only screen and (max-device-width: 740px) and (orientation : landscape){
  #page-title-wrapper {
    width: 100%;
    }
  #page-content-wrapper {
    width: 100%;
    }
  #above-content {
    margin: 0 0 0 -5px;
    }
  #crumbs {
    width:50% !important;
    }
    #crumbs li {
    display: none !important;
    }
    #crumbs li.first {
    display:inline-block !important;
    }
    #crumbs li a {
    background: none !important;
    }
  .event-date-selector {
    top: 0;
    margin-bottom: 0;
    }
  div.content-wrapper div.content-title {
    height: auto !important;
    }
  div.fblike {
    width: auto;
    }
  th.header_ticket_available,
  td.ticket_available,
  .body a img {
    display: none;
    }
  .row .col-md-6.payment-col-1, .row .col-md-6.payment-col-2 {
    width:100%;
    }
    .row .col-md-6.payment-col-1 .form-sub-head, .row .col-md-6.payment-col-2 .form-sub-head {
    width:100%;
    font-size: 18px;
    margin-left:10px;
    }
    .form-payment input {
    width: 60%;
    }
    .form-payment .input-card-code {
    width: 30px;
    }
    .payment-icons {
    padding-top:20px;
    }
    .payment-icons img {
    margin-bottom:5px;
    }
    .payment-icons img:nth-child(2) {
    width:90%;
    }
  #page-footer-wrapper {
    width: 100%;
    }
    #page-footer-wrapper #page-footer span {
    display: none !important;
    }
}

@media screen and (max-width:980px) {
  #page-title-wrapper,
  #page-content-wrapper {
    width: 100%;
    }
  #page-footer-wrapper {
    width: calc(100% - 10px);
    }
}

/**** event specific ****/

.plan-select.toggla .title a {
  font-size: 0;
  }
  .plan-select.toggla .title a:after {
  font-size: 26px;
  content:"Ticket Options"
  }

  .seat_select.toggla .title {
    display: none;
    }


th.event-date-list-available,
th.plan-select-available {
  font-size: 0 !important;
  }
  th.event-date-list-available::after,
  th.plan-select-available::after {
  content: "Seats Available";
  font-size: 16px !important;
  }

th.plan-select-name {
  font-size: 0 !important;
  }
  th.plan-select-name::after {
  content: "Ticket Types";
  font-size: 16px !important;
  }

th.ticket-select-type,
th.header_ticket_title {
  font-size: 0 !important;
  }



     
  /***/

  /* Remove Places Available and add Sold Out image */
.header_ticket_admittance,
.ticket_admittance,
.event-date-list-available,
.plan-select-available,
th.plan-select-price {
  display: none;
}

/*
.event-date-list-action,
td.plan-select-action {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='70px'><text x='10' y='30' fill='black' font-size='15' font-family='Arial, Helvetica, sans-serif'>Closed</text></svg>") no-repeat right center;
  width: 60px;
}
.event-date-list a {
  margin: 0;
}
*/

table.table-formatted th.header_ticket_available {
  font-size: 0;
  }
  table.table-formatted th.header_ticket_available::after {
  content: "Availability";
  font-size: 16px;
  }
/***/