/* COLORS -
primary = [PRIMARY]
secondary = [SECONDARY]
tertiary = [TERTIARY]
*/

/* CSS Reset Changes */

/* html {background: url('/images/layout/site-bg.jpg') repeat-x} */

#eighty-one-red-bar {display: none;}

body {font-size: 100%; margin: 0 auto; font-family: 'Roboto Condensed', sans-serif;}

p, h1, h2, h3, h4, h5, h6, img, div, span, form, fieldset, label, legend {margin: 0px; padding: 0px; border: 0px; font-size: 1em;}
legend {display: none;}

/* Fonts -  1.375em = 22px / 1.25em = 20px / 1.125em = 18px / 1em = 16px 
.875em = 14px / .75em = 12px / .687em = 11px / .625em = 10px */

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Slab', serif;}

#dmg_main_wrapper {
	width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    }

.dmg_layout_container {width: 100%; max-width: 960px; margin: 0 auto; padding: 0; overflow: hidden;}


/* == Header ==================== */
.dmg_layout_header {width: 100%; max-width: 960px; height: 107px; margin: 0 auto; padding: 20px 0; box-sizing: border-box;}
#dmg_header_logo {float: left; position: absolute;}


/* == Mobile Responsive Menu
============================================================================ */
#dmg_advanced_nav {height: 2000px; font-size: 16px;}
#dmg_advanced_nav label { padding:0 0.25em; font:3.125em/1.375em Arial }
#dmg_advanced_nav .sub-nav label.toggle { font:2em/2em Arial; top:0;}
#dmg_advanced_nav label:hover { color:#ccc }
#main-nav-check, #dmg_advanced_nav .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
.toggle {margin: 20px 10px 0 0; position:relative; cursor:pointer; color: #333333; font-size: 60px; float: right; clear: right;}
.toggle.fa.fa-bars {font-size: 34px;}
#dmg_advanced_nav button.toggle {padding: 0; line-height: 50px;}
#dmg_advanced_nav > .toggle {height: auto;}
button.toggle {background: #222; border: 0;}
#dmg_advanced_nav .toggle {margin: 0; position:absolute; top: 55px; right:20px; cursor:pointer; color:#fff; font-size: 66px; float: none;}
#dmg_advanced_nav .toggle {position:absolute; top: 0; right:0; cursor:pointer; color:#fff; font-size: 66px; line-height: 1em;}
#dmg_advanced_nav, #dmg_advanced_nav .sub-nav { position:absolute; top:0; bottom:0; width:13.75em; background: #222; z-index:9999; right:-13.75em; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); transition:transform .25s ease;}
#dmg_advanced_nav ul { background:#222; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top: 1px solid #444; text-align: right;}
#dmg_advanced_nav li { border-bottom:1px solid #444 }
#dmg_advanced_nav li a { display:block; font-size:0.875em; padding-left: 1.5em; padding-right: 45px; color: #FFFFFF; text-decoration:none; text-align: left;}
#dmg_advanced_nav li a:hover, #dmg_advanced_nav .toggle-sub:hover { background:#333; color: #FFFFFF;}
#dmg_advanced_nav ul ul ul li a {text-align: left;}
#dmg_advanced_nav .sub-nav { margin-top:-1px }
#dmg_advanced_nav .sub-heading {margin-top:4.0625em; color:#999; border-top: 1px solid #444444; text-align: center; }
#dmg_advanced_nav .sub-heading span {width: 160px; padding: 8px 10px; line-height: 1.125em; display: table-cell; text-align: left;}
#dmg_advanced_nav .sub-nav .sub-heading label.toggle {display: table-cell; vertical-align: middle; position: relative; line-height: 1em;}
#dmg_advanced_nav .toggle-sub span {width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #FFFFFF; display: inline-block;}
#dmg_advanced_nav .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#222; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center;}
#main-nav-check:checked + #dmg_advanced_nav,
#dmg_advanced_nav .sub-nav-check:checked + [id$="_sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(-13.75em,0); -ms-transform:translate(-13.75em,0); transform:translate(-13.75em,0);
}

#dmg_advanced_nav li {width: 100%; display: table; border-collapse: collapse;}
#dmg_advanced_nav li a {width: 82%; padding: 0 10px; display: table-cell; line-height: 1.25em; height: 40px; vertical-align: middle; box-sizing: border-box;}
#dmg_advanced_nav label {display: table-cell; vertical-align: middle; margin-top: 0;}
#dmg_advanced_nav .toggle-sub {margin-top: 0; font-size: 0; width: 36px;}

	

/* == Desktop Responsive Menu Overrides
============================================================================ */
@media ( min-width:60em ) {
	#dmg_layout_nav {height: 0;}
	.toggle {display: none;}
	.toggle.fa.fa-bars {display: none;}
	#dmg_advanced_nav li {width: auto; display: block; border-collapse: collapse;}
	#dmg_advanced_nav li a {width: auto; display: block; box-sizing: border-box;}
	
	#dmg_advanced_nav {width: 100%; max-width: 960px; margin: 0 auto 5px; clear: both; position: relative;} 
	#dmg_advanced_nav, #dmg_advanced_nav .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important }
	#dmg_advanced_nav, #dmg_advanced_nav .sub-nav { position:absolute; top:0; bottom:0; width:13.75em;z-index:9999; right: auto }
	#dmg_advanced_nav .sub-nav .sub-nav {border-left: 1px solid #005fa8;}
	#dmg_advanced_nav label, #dmg_advanced_nav .sub-nav, #dmg_advanced_nav .sub-heading{ display:none }
	#dmg_advanced_nav li a {font-size: 14px;}
	#dmg_advanced_nav #dmg_nav_top ul li a {background: #005fa8;}
	#dmg_advanced_nav #dmg_nav_top ul li a:hover, #dmg_advanced_nav #dmg_nav_top ul li:hover > a, #dmg_advanced_nav .toggle-sub:hover {background: #0072ca;}
	#dmg_advanced_nav #dmg_nav_top > li > a {line-height: 40px; padding: 0 15px; font-size: 18px; color: #929191; font-weight: 300; text-align: center; box-sizing: border-box;}
	#dmg_advanced_nav #dmg_nav_top > li > a:hover, #dmg_advanced_nav #dmg_nav_top > li:hover > a {background: #932B2B; color: #FFFFFF;}
	#dmg_advanced_nav #dmg_nav_top > li > .toggle-sub {float: right; display: none;}
	#dmg_advanced_nav {margin-top: 12px; left:auto; bottom:auto; height:0; width:100% }
	#dmg_advanced_nav .toggle-sub { display:inline-block; margin-top:-3.25em; margin-right:0.25em; border: 0; border-left:0; float: none; background:transparent}
	#dmg_advanced_nav ul ul .toggle-sub {background: #005fa8; height: 100%; margin-top:0; margin-right:0; padding: 0 1em; display: table-cell; height: 100%; vertical-align: middle;}
	#dmg_advanced_nav ul li:hover > label { color:#ccc }
	#dmg_advanced_nav .dmg_nav_wrapper > ul {background: none; border: 0; position:relative; z-index:1; margin-top: 25px; top: 0; right:0; margin-bottom: 0; line-height: 1em; display:inline-table; border-right:0; font-size: 14px; float: right;}
	#dmg_advanced_nav .dmg_nav_wrapper > ul > li {border-bottom: 0; text-align: center;}
	#dmg_advanced_nav li {border: 0;}
	#dmg_advanced_nav .dmg_nav_wrapper > ul > li > .toggle-sub {font: bold 1em/1em Arial; margin-top: -22px; width: 1.125em; margin-right: .5em;}
	#dmg_advanced_nav ul:after { content:""; clear:both; display:block }
	#dmg_advanced_nav ul li { float:left; position:relative; text-align:left; display: table; height: 100%;}
	#dmg_advanced_nav ul li a {padding:0.5em 3.75em 0.5em 1.5em; width: 100%}
	#dmg_advanced_nav ul li a:only-child { padding-right:1.5em }
	#dmg_advanced_nav ul li:hover > a { background:#333; transition:background-color .25s ease }
	#dmg_advanced_nav ul li:hover > label {background: #0072ca; transition:background-color .25s ease }
	#dmg_advanced_nav ul li:hover > ul { display:block }
	#dmg_advanced_nav ul ul {position:absolute; left:0; margin-left:-1px; border-top: 0;}
	#dmg_advanced_nav ul ul li { float:inherit; width:13.75em; }
	#dmg_advanced_nav ul ul li a { padding: 7px 5px; display: table-cell; vertical-align: middle; line-height: 1.5em;}
	#dmg_advanced_nav ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none }
	#dmg_advanced_nav ul .sub-nav {top:auto; bottom:auto; left:auto; width:auto; margin-top:0; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important; box-shadow: 3px 3px 8px #333333;}	
	#dmg_advanced_nav ul ul .sub-nav { float:left; top:0; left: 192px; margin-left:0; margin-top:-1px }
	#dmg_advanced_nav ul .fly-left ul { left:-13.75em; margin-left:-2px }
	#dmg_advanced_nav ul .fly-left ul li { float:none }
	#dmg_advanced_nav ul .fly-left .toggle-sub { right:auto; left:0.5em; left:0.375em; padding-bottom:1px; border-right:1px solid #444; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }
	#dmg_nav_top > li > .toggle-sub span {width: 0; height: 0; margin: 4px 0 0; border-top: 8px solid #FFFFFF; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0; display: inline-block;}

		#dmg_nav_top ul li:first-child {border-bottom: 1px solid #0072ca;}
	#dmg_nav_top ul li + li {border-top: 1px solid #004c86; border-bottom: 1px solid #0072ca;}
	#dmg_nav_top ul .sub-heading + li {border-top: 0;}
	#dmg_nav_top ul li:last-child {border-bottom: 0;}
		
}

.dmg_gallery_wrap {width: 100%; max-width: 940px; margin: 0 auto 40px; overflow: hidden;}
.dmg_gallery_wrap div {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.dmg_gallery_wrap .gallery_large {width: 60%; padding-bottom: 55%; background-image: url(/images/layoutHanson/home-photo1.jpg); float: left;}
.dmg_gallery_wrap .gallery_small {width: 39%; padding-bottom: 17.65%; margin-left: 1%; float: left;}
.dmg_gallery_wrap .photo2 {background-image: url(/images/layoutHanson/home-photo2.jpg);}
.dmg_gallery_wrap .photo3 {margin: 1% 0 1% 1%; background-image: url(/images/layoutHanson/home-photo3.jpg);}
.dmg_gallery_wrap .photo4 {background-image: url(/images/layoutHanson/home-photo4.jpg);}


.dmg_homepage_intro {width: 100%; max-width: 820px; margin: 0 auto 40px; text-align: center; overflow: hidden;}
.dmg_homepage_intro h1 {margin: 0 0 20px; text-transform: uppercase; font-size: 40px; color: #b8b8b8; font-weight: 300; line-height: 1.25em;}



/* == Internal ==================== */
#dmg_layout_internal {width: 100%; max-width: 960px; min-height: 400px; padding: 15px; margin: 0 auto 20px; background: #FFFFFF; color: #333333; font-size: 16px; box-shadow: 0 0 6px #666666; overflow: hidden;}
#dmg_layout_internal h1 {color: #932b2b; margin-bottom: 10px; font-size: 34px; font-weight: 300}
#dmg_layout_internal h2 {color: #333333; font-size: 20px; }
#dmg_layout_internal h3 {color: #333333; font-size: 1.125em; }


.dmg_internal_custom p {padding-bottom: 8px; line-height: 1.5em;}
.dmg_internal_custom li {margin-bottom: 6px;}

.dmg_layout_internal_photo {padding: 5px; border: 1px solid [PRIMARY]; float: right;}
#dmg_layout_internal form table td {text-align: left;}


.dmg_affiliate_bar {padding: 20px 0 0; background: #f2f2f2}
.dmg_affiliate_bar .dmg_layout_container {display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.dmg_affiliate_bar img {margin: 0 30px 20px;}





/* == Footer ==================== */
#dmg_layout_footer {padding: 20px 0; background: #000000; color: #FFFFFF;}
#dmg_layout_footer .dmg_layout_contacts{ background: #000000; padding: 24px 10px 0;}
#dmg_layout_footer .dmg_layout_contacts .dmg_layout_container,
#dmg_layout_footer .dmg_layout_bottom-footer .dmg_layout_container,
#dmg_footer_content_bar .dmg_layout_container {width: 100%; max-width: 960px; margin: 0 auto; overflow: hidden;}
.dmg_layout_contacts .dmg_layout_container {padding-bottom: 25px; border-bottom: 1px solid #505050}


#dmg_footer_content_bar {background: #dddddd; color: #333333; padding: 15px 0; }
#dmg_footer_content_bar .dmg_layout_container {display: table;}d
#dmg_footer_content_bar .dmg_layout_container .dmg_holder_cell {display: table-cell; vertical-align: middle;}


#dmg_layout_footer .dmg_layout_logo-holder{float:left; width: 222px; background: #FFFFFF; padding: 0; text-align: center;}
#dmg_layout_footer .dmg_layout_logo { float: left; width: 222px; height: 58px; background: url(/images/layoutHanson/hanson-homes-logo-white.png) no-repeat;  text-indent: -9999px; overflow: hidden; position: static; box-shadow: none;}
#dmg_layout_footer .dmg_layout_logo a{ height: 100%; display: block;}
#dmg_layout_footer .dmg_layout_address-holder{width: auto; min-height: 110px; float: left; margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #505050; color: #ffffff;}
#dmg_layout_footer address,
#dmg_layout_footer .dmg_layout_tel{font-size: 14px; font-style: normal; line-height: 18px; margin: 0 0 3px; color: #ffffff;}

.dmg_layout_address-holder ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}

.dmg_layout_address-holder li {
	width: 33%;
	float: left;
		
}

.dmg_layout_address-holder h3 {
	margin: 0px 0px 5px 0px;
}

.dmg_layout_address-holder p {
	margin: 0px;
	line-height: 18px;
}

.dmg_layout_address-holder a {
	color: #ffffff;
}

.dmg_layout_address-holder a:hover {
	color: #e51937;
	text-decoration: none;
}

.dmg_layout_social{ padding: 0; float: right;}
.dmg_layout_social img {width: 32px; height: 32px; border: 0; margin-left: 7px;}

.dmg_layout_bottom-footer {
	padding: 20px 0;
}

#dmg_layout_footer .dmg_layout_tel {font-size: 14px;}

/*== Disclaimer ===================== */
#dmg_layout_disclaimer {color: white; width: 100%; max-width: 640px; margin: 0 auto; font-size: 14px; line-height: 18px; overflow: hidden; float: left;}
#dmg_layout_disclaimer a {color: #ffffff;}
#dmg_layout_disclaimer a:hover {text-decoration: none; color: #932b2b;}
#dmg_layout_associations {width: 56px; height: 28px; margin-right: 10px; font-size: 0; background: url('/shared/images/predesigns/footer/A/associations_w.png') no-repeat; float: left;}
#dmg_layout_associations a {width: 20px; height: 28px; text-decoration: underline; display: block; float: left;}
#dmg_layout_associations a + a {margin-left: 15px}
#dmg_layout_associations a:hover {text-decoration: none;}
#dmg_layout_disclaimer ul {margin: 0; padding: 0; list-style: none;}
#dmg_layout_disclaimer li {float: left; margin-right: 15px;}

/* == General ==================== */
a:link, a:active, a:visited {color: #932b2b;}
a:hover {color: #666666; text-decoration:none;}

.clearBoth {clear: both;}
.clearLeft {clear: left}
.clearRight {clear: right}

.floatRight {float: right !important;}
.floatLeft {float: left !important;}

.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}


/* == Desktop 
============================================================================ */
@media only screen and (max-width: 960px) {
  
}

/* == Tablet 
============================================================================ */
@media only screen and (max-width: 768px) {
	
	#dmg_layout_footer .dmg_layout_logo-holder {margin: 0 auto; float: none;}
	#dmg_layout_footer .dmg_layout_address-holder{width: 100%; margin: 10px auto 0; min-height: auto; padding: 0; border: 0; text-align: center; clear: both;}
	.dmg_layout_bottom-footer {padding: 15px 10px}
	.dmg_layout_social {width: 100%; text-align: center; margin: 10px auto; clear: both}
		   
}

/* == Phone Small 
============================================================================ */
@media only screen and (max-width: 480px) {
	.dmg_homepage_intro {width: 98%;}
	.dmg_homepage_intro h1 {font-size: 28px;}
	
	.dmg_gallery_wrap {width: 98%;}
	.dmg_gallery_wrap .gallery_large {width: 100%;}
	.dmg_gallery_wrap .gallery_small {width: 32%; margin: 10px 0 0;}
	.dmg_gallery_wrap .gallery_small.photo3 {margin: 10px 2% 0;}   
}