/*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-large {
      	display: inherit !important;
  		 }
.show-on-small{
	 display: none !important;
	}
	
span.menuBut{font-family:'Lato',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:#fff;padding:0 9px;margin-top:-6px;}

#menuBar{
  margin: 0 auto;
  text-align: center;
  width:auto;	
  position:absolute;
  top:12px;
  right:0px;
  z-index:99;
  }
.home #menuBar{
	top:12px;
  	right:20px;
	}	

/* animated nav button**************************************/
button#offCanvas {
  display: inline-block;
  margin: 0 0em;
  border: none;
  height:36px;
   background: none;
}
button#offCanvas span {
  display: block;
  float:left;
}
.lines-button {
  padding: 10px;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 2px;
  /* */
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 28px;
  height: 4px;
  background: #ecf0f1;
  border-radius:2px;
  transition: 0.3s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 28px;
  height: 4px;
  background: #ecf0f1;
  border-radius: 2px;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 4px center;
  transform-origin: 4px center;
}
.lines:before {
  top: 9px;
}
.lines:after {
  top: -9px;
}


.lines-button.x.close .lines {
  background: transparent;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 28px;
}
.lines-button.x.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
@media only screen 
and (min-width : 2000px)  {
	
	.slides li img{width:100%;}
	}


@media only screen 
and (min-width : 901px) 
and (max-width : 1024px) {
	.mainNav li a{padding:8px 12px;}
	nav#hpNav li {
		margin:0 6% 0 0;
	}
	div.heroCont{top:50px;}
	
	.inputs label.error {
		display:block;
		margin:9px 0 0 155px;
		}
		
span.leapDate{width:20%;}
span.leapVenueHolder,span.leapCity{width:20%;}
span.leapLink, span.leapRSVP{width:19%;}	
	span.leapRSVP{float:right;}	
	}

@media only screen 
and (min-width : 801px) 
and (max-width : 900px) {
	.mainNav li a{padding:8px 8px;font-size:17px;}
	div.heroCont{top:50px;}
	
	.inputs label.error {
		display:block;
		margin:9px 0 0 155px;
		}
	span.leapDate{width:20%;}
span.leapVenueHolder,span.leapCity{width:20%;}
span.leapLink, span.leapRSVP{width:19%;}	
	span.leapRSVP{float:right;}	
	}
	
/* ==================================================================================
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;
  		 }
	.show-on-large {
      	display: none !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; }
  .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;}

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

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

.mainNav {
  position: fixed;
  width:100%!important;
  height:auto;
  right:0;
  bottom:0;
  visibility:hidden;
  top:130px;
  overflow-y:scroll;
  margin-top:0px;
  background:transparent;
 -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
  padding:12px 0;
 z-index:12!important;
 }
.home .mainNav{ top:51px;} 
 
 .mainNav .menu{
	 margin: 0 auto;
    text-align: center;
    width: 90%;
	 }
 
[role="main"], footer {
   position:relative;
   left:0;
   z-index:2;
   width:auto;
   -webkit-transition: left 0.4s ease-in ;
	-moz-transition: left 0.4s ease-in;
	-ms-transition: all 0.4s ease-in ;
	-o-transition: all 0.4s ease-in ;
	transition: left 0.4s ease-in ;
}
.mobileOffcanvas [role="main"]{
 	right:0;
	visibility:visible;
 }
 
.mobileOffcanvas .mainNav{
	background-color: #fff;
	visibility:visible;
   
 } 
nav.mainNav li{display:block!important;margin:0!important;margin:0 auto} 
nav.mainNav li a{
		display:block!important;
		padding:6px 0px;
		margin:0;
		color:#2F4E74;
		font-weight:normal;
		font-size:21px;font-size:2.1rem;
		-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:#FD9F18;
		
		}
/*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===========================================================*/

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=================================================================*/
nav.mainNav li a{}
.single.single-discography .page-item-7 a {
    border: medium none;
    color: #2f4e74;
}
header{
	background-image: url(../img/template/mk_header_bg.jpg);
	background-repeat:repeat-x;
	background-size:240% 160px;
	height:130px;
	z-index:1001;
	width:100%;
	padding:0px 0 0 0;

	}


h1.logo{
	float:none;
	margin:10px auto 12px;
	box-shadow
	}
#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:0px auto;}
#socials.left{float:none;}
footer{height:auto}
footer h1.logo{
	margin:18px auto 0;
	}
.footerDetails {
    padding: 30px 0 0;
}	
.newsPlayer .fa.hide-on-small, .audioplayer{display:none!important;}

.sidebarNews{text-align: left;}
#NewsArchiveHolder{border-bottom:1px solid #FD9F18;border-top:1px solid #FD9F18;}
#NewsArchiveHolder ul{margin:0;}
#NewsArchiveHolder li{display:inline-block;}
#NewsArchiveHolder li a {padding: 2px 9px 2px 0;border:none;}

