/*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:110%;
	text-transform:uppercase;
	padding:8px; 
	color:#fff;
}
#menuBar{
	background:#4d4d4d;
	}
	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: 3px 2px 0 0;
}	
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:2px 10px 0 4px; color:#fff;}
/* ==================================================================================
Small Device Styles  - Landscape phone to portrait tablet  - MY MAIN BREAKING POINT
====================================================================================*/
@media only screen and (max-width: 767px) {
	.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; 
		 }
  /* 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; }

 .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;}

/*OFFCANVAS NAVIGATION=========================================================================*/
.row{background:#f1f1f1;}
.mainNav {
  position: absolute;
  width:48%!important;
  left: 18px;
  margin-top:18px;
  background: #ccc;
  padding:12px 0;
 }
[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 ;
	background:#f1f1f1;
}
.mobileOffcanvas [role="main"], .mobileOffcanvas footer{
 	left:55%;
 }
 .mobileOffcanvas .mainNav{height:1000px;box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.75);}
.mobileOffcanvas nav.mainNav li a{
		display:block!important;
		padding:6px 20px;
		color:#4a4a4a;
		margin:0 0 9px 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;
		}
.mobileOffcanvas nav.mainNav li a:hover,.mobileOffcanvas nav.mainNav li a.active,
.mobileOffcanvas nav.news a#nav_news,
.mobileOffcanvas nav.about a#nav_about,
.mobileOffcanvas nav.tour a#nav_tour,
.mobileOffcanvas nav.music a#nav_music,
.mobileOffcanvas nav.store a#nav_store{
		display:block;
		color:#4a4a4a;
		background:#fff;
		}
/* SMALL SCREEN MENU BUTTON NAVIGATION TOGGLE==================================================*/
.mobileShowNav a#mobileNav{background:#2284A1;}

.mobileShowNav [role="navigation"] {
	position:absolute!important;
	left:auto;
	top:70px;
	padding:0;
	right:20px;
	width:auto!important;
	z-index:101!important;
	transition:none;
	height:auto;
	background:#2284A1;
	border-radius:4px 0 4px 4px;
	}
	
.mobileShowNav .mainNav  ul{margin:9px 0 0 0;}
.mobileShowNav .mainNav li,.mobileOffcanvas .mainNav li{display:block;padding:0!important; min-width:110px;margin:0;}
.mobileShowNav .mainNav li a{
	color:#fff!important;transition:none; -webkit-transition:none;-moz-transition:none;-ms-transition:none;
    display: block;
    padding: 6px 20px;
	margin:6px 0;
	font-weight:normal;
	font-size:13px;font-size:1.3rem;
	}
.mobileShowNav .mainNav li a:hover,
.mobileShowNav nav.news a#nav_news,
.mobileShowNav nav.about a#nav_about,
.mobileShowNav nav.tour a#nav_tour,
.mobileShowNav nav.music a#nav_music,
.mobileShowNav nav.store a#nav_store{
		background:#196175!important;
		}
/*turn off navRow properties for small*/		
nav.navRow ul li,nav.navRow ul li:first-child,nav.navRow ul li:last-child{display:block;margin:0;padding:6px 20px;}

/* small screen forms fixes===========================================================*/
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{
	}
textarea{width:60%;}


/*==SITE AND STORE STYLES=================================================================*/
header{padding:12px 0 6px 0;}
h1.logo{
	float:none;
	margin: 12px 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);
	}

footer{text-align:center;}
a.poweredBy{margin:18px auto;}
/*contact form*/
.hideForm, .helpClose{padding: 0 18px 0 0}
.order-summary-content .checkout-buttons{float:none;text-align: center;}
.coupon-code .button{width:auto;}
.order-summary-content .common-buttons {text-align: center;}

/*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;
}

/*store products===*/

.order-progress ul li {padding: 5px 10px 0;}

.order-summary-content .cart-collaterals .totals.columns.right{float:none;margin:9px 0 0 0;}
.estimate-shipping{display:none;}
}

/* Smartphones (portrait and landscape) CATCH ALL STYLES----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	.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 {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: 7px 14px 8px;}
	
	button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 8px 14px;}
/*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:85%;}
	.inputs select{width:85%!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;} 
.header-links a.account{display:block;border:0;}
/*search page fixes*/	

.search-page .inputs label{width:100%;}
.product-list .product-item .panel{text-align:center;}
.product-list .product-item .add-info,.product-list .product-item .description {
    margin: 0px;
    padding: 0 0 0 10px;
	position:static;
	float:none;
	text-align:center;
	}
.product-list .product-item h5 {
    left: 0;
    position: static;
}
.product-list .product-item .buttons {padding:0;}
.product-list .product-item .prices {margin:12px 6px;}
.product-list .product-item .picture{float:none;margin:0 0 12px;}
td.product-picture{width:0; padding:0;}
th.picture{padding:0;}
td.product-picture img{display:none;}

/*breaking table layout for payment info*/
.opc .step {padding:15px 8px;}

.checkout-data .payment-info table tr{ position:relative;height:70px;border-bottom:1px solid #ddd;}
.checkout-data .payment-info table td:first-child{position:absolute;width:100%;text-align:left;}
.checkout-data .payment-info table td:last-child{vertical-align:bottom;padding-bottom:8px;}
.checkout-data .payment-info table td label {margin: 3px 1px 0 0;}

.message-error{padding:0}
.message-error ul{margin:0;}
.checkout-data .order-review-data{padding:0;}
.checkout-data .order-review-data ul {margin:0 8px 12px; width:100%;}
ul.method-list{margin:0 0 18px 0;}
.method-name{margin:0 0 12px 0;}
.method-name  input[type="radio"] + label{width:80%; margin:0 9px;}
.method-name input[type="radio"] {vertical-align:top; margin: 3px;}
}
/* Smartphones (landscape) SPECIFIC----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 /* Smartphones (portrait) SPECIFIC----------- */
@media only screen 
and (max-width : 320px) {
	.header{padding:0;}
	.button{width:100%;}
	.search-page .search-input .buttons {padding:0;}
	.order-progress{display:none;}
	.button.update-cart-button{margin:0 0 12px 0;}
	.estimate-shipping .shipping-options .estimate-shipping-button{width:auto;}
	.unit-price, th.cart_Price{display:none;}
	.cart th{font-weight:normal; font-size:90%;}
	.back-link a{margin:0 0 12px 0;}
	.order-review-data{padding:10px 0;}
	
}
/* Portrait tablet to landscape and desktop ==============================================*/
@media (min-width: 768px) and (max-width: 979px) {
  .hide-on-desktop {
   
	}
  .show-on-desktop {
    display: none !important ;
  }
  .show-on-tablet {
   
  }
  .hide-on-tablet {
    display: none !important;
  }
  .show-on-small {
      	display: none !important;
  		 }
  .hide-on-small {
      
  		 }
}
  
/* 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 */
}