/* THEME STRUCTURE MODS */


/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
	body{overflow: hidden;} 

	/* POSITIONING FOR SLIDE EFFECTS */
	#section-header, #section-content{
		position: relative;
		}
		#section-header > div,
		#section-content > div{
			position: absolute;
			top: 0;
			}

	.bgslide_caption{max-width: 30%;}
}

/* Tablets & Desktops */
/* and (orientation: portrait) */
@media only screen and (min-width: 766px) and (max-width: 1280px) {

	/* Let's make the main content columns more usable on tablets */
	#primary{width: 33.33%; padding: 2rem 2rem 6rem 2rem;}
		#primary.five{width: 60%; padding: 2rem 2rem 6rem 2rem;}

		#primary.nine{width: 66.65%;}
		#primary.eleven{width: 66.65%;}
		#primary.sixteen{width: 100%;}		

		#secondary{
			font-size: 1.2rem;
			padding: 2rem 2rem 6rem 2rem;
			} /* width: 33.32% !important; */
			
		#secondary .post-title{font-style: 1.4rem;}
		#secondary .upw-image img{width: 30%;}

	/* This makes the grid modules more usable for tablets */
	.module.four, .module.eight, .module.one-third{width: 49.98% !important;}
	.module .module-title{font-size: 1.5rem; margin: 0 0 1rem;}
	.module .module-excerpt, .module .module-excerpt p{font-size: 1.3rem;}

}

/* Phones */
@media only screen and (max-width: 767px) {

	.bgslide_caption{max-width: 95%;}

	#section-header, #section-content{
		float: none;
		width: auto;
		}
	
	#page #section-header{width: 100%;}


	#bs0 .bgslide_caption{top: 7rem !important;}

	.widget-area{display: none;}

	#page #section-header #site-heading h1 {
	    height: 3rem !important;
	    margin: 1.5rem auto 0 !important;
		}

		.page #section-header .site-title{text-align: center;}

		#site-heading img{max-height: 100%;}
	#page #section-content{width: 100% !important;}

	#primary{width: 100% !important; height: auto; padding: 2rem; margin-top: 45%;}
		#page #primary.eleven{width: 100% !important;}	/* grid with sidebar */

	.site-title{font-size: 2.8rem; margin-top: 0.15rem !important;}
	.site-description{display: none;}
	#bs0 .bs-controls{display: none !important;}

	.bs-controls, .bs-controls-mouse{display: none !important;}
	.module .module-inner > a.module_hit_area{display: none !important;}

	html{overflow-y: auto;}	
	html .nicescroll-rails {display: none !important;}

	#section-sub-footer .left, #section-sub-footer .right {
	    float: left !important;
	    font-size: 1rem;
	    text-align: left;
		}
		#section-sub-footer .left{width: 49%; margin: 0.2rem 0 0.2rem 1%;}
		#section-sub-footer .right{width: 49%; text-align: right; margin: 0.2rem 1% 0.2rem 0;}
			#section-sub-footer .right li{float: right;}

	#superfish-menu { position: absolute; left: -9999px;} 	
	#responsive-nav { display: inline-block; } 

	#site-heading.left {margin-top: 0px;}

	#primary{width: 100%; height: auto; padding: 2rem; margin-top: 42%;}
		#page #primary.sixteen{width: 100%; margin-top: 0 !important;} 		
		#page #primary.eleven{width: 100%; margin-top: 0 !important;}		
		#primary.nine{width: 100%;}										
			#page #main {
			    height: auto !important;
			    /* display: inline; */
				}

	#section-footer, #section-sub-footer {
	    display: inline-block;
	    height: auto;
	    position: relative;
	    margin-bottom: -1rem;
		}
		html, body, #page, #section-content, .container, .sixteen, #primary, #secondary {
	    height: auto;
		}
		#section-sub-footer .menu-footer-menu-container{display: none;}
		#section-sub-footer ul.social li {margin-right: 2px;}

	.module.columns, .module.column{width: 50% !important;}
		.module-inner > a {display: none; visibility: hidden;}
		#primary-toggle {
		    bottom: 1.1rem;
		    left: auto;
		    position: fixed;
		    right: 1.9rem;
		    display: block;
			}
			.module-inner:focus > a, .module-inner:hover > a, .module-inner:active > a {display: block; visibility: visible;}
		.module.hover-text .module-content-inner{max-height: 80%;}

	.bgslide_caption {
	    top: 1rem;
    	max-width: 90%;
    	line-height: 1.3;
    	padding: 2rem;
    	font-size: 1.2rem;
		}
		.bgslide_caption .caption_header{font-size: 1.8rem;}
		.bgslide_caption .caption_description{font-size: 1.4rem;}

	/* TI - Added to fix scrolling on mobile devices */ 
	/* #section-content * {overflow: auto;} */
		
}

/* Portrait Phones */
@media only screen and (max-width: 767px) and (orientation: portrait) {
	#primary {margin-top: 70%;}
	.module.columns, .module.column {
		width: 100% !important;
		}
	#section-header{display: block !important;}
}




/* Under 1500 - for medium rez laptops & screens */
/*
@media only screen and (min-width: 1025px) and (max-width: 1500px) {

	#primary{width: 33%; padding: 2rem;}
		#primary.nine{width: 66%;}
		#primary.sixteen{width: 100%; margin-top: 0;}
		#primary.sixteen{width: 77.083%; margin-top: 0;}

		#page #primary.sixteen{width: 100%; margin-top: 0 !important;}
		#page #primary.eleven{width: 77.083%; margin-top: 0 !important;}

}
*/


/*  Under 1025 (iPad Portrait & Landscape) */
/*
@media only screen and (min-width: 1px) and (max-width: 767px) {

	#section-header, #section-content{
		float: none;
		width: auto;
		}

	.bs-controls, .bs-controls-mouse{display: none !important;}
	.module .module-inner > a{display: none !important;}
	#skeleton-container {
    margin-top: -0.4rem;
	}

	html{overflow-y: auto;}	
	html .nicescroll-rails {display: none !important;}

	#section-sub-footer .left, #section-sub-footer .right{clear: both; float: left !important; margin-bottom: 10px; text-align: left;}

	#superfish-menu { position: absolute; left: -9999px;} 	
	#responsive-nav { display: inline-block; } 

	#site-heading.left {margin-top: 0px;}

	#primary{width: 100%; height: auto; padding: 2rem; margin-top: 42%;}
		#page #primary.sixteen{width: 100%; margin-top: 0 !important;} 		
		#page #primary.eleven{width: 100%; margin-top: 0 !important;}		
		#primary.nine{width: 100%;}										
			#page #main {
			    height: auto !important;
			    display: inline;
				}

	#section-footer, #section-sub-footer {
	    display: inline-block;
	    height: auto;
	    position: relative;
	    margin-bottom: -1rem;
		}
		html, body, #page, #section-content, .container, .sixteen, #primary, #secondary {
	    height: auto;
		}

	.module.columns, .module.column{width: 50% !important;}
		.module-inner > a {display: none; visibility: hidden;}
		#primary-toggle {
		    bottom: 1.1rem;
		    left: auto;
		    position: fixed;
		    right: 1.9rem;
		    display: block;
			}
			.module-inner:focus > a, .module-inner:hover > a, .module-inner:active > a {display: block; visibility: visible;}
		.module.hover-text .module-content-inner{max-height: 80%;}

}
*/\