/*small screens hidden in regular stylesheet and turned on when appropriate*/
.show-on-phone {
	display: none !important;
}
.show-on-tablet, .show-on-smallTablet {
  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 [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;
}	

/* ==================================================================================
Small Device Styles  - Landscape phone to portrait tablet  - MY MAIN BREAKING POINT
====================================================================================*/
@media only screen and (min-width: 1100px) {
	nav ul li a{color:#000;display:block; padding:0 10px;}
	}
@media only screen and (max-width: 1099px) {
	a#mailinglistBut{margin:17px 0 0 5px;}
	nav ul li a{color:#000;display:block; padding:0 6px;letter-spacing:0px; margin:0 0 0 3px;font-size:19px;font-size:1.9rem;}
	#discGrid ul.slides{width:1400px!important;}
	#discGrid ul.slides li { width: 180px !important;}
	}
@media only screen and (max-width: 1000px) {
	nav ul li a{color:#000;display:block; padding:0 6px;font-size:18px;font-size:1.8rem;}
	h1.logo a#logo{width:300px;background-size:contain;margin-top:4px; height:56px;overflow:hidden;}
	#discGrid ul.slides{width:1400px!important;}
	#discGrid ul.slides li { width: 160px !important;}
	}
@media only screen and (max-width: 940px) {
	nav ul li a{color:#000;display:block; padding:0 7px;font-size:19px;font-size:1.9rem;}
	a#mailinglistBut{display:none;}
	#discGrid ul.slides{width:1250px!important;}
	#discGrid ul.slides li { width: 144px !important;}
	}

@media (min-width: 801px)  {
 .mainNav {display:block!important;}
}
@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; 
		 }
  /* 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; }
  
  .columns.collapse{padding:0 20px;}
  
  .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;}
  .push-seven{left:50%;}
  .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,.six-on-tablet {width:50%; float:left!important;}
 .four-on-small {width:33%; float:left!important;}
 .mediaWall  .four-on-small {margin:0 0 12px;}
 
 header h1.logo {float:none;display:block;font-size:30px; font-size:3rem;text-align:center;margin:0 auto;width:360px;padding:6px 0 0 0;}

h1.logo a#logo{width:300px;background-size:contain;margin-top:4px; height:56px;overflow:hidden; float:left; margin:0 auto;}

a#mobileNav{
	display:inline-block;
	text-align:center;
	float:left;
	color:#000;
	padding:6px 0 0;
	width:50px;
	font-weight:bold;
	}

/*OFFCANVAS NAVIGATION=========================================================================*/

.mainNav {
 display:none;
	overflow:hidden;
	float:none;
	width:100%;
	margin:0 0px 0px;
	padding:0px 0 12px;
	background:#000;
}

#logoBar .columns.twelve{padding:0;}

 .mobileOffcanvas .mainNav{box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.75);}
 
 nav .menu{width:100%; float:none;}
 
 nav ul li{display:block;float:none;width:100%;line-height:1; color:#fff;border-bottom:1px solid #fff;margin:0;}
 nav ul li a,  .single-musicvideos nav ul li.page-item-90 a,.single-discography  nav ul li.page-item-90 a{color:#fff;display:block; padding:10px 20px;}
  nav ul li:last-child{border:0;}
 
.mobileOffcanvas nav.mainNav li a{
		display:block!important;
		padding:12px 20px;
		
		margin:0;
		font-weight:normal;
		-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.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:#fff;
		background:#000;
		}

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

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

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

/*==SITE AND STORE STYLES=================================================================*/
header{height:65px;}
#pageCont {
    margin: 64px 0 0;
}
/*.socialsBar{}

footer .socialsBar{display:block;width:270px; margin:0 auto 18px auto;padding:0 0px 0 0px}
footer .socialsBar .right{float:none;border-top: 1px solid #FFFFFF;}*/

footer .columns{ border:none;padding:0px 20px;}
.home footer > .columns{border:0;}
hr.show-on-small{display:none;}
.home footer > hr.show-on-small{display:block;}

.button{ padding: 4px 15px 3px;}

a.button.mailinglistBut{background-image:none;}
#newsletterForm{margin:24px 0 50px }

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: 51px; width: 100%;left:0;}
#helpAnswers,.contactForm {margin: 12px 0 0 0px;width: 100%;}


.flex-direction-nav .flex-prev{left:5px}
.flex-direction-nav .flex-next{right:5px}

p.released{text-align:left;}

.privacy-policy section.seven, .terms-of-use section.seven, .mailform{margin:20px 5px;}
.tourCo {margin-top:20px;}
.terms-of-use .sidebar, .privacy-policy .sidebar, .mailinglist .sidebar{display:none;}

#discGrid ul.slides{width:1000px!important;}
#discGrid ul.slides li { width: 114px !important;}


.inputs.left.row1,.inputs.left.row2{float:none;}
div.inputs.row2 input[type="checkbox"]{margin:0 0px 0 150px;}

aside.sidebar .columns.five{margin:0 20px 20px;background:rgba(0,0,0,0.3)}
footer p.Left, footer p.left{float:none;}
footer p.right{text-align:center;float:none;}
.aboutPg{
		background:#e6eef0 url(/wp-content/themes/html5blank-master/img/template/aboutBkg.jpg) no-repeat fixed 0% bottom;
		background-size:0%;
		min-height:400px;
	}
	.aboutPg article{width:100%!important;float:none;left:0;margin-top:0px;}
	h2#aboutTitle{position:static;}
	
	.newsPg{

	
	}
	
/*ticket fixes*/
#leapResults li{line-height:1.5;}
.leapCity{width:65%;}
.leapRsvp{display:block;float:none!important;clear:both;}
.leapRsvp a{float:none;width:180px;margin-left:25%;height:38px;}
.leapBuy{display:block;float:none!important;clear:both;}
.leapBuy a.button{width:180px;margin:12px 0 12px 25%;}

#SubNav li{   display: inline-block; margin: 19px 12px 0;}

 .offset-by-one.heromsg{margin:0 30px!important;}
.heromsg{font-size:30px; font-size:3rem;line-height:1}
/*#freshwidget-button{top:140px!important;}*/
.bannerText,.bannerText.ontourText{padding:20px 0 0 0; margin:40px 0 0 0;}


/*.heroflex, .heroflex .slides li {
    min-height: 430px !important;
}*/

.tourPic img {
    margin-top: 80px !important;
}

.myLinks{float:right}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 680px) {
	#socialsBar{display:none;}
	
	
	 .show-on-smallTablet {
      	display: block!important;
  		 }
	
	a#showAlbums{font-size:120%;margin:0 0 9px;}
	#discGrid {display:none;padding:0;}
	
	.picInfo{display:none;}
	#heroBanner .picInfo{display:block;}
	#homeHeadlines .picInfo{display:block;}
	#discGrid ul.slides{width:100%!important; border-bottom:1px solid #fff;margin:0!important;}
	#discGrid ul.slides li { width: 17% !important;}
	
	.tourCo .leapVenue{color:#fff;}
	footer .columns{ border:none;padding:0px 10px;}
	
	
	.heroflex .slides li img {
    	max-height: 200px;
		text-align:center;
	}
	.heromsg { padding: 40px 0;}
	
	
	.tourPic img {
    margin-top: 80px !important;
}

.bestofText {margin-top:20px;}
.preorderLinks {height:auto;}
.splashVinyl {margin-left:16px;}
.preorderLinks {text-align: center;}
.preorderLinks a {text-transform: uppercase; color:#fff; float:none;}
#splash2016 ul {margin:0;}
.splashList ul {width:100%; margin:0;}
.splashList li {list-style-type:none;}
#splash2016 h4 {margin-top:0; padding-top:0;}
 

.polaroid{
	width:50%;
	height:250px;
	float:left;
	text-align:center;
	}
#gallery-1 .gallery-item{width:50%!important;}
	}


/* 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;}
	
	.six-on-small.vidThumbs{width:50%;float:left;}
	
	.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: 6px 12px 5px;}
	a.button.mailinglistBut{
		background-image:none;
		}
	.columns.collapse{padding:0;}



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

	p.forgotPw,div.checkbox input[type="checkbox"],.submitButton input[type="submit"] {margin: 6px 0 12px 0!important;width:100%;}
	.reviewArea p{margin-bottom: 9px!important;}

	#discGrid ul.slides li { width: 21% !important;}
	
	.mailform .inputs p { margin: 0;}
	div.inputs.row1 {width: 100%;}
	div.inputs.row1 input[type="checkbox"] ,div.inputs.row2 input[type="checkbox"] {
    margin: 0 0 0 10px;
}
.TwitterFeed {
    margin: 0 auto;
    width: 90%;
}
#likeBox{width: 90%;}

#heroBanner .six-on-small{text-align:center;}

.heroflex .slides li img {float:none;	}
.heromsg { padding: 20px 0;}
.bannerText.light{color:#a9e1dd;margin:18px 0 0 0;}
/*.heroflex, .heroflex .slides li {
    min-height: 350px !important;
}*/

.snowHero a{display:block;margin-top:50px;}


#leapResults li:nth-child(4),
#leapResults li:nth-child(5),
#leapResults li:nth-child(6),
#leapResults li:nth-child(7),
#leapResults li:nth-child(8) {display:none;}

.tourPic img {
    margin-top: 0px !important;
}


.bannerText.ontourText{
 
    margin: 40px 0 0!important;
    padding: 20px 0 0;
    position: relative;


}

.polaroid{
	width:50%;
	height:250px;
	float:left;
	text-align:center;
	}
.myLinks a{font-size:14px;padding:4px}
}


@media only screen 
and (max-width : 430px) {
	a.soc_store,a.soc_fb,a.soc_twitter, a.soc_insta,a.soc_youtube,a.soc_spotify,a.soc_google,a.soc_t{display:none;}
	
	}
/* Smartphones (landscape) SPECIFIC----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}


 /* Smartphones (portrait) SPECIFIC----------- */
@media only screen 
and (max-width : 320px) {
	 .show-on-phone {
      	display: inherit !important;
  		 }
	#homeHeadlines{width:80%;}
	.columns, .columns.six.title1, .columns.six.title2 {padding:0 10px;}
	.row .row { margin: 0 -10px;}
	span.tourLine{width:100%;float:none;display:block;}
	.upcomingshows .button{
		width:100%;
		float:none;
		margin:9px auto 12px;
		display:block;
		padding:7px 0;
		}
	input.button[type="submit"]{width:95%;padding:7px 0;}
	
	header h1.logo {width: 300px;}
	h1.logo a#logo {width:240px;background-position:0 4px;}
	
	
	
	footer .socialsBar{display:block;width:270px; margin:0 auto 18px auto;padding:0 0px 0 0px}
footer .socialsBar .right{float:none;}
.home footer .columns{border:0;}
	
	.upcomingshows p{border-bottom:1px solid #333;}
	/*view cart=====*/
	.helpLinks {
		clear: both;
    	float: none;
   		padding: 12px 0 0;
		
	}
	.promoCodeField label {display: block;}
	
	a.button.mailinglistBut img{display:none;}
	
	#discGrid ul.slides li { width: 26% !important;}
	
	#likeBox{display:none;}
	
	.mailform .inputs p {
    margin: 0 0px 0 0;}
	.heromsg{font-size:24px; font-size:2.4rem;line-height:1;padding:10px 0}
	
	.polaroid{
	width:100%;
	height:250px;
	float:none;
	text-align:center;
	}
	#gallery-1 .gallery-item{width:100%!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 */
} 

/***********iPad in portrait & landscape***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

.preorderLinks {text-align: center;}
.preorderLinks a {text-transform: uppercase; color:#fff; float:none;}
#splash2016 ul {margin:0;}
.splashList ul {width:100%; margin:0;}
.splashList li {list-style-type:none;}
#splash2016 h4 {margin-top:0; padding-top:0;}
	
}


/***********iPhone 6 in portrait & landscape***********/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {

#pageCont {
    margin: 115px 0 0;
}

.fd-btn-right {
    right: 10px!important;
    top: 2px!important;
}

.freshwidget-button {
    position: fixed!important;
    top: 12px!important;
    left: 22px!important;
    width: auto!important;
    height: auto!important;
    border-radius: 0!important;
}

a.freshwidget-theme {
    box-shadow: none!important;
    border-radius: 0!important;
}

.freshwidget-button a, a.freshdeskFR {
    position: static!important;
}

.fd-btn-right a.freshwidget-theme {
    transform: rotate(0deg)!important;
}

.freshwidget-theme {
    font-size: 14px!important;
    padding: 6px 10px!important;
    font-weight: normal!important;
}

}
/***********iPhone 6 in landscape***********/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */}
/***********iPhone 6 in portrait***********/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* STYLES GO HERE */ }
/***********iPhone 6 Plus in portrait & landscape***********/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */}
/***********iPhone 6 Plus in landscape***********/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { /* STYLES GO HERE */}
/***********iPhone 6 Plus in portrait***********/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { /* STYLES GO HERE */ }
/***********iPhone 5 & 5S in portrait & landscape***********/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {

#pageCont {
    margin: 115px 0 0;
}

