/*small screens hidden in regular stylesheet and turned on when appropriate*/
.show-on-phone {
	display: none !important;
}
.show-on-tablet {
  display: none !important;
}
.hide-on-desktop {
  display: none !important;
}
.show-on-desktop {
  display: inherit !important;
}
.show-on-small{
	 display: none !important;
	}
	
/*main nav options*/
a#offCanvas{
	display:inline-block;
	line-height:100%;
	font-size:16px;
	text-transform:uppercase;
	padding:8px; 
	color:#fff;
}

	
a#mobileNav{
	display:block;
	text-align:center;
	position:absolute;
	top:54px;
	right:20px;
	color:#666;
	padding:9px 0;
	width:110px;
	font-weight:bold;
	color:#fff;
	}
a#storeCatsBut{
	color: #FFFFFF;
    font-size: 100%;
	display:block;
    padding: 0 12px;
    float:right;
	line-height:32px;
    text-transform: uppercase;
	}
	.noCatsBut a#storeCatsBut{display:none!important;}/*turn this off on account and checkout masters*/
#menuBar{
	padding:0px 10px 0 4px; 
	color:#fff;
	display:inline-block;
	width:120px;
	position:absolute; 
	top:44px; 
	right:0px;
	}
a#offCanvas [class^="icon-"]:before,a#offCanvas [class*=" icon-"]:before,
a#mobileNav [class^="icon-"]:before,a#mobileNav [class*=" icon-"]:before {
    font-size: 2.6rem;
    padding: 0px 2px 0 0;
}	


@media only screen and (max-width: 1200px) {
		.splashContent aside form p {
			display:block;
    		text-align: left;
		}
	.splashContent aside form input, .splashContent aside form select {
  	 	 float: none;
   		 margin: 0 0 ;
    	width: 100% !important;
		}
	.splashContent aside p {
   		padding: 0 6px;
		 margin:0 0 6px;
		}
	.splashContent input.wpcf7-submit {
   		margin:9px 0;
	}
	span.wpcf7-form-control-wrap{margin:4px 0 0 0; display:block}
	}

/* ==================================================================================
Small Device Styles  - Landscape phone to portrait tablet  - MY MAIN BREAKING POINT
====================================================================================*/
@media only screen and (max-width: 800px) {
	html { font-size: 68%;/*set base font to 10*/ } 
	.show-on-desktop {
        display: none !important;
 		 }
	.hide-on-desktop{
	    display: inherit !important; 
		}
	.show-on-small {
      	display: inherit !important;
  		 }
	.hide-on-small {
      	display: none !important;
  		 }
 /* .left, .right { float: none; }*/
   body { -webkit-text-size-adjust: none;-ms-text-size-adjust: none; 
		 width: 100%; 
		 min-width: 0; 
		 margin-left: 0; 
		 margin-right: 0; 
		 padding-left: 0; 
		 padding-right: 0; 
		 background:#020202!important;
		 }
	section.columns.eight.mainBody{padding:0 15px;}
	#headerPic{margin-top:-21px;}
	body.page-template-pg_americanstandard_sub #headerPic {
		display: none!important;
	}
	/* body.page-template-pg_americanstandard_sub aside {
		position: static;
		width: 100%;
	} */
	ul.tabs li a{padding:9px 12px;}
  /* Collapse The Grid =================================================================================*/
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; background:inherit; }
  .columns, .blockgrid { width: auto; float: none;margin:0; }
  .columns:last-child { float: none; }
  [class*="columns"] + [class*="columns"]:last-child { float: none; }
  .columns:before, .columns:after { content: ""; display: table; }
  .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, 	.offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }

.two-on-small{width:16.6666%; float:left!important;}
 .six-on-small {width:50%; float:left!important;}
 .four-on-small {width:30%; float:left!important;}
 
 header h1 {float:none;display:block;font-size:30px; font-size:3rem;}
 
div.ppt{display:none!important;} /* turn off captions on lightbox - life on the road */
header{ height:100px;}
/*OFFCANVAS NAVIGATION=========================================================================*/
.row{}
.mainNav {
  position: fixed;
  width:60%!important;
  height:auto;
  right: -60%;
  bottom:0;
  top:97px;
  overflow-y:scroll;
  margin-top:4px;
  background: #444;
  padding:12px 0;
  -webkit-transition: all 0.2s ease-in ;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in ;
	-o-transition: all 0.2s ease-in ;
	transition: all 0.2s ease-in ;
	
 }
