html {-ms-touch-action: manipulation;touch-action: manipulation;}
body { max-width:100%; overflow-x:hidden; margin:0; width:100%; }
#mainContainer { padding:0 !important; }
#scrollContainer { overflow-x:hidden; }
#mainWrap { width:100%; max-width:100%; }
#mastHead { width:100% !important; max-width:100%; height:auto; }
#mastHead #navContainer {width:96% !important; 
	padding:0 2% 0 !important;
	overflow:hidden;
	margin:0 !important;
}
#navContainer:not(.open-nav) { height:26px !important; }
	
/* Hide full size nav */
#navContainer > ul { display:none }
#mobileNav ul li { cursor:pointer; }

/* Set mobile nav */
#mobileNav {
	position:absolute; top:0px; left:0px; 
	width:96%; 
	padding-left:2% !important;
	padding-right:2% !important;
	display:block !important;
}
#m-primaryUL { height:auto; overflow-y:visible; }

/* Adjust contact overlay */
#contactOverlay { display:none; }
li { min-height:16px; height:auto !important; }

/* Adjust individual page containers */
div.pageWrapper { 
	width:96% !important; 
	padding-left:2% !important;
	padding-right:2% !important;
}
.pageWrapper .clearfix { background:none;/*#c9c9c9;*/ }
div.pageWrapper > div { width:100%; }

/* Column Adjustments */
/*.leftCol { display:none !important; }*/
.leftContentCol, .rightContentCol { width:100% !important; }
.leftContentCol, .rightContentCol { float:none !important; display:block !important; }
.leftContentCol img, .rightContentCol img { display:none; }
#content .rightCol {
	width:100% !important;
	float:none !important;
	display:block;
}
#content .rightCol img, #content .leftCol img {
	width:100% !important;
	height: auto;
}
#content .leftCol {
	width:100% !important;
	float:none !important;
	display:block;
	margin-bottom:20px;
}
#content h3, #content h2 {
	width:92% !important;
	padding-right:2% !important;
	padding-left:6% !important;
}
#content .twoColContainer { width:100% !important; }
#content .leftContentCol { margin-bottom:20px; } /* Add space where left and right col meet */
#content .rightCol { margin-top:10px; }

/*Hero Images*/
.homeHeroImage, .aboutHeroImage, .workHeroImage, .heroImage {
	display:none !important; height:0px; 
}
#portfolio_module img { width:100% !important; height:auto;}

/* Buttons */
.ctaBubble { width:100%; height:56px !important; padding:0 !important; }
.ctaBubble a { 
	width:100%; 
	background-image: url('../images/global/cta_background_m.jpg'); background-position:0 0 !important; 
}
.buttonUp { padding:0px 0 0px 0; margin:0 0 2px 0; }
.buttonUp span { height:14px; display:block !important; float:none !important; margin:8px 0 5px 0; }

/* Nav UL */
#mobileNav > ul.navUL { margin:0; float:none; }
#mobileNav ul.navUL{ width:100%; float:none !important; }
#m-primaryUL > li { width:100% !important;  }
#mobileNav ul li  > ul { margin-left:0 !important; margin-top:0px !important; }

/* Sub Item List Indent */
ul#m-primaryUL > li:first-letter { padding-left:3%; }
ul.navUL.secondUL > li:first-letter { padding-left:6% !important; }
ul.navUL.thirdUL > li:first-letter { padding-left:9% !important; }


/* Styling for selected nav item (each level has one when in deep) */
.active-btn { background: #191421 url(../images/nav/hamburger.png) right 5px no-repeat !important;
	 }