.subnav ul{margin:0 0 9px;}
#AlbumNav{margin:0 0 18px;border-bottom:1px solid #FD9F18}
#AlbumNav li{display:inline-block;border:0;}
#AlbumNav li a{border:0;}
#AlbumNav li span{display:none;}
#AlbumNav li a.onState img,#AlbumNav li a:hover  img{border-color:#FD9F18}
#AlbumNav li a:hover, #AlbumNav li a.onState{background:none;}


div.heroCont{width:70%;top:40px;left:15%}

.inputs label.error {
		display:block;
		margin:9px 0 0 155px;
		}

#newsletterForm{margin:12px 0 ;}
#newsletterForm input[type="checkbox"]{margin:0 5px 0 140px;}

.musicNav h4, #NewsArchiveHolder h3{margin-top:0;}
.musicNav h4, #NewsArchiveHolder h3 {padding:4px;}
.musicNav,.subTourNav ul{padding:0px;}

span.leapDate{width:12%;}
span.leapVenueHolder,span.leapCity{width:24%;}
span.leapLink, span.leapRSVP{width:19%;}	
	span.leapRSVP{float:right;}	

/*splash page */
h1.splash_preorder{background-size:100%;}


div.heroContBottom{
	position:absolute; 
	bottom:20px; 
	width:90%;
	left:5%;
	}


.flex-control-nav{display:none;}
}
@media only screen 
and (min-width : 501px) 
and (max-width : 600px) {
.show-on-small-tab{display:block!important;}
.hide-on-small-tab{display:none!important;}
.twelve-on-small-tab{float:none;width:100%;}

.single-discography .twelve-on-small-tab img{max-width:80%;display:block;margin:0 auto;}

#bigPic {
    height: 310px;
}
.flexslider .slides a{line-height:270px;}
.flexslider .slides li img {
    max-height: 270px;
}
.flexslider .slides > li {
    padding: 12px 0;
}
	#galleryPics .gallery-item.one{width:16.66%} 
	
span.leapDate{width:100%;margin:0 0 12px}
span.leapDate br{display:none;}
span.year{font-size:100%;}
span.year:before{ content: "\ - \0020"; }
span.leapVenueHolder,span.leapCity{width:24%;}
span.leapLink, span.leapRSVP{width:24%;}	
	span.leapRSVP{float:right;}	
	
	footer h1.logo{
	margin:18px auto 0;
	}
}
/* 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;}

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

	div.heroCont {
   	 left: 8%;
   	 top: 20px;
    	width: 85%;
	}
	#galleryPics .gallery-item.one{width:16.66%}
	
	#bigPic {
    height: 310px;
}
.flexslider .slides a{line-height:270px;}
.flexslider .slides li img {
    max-height: 270px;
}
.flexslider .slides > li {
    padding: 12px 0;
}


.inputs label.error {
		display:block;
		margin:9px 0 0 0px;
		}

#newsletterForm{margin:12px 0 ;}
#newsletterForm input[type="checkbox"]{margin:0 5px 0 0px;}
#newsletterForm .inputs p {margin: 0;}


span.leapDate{width:100%;margin:0 0 12px}
span.leapDate br{display:none;}
span.year{font-size:100%;}
span.year:before{ content: "\ - \0020"; }
span.leapVenueHolder,span.leapCity{width:100%; margin:0 0 12px;}
span.leapLink, span.leapRSVP{width:49%;}
span.leapLink a, span.leapRSVP a{width:100%;}	
	span.leapRSVP{float:right;}	
	
	
img.attachment-affilatedImg {display:block;float:none;margin:0 0 12px;width:100%}


h1.splash_preorder{
	background:none;
	display:block;
	
	height:auto;
	text-indent:-10000px;
	margin-top:38px;
	}

.spTour br{display:none;}

.fd-btn-right a.freshwidget-theme{display:none;}
}
/* Smartphones (landscape) SPECIFIC----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 /* Smartphones (portrait) SPECIFIC----------- */
 @media only screen 
and (max-width : 375px) {
	#bigPic {
    height: 210px;
}
.flexslider .slides a{line-height:170px;}
.flexslider .slides li img {
    max-height: 170px;
}
.flexslider .slides > li {
    padding: 12px 0;
}
#galleryPics .gallery-item.one {
    width: 25%;
}
span.leapLink, span.leapRSVP{width:100%;margin:0 0 4px;}
}


@media only screen 
and (max-width : 320px) {
	#bigPic {
    height: 210px;
}
.flexslider .slides a{line-height:170px;}
.flexslider .slides li img {
    max-height: 170px;
}
.flexslider .slides > li {
    padding: 12px 0;
}
#galleryPics .gallery-item.one {
    width: 25%;
}
span.leapLink, span.leapRSVP{width:100%;margin:0 0 4px;}
}
/* Portrait tablet to landscape and desktop ==============================================*/
  
/* 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 */
}