.fd-btn-right {
    right: 10px!important;
    top: 2px!important;
}

.freshwidget-button {
    position: fixed!important;
    top: 12px!important;
    left: 22px!important;
    width: auto!important;
    height: auto!important;
    border-radius: 0!important;
}

a.freshwidget-theme {
    box-shadow: none!important;
    border-radius: 0!important;
}

.freshwidget-button a, a.freshdeskFR {
    position: static!important;
}

.fd-btn-right a.freshwidget-theme {
    transform: rotate(0deg)!important;
}

.freshwidget-theme {
    font-size: 14px!important;
    padding: 6px 10px!important;
    font-weight: normal!important;
}

}
/***********iPhone 5 & 5S in landscape***********/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}
/***********iPhone 5 & 5S in portrait***********/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ }




/***********iPad mini in portrait & landscape***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}
/***********iPad mini in landscape***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}
/***********iPad mini in portrait***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */ }





/***********iPad in portrait & landscape***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

#pageCont {
    margin: 115px 0 0;
}

.fd-btn-right {
    right: 10px!important;
    top: 2px!important;
}

.freshwidget-button {
    position: fixed!important;
    top: 12px!important;
    left: 220px!important;
    width: auto!important;
    height: auto!important;
    border-radius: 0!important;
}

a.freshwidget-theme {
    box-shadow: none!important;
    border-radius: 0!important;
}

.freshwidget-button a, a.freshdeskFR {
    position: static!important;
}

.fd-btn-right a.freshwidget-theme {
    transform: rotate(0deg)!important;
}

.freshwidget-theme {
    font-size: 14px!important;
    padding: 6px 10px!important;
    font-weight: normal!important;
}

}
/***********iPad in landscape***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}
/***********iPad in portrait***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }
/***********Retina iPad in portrait & landscape***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}
/***********Retina iPad in landscape***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}
/***********Retina iPad in portrait***********/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }