/*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;
  		 }
		
.row.marginFix{
	margin:0 15px;
	}
	#container{
		background:none!important;
		}
	#mainContent{margin:0; padding-top:20px;}
#audioPanel,
.homeheader,
a.junos,
.page-item-366 a
{
		display:none;
		}
footer .footerContent {width: 100%;}
a.poweredBy.right{float:none;margin: 0 auto 15px;}	
.FooterBase{background:#b3ab8f; padding-bottom:20px; height:auto;}
.infoLinks{text-align:center;}
.infoLinks a{display:inline-block; padding:0 10px;}
	
 /* .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; 
		
   }

#Social{text-align:center; background:#b3ab8f;}

#Social [class^="icon-"]:before, #Social [class*=" icon-"]:before {
    font-size: 2.3rem;
}

aside.sidebar{border-left:0;}

.columns.content.padding {
    padding-right: 15px;
}
.bioContent{
	max-width:100%;
	}
	
#leapDates{
	padding:0 15px;
	}

footer.row {
	padding-top:0;
	}	


div.beige{
	border-top:0;
	border-left:4px solid #000;
	}

span.leapDate{
	background:none;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 24px;
    margin: 0 15px 0 0;
    padding: 10px;
    text-transform: uppercase;
    transform: skewX(0deg);
    width: 15%;
	}

span.notransform {
    display: block;
    transform: skewX(0deg);
}
#leapResults li:nth-of-type(2n+1) span.leapDate {
    background: none;
}
span.day {
    font-size: 28px;
    font-weight: bold;
}
span.leapVenueHolder {
    font-size: 1.6rem;
    padding: 10px 0;
    text-transform: uppercase;
    width: 44%;
}
span.leapVenue {
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
}
span.leapRSVP {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    position: relative;
    right: 0;
    transform: skewX(0deg);
}
#leapResults li:nth-of-type(2n+1) span.leapRSVP {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
span.leapRSVP a {
    border: medium none;
    display: inline-block !important;
    font-size: 18px;
    margin: 0 auto;
    padding: 10px 0;
    transform: skewX(0deg);
}
span.leapRSVP {
    text-align: left;
    width: 82%;
	float:right;
}
span.leapLink {
    float: right;
    position: relative;
    right: 0;
    width: 83%;
	text-align:left;
	padding-bottom:15px;
}
#leapResults li:nth-of-type(2n+1) span.leapLink {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

a.buyTickets {
    background: #88ACC7 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    padding: 10px 30px;
    text-align: center;
    transform: skewX(0deg);
    width: auto;
}
.leapLink {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    transform: skewX(0deg);
}
.leapLink:hover, #leapResults li:nth-of-type(2n+1) span.leapLink:hover{
	background:none;
	
	}
.row.newsExcerpts {
    margin-bottom: 20px;
    margin-right: 0;
}
.flex-viewport {
    max-height: 400px;
    
}
.hero_liveAtMassey, .hero_tour, .hero_Stealing{
	background-size:contain!important;
	width:100%;
	}

.heroDesc{
	
	}
.heroDesc h3{font-size:23px;}
.heroDesc h4 {
   
    font-size: 20px;
    line-height: 26px;
}

.Arc_NewsCategory li {
    margin-bottom: 6px;
    width: 30%;
    display: inline-block;
}

  /* Collapse The Grid =================================================================================*/
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; background:inherit; }
  #container.snowflakes .row{ width:auto;}
  .columns, .blockgrid { width: auto; float: none;margin:0; }
  
  
  .footer_sidebar {
    margin-top: 50px;
}
.paddingTop {
    padding-top: 0;
}
h4#VideoTitle {
    font-size: 18px;
	margin-top:15px;

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

header.row {
    margin-bottom: 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 ;
}

nav ul{height:auto;}

#SubNav ul li a {
    padding: 0 5px;
}

#SubNav .columns{
	margin:0 15px;
	}
#newsAddThis {
    margin-top: 15px;
    width: 195px;
	float:right;
} 
.addthis_toolbox.right {float:none;}
.like-holder .fb_iframe_widget, .like-holder .fb_iframe_widget span, .like-holder .fb_iframe_widget iframe[style]{
	width:90px!important;
	margin:0 auto;
	} 
.bioContent {
    padding-right: 0;
}
/*main nav options*/
a#offCanvas{
	display:inline-block;
	line-height:100%;
	font-size:110%;
	text-transform:uppercase;
	padding:8px; 
	color:#4D473C;
}

	a#offCanvas [class^="icon-"]:before,a#offCanvas [class*=" icon-"]:before,
	a#mobileNav [class^="icon-"]:before,a#mobileNav [class*=" icon-"]:before {
	font-size: 30px;
    font-size: 3.0rem;
    padding: 3px 2px 0 0;
	color:#187BD1;
}	
a#mobileNav{
	display:block;
	text-align:center;
	position:absolute;
	top:-51px;
	right:10px;
	color:#666;
	width:50px;
	font-weight:bold;
	border:none;
	
	}
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;}


