@import url("https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap");

body {
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif;
   font-size: 15px;
   color: #1e3250;
   height: 100vh;
   /* fix IE11 */
   min-height: 100%;
   /* fix IE11 */
   background-color: #1d3250;
   line-height: 1.5;
   -moz-tab-size: 4;
   tab-size: 4;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
}

section {
   width: 100%;
   box-sizing: border-box;
}

span,
div,
p,
input,
a,
table,
ul {
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif !important;
}

p > a,
p > a:link,
p > a:active,
p > a:visited,
p > a:hover,
a,
a:active,
a:visited {
   color: #2c4975;
   font-size: inherit;
}

.searchresult_content * a:hover{color: #2c4975!important;}

.page p,
.page p,
.page a,
.page p a,
#content p,
#content td,
p {
   font-size: 15px;
   line-height: 24px;
   font-weight: 400;
   color: #1e3250;
	    background: transparent!important;
}

div,
h1,
h2,
h3,
h4,
h5 {
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif !important;
   color: #1e3250;
}

hr {
   border-top: 1px solid #1d3250!important;
}

h1.titlebar,
h1.titlebar > a,
h2.titlebar,
h2.titlebar > a,
.separatorline h2 {
   background: none;
   color: #1e3250;
   font-size: 1.8020324707rem;
   margin-bottom: 10px;
   text-transform: capitalize;
   padding: 0px;
   font-weight: 400 !important;
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif !important;
   text-align: left;
   width: 100%;
   box-sizing: border-box;
}

#content > #progress-bar + section.moduleseparator,
#content
   > #progress-bar
   + section.moduleseparator
   > .titlebar_container
   > .titlebar {
   margin-bottom: 0px;
}

.event-title span {
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif !important;
}

.popup {
   width: 600px;
   max-width: 100%;
   top: 50%;
   left: 50%;
   margin-left: unset;
   margin-top: unset;
   transform: translate(-50%, -50%);
}

/* Remove event thumbnail */
.page_headleftimage,
#event-summary-block * img,
#order-basket-image,
#order-basket-vouchers-image,
.order-basket-image-container {
   display: none;
}

/* Remove cropping on event thumbnail */
.page_headleftimage {
   width: auto;
   height: auto;
}

.small-image-holder {
   max-width: 140px;
}

#order-basket-image,
#order-basket-vouchers-image {
   padding-bottom: 0px !important;
   margin-bottom: 8px;
}

#order-basket-info-title {
   font-weight: bold !important;
}

#order-basket-info {
   margin-bottom: 10px;
}

/* Modal popup/dialog */
.popup,
.ui-dialog {
   width: 600px !important;
   max-width: 100% !important;
   top: 50% !important;
   left: 50% !important;
   margin-left: unset !important;
   margin-top: unset !important;
   transform: translate(-50%, -50%) !important;
}

/* Login page responsive behaviour */
#login-section .sub_col {
   width: 100% !important;
   padding-right: 0% !important;
}

#login-section #guest-login {
   padding-right: 0px !important;
}

#login-section .facebook-login-with-guest {
   width: 100% !important;
   padding-right: 0px !important;
}

#login-form .loginUnderline{
	    color: #2c4975!important;
}

#sectionRegisterNewCustomer section div div.sub_col {
   width: 100% !important;
   padding-right: 0% !important;
}

#sectionRegisterNewCustomer section div div.sub_col:last-child {
   padding-right: 0px !important;
}

#col_main_mobile * #order-basket-info-table {
   width: auto;
}

#col_main_mobile * #order-basket-image {
   margin-right: 15px;
}

#footer-order-amount-text {
   padding-left: 10px;
   padding-right: 10px;
}

.ticket-type-total-row td {
   color: #fff !important;
}

/* Header */

header {
   width: 100%;
   border: 0px solid #fff !important;
   height: auto !important;
   display: block;
   //background-color:#1e3250;
   margin-bottom: 35px;
}

header .header {
   width: 100%;
   margin: 0px auto;
   background-color: #17263d;
}