ul.m-primaryUL .active-btn { display:block; opacity:1 !important; }
ul.m-primaryUL li:not(.active-btn), ul.m-primaryUL:not(.open-menu) ~ ul li:not(.active-btn) { 
position:absolute; visibility:hidden; 
}
ul.m-primaryUL.open-menu li:last-child { margin-bottom:0; }
ul.m-primaryUL ul li.active-btn { position:absolute; top:0px; z-index:1000; }
ul.m-primaryUL:not(.open-menu) ul { position:absolute; top:0px !important; margin-top:0 !important; }
ul.navUL.open-menu li, .open-menu ul:not(.thirdUL) li { position:static !important; visibility:visible; }
ul.open-menu, ul.open-menu ul { background:#f0ecc7; }

/* Make nav menus layered */
ul.m-primaryUL { z-index:80; }
ul.secondUL { z-index:100; width:100%; margin-top: 5px; padding-top:2px; }
ul.secondUL > li { width:100% !important; }
ul.thirdUL { z-index:200; display:none; width:100%; margin-top: 5px; padding-top:2px; }
ul.thirdUL > li { width:100% !important; }
#mobileNav ul.thirdUL.selectedNav { display:block !important; }

/* Content Modules */
.contentModule { width:100%; float:none; display:block; background:#c9c9c9; margin-bottom:10px;}
.contentModule h1, h1.styleA, h1.styleB, h1.styleC { position:relative; height:22px;width:95%; padding-top:0px !important; padding-left:5% !important; }
h1.styleA > span, h1.styleB > span, h1.styleC > span{ line-height:22px; vertical-align:middle; height:22px; position:absolute; top:0px; bottom:26px; left:2%; margin:auto; }


/* Replace with mobile images*/
ul li:not(.active-btn) { background: url('../images/global/test_nav_mobile.jpg') top left repeat !important;}
h1.styleA { background: url('../images/global/m_module_header.png') no-repeat left bottom !important; }
h1.styleB { background: url('../images/global/m_module_header2.png') no-repeat left bottom !important; }
h1.styleC { background: url('../images/global/m_module_header3.png') no-repeat left bottom !important; }

.logoContainer {
	float:none !important;
	width:100% !important;
	background: url('../images/nav/m_logo_background.jpg') no-repeat right bottom !important;
	width:100% !important;
	height:148px !important;
	position:relative;
	overflow:visible !important;
	top:0px !important;
	display:block !important;
	-webkit-transition: height 1s ease-in-out, top 1s ease-in-out;
	-moz-transition: height 1s ease-in-out, top 1s ease-in-out;
	-ms-transition: height 1s ease-in-out, top 1s ease-in-out;
	-o-transition: height 1s ease-in-out, top 1s ease-in-out;
	transition: height 1s ease-in-out, top 1s ease-in-out; 
}
/* HIDE DESKTOP MOBILE LOGO */
#logoContainer { display:none !important; }
#logo_triangle { display:block !important; position:absolute; bottom:-27px; left:0px; height:27px; width:154px; }
#logo {
	opacity:1;
	transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}

/* Raise all pages that aren't home */
div.pageWrapper:not(.home) { padding:36px 0 180px 0 !important; }
div.pageWrapper.home { padding:27px 0 180px 0 !important; }
/* Remove top margin from specific pages with additional padding for hero */
.aboutContentWrap {
	margin:0 !important;
}

/* OPENING SECOND LEVEL WITH SKIP */
li.open > ul { display:block !important; }

/* TRUNCATE TEXT */
h3 {
	text-overflow:ellipsis;
	overflow:hidden;
	width:100%; 
	white-space:nowrap;
}

.isMobile {
	display:block !important;
}

/* CONTACT */
 #contactForm { width:100%; color:#000 !important; }
 #contactForm label { color:#000 !important; }
 #m-confirmation { display:none; }
 #m-contactForm label { color:#000; }
 #m-contactForm textArea { width:96%; }
 
 
 /* PAGE BACKGROUNDS */
 .pageBackgroundA {
	background: url(../images/global/back_extended_transparent.png) no-repeat -708px bottom;
 }
 
 #content p:last-child  { margin-bottom:30px; }