div.wp-caption{
	width:100%!important;
	}

.ten.content{
	background:none;
	}

footer#splashFooter{
	position:static;
	
	}

.splashStores a {
    display: inline-block;
    margin: 10px;
}
.enterBR {margin:0;}
.enterBR a{
	display:block;
	margin:0;
	width:100%;
	border-radius:0;
	background:#475358;
	color:#fff;
	}

.splashCD{
	margin:25px auto;
	display:block;
	}

.pagetitle{
	font-size:32px;
	}

.subArrow {
    display:none;
}

/* SMALL SCREEN MENU BUTTON NAVIGATION TOGGLE==================================================*/


.mainNav {
	height:0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	padding:0;
	overflow:hidden;
	position:relative;
	top:18px;
	margin:6px 0 0 0;
}
.mobileShowNav a#mobileNav {
	color:#B50018;
}
.mobileShowNav .mainNav {
	display:block;
	height:250px;
	
}
.mainNav ul {
	margin:0;
	padding:0;
}
nav ul {
    background: none;
    width: 100%;
}
.mainNav li, .mobileOffcanvas .mainNav li {
	display:block;
	padding:0!important;
	width:100%;
	margin:0;
	float:none;
	transform:none;
}
nav li:hover{
  background:none;
  }
.mainNav li a {
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	display: block;
	padding: 3px 20px;
	margin:0;
	font-weight:normal;
	float:none;
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	text-shadow: none;
	transform:none;
}
.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 {
	background:#D5D0BC!important;
	color:#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;
}

nav li.current_page_item a, nav li.current_page_ancestor a {
    color: #187BD1;
	
}
nav li.current_page_item, nav li.current_page_ancestor{border:none;}
/* 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;
	}
label.formLabel{float:left;}
div.inputs input[type="submit"], .submitButton input[type="submit"] {margin: 12px auto;display:block;}
/*==SITE AND STORE STYLES=================================================================*/
header{padding:12px 0 6px 0;}
h1.logo{
	float:left;
	width:80%;
	}
	
h1.logo img{
	display:block;
	
	
	}	
	
#headerBar{
	position:absolute;
	top:0;
	right:0;
	
	width:100%;
	padding:4px 0px;
	z-index:1;
	}


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


/*** News Page ******/

.newsDate{
	margin:0 0 5px 0;
	font-size:1.2rem;
	}


.single-post #fbcomments .fb_iframe_widget, .single-post #fbcomments .fb_iframe_widget span, .single-post #fbcomments .fb_iframe_widget iframe[style] {
    width: 100% !important;
}

article.type-post iframe{
	 width: 100% !important;
	}


/*** discography ***********/


.discogGrid h4, .discogGrid li:hover h4 a{display:none;}

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



#container.snowflakes {
    background: url("/wp-content/themes/BlueRodeoMasseyHall/img/splash/snowflakes.png") no-repeat scroll center top / contain  rgba(0, 0, 0, 0);
   
    padding: 0 0 25px;
}

/**** general styles ***/

.logoBar{
	margin:10px 0;
	}


}