header .header-bar {
   display: table;
   max-width: 1280px;
   width: 100%;
   margin: 0px auto;
}

.header-bar div {
   display: table-cell;
   padding: 0 20px;
   text-align: left;
}

.header-bar a {
   color: #fff;
   text-transform: none;
   font-weight: 900;
   text-decoration: none;
   font-size: 15px;
}

.header-bar #logo {
   width: auto;
   height: calc(60px - 1rem);
}
.header-bar #logo-desktop {
   padding: 0.5rem 0;
   width: auto;
   height: calc(60px - 1rem);
}
.header-bar #nav {
   text-align: right;
}

#nav a {
   padding: 10px 10px;
   transition-property: background-color, box-shadow, border, color, opacity,
      transform;
   transition-duration: 0.3s;
   border-bottom: 4px solid #000;
}

#nav a:hover {
   color: #52bee6;
}

/* TOUR BANNER */
header .header-banner {
   width: 100%;
   margin: 0px auto;
   background-position: center top;
   background-size: cover;
   display: table;
   padding-bottom: 0px;
   line-height: 1;
}

header .header-banner img {
   width: 100%;
}

/* Moshtix Navigation */
#header > nav,
header#mobile-nav {
   display: none;
}


#navpanel_container {
   display: none;
}

/* remove the selector that hides the support button */
a[href*="tixsupport.moshtix.co"] {
   display: inline-block;
}

/* Footer */
footer {
   text-align: center;
   width: 100%;

   background-color: #1d3250;
   margin: 0px auto;
   border: 0px solid #fff !important;
   padding-top: 0px !important;
   margin-top: 20px !important;
}

footer img {
   padding: 15px 0px;
}

footer .footer {
   max-width: 1280px;
   margin: 0px auto;
}

/* Navigation */

.nav {
   width: 100%;
   color: #fff;

   text-decoration: none;
   font-size: 15px;
}

.nav a {
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 0.15em;
   font-weight: 700;

   font-size: 0.7333333333rem;
   transition-property: background-color, box-shadow, border, color, opacity,
      transform;
   transition-duration: 0.3s;
}

.nav ul {
   text-align: left;
   margin: 0;
   padding: 0;
   display: -ms-flexbox;
   display: -moz-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
   -webkit-flex-direction: row;
   flex-direction: row;
   -ms-flex-align: flex-end;
   -webkit-align-items: flex-end;
   -webkit-box-align: flex-end;
   align-items: flex-end;
}

.nav ul li {
   display: inline-block;
   padding: 1.25rem;
   text-align: center;
}

.nav ul li:hover {
   background-color: #1e3250;
}

.nav a:hover {
   opacity: 1;
}

header#mobile-nav {
}

header > nav > ul > li > a,
header > nav > ul > li > a:active,
header > nav > ul > li > a:visited {
   display: block;
   height: 22px;
   padding-top: 7px;
   padding-left: 10px;
   padding-right: 10px;
   background: #fff;
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif !important;
   font-size: 13px;
   font-weight: bold;
   color: #fff;
   vertical-align: middle;

   text-decoration: none;
   text-transform: none;
   letter-spacing: 0.2px;
}

#nav_login {
}
#nav_support::before {
   content: "Contact ";
}

header > nav > ul > li.menu-item-medium {
   width: fit-content;
}

/* Hamburger */

#mobile-hamburger {
   display: none;
   padding: 0px;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 8;
}

#menuToggle {
   display: block;
   position: relative;
   top: 22px;
   left: 22px;

   z-index: 10;

   -webkit-user-select: none;
   user-select: none;
   padding: 0px;
}

#menuToggle li a {
   text-decoration: none;
   color: #fff;

   transition: color 0.3s ease;
}

#menuToggle li:hover {
   background: #000;
}

#menuToggle input {
   display: block;
   width: 40px;
   height: 32px;
   position: absolute;
   top: -7px;
   left: -5px;

   cursor: pointer;

   opacity: 0; /* hide this */
   z-index: 11; /* and place it over the hamburger */

   -webkit-touch-callout: none;
}

