/*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;
	}
	
/* ==================================================================================
Small Device Styles  - Landscape phone to portrait tablet  - MY MAIN BREAKING POINT
====================================================================================*/
@media only screen and (max-width: 800px) {
	.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; 
		 }


.wallbg{width:100%;}


  /* Collapse The Grid =================================================================================*/
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .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;}





/* small screen forms fixes===========================================================*/

textarea{width:60%;}

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

div.inputs input[type="submit"], .submitButton input[type="submit"] {margin: 12px auto;display:block;}

/*==SITE AND STORE STYLES=================================================================*/

header{pad
ding:12px 0 6px 0;}

h1.logo{
	float:none;
	margin:20px auto 10px ;
	width:85%; 
	
	}
#headerBar{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	padding:8px 0px 0;
	z-index:1;

	}

footer{text-align:center;}
a.poweredBy{margin:18px auto;}


.home .columns.four.text-right{text-align:center;}



#headerBar a span{
		display:none;
		}
#headerBar a {
    padding: 0 10px;
}


body.videos iframe, body.single-musicvideos iframe, article.category-news iframe{width:100%!important;}
.mainNav li {
    margin-top: 0;
}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 429px) {
	nav.navRow ul li.page-item-13{display:none;}
	
	
	
	.left.newspic{width:100%; float:none; text-align:center; margin:0; max-width:100%;}
	
	.newspic img{float:none;}
	
	h2.text-center.columns.twelve img {
    display: inline;
    width: 40%;
}
h2.text-center.columns.twelve {
    margin-bottom: 25px;
    margin-top: 15px;
}

/*tour page====*/
#eventList{border-top:1px solid #4C3C33;}
#rowHeader{display:none;}
.tourRow {padding:6px 0;}
.eventDate{width:40%}
.eventVenue, .eventNote,.eventDetails, .eventRsvp{
	float: right;
    padding-bottom: 4px;
    width: 60%;
	text-align:left;
	}

p.price {
    border-top: 1px solid #333;
	border-bottom: 1px solid #333;
    font-size: 120%;
    padding: 6px 0;
}

a.deliveryTooltip{
	 width: auto;
	margin:0 15px 9px 0;
}
 a.AccessibleTooltip{float:none;display:inline-block;} 


a.poweredBy.right{float:none;}
a.confirmationLink,a.confirmationLinkFirst {padding-right:25px;padding-left:0;}
#orderComments textarea, div.viewComments {width: 100%;}

a.cvTooltip{display:none;}
#orderComments .controls{float:none;display:block;}

a.rsvp_True {margin:0; width:140px;}


#headerBar a span{
		display:none;
		}
#headerBar a {
    padding: 0 10px;
}
	
}


/* 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 {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;}
	
	.button.splashBut{padding:5px 10px; width:60%; margin:0 auto 20px; display:block;}
	#mainContent {
    min-height: 250px;
}

/*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;}
	
	.inputs label.error{
		margin-left:0;
		}

.flipper, .front, .back, .flipper2, .front2, .back2 {
	width: 290px;
	height: 290px;
	margin:0 auto 30px auto;
	border:none;
	
}
.backCover, .backCover2{margin-top:20px;}
.front, .front2{background-size:100%!important;}
h2 { font-size: 24px; font-size: 2.4rem; margin-bottom:25px;}

footer {
    overflow: hidden;
    text-align: center;
}
.eventDate {
    padding: 0 12px 0 0;
    width: 44%;
}
.eventVenue, .eventNote, .eventDetails, .eventRsvp{
	width:55%;
	}
.eventDetails, .eventRsvp {
  
    margin-left: 44%;
}

.button, a#purchaseButton{ padding: 8px 14px 9px; width:100%; margin:0 0 12px 0;}

}



@media only screen 
and (min-width : 320px) 
and (max-width : 529px) {
	
	.inputs.left {
    width: 100%;
}
#socials .columns{padding:0;}

}


@media only screen 
and (min-width : 480px) 
and (max-width : 569px) {
	
	.leapDate {
    margin-left: 30%;
	width:15%;
	}
.leapVenueHolder {
    width: 55%;
}
h2.text-center.columns.twelve img {
    display: inline;
    width: 30%;
}
h2.text-center.columns.twelve {
    margin-bottom: 25px;
    margin-top: 15px;
}
h1.logo {
    float: none;
    margin: 20px auto 0;
    width: 65%;
}
	
}
@media only screen 
and (min-width : 570px) 
and (max-width : 768px) {
	#newsletterForm{
		width:80%;
		margin:0 auto;
		}
	div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label {
	width: 150px;
	}
	.leapDate {
    margin-left: 30%;
	width:15%;
	}
	.leapVenueHolder {
    width: 55%;
	}
	
}

@media only screen 
and (min-width : 640px) 
and (max-width : 768px) {
	.leapDate {
		margin-left: 35%;
		width:10%;
	}
	.leapVenueHolder {
    	width: 55%;
	}
	}



/* Portrait tablet to landscape and desktop ==============================================*/
@media (min-width: 800px) 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 */
}