/* BACKGROUND */

body {
background-color: #000;
    background-image: url(https://i.ibb.co/DKZsdXt/KFCAOS4937-Music-Gig2022-Moshtix-Booking-Skin-V2-1.jpg);
    background-repeat: no-repeat;
    background-position: center top,center top;
    background-attachment: scroll, fixed;
    background-size: 1600px, 100% auto;
    padding: 0px;
}


/* HEADER AND FOOTER IMAGE */
#container > header, #container > footer {
width: 100%;
border:0px solid #fff!important;
padding:0px!important;
text-align:center;
height:auto;
}


/* HEADER IMAGE */
#container > header {
height: 399px;
background-size:auto;
background-image: url();
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
width: 1000px;
border:0px solid #fff!important;
padding:0px!important;
}


header img{padding: 40px 5px 0px 5px;}
footer img {padding: 15px 20px;}


#container > footer {background-image: url(https://i.ibb.co/Gv2vcPn/KFCAOS4937-Music-Gig2022-Moshtix-Booking-Skin-V1-Slice-Footer-03.png);
background-repeat: no-repeat;
background-position: center bottom;
margin-top:0px;}

#container > footer{min-height:110px;}

/* - Navigation Menu - */

#header > nav {
display: block; /* show nav bar*/
overflow: overlay;
 padding-top: 340px; /* y position */
padding-left: 690px;  /* x position */
width: 290px;  /* width */
}

#nav_home,
#nav_whatson,
#nav_news,
#nav_gallery,
#nav_venues,
#nav_home {
display: none;  /* hide other menu items */
}

/* button details */
header > nav > ul > li > a,
header > nav > ul > li > a:active,
header > nav > ul > li > a:visited {
background: #E5002B;
    border: 0px solid #ebdece;
 color: #ffffff;
margin-left: 0px;
border-radius:0px;
    transition: all .25s ease-in-out 0s;
}


/* HOVER button details */
header > nav > ul > li > a#nav_support:hover,
header > nav > ul > li > a#nav_login:hover {
background: #000;
 color: #fff;
}


/* - Mobile Nav - */


header#mobile-nav {
	background-color: transparent;
	height: 45px!important;
}


#mobile-nav > nav > ul{text-align: center;}

#mobile-nav > nav > ul > li{float: none!important;
    display: inline-block!important;}
header#mobile-nav > nav > ul > li:first-child
{
margin-right:10px;
}

#search_main{display:none;}


/* BUY TICKETS BUTTON */
.button_orange, .button_orange:active, .button_orange:visited {
background: /* UPDATE COLOUR */;
}


#container > #content {
margin:auto;
max-width: 1000px;
width:auto;
padding: 15px;
margin-top: 0;
background-color: #fff;

}


#wrapper > #container {
max-width: 1000px;
width:auto;
background-color: transparent;
}

#wrapper {
padding-bottom: 0px;
}


h1.titlebar, h1.titlebar>a {font-weight: bold;
background: #000;
}





h2.titlebar, h2.titlebar > a {
position: relative;
display: block;
background: #000;
padding: 2px;
padding-left: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: 21px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}


.alertbox_error a, .panel_error, .panel_info, .panel_success {
width: 97%;
}

.event-tickettypetable{background-color:#fff;}

/* - Common Mosh Styles Overides - */

#wrapper > #container {
box-shadow: none;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}



.page_headleftimage {
width: 140px;
height: 140px;
padding-bottom: 10px;
}

.col-quantity {
text-align: right;
}


/* Pop Up Modal */

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



/*errors success */
.alertbox_error a, .panel_error, .panel_info, .panel_success{width:100%;
padding:15px 10px;
box-sizing: border-box;}

.panel_info p, .panel_error p, .panel_success p,.panel_info a, .panel_error a, .panel_success a,.validation-summary-errors ul{
font-weight:400!important;}

.panel_info p, .panel_error p, .panel_success p{
padding-left: 30px;}

.panel_info a, .panel_error a, .panel_success a{
font-weight:800;}


#divPanelError {
margin-right: 20px;}

#col_main_mobile #event-tickets-section .panel_info, #col_main_mobile #event-tickets-section .alertbox_error a, #col_main_mobile #event-tickets-section .panel_error,  #col_main_mobile #event-tickets-section .panel_success{ width: 100%!important;
padding-right:60px!important;
font-size:16px!important;}




/* - My order column - */

#content > #col_context {
float: right;
width: 300px;
z-index: 5;
background: none repeat scroll 0 0 transparent;
}


/* - Green Room - */

.visible-md.visible-lg {
display:none;
}