#logo-mobile a {
   max-width: 200px;
   width: 100%;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
   display: block;
   border-radius: 1px;
   height: 2px;
   width: 28px;
   margin-bottom: 5px;
   position: relative;

   background: #fff;

   z-index: 9;

   transform-origin: 4px 0px;

   transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
      background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
   transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
   transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
   opacity: 1;
   transform: rotate(45deg) translate(-2px, -1px);
   background: #fff;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
   opacity: 0;
   transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
   transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
   height: 100vh;
   max-width: 100vw;
   position: absolute;
   width: 300px;
   margin: -100px 0 0 -50px;
   padding: 116px 0px 20px 28px;

   background: #1e3250;
   list-style-type: none;
   -webkit-font-smoothing: antialiased;
   /* to stop flickering of text in safari */

   transform-origin: 0% 0%;
   transform: translate(-100%, 0);

   transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
   text-align: left;
   padding: 10px 20px;
   background: #22395b;
   border-top: 1px solid #1b2d49;
   width: 100%;
   color: #fff;
   box-sizing: border-box;
   font-size: 14px;
   text-transform: capitalize;
}
#menu #logo-hamburger {
   background: none !important;
   text-align: center;
   border-top: 0px solid #1b2d49;
}

#menu #logo-hamburger a img {
   max-width: 200px;
   width: 100%;
   height: auto;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul {
   transform: none;
}

/* Button */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button_orange,
.button_orange:active,
.button_orange:visited {
   padding: 0.5rem 1rem !important;
   max-height: none;
   
   text-align: center;
   letter-spacing: 0.05rem;
   transition: all 0.15s linear;
   zoom: 1;
   font-size: 0.8666666667rem !important;
   border-color: #1e3250 !important;
   color: #1e3250 !important;
   text-transform: uppercase;
   font-weight: 700 !important;
   border-style: solid !important;
   border-width: 2px !important;
   border-radius: 0 !important;
   background: transparent !important;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
   opacity: 0.8;
}

/* LAYOUT STYLING */
#wrapper {
   padding: 0px;
}

#wrapper > #container {
   width: 100%;
   max-width: unset !important;
   padding: 0px;
   background: #dadada;
}

#container > #content {
   margin: auto;
   max-width: 1280px;
   width: auto;
   padding: 0px 15px;
   background: #dadada;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -ms-flex-pack: space-between;
   justify-content: space-between;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
}

#col_main_mobile {
   width: 100%;
   padding: 0px 15px;
}

[data-is-mobile="true"] > #wrapper > #container > #content {
   padding: 0px !important;
}

#content > div {
   width: 100%;
   box-sizing: content-box;
}

#content > #progress-bar,
#progress-bar {
}

/* Header event title */
#header-event-title {
   margin: auto;
   max-width: 100%;
   width: auto;
   padding: 0px;
   background: #1e3250;
}

#header-event-title > h1 {
   color: #fff;
   padding: 2rem 0;

   text-align: center;
   margin: 0 0 0.5rem;
   font-size: 1.8020324707rem;
   font-weight: 400;
}

#header-event-title > h2 {
   color: #fff;
   padding: 1.5rem 0 0 0;
   text-align: center;
   font-weight: 400;
}

/* Breadcrumbs */
.breadcrumb-container {
   margin: auto;
   max-width: 100%;
   width: auto;
   padding: 0px;
   background: #1e3250;
   padding: 0px 15px;
}

#breadcrumbs p,
#breadcrumblabel {
   display: none !important;
}

.breadcrumb {
   background-color: transparent;
   list-style: none;
   border-radius: 4px;
   padding: 0;
   margin: 15px 0 25px;
   display: block;
}

.breadcrumb > li {
   display: inline;
}

.breadcrumb > li a,
.breadcrumb > li span {
   font-size: 15px;
   color: #000;
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif !important;
   text-decoration: none;
}

