/*********************************************************
 *    Theme Name: cambiolabs 
 *        Author: Luis E. Carvajal Pichardo
 *   Description: Media queries Iphone 4, iphone 5 and ipad.
 *       Created: 01/04/2014
 *       Version: 1.0.
 * Support Email: lcarvajal.pichardo@hotmail.com
----------------------*/

.cols.unit-8{
	padding: 0 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}


.entry img{height: auto;max-width: 100% !important;}


/*grid system columns*/
	@media screen and (max-width: 960px){
			/*main-content*/
				.cols.unit-8{
					width:60%;
					width:calc(66% - .5em);
					padding: 0;
				}

			/*sidebar*/
				.cols.unit-4{
					width:30%;
					width:calc(33% - .5em);
				}
	}/*grid @media end*/

	@media screen and (max-width:480px){
		.cols.unit-8,.cols.unit-4{
			width: 100%;
		}
	}



/*wordpress content columns*/

	.one_half{
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
	}

	div.one_half img{
		max-width: 100%;
		height:auto;
	}
	

	@media screen and (max-width: 960px){

		.one_half{padding-right: 1em;}

		.aligncenter{padding:0 0 1em;}

	}/*@media end*/


	@media screen and (max-width: 480px){

		.one_half{padding-right: 0;}

	}/*@media end*/


/*****************
* @{ - Menu mobile top header
-----------------------------------*/
@media screen and (max-width:885px){
	.main-nav{display: none;}

	#mobile-menu {
		display:block!important;
	}	
	.main-nav {
		margin:0;
		padding:0;
	}
	.main-nav li {
		float:none;
		display:block;
		clear:both;
		margin:0;
		padding:0;
	}
	.main-nav li ul.sub-menu {
		display:block!important;
		clear:both;
		margin:0;
		padding:0;
		position:relative;	
	}
	





	
}/* @} End -> Menu mobile top header 
	-----------------------------------*/







@media (max-width: 480px) {  



	/*****************
	* @{ - Layout 
	-----------------------------------*/
	 .row-Content,
	 .wrapper .unit-8,
	 .wrapper .unit-12,
	 .wrapper .unit-4{
		 width:100%!important;
		 margin:0;
		 padding:0;
		 right:0;
	} 
	/*****************
	* @{ - End-> Layout  
	-----------------------------------*/
	
	
	/*****************
	* @{ - Unnecessary element  
	-----------------------------------*/
	
	.no-break,
 	.social-media-topNav,
	#broadwayGallery,
	.mod-socialMedia,
	.nomobiletext {
		display:none;	
	}
	/**
	* @} End -> Unnecessary element 
	-----------------------------------*/
	
	

	
	
	/*****************
	* @{ - Calendar  
	-----------------------------------*/
	 #ftcalendar-legend {
		 text-align:left;
	}
	.unit-4 #ftcalendar-div {
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	/**
	* @} End of Calendar.
	-----------------------------------*/
	
	
	/*****************
	* @{ - Post Home page   
	-----------------------------------*/
	.post-homePage {
		border-top:1px red solid;
		margin: 1.5em 0;
		padding: 1.5em;
		width:auto;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
	/**
	* @} End -> Post Home page .
	-----------------------------------*/
	
	/*****************
	* @{ - Top logo    
	-----------------------------------*/
	
	.broadway-chicago-logo {
		background:url(../images/site-logo-wide.png) no-repeat ;
		background-size: contain;
		width:250px;
		height:48px;
		margin:10px 0 0 15px;
		padding:0;
	}
	/**
	* @} End -> Top logo.
	-----------------------------------*/
	
	
	/*****************
	* @{ - Right rail     
	-----------------------------------*/
	.mod-right-rail {
		 width:100%;
		 text-align:center;
		 clear:both;
	}
	.mod-right-rail img {
		margin: 0 auto 0 auto;
		display: block;
		clear: both;
		max-width: 100%;
		height: auto;
	}
	
	/**
	* @} End -> Right rail .
	-----------------------------------*/	
}/*@media end of 480px*/



	
	
	/*****************
	* @{ - Footer  + specialOffers
	-----------------------------------*/