.visible-lg {
display:none;
}

.col-md-6 {
width: 100%;
padding-bottom:15px;
}

.container {background:transparent;
width:100%;
max-width:1000px;}

#main-body{background-image: url();
text-align:center;
    max-width: 700px;
    background-size: auto 100%;
    background-position: center top;
	    background-repeat: no-repeat;
	    padding-top: 90px;
	min-height: 685px;
}


/* HEADER IMAGE */


div#header {
	

background-size:auto 100%;
background-image: url(https://global-uploads.webflow.com/5b7918ae4c34866ca737694c/5b7918ae4c34863bae376963_landing-page.png);
background-repeat: no-repeat;
background-position: center left;
background-color: transparent;
width: 1000px;
border:0px solid #fff!important;
padding:0px!important;

    background-repeat: no-repeat;
    height: 369px;
	padding-top:10px;
padding-bottom:0px!important;
}


h3 {
margin-top: 45px;
margin-bottom: 10px;
color:#000;
font-weight:bold;
}

h2, .h2 {
font-size: 18px;
color: #000;
}

.col-lg-12{max-width:1000px;
    width: 100%;
display: inline-block;
	margin-top:0px;}

.row#header, .row#main-body {
   margin: 0px auto!important;
    width: 100%;
background-color: transparent;

}
	

#chair {
display:none;
}

/* FOOTER IMAGE */
#footer {

background-image: url(https://i.ibb.co/Gv2vcPn/KFCAOS4937-Music-Gig2022-Moshtix-Booking-Skin-V1-Slice-Footer-03.png);
background-repeat: no-repeat;
background-position: center bottom;
width: 1000px;
}


p {
margin: 0 0 10px;
color: #000;
}

ul, ol {
margin-top: 0;
margin-bottom: 10px;
color: #000;
}

#tickets-live > div, #tickets-live > div:nth-child(2) > div:nth-child(1),#tickets-live > div:nth-child(2) > div.hidden-xs, #tickets-live > div:nth-child(2) > div.visible-xs {
    margin-left: 0 !important;
    width: 100%!important;
background-color: transparent !important;
padding-right:0px;
padding-left:0px;
padding-bottom:5px;
color: transparent !important;
		background-repeat: no-repeat;
	text-align: center!important;
    background-position: center top!important;
	display: inline-block;
	background-size:auto!important;
}




#tickets-live > div{padding-top: 40px;
padding-left:20px!important;
padding-right:20px!important;}

#tickets-live > div:nth-child(2) > p:nth-child(3) > em{
    font-size: 18px!important;
color:#fc3584!important;}

#tickets-live > div:nth-child(2) > p:nth-child(3){    max-width: 450px;
    margin: auto;
padding-bottom:10px;}

#tickets-live > div:nth-child(2) > div:nth-child(1) {
    display: none!important;}

#tickets-live > div:nth-child(2) > div.hidden-xs {
 background-image: url()!important;
    color: #000;
max-height:420px;
height:400px!important;
}




/* - Green Room Mobile - */

#tickets-live > div:nth-child(2) > div.visible-xs {background-image: url()!important;
    color: #000;
padding-top:0px!important;
	background-size: auto 100% !important;
	height:400px!important;
}

.col-md-12{
float:none;
}

@media only screen and (max-device-width: 480px) {

	
#header {

	    height: 180px!important;
    background-size: 100% auto!important;
    background-image: url(https://i.ibb.co/GdgG4zX/KFCAOS4937-Music-Gig2022-Moshtix-Booking-Skin-V1-Slice-Header.png)!important;
    background-position: center!important;
}


#header-image {
padding-top:20px;
padding-bottom:10px;
}

#tickets-live > div{padding-top:20px;}

.container {
width: 100%;
}
.col-lg-12{max-width:1000px;
    width: 100%;
display: inline-block;}

.row#header, .row#main-body {
   margin: 0px auto!important;
    width: 100%;
}
	
.col-md-6, .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;}
	
	#main-body{background-image: url();
text-align:center;
    max-width: 700px;
    background-size: auto 100%;
    background-position: center top;
	    background-repeat: no-repeat;
	    padding-top: 15px;
	min-height: 605px;

}


}

/* - Mobile Skin overrides - */
@media (max-width: 600px) {

body{background-size: 300%;
 background-attachment:  fixed;
	background-color: #000;
	 background-image: url();
    background-repeat:  no-repeat;
    background-position: center top;

	
	
	}

  #wrapper > #container {
    padding-top: 0px;
    width:100%;
	padding-bottom:0px;
  }