.breadcrumb > li + li:before {
   padding: 0 5px;
   color: #fff;
   content: "/\00a0";
}

/* Event page content ordering and display (in order of code on page) */

/* Related event */
#content > div > #status-linked-section {
   order: 1;
   flex: 1 100%;
}

#linked-event {
   background-color: #fff;
}

#linked-event > a,
#linked-event p {
   font-size: 16px;
   font-weight: bold;
}

.linked-event-details p {
   font-weight: 400 !important;
   font-size: 15px !important;
}

/* Event info and thumbnail */
#content > div > #event-summary-section {
   padding: 0px 15px;
}

#event-summary-block {
   padding: 0px !important;
   margin-bottom: 35px;
   border-bottom: 1px solid #1e3250 !important;
}

#event-summary-block * {
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif !important;
   color: #1e3250 !important;
   font-size: 16px;
   text-align: left;
}

#event-summary-section > .event-date-venue-info {
   font-size: 16px !important;
   width: 100%;
}

.page_headtitle_withleftimage {
   position: static;
   float: none;
   min-height: unset;
   display: inline-block;
}

.page_headtitle_withleftimage {
   min-height: unset !important;
   width: 100% !important;
   min-width: 150px;
   min-width: unset !important;
}

#event-summary-block .event-date-venue-info {
   position: static;
   bottom: auto;
   left: auto;
   display: grid;
   grid-gap: 16px;
   grid-template-columns: 1fr 1fr 1fr;
   -ms-grid-columns: 1fr 1fr 1fr;
   padding: 10px 0px 0px 0px;
}

#event-summary-block .event-date,
#event-summary-date {
   font-size: initial !important;
   font-weight: 400 !important;
}

.page_headtitle p {
   margin-bottom: 0px;
}

.event-venue,
#event-summary-date > strong {
   padding: 0px 0px 20px 0px;
   font-size: 16px !important;
}

.event-venue::before,
#event-summary-date > strong::before {
   content: "Venue:";
   display: inline-block;
   font-weight: bold;
   padding: 0px;
}

#event-summary-date::before {
   content: "Date:";
   display: inline-block;
   font-weight: bold;
   padding: 0px;
}

#event-summary-time::before {
   content: "Gates Open:";
   display: inline-block;
   font-weight: bold;
   padding: 0px;
}

#event-summary-venue {
   font-weight: normal;
}

#event-summary-block .event-venue-name,
#event-summary-venue {
   font-size: 16px !important;
   font-weight: 400 !important;
}

/* Waitlist */
#content > div > #waitlist-section {
   order: 2;
   flex: 1 100%;
	padding: 0px 15px;
}

#waitlist{
	margin-bottom: 25px!important;	
}

#waitlist-submit{
	height: auto!important;
	    color: #fff!important;
    border-color: #fff!important;
}

/* Tickets section */
#content > div > #event-tickets-section {
   padding: 0px 15px;

   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-between;
   -ms-flex-pack: space-between;
   justify-content: space-between;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
}

/* Event Details */
#content > div > #event-details-section {
   order: 5;
   flex: 1 100%;
   padding: 0px 15px 35px 15px;
}

/* Nesting withing Tickets section for presenting, event title, tickets and event details */

#event-tickets-section > #event-summary-presenting {
   order: 1;
   width: 100%;

   padding-bottom: 20px;
}

#event-tickets-section > #event-summary-title {
   order: 2;
   background: none;
   color: #000;
   font-size: 30px;
   margin-bottom: 20px;
   text-transform: none;
   font-weight: 400 !important;
   font-family: "Karla", Helvetica, Tahoma, Geneva, Arial, sans-serif !important;

   width: 100%;
   line-height: 1.2;
}

#event-tickets-section > #event-tickets-content {
   order: 3;
   width: 100%;
}

#event-tickets-section > #event-details-section {
   order: 4;
}

/* Checkout flow */

#content > #col_main {
   flex: 2 0px;
   order: 2;
   padding: 0px 15px 0px 50px;
}

