/*
 * Author:	eMedia Campaigns 
 * Created:	31/07/2019
 *
 * 'Bootstrap Version 3 Advocate' uncompiled css
 *
 * Notes:
 * Legacy styles required
 * Also advocates Bootstrap 4
 */
/* converts alert type */
@import url(name_tickets.css?20201026);
form .alert li {
  color: inherit;
}
/* Members Area Navigation Margin Re-set */
.post-category-list {
  padding-left: 0;
}
/* 'Qty' column fix */
select[id$="ddlQtySelect"] {
  width: 66px;
}
/* mobile navigation adjustments */
.navbar-inverse .navbar-nav .nav-item > a,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #999;
  background-color: inherit;
}
/* Members Area Icon Re-Set */
i.option {
  color: inherit;
}
/* Choose Event Feed */
.pnlEvent .pnlInfoText {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pnlEvent .pnlInfoText h4,
.pnlEvent .pnlInfoText p {
  padding: 0 10px 0 10px;
}
div[id*="ucChooseTiled"] a[id$="hlBuyTickets"],
a[id$="hlEventInfo"] {
  display: table-cell;
}
div[id*="ucChooseTiled"] a[id$="hlBuyTickets"] {
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
div[id*="ucChooseTiled"] a[id$="hlEventInfo"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
input[id$="ucLogin_txtEmailAddress"],
input[id$="ucLogin_txtPassword"] {
  width: 286px !important;
}
/* promo code alignment */
div[id$="pnlPromoCode"] .control-label,
div[id$="pnlPromoCode"] input[id$="PromoCode"],
div[id$="pnlPromoCode"] button[id$="btnPromoCode"] {
  float: left;
  clear: inherit;
  margin-top: 2px;
  margin-right: 2px;
}
div[id$="pnlPromoCode"] {
  overflow: auto;
}
div[id$="pnlPromoCode"] span[id$="tdNoPromoTickets"] {
  display: table-cell;
  padding: 13px;
}
/* Delivery Options Price Alignment */
.trDeliveryOpt td:last-child {
  text-align: right;
}
/* Delivery Options Radio Button Alignment */
.trDeliveryOpt input {
  display: block;
  float: left;
}
.trDeliveryOpt input + label {
  display: table-cell !important;
}
/* Queue Text Alignment */
div[id$="pnlQueue"] {
  text-align: center !important;
}
/* Admin header Style */
.adminHeaderRight {
  right: 5px;
}
a[id$="btnPayRegular"] {
  padding: 6px 12px !important;
  font-size: 14px !important;
}
.table img {
  max-width: inherit;
}
/* members default page hacks */
i.icon-star,
.icon-calendar:not(.icon-large),
span[data-type$="ajaxicon"] {
  position: absolute;
  right: 25px;
  margin-top: -25px !important;
}
.icon-calendar:not(.icon-large) {
  right: 20px;
  color: #999999;
}
span[data-type$="ajaxicon"] {
  right: 20px;
  top: 30px;
}
.control-label {
  clear: left;
}
label {
  display: inline !important;
}
.controls {
  padding-left: 15px !important;
}
input[id$="Postcode"] {
  height: inherit !important;
  display: inline !important;
}
.form-horizontal input[type="checkbox"]:not([id$="chkInternationalLocation"]):not([id$="NewsletterEnabled"]):not([id$="OtherInfoEnabled"]),
input[type="radio"]:not('.form-check-input') {
  width: inherit !important;
  margin-right: 10px !important;
}
.control-label h4 {
  padding-top: 0;
}
.check_radio {
  padding-top: 5px;
  display: block;
}
/* all images responsive */
img {
  max-width: 100%;
}
div[id$="ucLogin_formRow"] .controls {
  width: inherit;
}
/* ============ Metro Nav ============== */
.nav-row {
  text-align: center;
  margin-bottom: 15px;
}
.nav-row p {
  padding: 5px;
}
.nav-row [class^="col-md"],
.nav-row .col-md-4 {
  background-color: #fff;
  border: 1px solid #e0e1db;
  border-right: none;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .nav-row [class^="col-md"],
  .nav-row .col-md-4 {
    border-right: 1px solid #e0e1db;
    border-bottom: none;
  }
}
.nav-row [class^="col-md"]:last-child,
.nav-row .col-md-4:last-child {
  border: 1px solid #e0e1db;
}
.nav-row [class^="col-md"]:first-child,
.nav-row .col-md-4:first-child {
  border-radius: 5px 0 0 5px;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .nav-row [class^="col-md"]:first-child,
  .nav-row .col-md-4:first-child {
    border-radius: 0px;
  }
}
.nav-row [class^="col-md"]:last-child,
.nav-row .col-md-4:last-child {
  border-radius: 0 5px 5px 0;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .nav-row [class^="col-md"]:last-child,
  .nav-row .col-md-4:last-child {
    border-radius: 0px;
  }
}
.nav-row [class^="col-md"]:hover,
.nav-row .col-md-4:hover {
  color: #0d6efd;
  cursor: pointer;
}
.nav-row [class^="col-md"] a,
.nav-row .col-md-4 a {
  text-decoration: none;
}
.nav-row .active {
  color: #0d6efd;
  margin-top: -6px;
  border-top: 6px solid #0d6efd;
  border-bottom: 6px solid #0d6efd;
}
.nav-row .active:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #0d6efd transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -6px;
  top: 0;
  left: 50%;
}
.nav-row .glyphicon,
.nav-row i {
  margin-top: 15px;
  font-size: 50px;
  display: block;
}
.nav-row a {
  display: block;
}
/* ============ 5 Column Layout ============== */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-15 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/* ============================= custom table =================== */
.table {
  border: 1px solid #ccc;
  padding: 5px;
  box-shadow: 3px 3px 2px #ccc;
  transition: 0.5s;
}
.table:hover {
  box-shadow: 3px 3px 0px transparent;
  transition: 0.5s;
}
/* ============================= banking icons customisation =================== */
.em-a2a-desc-top div {
  width: 50px;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  margin-left: 5px;
  float: left;
}
.em-a2a-panel {
  display: table;
}
.em-a2a-icons {
  display: table-header-group;
}
.em-a2a-desc-top {
  display: table-footer-group;
}
/* =========================== modal customisation ================================ */
.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}
#divFlash .modal-body:first-child,
#divAdminFlash .modal-body:first-child {
  padding: 0;
}
#iframeFlash {
  display: table-cell;
}
/* =========================== affiliate link container ================================ */
.affiliateLinkContainer {
  padding-bottom: 100px !important;
}
/* =========================== My Orders Page Customisation =============================== */
table[id$="gvOrders"] {
  clear: both;
}
tr[id$="pnlParentOrder"] td:last-child {
  text-align: right;
}
/* =========================== Admin Sales Customisation ============================= */
ul.select2-choices {
  border-radius: 4px;
  border: 1px solid #999999;
}
/* =========================== Backdrop Scrollbar Fix ============================= */
.modal {
  overflow: hidden;
}
/* =========================== Text Shadow on Tool-Tips ============================= */
.tooltip {
  text-shadow: none;
}
/* =========================== Facebook Verify ============================= */
[id$=pnlFBVerify] [id$=hlForgotPassword] {
  margin-top: 5px;
}
/* =========================== Defibrillator ============================= */
[id$=DefibFrame] {
  display: none;
}
/* =========================== Mobile Navigaton ============================= */
/* snippet */
@media screen and (max-width: 767px) {
  .side-collapse-container {
    width: 100%;
    position: relative;
    left: 0;
    transition: left 0.4s;
  }
  .side-collapse-container.out {
    /*left: 200px;*/
  }
  .side-collapse {
    top: 50px;
    bottom: 0;
    left: 0;
    width: 200px;
    position: fixed;
    overflow-y: scroll;
    transition: width 0.4s;
    z-index: 100;
  }
  .side-collapse.in {
    width: 0;
  }
  header .navbar-header,
  header .navbar-inverse {
    display: block;
  }
  /* hides logo on mobiles */
  header h1 img {
    display: none !important;
  }
  /* displays mobile nav */
  nav[role="navigation"] {
    display: block !important;
  }
  /* pushes content under mobile nav bar */
  header h1 {
    padding-top: 40px;
  }
  /* header button re-set over-ride*/
  header .pull-right:nth-child(2) {
    display: inline;
  }
}
.navbar-inverse .navbar-nav > li > a {
  padding-left: 25px;
  text-shadow: none;
  font-weight: 700;
}
.dropdown-menu {
  color: #000000;
}
.dropdown-menu a {
  text-shadow: none;
  /*font-weight: 200;*/
}
.navbar-header {
  padding: 8px;
}
.navbar-toggle {
  margin: 0;
}
/* hides mobile nav on desktop */
.navbar-header,
.navbar-inverse {
  display: none;
}
/* resets height of logo */
form header .row h1 {
  height: inherit !important;
}
/* resets wrap on drop down menu items */
.dropdown-menu > li > a {
  white-space: nowrap;
  font-size: 0.95em;
  font-weight: bold;
  white-space: normal;
}
/*================ event list ===================*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30AXC-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPHA.ttf) format('truetype');
}
.event-list {
  list-style: none;
  /*font-family: 'Lato', sans-serif;*/
  margin: 0px;
  padding: 0px;
  color: black;
}
.event-list > li {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
  padding: 0px;
  margin: 10px 0 10px 0;
}
.event-list > li > time {
  display: inline-block;
  width: 100%;
  color: #ffffff;
  background-color: #006699;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  text-shadow: none;
  overflow: hidden;
}
.event-list > li > time > a {
  color: white;
}
.event-list > li > time > a:hover {
  text-decoration: none;
}
.event-list > li:nth-child(even) > time {
  background-color: #0099cc;
}
.event-list > li > time > span {
  /*display: none;*/
}
.event-list > li > time .day {
  display: block;
  font-size: 56pt;
  font-weight: 100;
  line-height: 1;
  color: white;
}
.event-list > li > time .multi {
  display: block;
  font-size: 30pt;
  font-weight: 100;
  line-height: 1;
  padding-top: 20px;
}
@media (max-width: 765px) {
  .event-list > li > time .multi {
    padding-top: 0;
  }
}
.event-list > li time .month {
  display: block;
  font-size: 17pt;
  font-weight: 900;
  line-height: 1.6;
  color: white;
}
.event-list > li > img[src$="_"] {
  display: none;
}
.event-list > li > .info {
  padding-top: 5px;
  text-align: center;
}
.event-list > li > .info > a > .title,
.event-list > li > .info > .title {
  margin: 0px;
}
.event-list > li > .info > a:hover {
  text-decoration: none;
}
.event-list > li > .info > .desc {
  margin: 0px;
}
.event-list > li > .info > ul,
.event-list > li > .social > ul {
  display: table;
  list-style: none;
  margin: 10px 0px 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
}
.event-list > li > .social > ul {
  margin: 0px;
}
.event-list > li > .info > ul > li,
.event-list > li > .social > ul > li {
  display: table-cell;
  cursor: pointer;
  color: #1e1e1e;
  padding: 3px 0px;
  vertical-align: top;
}
.event-list > li > .info > ul > li > a {
  display: block;
  width: 100%;
  color: #1e1e1e;
  text-decoration: none;
}
.event-list > li > .social > ul > li {
  padding: 0px;
}
.event-list > li > .social > ul > li > a {
  padding: 3px 0px;
}
.event-list > li > .social > ul > li > a .glyphicon-info-sign,
.event-list > li > .social > ul > li > a [class*='info'] {
  line-height: 0.9;
}
.event-list > li > .social > ul > li > a[data-original-title="Buy Tickets"]:after {
  color: #0d6efd;
}
.event-list > li > .social > ul > li > a[data-original-title="Buy Tickets"].soldOut,
.event-list > li > .social > ul > li > a[data-original-title="Buy Tickets"].cancelled {
  line-height: 1;
  pointer-events: none;
}
.event-list > li > .social > ul > li > a[data-original-title="Buy Tickets"].soldOut {
  color: #198754;
}
.event-list > li > .social > ul > li > a[data-original-title="Buy Tickets"].soldOut:after {
  content: 'SOLD OUT';
  color: #198754;
}
.event-list > li > .social > ul > li > a[data-original-title="Buy Tickets"].cancelled {
  color: #dc3545;
}
.event-list > li > .social > ul > li > a[data-original-title="Buy Tickets"].cancelled:after {
  content: 'CANCELLED';
  color: #dc3545;
}
.event-list > li > .info > ul > li:hover,
.event-list > li > .social > ul > li:hover {
  color: #1e1e1e;
  background-color: #c8c8c8;
}
.facebook a,
.twitter a,
.google-plus a {
  display: block;
  width: 100%;
  color: #4b6ea8 !important;
}
.twitter a {
  color: #4fd5f8 !important;
}
.google-plus a {
  color: #dd4b39 !important;
}
.facebook:hover a {
  color: #ffffff !important;
  background-color: #4b6ea8 !important;
}
.twitter:hover a {
  color: #ffffff !important;
  background-color: #4fd5f8 !important;
}
.google-plus:hover a {
  color: #ffffff !important;
  background-color: #dd4b39 !important;
}
@media (min-width: 768px) {
  .event-list > li {
    position: relative;
    display: block;
    height: 120px;
    padding: 0px;
    border-right: 10px solid #e1e1e1;
  }
  .event-list > li > time,
  .event-list > li > a > img {
    display: inline-block;
  }
  .event-list > li > time {
    width: 120px;
    float: left;
  }
  .event-list > li > .info {
    background-color: #f5f5f5;
    overflow: hidden;
  }
  .event-list > li > time {
    width: 120px;
    height: 120px;
    padding: 0px;
    margin: 0px;
  }
  .event-list > li > a > img,
  .event-list > li > img {
    float: left;
    padding: 0px;
    margin: 0px;
    height: 120px;
  }
  .event-list > li > .info {
    position: relative;
    height: 120px;
    text-align: left;
    padding-right: 40px;
  }
  .event-list > li > .info > .title,
  .event-list > li > .info > a > .title,
  .event-list > li > .info > .desc {
    padding: 0px 10px 4px 10px;
    margin-top: 0;
  }
  .event-list > li > .info > ul {
    position: absolute;
    left: 0px;
    bottom: 0px;
  }
  .event-list > li > .social {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 40px;
    background: white;
  }
  .event-list > li > .social > ul {
    border-left: 1px solid #e6e6e6;
  }
  .event-list > li > .social > ul > li {
    display: block;
    padding: 0px;
  }
  .event-list > li > .social > ul > li > a {
    display: block;
    width: 40px;
    padding: 10px 0 0 0 !important;
    height: 60px;
    text-align: center;
  }
  .event-list > li > .social > ul > li > a:hover {
    text-decoration: none;
  }
  .event-list > li > .social > ul > li > a[id$="hlBuyTickets"] span {
    display: none;
  }
  .event-list > li > .info > .desc {
    overflow: hidden;
  }
  .event-list time.multi .day {
    font-size: 25pt;
  }
  .event-list time.multi {
    padding: 15px 0 0 0;
  }
}
a[data-original-title="Buy Tickets"]:after,
a[data-original-title="Event Information"]:after {
  font-size: 13px !important;
}
/*================ footer alignment ===================*/
.footer ul.navbar-nav {
  width: 100%;
}
.footer ul.navbar-nav li a,
.footer ul.navbar-nav li {
  float: none;
}
/*================ calendar styles ===================*/
div[id$=pnlSelectDate] .calendarBox div.calendarHeader {
  text-shadow: none;
}
div[id$=pnlSelectDate] .calendarBox div.calendarDate,
div[id$=pnlSelectDate] .calendarBox div.calendarDay {
  padding-top: 0;
}
/*================ test mode styles ===================*/
form .siteInTestMode {
  background: rgba(0, 0, 0, 0.25);
  border: none;
  opacity: 1;
  text-shadow: none;
  padding: 11px 0 0 0;
}
/* =============== navigation affix =============== */
nav.affix {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  margin: 0 auto;
}
nav.affix img {
  float: left;
  display: inline;
}
nav.affix ul.nav {
  width: 80%;
  border: none;
}
nav.affix ul.nav > li > a {
  border: none;
  background: none;
}
@media (max-width: 980px) {
  nav.affix ul.nav {
    width: 70%;
  }
}
nav.affix-top {
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
/* =============== odd rows on tables =============== */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  color: black;
}
/* =============== desktop nav hide on mobile =============== */
@media (max-width: 767px) {
  form nav {
    display: none;
  }
}
/* =============== hide tickets icon on members nav =============== */
a[id$="hlEventTickets"] i.icon-ticket {
  display: none;
}
/* ===== modal backdrop ===== */
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
/* == members' registration check box == */
.form-horizontal legend + .form-group .check_radio {
  width: 100%;
}
/* == for btn-large == */
.btn-large {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
/* legacy float style */
.pull-right {
  float: right;
}
/* revert terms link styling */
a[id$=hlTandCs] {
  font-weight: inherit !important;
}
/* float data dismiss buttons */
[data-dismiss="alert"] {
  float: right;
}
/* gender */
.controls span[class^="gender"] {
  width: 85px;
  height: 100px;
  margin-bottom: 10px;
}
/* nested 100% height fix */
body.h-100 form.h-100 {
  height: initial !important;
  min-height: 100%;
}
/* ======= NAME TICKETS ======= */