
/* THEME STRUCTURE MODS */

/* Over 1500 - for HUGE viewports */
@media only screen and (min-width: 1500px) {
	#page #section-content #primary.eleven.full-content {
	  width: 70.833%;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 2560px) {
	body{overflow: hidden;}
}


/* 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;} 		/* full width grid */
		#page #primary.eleven{width: 77%; margin-top: 0 !important;}	/* grid with sidebar */

	/* html #ascrail2000.nicescroll-rails div {margin-right: -1.2rem !important;} */
}


/*  Under 1025 (iPad Portrait & Landscape) */
@media only screen and (min-width: 1px) and (max-width: 1025px) {

	.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;}

	/* SUBFOOTER FLOAT REVERSALS */
	#section-sub-footer .left, #section-sub-footer .right{clear: both; float: left !important; margin-bottom: 10px; text-align: left;}

	/* NAV TOGGLE */
	#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;} 		/* full width grid */
		#page #primary.eleven, #page #primary.eleven.full-content{width: 100%; margin-top: 0 !important;}		/* grid with sidebar */
		#primary.nine{width: 100%;}											/* wide view main column */		
	/* #page #main {
	  display: inline-block;
	  height: auto !important;
	  position: relative !important;
	} */


	/* #section-footer, #section-sub-footer{display: none;} */
	#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{ display: none; position: fixed; bottom: 1rem; right: 1rem;} */
		#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: 95%;}

	.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;}

		/* Bug_Visual_Composer_Separater-ResponsiveTableElemenets */
		.vc_separator .vc_sep_holder {
		  width: 10% !important;
		}
		.vc_separator h4 {
		  text-align: center !important;
		  white-space: pre-wrap !important;
		  width: 80% !important;
		}

}

/* Under 767 (iPhone landscape, no iPads) */
@media only screen and (min-width: 1px) and (max-width: 767px) {
	#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;}
	#responsive-nav button {left: 90%;}
}

/* Under 490 (iPhone portrait) */
@media only screen and (min-width: 1px) and (max-width: 490px) {
	#responsive-nav button{left: 86%;}
	#primary {margin-top: 70%;}
	.module.columns, .module.column {
		width: 100% !important;
		}
	#section-header{display: block !important;}
}