#content > #col_context {
   flex: 1 0px;
   order: 1;
   width: 25%;
   padding: 0px 15px 15px 15px;
   margin-bottom: 35px;
}

#order-basket {
   width: 100% !important;
   border: 0px solid #eaecee;
   background-color: #fff;
   border-radius: 0px;
   padding: 15px;
   box-sizing: border-box;
}

.form_radiogroup label {
   margin-right: 0px !important;
   margin-left: 0px !important;
}

#order-table td {
   border: none !important;
}

.form label {
   color: #1e3250 !important;
   font-size: 15px;
   font-weight: bold;
}

.form_radiogroup_col_alternate label {
   font-weight: 400;
}

.subtle-text {
   padding-bottom: 15px;
}


#payment-selection {
    background-color: #f0f0f0;
}

.button-latitudepay{background-color: #006aff!important;
color:#fff!important;
border: 0px solid #006aff!important;}

.paypal-button{border: 0px solid #ffc439!important;}

.giftvoucher_input{background-color: #fafafa!important;}

/* Attendees */
#book-enter-attendees .ticket-type {
   color: #1e3250 !important;
}

form {
   width: 100%;
}

tr.attendee-row td {
   width: 50% !important;
}

[data-is-mobile="true"] * tr.attendee-row td {
   width: 100% !important;
}

/* Confirmation Page */

#confirmation-thanks {
   align-content: center;
   display: flex;
   flex-flow: column;
}

#confirmation-success {
   margin-top: 0px;
}

#confirmation-thanks a {
   font-size: inherit !important;
}

#order-info-header {
   background-color: #17263d !important;
   color: #fff;
}

/* Artist page */

section.separatorline,
div.separatorline {
   border-bottom: 0px solid #d0d0d0;
}

#list-view-button,
#calendar-view-button {
   top: -63px;
}

.searchresult{padding:20px 0;
border-top: 0 solid #1e3250 !important;
}

.searchresult:not(:last-child){
	
	border-bottom: 1px solid #1e3250 !important;
}

.searchresult:hover{background: transparent;
}

.searchresult .searchresult_content{
	    max-width: 100%;
}

#list-view, #calendar-view{margin-bottom: 35px;
}

#list-view-button, #calendar-view-button{top: -42px;}

.mobile-seperator{    margin-left: 0px;
    margin-right: 0px;
}

/* Info bar */
.alertbox_error a,
.panel_error,
.panel_info,
.panel_success {
   width: 100%;
   box-sizing: border-box;
   margin-bottom: 35px;
   border-radius: 6px;
	z-index: 0;
}



#col_main_mobile #event-tickets-section .alertbox_error a,
#col_main_mobile #event-tickets-section .panel_error,
#col_main_mobile #event-tickets-section .panel_info,
#col_main_mobile #event-tickets-section .panel_success {
   border-radius: 0px;
}

.panel_error > p > a,
.panel_info > p > a,
.panel_success > p > a {
   color: #000;
}

/* linked event and waitlist */
#status-linked-section,
#waitlist-section {
   margin-left: 0px;
   margin-right: 0px;
}

/* Buy Tickets Section */

.event-ticket-type,
.event-display-group-header {
   padding-left: 0px !important;
   padding-right: 0px !important;
   background-color: transparent !important;
}

.event-display-group-header .display-group-subtitle {
   font-size: 15px !important;
   font-weight: 400 !important;
   color: #1e3250 !important;
}

/* Ticket Types */
.event-ticket-type,
.event-ticket-type:nth-child(odd) {
   background-color: transparent !important;
}

.event-ticket-type-list {
   border-bottom: 0 !important;
   border-left: none !important;
   border-right: 0 !important;
   border-top: 0 !important;
   border-radius: 0px !important;
   overflow: hidden;
}

#event-tickets-section
   #event-tickets-content
   #event-tickets-form
   ul
   li
   ul
   .event-ticket-type {
   border: 0px solid #eee !important;

   padding: 20px 0px;
}