[role="main"], footer {
   position:relative;
   left:0;
   z-index:2;
   width:auto;
   -webkit-transition: left 0.2s ease-in ;
	-moz-transition: left 0.2s ease-in;
	-ms-transition: all 0.2s ease-in ;
	-o-transition: all 0.2s ease-in ;
	transition: left 0.2s ease-in ;
}
.mobileOffcanvas [role="main"], .mobileOffcanvas footer{
 	right:0;
 }
 
.mobileOffcanvas .mainNav{box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.75);
 right:-20px;
 } 
nav.mainNav li{display:block!important;margin:0!important;} 
nav.mainNav li a{
		display:block!important;
		padding:9px 20px;
		margin:0;
		font-weight:normal;
		font-size:14px;font-size:1.4rem;
		-webkit-transition: color .3s ease-in, background-color .3s ease-in;
   		-moz-transition: color .3s ease-in, background-color .3s ease-in;
  		 -o-transition: color .3s ease-in, background-color .3s ease-in;
  		 transition: color .3s ease-in, background-color .3s ease-in;
		}
 nav.mainNav li a:hover,
nav.news a#nav_news,
 nav.about a#nav_about,
 nav.tour a#nav_tour,
 nav.music a#nav_music,
 nav.store a#nav_store,.mainNav ul li a:hover, .mainNav ul li.current_page_item a,
body.news li.page-item-4 a, 
body.press-archive li.page-item-4 a, 
body.press li.page-item-4 a,
body.single-discography li.page-item-8 a,
body.single-musicvideos li.page-item-14 a,
body.single-guitar li.page-item-12 a{
		display:block;
		color:#fff;
		background:#67acc7;
		}

		
/*turn off navRow properties for small*/		
nav.navRow ul li,nav.navRow ul li:first-child,nav.navRow ul li:last-child{margin:0 20px 0 0px;padding:6px 0px;}

/* small screen forms fixes===========================================================*/
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{
	}
textarea{width:60%;}
p.forgetPw {clear: both; margin: 12px 0;}
div.inputs input[type="checkbox"], div.inputs input[type="radio"], div.primarylist input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px;
    position: static;
    width: auto;
}
div.inputs input[type="submit"] { margin-left: 0px;}
.inputsHolder { float: none;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{
	margin-bottom:4px;
	}
.primarylist ul{margin:0}
div.primarylist input[type="checkbox"] + label {width:80%;vertical-align:top; margin:0 6px;text-align:left;}
.memberCheckButton{margin-left:0;display:block;}
.memberNamePopup{float:none;margin:0;position:static; padding:5px;}
.bizAttach,.bizAttachText, .hintPopup{display:none;}
input.lastNameField{display:block;margin-left:152px;}
input.emptyText{display:block;margin-left:152px;}
label.formLabel{float:left;}
div.inputs input[type="submit"], .submitButton input[type="submit"] {margin: 12px auto;display:block;}
/*==SITE AND STORE STYLES=================================================================*/
header{padding:0;}

header{ height:100px;}

#mainContent{
	margin:100px 0 12px; 
	}


h1.logo{
	float:none;
	margin:12px 0 0 0;
	}
#headerBar{
	position:absolute;
	top:0;
	right:0;
	background:#fff;
	width:100%;
	padding:4px 0px;
	z-index:1;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
.discImage span {height:40px;}
img.albumPic{margin:0 auto 6px;display:block;}
.columns.twelve.bigVids {width:auto;}
footer{text-align:center;}
a.poweredBy{margin:18px auto;}



/*contact form*/
.hideForm, .helpClose{padding: 0 18px 0 0}
#helpQuestions label { display: block;padding: 0;}
#helpQuestions a{width:100%;}