@media screen and (max-width:480px){

	/*  .footer-section {
		text-align:center;
	}
	.footer-section p{
	display: block;
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}

	.footer-section ul {
		display:none;
	}  */


	/* MOBILE FOOTER */



	.footer-section {
		margin: auto;
		text-align: center;	
	}

	.footer-section p {
		font-size: 12px;
		color:#999;
		margin: 20px 0 20px 0;
		padding:0;
	}

	.footer-section .broadway-chicago-logo {
		background: url("../images/sprit-logo.png") no-repeat scroll -412px -211px rgba(0, 0, 0, 0);
		display: block;
		height: 46px;
		margin: 0 0 0 0;
		text-indent: -99999px;
		width: 18%;
	}
	.footer-section ul {
		margin:0 1% 0 1%;
		padding:20px 0 20px 0;
		list-style:none;
		overflow:hidden;
		float:left;
		border-left:0px solid #ccc;
		text-align: center;	
	}
	.footer-section ul li  {
		clear:both;	
	}
	.footer-section ul li a  {
		font-size: 12px;
		color:#999;
		text-decoration:none;	
	}
	.footer-section ul li a:hover {
		color: #FFF;
	}



	/* MOBILE FOOTER */


	.footer-section .broadway-chicago-logo {
		margin:0 auto;
		width:127px;
		float:none;
	}
	
	.is_hide-desktop {
		display:block;
	} 



}



@media screen and (max-width:960px){


	/*mod-specialOffers  -----------------------------------*/	
	.mod-specialOffers,
	.showPage-mod-specialOffers{
		text-align:center;
		padding-bottom: 0;
	}
	.mod-specialOffers ul,
	.showPage-mod-specialOffers ul {
		padding:0;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
		background-color: #333;

		
	}
	.mod-specialOffers ul li,
	.showPage-mod-specialOffers ul li {
		display:block;
		width: 25%;
		margin: 0;
		padding:1em 1em .5em;
		height:auto;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}  
   
   
	.mod-specialOffers ul li img,
	.showPage-mod-specialOffers ul li img {
		display: block;
		max-width: 100%;
		height: auto;
	}
	


}









	/*** @} End of Footer + special offers
	-----------------------------------*/

	@media screen and (max-width: 600px){
		.mod-specialOffers ul li,
		.showPage-mod-specialOffers ul li{
		width: 50%;}
	}


a.see-all-shows{display: none;}
/*header 960*/
@media screen and (max-width: 960px){
		header{background-color:rgba(0,0,0,.4);}
		.homebanner{
			height:auto;
		}

		#broadwayGallery, 
		.mod-socialMedia,
		.social-media-topNav{
			display: none;
		}
		a.see-all-shows {
			text-align: center;
			width: 100%;
			display: block;
			font-size: 1.5em;
			text-decoration: none;
			padding: 0 0 1em;
		}

}/*header @media 960 end*/


/*homepage 960*/
	@media screen and (max-width:960px){
		.post-homePage p span.post-date{display: none;}

		/*content area*/
			.wrapper-Content{
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
				padding:0 1.5em;
			}

			.wrapper{
				width:100% !important;
				padding: 0;
				margin: 0;
			}

			.wrapper-Content .cols.unit-4 .mod-calendar,
			.wrapper-Content .cols.unit-4 .mod-right-rail{
				width: 100%;
			}

			.wrapper .unit-8 p,
			.wrapper .unit-8 h3 {
				padding: 0;
				width: 96%;
				margin: 0;
			}

			.sharelinks,.showblurb{
				display: none;
			}

		/*carousel*/
		
			.wrapper .carousel-content {
				width:100%;
			}
			
			.wrapper .carousel-content .carousel {
				width:80%;
			}
			
			.wrapper .carousel-content .btnNext {
				right:0;
			}
			.wrapper .carousel-content .btnPrevious {
				left:-13px;
			}
		
	}/*home @media 960 end*/

/*shows 960*/
	@media screen and (max-width:960px){
			.cols{width:100%;}
			/*show container*/
			.playbillsandwich{
				text-align: center;
				vertical-align: top;}


			.playbillsandwich>a{
				width: 32%;
				display:inline-block;
				/*float: left;*/
				vertical-align: top;
			}

			.playbillsandwich>a:nth-child(3n+4) {  
 				 clear:left;
			}


			.showthumbdiv{
				display:block;
				width:100%;
				-webkit-box-sizing: border-box; 
				-moz-box-sizing: border-box; 
				box-sizing: border-box;
				padding:0 1em 1em;
				min-height: 0;
			}

			.showthumb{
				width:100%;
				height:auto;}

			.showthumb img{
				display: block;
				width:100%;
			}
	}/*shows @media 480 end*/

	@media screen and (max-width:480px){
			
			.playbillsandwich>a{
				width: 48%;
			}

			.playbillsandwich>a:nth-child(3n+4) {  
 				 clear:none;
			}

			.playbillsandwich>a:nth-child(2n+3) {  
 				 clear:left;
			}


	}/*shows @media 480 end*/


	@media screen and (max-width:400px){
			
			.playbillsandwich>a{
				width: 100%;
			}

	}/*shows @media 400 end*/