.ticket-type-name-and-dates span,
.ticket-type-name-and-dates input {
   font-size: 15px !important;
   color: #1e3250 !important;
   font-weight: bolder !important;
}

.ticket-type-name-and-dates .ticket-type-dates {
   font-weight: 400 !important;
   font-size: 15px !important;
}

.event-ticket-type .ticket-type-dates {
   color: #1e3250 !important;
}
.event-ticket-type .ticket-type-quantity span {
   font-size: 15px;
}

.event-ticket-type > div {
   display: inline-block;
}

/* Ticket type header (if present) */
.event-tickettypetable .ticket-type-heading {
   font-size: 20px;
   background-color: #1e3250 !important;
   border: 0;
}

.event-display-group-header .display-group-quantity {
   max-width: 45%;
   font-size: 15px !important;
}

/* Display groups */
.event-display-group-container > .event-display-group-header {
   border-top: 0px solid #a7a7a7 !important;
   border-bottom: 1px solid #1e3250 !important;
   border-left: 0 !important;
   border-right: 0 !important;
   border-radius: 0px !important;
}

.event-display-group-container
   > .event-display-group-header.event-offercodeapplied {
   background-color: #3fcc7a !important;
   padding-left: 15px !important;
   padding-right: 15px !important;
}

/* hidden groups */
.event-display-group-container.collapsed-container
   .event-ticket-type-list
   .event-ticket-type,
.event-display-group-container.collapsed-container
   .event-ticket-type-list
   .event-child-display-group {
   background-color: #eee !important;
   padding: 15px 10px !important;
   border-top: 0px !important;
}

.event-display-group-container .event-ticket-type-list {
   transition: max-height 400ms cubic-bezier(1, 0, 0, 1), margin 400ms,
      background 0ms;
}

.event-child-display-group .event-ticket-type:first-child {
   margin-top: 0px !important;
}

/* Internal headers */
.display-group-descriptors .display-group-name {
   font-size: 15px !important;
   text-transform: none;
   font-weight: 700 !important;
   color: #1e3250 !important;
}

.event-child-display-group:not(:last-child):after {
   margin-right: 0px !important;
   margin-left: 0px !important;
   border-bottom: 0px solid #eee !important;
}

.event-display-group-header {
   border-bottom: 0px solid #eee !important;
}

.hidden-container .display-group-name,
.hidden-container .ticket-type-name,
.hidden-container .ticket-type-costs-and-quantity,
.hidden-container .ticket-type-dates {
   opacity: 0.58;
}

#event-tickettype-agequalifier h2,
#event-tickettype-agequalifier span {
   font-weight: 400 !important;
   color: #636870 !important;
   text-transform: none;
}

/* Offer Codes */
.offercode-apply-button {
   background-color: #959595 !important;
   border: 1px solid #959595 !important;
   color: #fff !important;
   font-size: 15px !important;
   font-weight: 400;
   width: auto;
   height: auto;
   padding: 10px !important;
   text-transform: uppercase;
}

.offercode-apply-button:hover {
   background: #959595 !important;
   color: #000 !important;
   border: 1px solid #959595 !important;
}

.offercode-applied-button {
   height: 40px;
   border: 0;
   background-color: #3fcc7a;
}

#event-offercode-textbox:disabled,
#voucher-offercode-textbox:disabled {
   background-color: #fff;
   border: 1px solid #3fcc7a;
}

.offer-code-container input,
#event-offercode-textbox {
   border: 1px solid #959595;
   padding: 10px;
   border-radius: 0;
}

.offer-code-container span {
   display: none;
}

#event-offercode-textbox,
#voucher-offercode-textbox {
   max-width: 150px;
   height: auto;
   width: auto;
}

.event-ticket-type.event-offercodeapplied {
   padding-left: 15px !important;
   padding-right: 15px !important;
}

.event-ticket-type.event-offercodeapplied:nth-child(odd) {
   background-color: #d1f5d1 !important;
   border-radius: 0px;
}