#helpDrop { top: 0; width: 100%;left:0;position:static;}
#helpAnswers,.contactForm {margin: 12px 0 0 0px;width: 100%;}
.questionTitle{background:#2d3338; padding:6px 12px;}

/*tour page====*/
#tourHeader{border-bottom:1px solid #ddd;height:1px; overflow:hidden;}
.tourDate{width:25%;}
.tourVenueInfo{width:75%;padding-bottom:4px;float:right;}
.tourDetails{width:75%; padding:0 8px;float:right;}
.tourTickets{margin-left:25%;width:30%;clear:both; text-align:left;}
.tourRsvp{width:30%;margin-left:25%;}


/*store stuff=======*/

/*cats as top nav */
#Categories{float:none;}
#Categories ul li{
	padding:8px;
	background:#4d4d4d;
	margin:0 0 1px 0;
	}
#Categories ul li a{display:block;text-transform:uppercase; color:#fff;}
#Categories ul li:hover{background:#333;}
#PaymentMethods,#CustomerService{text-align:center;}


#headerBar .cartMini{display:inline-block;border:0; margin:2px 0 0 0px;}
#headerBar .flagsHolder{position:relative; top:-2px;}
aside .cartMini{display:none;}
/*store tickets page===*/
div.ticketsBuy {
    clear: both;
    float: none;
    margin-left: 21%;
    margin-top: 12px;
	text-align:left;
}
div.ticketsDate{width:20%;}
.ticketsVenue{float:right;width:79%;}
a.deliveryTooltip{
    display: block;
    float: none;
    width: auto;
	margin:0 0 9px 0;
}
 a.AccessibleTooltip{float:none;display:inline-block;} 

/*store products===*/
img.productImage, #addToCart{ width: 45%;}
#tourPic img.productImage {width:100%;}
/*view cart=========*/
.cartItems .itemPic, .cartItems .itemThumb, .confirmSection table th.itemPic, .confirmItemsTable .itemThumb {
    font-size: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -10000px;
    width: 1px;
}
.cartItems td, .cartItems label {font-size: 12px;}
.cartItems .itemDelivery,.cartItems .itemQuantity ,.cartItems .itemPrice{width:15%;text-align:left;}
.cartItems .itemDelivery{white-space:nowrap;}
.subTotalHolder{display:none;}
.promoHolder, #confirmPromo {
    float: none;
 margin:0 0 12px 0;
	width:100%;
	min-height:auto;
	 border-bottom: 1px solid #DDDDDD;
    padding: 3px 0 12px;

}
#subTotFlags{clear:both;float:none; border-top:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d; padding:5px;}
#orderSummary .theTotal, #orderSummary .totalFlags{border-top:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;vertical-align: middle;padding:4px 0;}
#confirmOrderHolder, #footerSubHolder {border: 0;}
#footerSubHolder .CurrencyCart, .footerSubtotal .subTotal {margin: 0px;}
.promoCodeField {margin:0;}
.promoCodeField label {margin:6px;}
.promoCodeField input[type="text"] {width: 100px;margin:0 6px;}
.subTotal {float: none;}
.subTotal p{margin:0;}
.checkoutButton{margin:0;}
#reviewOrderHeaderTot{display:none;}
#reviewOrderHeader p {float: none;width: 100%;}
.confirmContent .col1, .confirmContent .col2, .confirmContent .col3 {
   		 border-bottom: 1px dotted #DDDDDD;
   		 float: none;
   		 padding: 6px 0;
   		 width: 100%;
		}
/*Modal pop up styles=======================================================*/

html #facebox{top:0!important;left:0!important; position:absolute!important;width:100%!important}
html #facebox .popup {
    background: none repeat scroll 0 0 #FFFFFF;
    top: 0;
    width: 100%;
	height:100%;
    z-index: 1000000;
}
html #modalPopup iframe {
    background: none!important;
    height: 500px !important;
    overflow: auto !important;
    width: 100% !important;
} 
#modalPopup div.inputs label,modalPopup div.inputs input{display:block;border:2px solid #c00!important}
.socials-small{height:120px;}
	.socials a, .socials-small a{ margin-top:0;}
.socials-small a#soc_ml{background:url(../img/template/social_ml.gif) no-repeat 0 0; width:159px; margin:13px auto 0; display:block;}
p.copyright{clear:both;margin:12px 0;}


body.splash{
	
	}

.splashContent{
	
	margin:30px auto ;
	}


#newsletterForm .inputs p {
	margin:0 40px 0 10px;
}