/* Smartphones (portrait and landscape) CATCH ALL STYLES----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 479px) {
	.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;}
 
 .HeaderCallouts{display:none;}
 #SubNav ul li { 
    margin: 5px 0;
 
}
 #SubNav {padding:15px 0;}
 
 

.discogGrid li{
	text-align:center;
	}
.picDate {
    font-size: 1.4rem;
    margin: 35px auto 15px;
    }
#bigPic {
    height: 380px;
    }

.dropdown-dark .button{
	font-size:18px;
	    padding: 8px 28px 9px;
	}
.banner img.alignLeft{
	width:100px;
	display:none!important;
	}
.banner h3{font-size:1.4rem; padding:0;}
.banner  .button-large{
    font-size: 1.2rem; 
}
.banner p{font-size:12px;}
.banner {
    background: url("/wp-content/themes/BlueRodeoMasseyHall/img/template/banner.jpg") repeat-x scroll left top / cover;
    height: 180px;
  }
.homeslider .flex-control-nav {top: 8px;}
.home-like-holder  .fb_iframe_widget, .home-like-holder  .fb_iframe_widget span, .home-like-holder  .fb_iframe_widget iframe[style]{width:100px!important;}
.home-like-holder h4 {font-size: 1.4rem;}


footer .footerContent {width: 100%; }
footer p {margin: 0;}

.releaseInfo {
    width: 100%;
}


div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{ text-align:left; 	}
.inputs input, input[type="text"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select, .inputs select { width: 100%}
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label {width: 100%;}
label.error{margin-top:5px;}

#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: 0 0 0 10px;
}
.splashStores a {
    display: inline-block;
    margin: 0;
}

.shop-ml-btn{display:none;}

.logoBar .columns.six{width:100%!important;}

.flex-viewport {
    max-height: 250px;
}

.heroDesc{padding:5px;}
.heroDesc h3 {
    font-size: 18px;
}
.heroDesc h4 {
    font-size: 16px;
    line-height: 20px;
}
.button{font-size:16px;}

#SubNav {
    margin: 0 auto;
    width: 95%;
}
#SubNav ul{
	background:none;
	height:auto;
	border-top:2px solid #000;
	border-bottom: 2px solid #000;
	}

.inputs label.error{
	margin-left:0;
	}

}





@media only screen 
and (min-width : 480px) 
and (max-width : 600px) {
	 .HeaderCallouts{display:none;}
	 
	.mobileShowNav .mainNav {height: 270px;}
	
	
	
	 a#mobileNav [class^="icon-"]:before, a#mobileNav [class*=" icon-"]:before { font-size: 3.5rem; } 
	 a#mobileNav {top: -55px;}
	
	#AlbumDetails img{width:75%; display:block; margin:0 auto;}
	.releaseInfo {width: 50%;}


	#SubNav .columns { margin: 0;}

	.discogGrid li{padding:5px; margin:0;}
	
	.picDate {
    font-size: 1.4rem;
    margin: 35px auto 15px;
    }
	#bigPic {
    height: 550px;
    }
	
	.banner p {
    font-size: 12px;
	}
	
	.banner { background: url("/wp-content/themes/BlueRodeoMasseyHall/img/template/banner.jpg") repeat-x scroll left top; height:208px;  }
	.home .flexslider .slides li img { width: 120px;	}
	.banner h3 {font-size: 16px; padding-top: 10px; }
	.home .large-link {font-size: 1.4rem; display:block; text-align:right;}
	.home-like-holder  .fb_iframe_widget, .home-like-holder  .fb_iframe_widget span, .home-like-holder  .fb_iframe_widget iframe[style]{width:100px!important;}
	
	

footer .footerContent {width: 100%; text-align:left;}
footer p {margin: 0;}
a.poweredBy.right {margin: 0 0 5px 0;}	

label.error{margin:5px 0 15px 158px; width:200px!important;}



.flex-viewport {
    max-height: 300px;
}

/** header styles ****/
.shop-ml-btn{display:none;}
.logoBar .columns.six{width:100%!important; }
	}

@media only screen 
and (min-width : 601px) 
and (max-width : 800px) {
	 a#mobileNav [class^="icon-"]:before, a#mobileNav [class*=" icon-"]:before { font-size: 3.5rem; } 
	 a#mobileNav {top: -60px;}
	 
	
	.columns.eight.negMargin{width:100%!important;}
	.HeaderCallouts{float:left;}
	
	.banner {background: url("/wp-content/themes/BlueRodeoMasseyHall/img/template/banner.jpg") repeat-x scroll left top;}
	
	

footer .footerContent {width: 100%; text-align:left;}
footer p {margin: 0;}
a.poweredBy.right {margin: 0 0 5px 0;}
	
	}

@media only screen 
and (min-width : 768px) 
and (max-width : 800px) {

.adapt-headlines{
	width:50%;
	float:left;
	overflow:hidden;
	}

.adapt-tourdates{
	width:50%;
	float:left;
	overflow:hidden;
	}


.footerContent .columns.nine{width:75%; float:left;}
footer p {margin: 0 0 15px 0;}
a.poweredBy.right {margin: 15px 0;}
.footerContent .columns.three{width:25%; float:left; overflow: hidden;}

.home-like-holder .fb_iframe_widget iframe{width:200px !important;}
.fb-like.right{width:100px !important;}

#SubNav{text-align:center;}
#SubNav .columns{margin:0;}
.discogGrid li{
	margin: 0;
    padding: 5px;
	}
.discogGrid .six-on-small {
    float: left !important;
    width: 25%;
}

#AlbumDetails img{width:50%; margin:0 auto; display:block;}
#mainContent{min-height:548px; margin:0;}

div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label {
    width: 250px;
}
.inputs label.error {
    margin-left: 265px;
}



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

@media only screen 
and (min-width : 1024px) 
and (max-width : 1115px) {
	
	.row, footer .footerContent{width:100%;}
	[class^="icon-"]::before, [class*=" icon-"]::before{font-size:15px;}
	.logoBar a{font-size:13px;}
	}
	
/**Fixing the giant gap under main banner**/

@media only screen and (min-width : 1367px) and (max-width : 1600px) {
	
#mainContent {
    margin-top: 320px;
}

	}

@media only screen and (min-width : 1200px) and (max-width : 1366px) {
	
#mainContent {
    margin-top: 280px;
}

	}

@media only screen and (min-width : 1000px) and (max-width : 1199px) {
	
#mainContent {
    margin-top: 230px;
}

	}