/* Therra Wood v1.0 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
html, body {font-size:13px;height:100%;}
html, body, h1, h2, h3, h4, h5, h6, p, ul, li, small { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;color:#666;}

.row {max-width: 87.692em;}
.top-bar {padding: 1rem;}
.top-bar .menu { margin-top: 90px; }
.top-bar .menu > li > a { color:#333; font-weight:600;text-transform:uppercase;font-size:1.1em; }
.top-bar .menu > li > a:hover { color:#7E1322; }
.top-bar .menu > li > a.borderme { border-left:1px solid #333;margin-left: 10px;padding-left:1.5rem; }
.top-bar .dropdown-pane { width: 100%; margin: 0 auto !important; left: 0% !important; right: 0% !important;background-color:rgb(200,200,200,1);border:0px none; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.top-bar .dropdown-pane .row { max-width: 75rem; margin: auto; }
.top-bar .dropdown-pane .product-nav { text-align:center;margin:1.5em 0;}
.top-bar .dropdown-pane .product-nav p { font-weight:600;color:#7E1322;margin:0;padding:0;text-transform:uppercase;padding:2px;background:#fff;}
.top-bar .dropdown-pane .product-nav p a { color:#7E1322;}

.product-listing { text-align:center;margin:1.5em 0;}
.product-listing p { font-weight:600;color:#7E1322;margin:0;padding:0;text-transform:uppercase;padding:2px;background:#fff;}
.product-listing p a { color:#7E1322;}

.product-header {margin:0 auto;text-align:center;border-bottom:1px solid #BBBBBB;display:block;}
.product-header h1 {font-size:2.5em;font-weight:600;position: relative;display: inline-block;padding-top:20px;}
.product-header h1:before{content: "";position: absolute; width: 80%; left: 10%;height: 3px;bottom: -9px;border-bottom: 3px solid #8C6C38;}

.section-header {margin:0 auto 3em auto;text-align:center;border-bottom:1px solid #BBBBBB;display:block;}
.section-header h3 {font-size:1.5em;font-weight:600;position: relative;display: inline-block;padding-top:50px;}
.section-header h3:before{content: "";position: absolute; width: 80%; left: 10%;height: 3px;bottom: -9px;border-bottom: 3px solid #8C6C38;}
p strong {color: #8C6C38;}

.content-padder {margin-top:40px;margin-bottom:40px;}
.box-padder-top {margin-top:40px;}
.box-padder-bottom {margin-bottom:40px;}
.box-padder-both {margin-bottom:40px;margin-top:40px;}
.prod-hilite h3 {color:#999;font-weight:600;}
.flexslider .slides li {position:relative;}
.flex-caption {position:absolute; left: 0; right:0; bottom: 30px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3);z-index:10000;width:100%;text-align: center;}
    .flex-caption .row {max-width: 87.692em;margin:0 auto;text-align: left;}
    .flex-caption .row h1, .flex-caption .row h4 {color:#fff;text-shadow:0px 0px 8px rgba(0,0,0,1);}
    .flex-caption .row h1 {font-size: 4rem;font-weight: 600;margin: 0;padding: 0;}
    .flex-caption .row h4 {margin: 0;padding: 0;}
.reference-list {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px;margin-top:50px;color:#8C6C38;}
.block-grid div.column {margin-bottom:40px;}
.subtle-bg {width: 100%; margin: 0 auto; background:#E8E8E8;padding-bottom:50px;}
.footer {width: 100%; margin: 0 auto; background:#292B2C;padding:40px 0;}
.footer a {color:#fff;}
.system-profile .name {color:#7E1322;font-weight:600;display:block;width:100%;padding:8px 0;text-transform:uppercase;}
.system-profile .measure {border-bottom:1px solid #ccc;display:block;width:100%;padding:4px 0;}
.system-color strong {color:#7E1322;font-weight:600;text-transform:uppercase;display:block;padding-top:5px;}
.features-content {padding:30px;background:#fff;}
#map {height: 250px;width:100%;}
.infographic {margin-top:50px;}
.infographic-header {border-right:1px solid #ccc;text-align:right;color: #8C6C38 !important;}
.infographic-header h1, .infographic-header h5 {color: #8C6C38 !important;}
.infographic-header h5 {line-height:0;}
.infographic p {font-size:0.85em;}

.no-js .top-bar {display: none;}

@media screen and (min-width: 40em) {
	.no-js .top-bar {display: block;}
	.no-js .title-bar {display: none;}
}

@media screen and (max-width: 40em) {
	.top-bar .menu { margin-top: 0px; }
	#therra-menu-mobile li {background:#E3E3E3;border-bottom:1px #ccc solid;}
	#therra-menu-mobile a {color:#333;font-weight:600;}	
	.title-bar {background: #e6e6e6;padding: 0.5rem;}
	.title-bar .menu-icon {margin-top: 1.5rem;}
	.section-header {margin:0 auto 2em auto;}
	.section-header h3 {padding-top:25px;}
	.box-padder-top {margin-top:20px;}
	.box-padder-bottom {margin-bottom:20px;}
	.box-padder-both {margin-bottom:20px;margin-top:20px;}
	.block-grid div.column {margin-bottom:20px;}
}