div.inputs.row1 {width: 100%;}
	

div.inputs.row1 input[type="checkbox"], div.inputs.row2 input[type="checkbox"] {
    margin: 18px 0 0 10px;
	vertical-align:top;
}
div.inputs.row1 label{
    width:80%!important;
}




}

@media only screen 
and (min-width : 501px) 
and (max-width : 599px) {

.splashContent{
	width:100%;
	margin:30px auto ;
	}
body.page-template-pg_splash-php h1 {
    background: url("../img/template/splashHeader.gif") no-repeat;
    height: 163px;
    margin: 0 auto !important;
	width:auto;
	background-size:contain;
}

.splashButtons a {
  margin: 0 10px 12px;
}

}
/* Smartphones (portrait and landscape) CATCH ALL STYLES----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 500px) {
	.show-on-desktop {
        display: none !important;
 		 }
	 .hide-on-desktop{
	    display: inherit !important; 
		}
    .show-on-phone {
      	display: inherit !important;
  		 }
    .hide-on-phone {
    	 display: none !important;
 	 	}	
	
	/*.six-on-small {width:100%; float:none;}*/
	.four-on-small, .six-on-small {width:100%; float:none; margin:0 0 12px 0;}
	
	.errorPage h1{font-size:120px;font-size:16rem; line-height:0.8; text-align:center;}
	.errorPage .button{width:100%;}
	
	.button{ padding: 8px 14px 9px;}
	/*tour fixes=============================*/
	.tourTickets{margin:0 0 0 25%;width:35%;clear:both;}
	.tourRsvp{width:35%;}
	.tourDate{font-size:1.2em;}
	 span.tourYr{font-size:0.85em;}
	/*form fixes==============================*/
	div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{display:block; text-align:left;}
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {width:100%;}
	.inputs select{width:100%!important;}
	input.lastNameField{display:block;margin-left:0px;}
	input.emptyText{display:block;margin-left:0px;}
	label.formLabel{float:none;}
	.optionalTag{padding: 0;}
	p.forgotPw,div.checkbox input[type="checkbox"],.submitButton input[type="submit"] {margin: 6px 0 12px 0!important;font-size:13px!important;font-size:1.3rem!important;}
	.reviewArea p{margin-bottom: 9px!important;}
	/*store products========*/
	#headerBar{font-size:12px;}
	#headerBar .cartMini {padding:0;}
	#headerBar .columns{padding:0 6px 0 0px;} 
	.thumbnailView {width:47%;}
	img.productImage, #addToCart{ width: 100%;text-align:center;}
	p.option {text-align: left;}
	p.option label{width:35%;}
	/*store tickets page===*/
	div.ticketsBuy { margin-left: 31%;}
	div.ticketsDate{width:30%;}
	.ticketsVenue{width:68%;}
	#tourPic {
		float: none;
		margin:0px 0 12px;
		width: 100%;
	}
	#tourPic  img{width:100%;}
	#tourIntro {
		float: none;
		margin: 0px 0 12px 0px;
		width: 100%;
		padding:0;
		}
	#showFeatures, .showFeatures ,#ticketsCart #addToCart{
		border-right: none;
		float: none;
		width: 100%;
		padding:0;
	}
	#ticketsCart #addToCart, #addToCart{background:#fff;padding:6px;margin:0 0 12px 0;text-align:center;}
	#ticketsCart {
   	 	background: none;
    	 margin:0;padding: 0px;
	}
	#ticketsCart #addToCart input, #addToCart input, div.inputs input[type="submit"], .submitButton input[type="submit"] {
    	display: block;
   	 	margin: 12px 0 6px 0;
   	 	width: 100%;
	}
	/*checkout=====*/
	#helpPopup{width:100%;}
	.CCVNumber #helpPopup{width:300%;}
	#cartFooter a.continueButton {display:none;}
	.checkoutButton a{display:block;}
	.wizardNext a.nextButton {float: none;clear:both;width:100%; margin:0 0 12px 0;}
	
	#confirmOrderSummary{margin-bottom:12px;}
	#orderSummaryTable {float: none;}
	#orderSummary{margin: 0 0 6px 0;}
	.finishButton {margin: 0 0 12px 0; padding: 0;}
	.finishButton a{width:100%;}
	
	a.PromoHelpLink {padding: 6px 6px 0;}
	textarea.commentBox{width:100%;}
	.commentForm input.button[type="submit"] {width:100%;}
	
	/*addreses====================================*/
	.addressButtons input { width: 45%;padding:5px 14px 6px}
	
	.rootItem, .rootItem:hover {
   	 	background-image: none;
   		width: 100%;
		padding:5px 4px;
	}
	.addressMenu{background:#4d4d4d;width:91%;}
	.separatorText {
  		 font-size: 14px;
   		 width: auto;
		 display:block;
		 margin:9px 0;
		}
	.addressSelectorContainer, .savedAddresses input.button[type="submit"] {
    	display: block;
	}
	input.newA.button{ width:100%;}
	#newsAddThis{float:none;margin:12px 0;min-width:300px;}
	#newsAddThis.right{float:none;}
	.addthis_toolbox{float:none;width:280px;float:none!important;} 
	
	.border-on-small{
		border-top:1px solid #364850;
		margin: 12px 0;
	    padding: 12px 0;
	}

	.splashContent{
		width:100%;
		margin:30px auto ;
	}

	body.page-template-pg_splash-php h1 {
	    background: url("../img/template/splashHeader.gif") no-repeat;
	    height: 130px;
	    margin: 0 auto !important;
		width:auto;
		background-size:contain;
	}

	.splashButtons a {
	  margin: 0 10px 12px;
	}

	.inputs label.error{
		margin:0;
		width:auto
	}
	#menuBar{width:auto;right:10px;top: 50%;padding:0;}
	a#offCanvas{font-size:0px}
	#freshwidget-button{display:none!important;}
}
/* Smartphones (landscape) SPECIFIC----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 /* Smartphones (portrait) SPECIFIC----------- */
@media only screen 
and (max-width : 375px) {
	
	/*tour fixes=============================*/
	.tourTickets{width:50%;clear:both;}
	.tourRsvp{width:50%;}
	.tourDate{font-size:1.2em;}
	 span.tourYr{font-size:0.85em;}
	 h2{font-size:2.7rem;}
	/*store products========*/
	.thumbnailView {width:100%;}
	.trackWrapper {float: none;width: 100%;}
	
	/*view cart=====*/
	.helpLinks {
		clear: both;
    	float: none;
   		 padding: 12px 0 0;
	}
	.promoCodeField label {display: block;}
	h1.logo{margin-left:-6px;}
	#menuBar{width:auto;right:10px;padding:0;}
	a#offCanvas{
		font-size:0px
	}
	.mainNav {
		width:50%!important;
 		 right: -50%;
	 }
	ul.tabs{background:none;}
	ul.tabs li a,ul.tabs li a:hover, ul.tabs li a.active{background:none;}
	ul.tabs li a.active{font-weight:bold;}
	.blockgrid > li{min-height:170px;}
	.AlbumPager{
		margin-top:-18px;
		margin-bottom:6px;
		min-width: 200px;
    	text-align: right;
	}
	
	
	
	body.page-template-pg_splash-php h1 {
    background: url("../img/template/splashHeader.gif") no-repeat;
    height: 100px;
    margin: 0 auto !important;
	width:auto;
	background-size:contain;
}

a#sp_enter {
    background: url("../img/template/splash_enter.gif") no-repeat;
  	width: 270px;
	height:23px;
	background-size:cover;
}
a#sp_enter:hover{
    background: url("../img/template/splash_enter.gif") 0 0 no-repeat;
	width: 270px;
	height:23px;
	background-size:cover;
}

a#offCanvas{
		font-size:0px
	}
	.mainNav {
		width:70%!important;
 		 right: -70%;
	 }
	 

}
/* Portrait tablet to landscape and desktop ==============================================*/
@media (min-width: 801px) and (max-width: 979px) {
  .hide-on-desktop {
    display: inherit !important;
	}
  .show-on-desktop {
    display: none !important ;
  }
  .show-on-tablet {
    display: inherit !important;
  }
  .hide-on-tablet {
    display: none !important;
  }
  .show-on-small {
      	display: none !important;
  		 }
  .hide-on-small {
      	display: inherit !important;
  		 }
}
  
/* iPhone 4 and retina displays----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}