.event-ticket-type.event-offercodeapplied:nth-child(even) {
   background-color: #d1f5d1 !important;
   border-radius: 0px;
}

.event-display-group-header.event-offercodeapplied {
   background-color: #1664c1 !important;
   background-color: rgb(22, 100, 193) !important;
   border: 0px solid #1664c1 !important;
}

.event-offercodeapplied:nth-child(odd) {
   background-color: #d0e6f4 !important;
   background-color: rgba(208, 230, 244, 0.8) !important;
}

.event-offercodeapplied:nth-child(even) {
   background-color: #d0e6f4 !important;
   background-color: rgba(208, 230, 244, 0.5) !important;
}

#content > #col_context > div {
   z-index: 0 !important;
}

.carryquerystrings{
border-radius:0px!important;
color:#1e3250!important;}

/* RESPONSIVE CODE */

@media (max-width: 1280px) {
   #content > #col_context > div {
      width: 100%;
   }

   #login-section .sub_col {
      width: 100% !important;
      padding-right: 0% !important;
   }

   #login-section #guest-login {
      padding-right: 0px !important;
   }

   #login-section .facebook-login-with-guest {
      width: 100% !important;
      padding-right: 0px !important;
   }

   /* Modal popup/dialog */
   .popup,
   .ui-dialog {
      width: 85% !important;
   }
}
/* End 1280px media query */

@media (max-width: 800px) {
   #wrapper > #container {
      width: 100%;
   }

   [data-is-mobile="true"]
      > #wrapper
      > #container
      > #content
      > div
      > #event-details-section {
      order: 5;
      flex: 1 100%;
      padding: 0px 0px;
   }

   header .header {
      background-color: #17263d;
      position: static;
   }
   header .header-banner img {
      min-height: 0px;
   }

   #desktop-nav {
      display: none;
   }

   .header-bar div {
      text-align: center;
   }

   /* Hamburger */

   #mobile-hamburger {
      display: block;
   }

   .page_headtitle_withleftimage {
      padding: 10px 0px;
      min-height: unset !important;
      width: 100% !important;
      min-width: unset !important;
   }

   /* Event Details Section */
   #content > div > #event-summary-section {
      flex: 1 100%;
      padding: 0px 0px;
   }
	
	#content > div > #waitlist-section{
		padding: 0px 0px;
	}

   /* Tickets section */
   #content > div > #event-tickets-section {
      flex: 1 100%;
      padding: 0px 0px;
   }

   .event-display-group-header .display-group-quantity {
      width: 100% !important;
   }

   /* Checkout flow */

   #content > #col_main {
      flex: 1 100%;
      padding: 0px 0px;
   }

   #content > #col_context {
      flex: 1 100%;
   }

   #event-summary-block .event-date-venue-info {
      position: static;
   }

   .small-image-holder {
      max-width: unset;
   }

   #login-section .sub_col {
      width: 100% !important;
      padding-right: 0px !important;
      box-sizing: border-box;
   }

   #login-section #guest-login {
      padding-right: 0px !important;
   }

   #col_main_mobile #status-linked-section,
   #col_main_mobile #waitlist-section {
      margin-left: 0px;
      margin-right: 0px;
   }
}
/* End 800px media query */

@media (max-width: 500px) {
   .ticket-links * .button_orange {
      width: 100% !important;
      margin-right: 0px !important;
   }

   #event-summary-block .event-date-venue-info {
      display: block;
   }
}
/* End 500px media query */

@media (max-width: 350px) {
   /* Reduce padding on mobile so they don't flow onto two lines */
   #mobile-nav > nav > ul > li > #nav_support,
   #mobile-nav > nav > ul > li > #nav_login {
      padding: 7px 10px 5px 10px;
      margin-right: 0px;
   }
}
/* End 350px media query */

/* Greenroom */
#tickets-live > div:nth-child(2) > div:nth-child(1) {
   max-height: 290px;
}
#tickets-live > div:nth-child(2) > div.hidden-xs {
   max-height: 200px;
}