/*shows + theatres*/

	@media screen and (max-width:960px){

		#hero{
			min-height: 0;
		}

		#hero-full{
			width: 100%;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}

		#hero-left{
			margin: 0;
			width: 66%;
			height:auto;		
		}

		#hero-right{
			width:33%;
			margin-right: 0;
			min-height:0;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}

		.show-link-content{
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			text-align: center;
		}
		.show-link-content li{
			float: none;
			width:42.5%;
			max-width: 10em;
			margin-right:5%;
			display: inline-block;
		}

		.show-link-content li a{
			margin: 0 10px 0 0;
			padding: 10px 5%;
			width: 100%;
			background-size: cover;

		}

	#sidebar-show-page{
			margin: 0 auto;
/*			width:100%;*/
			right:0;
			text-align: center;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}

		.show-highlights-content,.show-banner-content{
			display: inline-block;
			float: none;
			width: 100%;
			vertical-align: top;
			text-align: left;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		.show-highlights-content{margin-right: 2.5%;}
		.show-highlights-content p{padding-bottom:1em;}
		.show-banner-content ul{margin: 0 auto; float: none;}

		.show-highlights-content td{display:block;margin-right: .5em;}
		.show-highlights-content td:nth-child(2){color:#fff;padding:0 0 2em 0;}


		/*individual show page slider */

			div.DOP_ThumbnailGallery_Background[style],
			div.DOP_ThumbnailGallery_Container[style],
			div.DOP_ThumbnailGallery_ImageBg[style],
			#show-page #hero-left>a:first-of-type img{
				width: 100% !important;
			}

		/*individual show page slider end*/

	}/*show @media 960px end*/


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

		#hero,
		#hero-left,
		#hero-right{
			width: 100%;
			height:auto;
		}

		#hero-right{text-align: center;}

		.legend{
			width: 100%;
			display:block;
			text-align: center}
		.legend>.legend-available,
		.legend>.legend-unavailable{
			display: inline-block;
			float: none;}


	}/*show @media 768px end*/




/*theatre specific stuff*/
.comingSoonBox{
	position: relative;
	left:-15px;
	width:calc(100% + 30px);
}
	@media screen and (max-width: 1500px){

		.comingSoonBox {
			left:0;
			width: 100%;
			height: auto;
			padding: 1em .5em;
			text-align: center;
			background-size: cover;
			background-position: center center;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}

		.comingSoonBox a img{width: 100%;height: auto;}

		.comingSoonBox ul{
			width: 100%;
			display: inline-block;
			text-align: center;
		}

		.comingSoonBox ul li{
			float: none;
			display: inline-block;
		}
	}/*theatre @media 960 end*/


	ul#menu-plan-your-trip-sub-menu, 
	ul#menu-tickets-sub-menu, 
	ul#menu-about-bic-sub-menu{
		margin: 4.375em 0;
	}

/*gift certificates #post-131*/

		@media screen and (min-width:0){
			ul.img-grid,ul.img-grid *{
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			}


			ul.img-grid{list-style: none;margin: 0;padding: 0;text-align: center;}

			ul.img-grid li{display: inline-block;padding: 0;margin: 0;}

			ul.img-grid li a{display: inline-block;padding:0;margin: 0;}

			ul.img-grid img{}

		}/*gift @media 600 end */

		@media screen and (max-width: 590px){
			ul.img-grid li{width: 49%;}
			ul.img-grid img,ul.img-grid a{width: 100%;}	
		}

/*full width container*/


/*best available seats*/
@media screen and (max-width: 560px){

	#calendar-bestseats .month #ftcalendar-table tr td, 
	#calendar-bestseats .week #ftcalendar-table tr td {
		min-height: 44px !important;
		height: 44px !important;
	}

}
/*best available seats end*/

	.full_width{
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}

	.full_width img{max-width:100%;height: auto;margin:0 15px 7.5px 0;padding: 0;}


/* homepage put the sidebar on the top in mobile **********/
@media screen and (max-width: 766px){

	#homepage .cols.unit-8.left-rail-homePage{
		float:none !important;
		display:table-row-group !important;
		}

	#homepage .cols.unit-4{
		float:none !important;
		display:table-header-group !important;
		}
}

/* Ariel Archive Category Page Responsive CSS*/

@media screen and (max-width: 960px) {
    div.playbilldiv{
        width: 100% !important;
        }
}

@media screen and (max-width: 575px) {
    div.playbillsandwich>a {
        width: 48% !important;
        }
}

@media screen and (max-width: 400px) {
    div.playbillsandwich>a {
        width: 100% !important;
        }
}

/* Robert Single Show Page Responsive CSS*/

@media screen and (max-width: 768px){
#hero-left-arch{
width: 100%;
}
}


@media(min-width: 961px){
	.current-show-desk {
		display: none;
	} 
	.social-media-botNav {
		display: none;		 
	}
	.social-media-botNav-form {
		display: none;		 
	}
}

@media screen and (max-width: 961px){
	.current-show-mobile {
		display: none;
	} 

}