/* MOBILE HEADER IMAGE */
  #container > header {
height:240px;
    background-size: 100% auto;
	background-image: url(https://i.ibb.co/GdgG4zX/KFCAOS4937-Music-Gig2022-Moshtix-Booking-Skin-V1-Slice-Header.png);
background-position:center;
    width: 100%;
    border:0px solid #fff!important;
    padding:0px!important;
  }


/* MOBILE FOOTER IMAGE */
  #container > footer {
    background-size: 100%;
	background-image: url(https://www.moshtix.com.au/directory/uploads/images//* UPDATE IMAGE */);
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
	border-bottom:0px;
	  border-top: 0px;}


  a.page_headleftimage {
    width: 140px;
    height: auto;
}

.small-image-holder {
    width: 31.25%;
    box-sizing: border-box;
    float: left;
    margin-right: 31px;
}

section.separatorline, div.separatorline {
    padding-bottom: 15px;
    border-bottom: 0px;
}



#image > img {
    border: 0;
    display: none !important;
}


}


/* - Eager Beaver - */

#tickets-not-live {
background-color: transparent;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/static.moshtix.com.au/directory/uploads/images/SITG21-BookingSkin-Eagerbeaver.png);
    background-position:  center center!important;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;

display:inline-block;

 min-height: 100px;
    height: 40VH;
    
}

.container #tickets-not-live {
background-color: transparent !important;
	color: transparent !important;
 
}

/* - Eager Beaver mobile - */
@media (max-width: 600px) {

#tickets-not-live {
background-color: transparent;
    background-image: url(https://i.ibb.co/DKZsdXt/KFCAOS4937-Music-Gig2022-Moshtix-Booking-Skin-V2-1.jpg);
    background-position: center 80px!important;
    background-size: 90% auto!important;
    background-repeat: no-repeat;
    width: 100%;

}

.container #tickets-not-live {background-color: #000000;
background-position: center top;
background-attachment: scroll;
background-size: contain;
	width: 100%;
}

}


/* Enable Resizing */
/* TABLET + MOBILE */

.small-image-holder {
display:inline-block;
width:100%;}

.small-image-holder img {margin:auto;}



@media (max-width: 700px) {

header img, #header img{width:auto;
max-width:90%;}

/* remove flex */
#content > div {display:block!important;
width:100%;
}

 .nav ul li {
display:inline-block;} 

/* Event Details */



.page_headtitle, .page_headtitle_withleftimage{
width:unset!important;
min-width: 80%!important;
    max-width: 100%!important;
min-height:unset;}

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

.page_headleftimage img{max-width:200px;}

#event-summary-block{padding:0px;}

.page_headtitle p{
    margin-top: 0 !important;}



/* Buy tickets */
section#event-tickets-section{
    margin-left: 0px!important;
}


/* Content */
p > iframe, p > span > iframe {
width:100%;
max-width:640px;}

#progress-bar{margin-bottom:20px;}

/* BOOKING PAGE */
#content > #col_main{ -webkit-flex: 1 1 100% !important;
    -ms-flex: 1 1 100%!important;
    flex: 1 1 100%!important;
	-webkit-order: 2!important;
    -ms-flex-order: 2!important;
order:2!important;
padding-right: 0px;
	-webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}

#content > #col_context{ -webkit-flex: 1 1 100% !important;
    -ms-flex: 1 1 100%!important;
    flex: 1 1 100%!important;
	-webkit-order: 1!important;
    -ms-flex-order: 1!important;
order:1!important;
width:100%;
	-webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}

.sub_col{padding-right:10px;
width:100%;}

/* Guest Checkout Modal */
#popup-button-cancel .button_orange, #popup-button-ok .button_orange, #popup-button-confirm .button_orange{max-width:100px!important;}
.popup_footer input{max-width:100px!important;}

.popup{width:85%;}

/*Booking Conf Page */
#important-panel-icon img{width:85%;}

}


@media (max-width: 450px) {


.sub_col{ -webkit-flex: 1 1 100%!important;
    -ms-flex: 1 1 100%!important;
    flex: 1 1 100%!important;
    padding-right: 0px;
	-webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}

/*Booking Conf Page */
#important-panel-icon {float:none;display:block;}

#important-panel-icon img{min-width:50px;}

#important-panel-message{padding-left:0px!important;}

}

@media (max-width: 350px) {



.order-table-total, tr.ticket-type-total-row,td.order-total-text,td.order-total-value td{display:block!important;    text-align: left;}


/* Content */
p > iframe, p > span > iframe  {
width:100%;
max-width:280px;}
}



#search_main{display:none;}