/*
Theme Name: Jefferson Door
Description: This theme was created for Design the Planet / Brand Constructor Clients
Author: Design the Planet / Brand Constructors - Christi Yarema
Author URI: http://www.designtheplanet.com
Version: 06-2015
*/
/*
This site uses Sass to compile the css file. 
Please do not edit the style.css file itself. 
Style.scss should be updated to compile the css
*/
/*Calculate ems automatically based on pixel size + 16 is default*/
@font-face { font-family: 'Sofia'; src: url("fonts/SofiaProLight-webfont.eot"); src: url("fonts/SofiaProLight-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/SofiaProLight-webfont.woff2") format("woff2"), url("fonts/SofiaProLight-webfont.woff") format("woff"), url("fonts/SofiaProLight-webfont.ttf") format("truetype"), url("fonts/SofiaProLight-webfont.svg#sofia_prolight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Garamond'; src: url("fonts/ebgaramond12-regular-webfont.eot"); src: url("fonts/ebgaramond12-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ebgaramond12-regular-webfont.woff2") format("woff2"), url("fonts/ebgaramond12-regular-webfont.woff") format("woff"), url("fonts/ebgaramond12-regular-webfont.ttf") format("truetype"), url("fonts/ebgaramond12-regular-webfont.svg#eb_garamond12_regular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Garamond'; src: url("fonts/ebgaramond12-italic-webfont.eot"); src: url("fonts/ebgaramond12-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ebgaramond12-italic-webfont.woff2") format("woff2"), url("fonts/ebgaramond12-italic-webfont.woff") format("woff"), url("fonts/ebgaramond12-italic-webfont.ttf") format("truetype"), url("fonts/ebgaramond12-italic-webfont.svg#eb_garamond12_italic") format("svg"); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Garamond'; src: url("fonts/ebgaramond08-italic-webfont.eot"); src: url("fonts/ebgaramond08-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ebgaramond08-italic-webfont.woff2") format("woff2"), url("fonts/ebgaramond08-italic-webfont.woff") format("woff"), url("fonts/ebgaramond08-italic-webfont.ttf") format("truetype"), url("fonts/ebgaramond08-italic-webfont.svg#eb_garamond08_italic") format("svg"); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Garamond'; src: url("fonts/ebgaramond08-regular-webfont.eot"); src: url("fonts/ebgaramond08-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ebgaramond08-regular-webfont.woff2") format("woff2"), url("fonts/ebgaramond08-regular-webfont.woff") format("woff"), url("fonts/ebgaramond08-regular-webfont.ttf") format("truetype"), url("fonts/ebgaramond08-regular-webfont.svg#eb_garamond08_regular") format("svg"); font-weight: bold; font-style: normal; }
body { font-family: 'Sofia',Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 1.2777777778em; line-height: 1.6; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+6,fff0e2+39,ffffff+81 */ background: #ffffff; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 6%, #fff0e2 39%, #ffffff 81%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 6%, #fff0e2 39%, #ffffff 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }

.bkgImg { width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: -1; opacity: .5; }
@media screen and (max-width: 768px) { .bkgImg { display: none; } }

.container { position: relative; }

a { -webkit-transition: color .3s; transition: color .3s; outline: none !important; color: #fd9a2b; }
a:hover, a:focus { text-decoration: none; color: inherit; }

img { max-width: 100%; height: auto; }

#click-menu { border-radius: 50% !important; padding: 20px 17px !important; }
@media screen and (max-width: 600px) { #click-menu { top: 64px !important; } }

/* ================== HEADER STYLES================== */
header.main { width: 100%; position: relative; z-index: 1001; }
header.main h1 { margin: 0; padding: 0; list-style: none; }
header.main .container { width: 970px; }
header.main .container-fluid { padding: 0 7%; }
header.main nav { display: block; position: relative; width: 100%; padding: 0; background: url(images/pattern.png) 0 0 repeat #5a1400; height: 120px; clear: both; }
@media screen and (max-width: 1100px) { header.main nav { display: none; } }
header.main nav p { float: left; }
header.main nav .searchMailMap { position: absolute; right: 0; top: 40px; height: 120px; width: auto; z-index: 10000; margin-right: 30px; }
header.main nav .searchMailMap:before { width: 1px; height: 30%; background: #fff; content: ""; position: absolute; left: -15px; top: 0; }
header.main nav .searchMailMap #panel { display: none; position: absolute; top: 45px; right: -30px; width: 300px; height: auto; background: #fff; z-index: 100; padding: 20px; }
header.main nav .searchMailMap #panel input { margin: 0; padding: 0; list-style: none; }
header.main nav .searchMailMap #panel input#s { width: 78%; padding: 10px; font-size: 17px; height: 50px; }
header.main nav .searchMailMap #panel input#s:focus { outline: none; }
header.main nav .searchMailMap #panel input.submit { width: 20%; background: #fd9a2b; color: #fff; border: 0; -webkit-appearance: none; padding: 10px; font-size: 17px; height: 50px; position: relative; top: 3px; border-radius: 50%; }
header.main nav .searchMailMap #panel input.submit:focus, header.main nav .searchMailMap #panel input.submit:hover { outline: none; background: #5a1400; }
header.main nav .searchMailMap ul { margin: 0; padding: 0; list-style: none; }
header.main nav .searchMailMap li { float: left; display: block; width: auto; margin: 0 20px; margin: 0 10px; }
@media screen and (max-width: 1200px) { header.main nav .searchMailMap li { margin: 0 10px; } }
header.main nav .searchMailMap .fa-search { color: #fd9a2b; }
header.main nav .searchMailMap .fa-envelope-o { color: #fff; }
header.main nav .searchMailMap .headerMap { background: url(images/icons.png) -163px top; width: 35px; height: 35px; display: block; text-indent: -9999em; background-size: 200px 85px; }
header.main .productsList { width: 100%; background: #666; clear: both; display: none; -webkit-transition: opacity 2s; transition: opacity 2s; }
header.main .subNav { padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*.socialMedia {background: url(images/icons.png) 0 0 no-repeat; display: block;width: 30px; height: 30px; text-indent: -9999em;filter: hue-rotate(0);
	&:hover {filter: hue-rotate(180deg);}
	&.facebook {background-position: left top; background-size: 200px 90px;}
	&.houzz {background-position: -28px top; background-size: 200px 90px; width: 20px; height: 40px;}
	&.twitter{background-position: -50px top; background-size: 200px 90px;}
	&.instagram {background-position: -80px top; background-size: 200px 90px;}
}
*/ }
@media screen and (max-width: 1100px) { header.main .subNav { display: none; } }
header.main .subNav .phone { float: left; display: block; font-size: 24px; color: #fd9a2b; padding-left: 50px; }
header.main .subNav ul { margin: 0; padding: 0; list-style: none; float: right; display: block; margin: 20px; }
@media screen and (max-width: 1600px) { header.main .subNav ul { margin: 0 20px 0; } }
header.main .subNav ul li { float: left; padding: 20px; display: block; color: #5a1400; font-size: 16px; }
@media screen and (max-width: 1200px) { header.main .subNav ul li { padding: 15px; } }
header.main .subNav ul li.social { padding-top: 15px; }
header.main .subNav ul li a { color: #5a1400; }
header.main .subNav ul li a:hover, header.main .subNav ul li a:focus { color: #fd9a2b; }
header.main .subNav .fa-lg { font-size: 1.55em; }

#mega_main_menu.primary .mega_dropdown .widgettitle { display: none; }

#mega_main_menu .nav_logo .logo_link { padding: 0 50px !important; position: relative; padding: 0 30px !important; }
@media screen and (max-width: 1200px) { #mega_main_menu .nav_logo .logo_link { padding: 0 30px !important; } }
#mega_main_menu .nav_logo .logo_link:after { width: 1px; height: 30%; background: #fff; content: ""; position: absolute; right: 15px; top: 34%; }

#mega_main_menu .nav_logo > .logo_link > img { max-height: 57% !important; width: auto; }

#mega_main_menu > .menu_holder > .menu_inner > ul > li { margin: 0 10px; margin: 0px; }
@media screen and (max-width: 1200px) { #mega_main_menu > .menu_holder > .menu_inner > ul > li { margin: 0px; } }

#mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link:hover, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li:hover, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li a:hover { color: #fd9a2b !important; }

#mega_main_menu.primary .mega_dropdown { font-family: "Sofia" !important; font-size: 16px !important; color: #5a1400; text-transform: uppercase; }
#mega_main_menu.primary .mega_dropdown h3 { font-size: 16px; margin-top: 15px; }
#mega_main_menu.primary .mega_dropdown h3 img { margin-bottom: 15px; }
#mega_main_menu.primary .mega_dropdown a { color: #5a1400 !important; }

#mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link { padding: 0 14px; }

header.mobile { display: none; width: 100%; position: relative; z-index: 1001; }
@media screen and (max-width: 1100px) { header.mobile { display: inline-block; } }
header.mobile #logo { max-width: 100%; height: auto; margin: 2% 0 0 2%; }
@media screen and (max-width: 768px) { header.mobile #logo { max-width: 80%; margin-top: 4%; } }
header.mobile .topBar { margin: 0; padding: 0; list-style: none; background: url(images/pattern.png) 0 0 repeat #5a1400; padding: 10px; width: 100%; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
header.mobile .topBar li { text-transform: uppercase; font-size: 22px; text-align: center; }
@media screen and (max-width: 600px) { header.mobile .topBar li { font-size: 15px; padding: 0; } }
header.mobile .topBar .mapIcon { width: 43px; height: auto; }
@media screen and (max-width: 600px) { header.mobile .topBar .mapIcon { width: auto; height: 25px; } }
header.mobile .topBar .phoneIcon { width: 28px; height: auto; }
@media screen and (max-width: 600px) { header.mobile .topBar .phoneIcon { width: auto; height: 25px; } }
header.mobile .topBar .emailIcon { width: 54px; height: auto; }
@media screen and (max-width: 600px) { header.mobile .topBar .emailIcon { width: auto; height: 25px; } }
header.mobile .topBar a { color: #fff; }
header.mobile .topBar .fa-phone { color: #fd9a2b; }
header.mobile .topBar .social a { margin: 0 10px; }

/* ================== HOMEPAGE STYLES================== */
div.section { position: relative; background-color: #373B44; min-height: 700px; height: 100vh; }
@media screen and (max-width: 1100px) { div.section { height: 100%; } }
@media screen and (max-width: 600px) { div.section { min-height: inherit; } }
div.section#homeInfo { margin-top: -245px; }
@media screen and (max-width: 1600px) { div.section#homeInfo { margin-top: -204px; } }
@media screen and (max-width: 1100px) { div.section#homeInfo { margin-top: -100px; } }
div.section#homeInfo .gradientTop { width: 100%; height: 257px; position: absolute; left: 0; top: 0; z-index: 1; background: url(images/gradientOverlayTop.png) 0 0 repeat-x; }
@media screen and (max-width: 600px) { div.section#homeInfo .gradientTop { top: -50px; } }
div.section#homeInfo .gradientBottom { width: 100%; height: 226px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(images/gradientOverlay.png) -43px 0 repeat-x; }
@media screen and (max-width: 1600px) { div.section#homeInfo .gradientBottom { height: 140px; } }
div.section#homeInfo .container { z-index: 100; }
div.section#homeInfo .arrow { margin: 0 auto; display: block; width: 72px; height: auto; position: absolute; z-index: 100; bottom: 20px; left: 47.75%; }
@media screen and (max-width: 1600px) { div.section#homeInfo .arrow { bottom: 5px; } }
@media screen and (max-width: 1100px) { div.section#homeInfo .arrow { display: none; } }
div.section#homeInfo article.introText { background: rgba(255, 255, 255, 0.7); color: #5a1400; font-family: "Garamond", serif; font-weight: normal; padding: 50px 35px; text-align: center; z-index: 3; width: 50%; margin: 39vh auto 0 auto; z-index: 1000; /* Outline Out */ }
@media screen and (max-width: 1600px) { div.section#homeInfo article.introText { margin: 45vh auto 0 auto; width: 38%; padding: 20px 30px; } }
@media screen and (max-width: 1100px) { div.section#homeInfo article.introText { margin-top: 200px; width: 80%; clear: both; } }
@media screen and (max-width: 600px) { div.section#homeInfo article.introText { margin-top: 170px; width: 95%; clear: both; padding: 20px; margin-bottom: 40px; } }
div.section#homeInfo article.introText h2 { font-weight: normal; margin: 0; padding: 0; list-style: none; font-size: 20px; margin-bottom: 10px; letter-spacing: 1px; line-height: 1.4em; }
@media screen and (max-width: 1600px) { div.section#homeInfo article.introText h2 { font-size: 16px; margin-bottom: 0; } }
@media screen and (max-width: 600px) { div.section#homeInfo article.introText h2 { font-size: 18px; line-height: 22px; margin-bottom: 10px; } }
div.section#homeInfo article.introText .portfolioButton { background: #5a1400; color: #fff; padding: 10px 50px; text-transform: uppercase; font-family: "Sofia", sans-serif; font-size: 20px; -webkit-transition: background .3s; transition: background .3s; }
div.section#homeInfo article.introText .portfolioButton:hover, div.section#homeInfo article.introText .portfolioButton:focus { background: #fd9a2b; }
@media screen and (max-width: 1600px) { div.section#homeInfo article.introText .portfolioButton { font-size: 15px; } }
div.section#homeInfo article.introText .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; }
div.section#homeInfo article.introText .hvr-outline-out:before { content: ''; position: absolute; border: #603426 solid 2px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; }
div.section#homeInfo article.introText .hvr-outline-out:hover:before, div.section#homeInfo article.introText .hvr-outline-out:focus:before, div.section#homeInfo article.introText .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; border: #fd9a2b solid 2px; }
div.section.services { background: #fff; }
@media screen and (max-width: 1200px) { div.section.services { min-height: 300px; height: auto; } }
div.section.services .sectionWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; }
@media screen and (max-width: 1200px) { div.section.services .sectionWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; } }
div.section.services .sectionWrapper .serviceList { background: #666; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; z-index: 100; position: relative; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 1200px) { div.section.services .sectionWrapper .serviceList { height: auto; padding: 41px 0px; } }
@media screen and (max-width: 600px) { div.section.services .sectionWrapper .serviceList { background-image: none !important; padding: 0; } }
div.section.services .sectionWrapper .serviceList:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(255, 255, 255, 0.7); }
div.section.services .sectionWrapper .serviceList .gradientBottom { width: 100%; height: 226px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(images/gradientOverlay.png) 0 0 repeat-x; }
div.section.services .sectionWrapper .serviceList article { width: 75%; border: 2px solid #fd9a2b; padding: 25px; color: #fff; margin: 0 auto; z-index: 100; font-weight: normal; position: relative; }
@media screen and (max-width: 1400px) { div.section.services .sectionWrapper .serviceList article { width: 90%; } }
@media screen and (max-width: 1100px) { div.section.services .sectionWrapper .serviceList article { width: 80%; margin: 0 auto; } }
@media screen and (max-width: 600px) { div.section.services .sectionWrapper .serviceList article { width: 100%; border: none; background: #5a1400; } }
div.section.services .sectionWrapper .serviceList article span { background: #5a1400; display: block; width: 100%; height: 100%; padding: 40px; }
@media screen and (max-width: 600px) { div.section.services .sectionWrapper .serviceList article span { padding: 0; } }
div.section.services .sectionWrapper .serviceList article h3 { margin: 0; padding: 0; list-style: none; font-family: "Garamond"; font-weight: 100; letter-spacing: 1px; line-height: 1.5em; font-size: 20px; }
div.section.services .sectionWrapper .serviceList article ul { margin: 0; padding: 0; list-style: none; width: 40%; float: left; margin-left: 5%; margin-top: 20px; }
@media screen and (max-width: 1400px) { div.section.services .sectionWrapper .serviceList article ul { width: 100%; float: none; clear: both; margin-top: 0; } }
@media screen and (max-width: 1200px) { div.section.services .sectionWrapper .serviceList article ul { width: 40%; float: left; margin-left: 7%; margin-top: 20px; clear: none; } }
@media screen and (max-width: 992px) { div.section.services .sectionWrapper .serviceList article ul { width: 100%; float: none; clear: both; margin-top: 0; } }
div.section.services .sectionWrapper .serviceList article ul li { position: relative; padding-left: 30px; font-size: 20px; margin: 8px 0; }
div.section.services .sectionWrapper .serviceList article ul li a { color: #fff; -webkit-transition: color .2s; transition: color .2s; }
div.section.services .sectionWrapper .serviceList article ul li a:hover { color: #fd9a2b; }
div.section.services .sectionWrapper .serviceList article ul li a:hover:before { content: "\f178"; font-family: FontAwesome; position: absolute; left: 0; top: 0; color: #fd9a2b; }
div.section.services .sectionWrapper .featuredProject { background: #ccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0; }
@media screen and (max-width: 1200px) { div.section.services .sectionWrapper .featuredProject { height: auto; } }
div.section.services .sectionWrapper .featuredProject article { height: 50%; min-height: 350px; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 1200px) { div.section.services .sectionWrapper .featuredProject article { height: auto; min-height: inherit; padding: 50px 20px; } }
@media screen and (max-width: 600px) { div.section.services .sectionWrapper .featuredProject article { min-height: inherit; padding: 50px 20px; } }
div.section.services .sectionWrapper .featuredProject article.project:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(255, 215, 151, 0.6); }
div.section.services .sectionWrapper .featuredProject article div { background: rgba(255, 255, 255, 0.7); color: #5a1400; margin: 0 auto; text-align: center; width: 70%; position: relative; z-index: 1000; padding: 50px; font-family: "Garamond"; font-weight: normal; font-size: 20px; }
@media screen and (max-width: 600px) { div.section.services .sectionWrapper .featuredProject article div { background: transparent; width: 100%; padding: 0; } }
div.section.services .sectionWrapper .featuredProject article div p { margin-top: 30px; }
@media screen and (max-width: 600px) { div.section.services .sectionWrapper .featuredProject article div p { display: none; } }
div.section.services .sectionWrapper .featuredProject article div .brownBtn { background: #5a1400; font-family: "Sofia"; text-transform: uppercase; color: #fff; padding: 10px 20px 10px 50px; -webkit-transition: color .3s; transition: color .3s; position: relative; }
div.section.services .sectionWrapper .featuredProject article div .brownBtn.featured:before { content: ""; position: absolute; left: 17px; top: 9px; background: url(images/icons.png) -136px top no-repeat; width: 30px; height: 30px; background-size: 200px 90px; }
div.section.services .sectionWrapper .featuredProject article div .brownBtn.learning:before { content: ""; position: absolute; left: 17px; top: 9px; background: url(images/icons.png) -66px bottom no-repeat; width: 30px; height: 30px; background-size: 130px 50px; }
div.section.services .sectionWrapper .featuredProject article div .brownBtn:hover { color: #fd9a2b; }

.infoBoxes { text-align: center; color: #5a1400; margin: 30px 0; clear: both; font-family: "Garamond"; display: table; width: 100%; }
@media screen and (max-width: 600px) { .infoBoxes { margin: 0; } }
.infoBoxes article { min-height: 400px; padding: 30px 80px; position: relative; font-size: 19px; }
@media screen and (max-width: 600px) { .infoBoxes article { min-height: inherit; padding: 30px 15px; } }
.infoBoxes article.products { background: #fde1c4; }
.infoBoxes article.products:before, .infoBoxes article.products:after { content: ""; width: 1px; height: 80%; top: 10%; left: -20px; position: absolute; background: #fd9a2b; }
@media screen and (max-width: 1200px) { .infoBoxes article.products:before, .infoBoxes article.products:after { display: none; } }
.infoBoxes article.products:after { left: auto; right: -20px; }
.infoBoxes article ul { margin: 0; padding: 0; list-style: none; text-align: left; padding-top: 30px; margin: 0 auto; display: inline-block; }
@media screen and (max-width: 600px) { .infoBoxes article ul { display: none; } }
.infoBoxes article ul li { padding-left: 30px; position: relative; margin-bottom: 20px; }
.infoBoxes article ul li:before { content: ""; background: url(images/icons.png) -111px top no-repeat; background-size: 200px 90px; width: 22px; height: 35px; position: absolute; left: 0; top: -2px; }
.infoBoxes article a { font-size: 21px; color: #5a1400; -webkit-transition: color .3s; transition: color .3s; }
.infoBoxes article a:hover { color: #fd9a2b; }
.infoBoxes article p a, .infoBoxes article ul a { border-bottom: 1px solid #5a1400; -webkit-transition: color .3s, border-bottom .2s; transition: color .3s, border-bottom .2s; }
@media screen and (max-width: 600px) { .infoBoxes article p a, .infoBoxes article ul a { display: none; } }
.infoBoxes article p a:hover, .infoBoxes article ul a:hover { border-bottom: 1px solid #fd9a2b; }
.infoBoxes article p { padding: 30px 0 0; }
@media screen and (max-width: 600px) { .infoBoxes article p { display: none; } }
.infoBoxes h4 { text-transform: uppercase; font-family: "Sofia"; font-size: 33px; margin-top: 30px; }
.infoBoxes h4 a { color: #5a1400; font-size: 33px; }
@media screen and (max-width: 600px) { .infoBoxes h4 { margin-top: 0; } }
@media screen and (max-width: 600px) { .infoBoxes img { float: left; } }

/* ================== PAGE STYLES================== */
.bodyWrap { width: 100%; position: relative; }

article.pageContent { padding: 50px 0; font-family: "Garamond"; font-size: 1.25em; min-height: 700px; }
article.pageContent .ytc-promotion { opacity: 0; }
article.pageContent h1, article.pageContent h2, article.pageContent h3, article.pageContent h4, article.pageContent h5 { font-family: "Sofia"; text-transform: uppercase; margin-bottom: 15px; }
article.pageContent .content hr { margin: 40px 0; border-top: 1px solid #ccc; }
article.pageContent a { color: #fd9a2b; }
article.pageContent a.ytclink { color: #5a1400; }
article.pageContent a:hover, article.pageContent a:focus { color: #5a1400; }
article.pageContent h3 a { color: #5a1400; }
article.pageContent h3 a:hover { color: #fd9a2b; }
article.pageContent .ytclink:hover { color: #fd9a2b; }
article.pageContent.products { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0; }
@media screen and (max-width: 992px) { article.pageContent.products { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
article.pageContent.whiteBkg { background: rgba(255, 255, 255, 0.7); padding: 35px; margin-top: 35px; }
@media screen and (max-width: 768px) { article.pageContent.whiteBkg { padding: 10px; } }
article.pageContent .productFeatureImg { padding: 20px; border: 2px solid #fd9a2b; position: relative; z-index: 10; }
article.pageContent .productDescription { background: rgba(255, 255, 255, 0.7); color: #5a1400; padding: 50px 50px 50px 80px; left: -20px; position: relative; font-family: "Garamond"; font-size: 18px; }
@media screen and (max-width: 992px) { article.pageContent .productDescription { left: auto; padding: 30px; } }
article.pageContent .productDescription h1 { margin: 0; padding: 0; list-style: none; font-family: "Sofia"; text-transform: uppercase; font-size: 31px; margin-bottom: 30px; }
article.pageContent .projectsIntro { background: rgba(255, 255, 255, 0.7); color: #5a1400; font-family: "Garamond", serif; font-weight: normal; padding: 50px 30px; text-align: center; z-index: 3; width: 50%; margin: 00px auto 50px; z-index: 100; }
@media screen and (max-width: 1100px) { article.pageContent .projectsIntro { width: 80%; clear: both; } }
@media screen and (max-width: 600px) { article.pageContent .projectsIntro { width: 95%; clear: both; padding: 20px; } }
article.pageContent .projectsIntro h1 { font-family: "Sofia"; text-transform: uppercase; font-size: 32px; }
article.pageContent .projectsIntro p { font-size: 22px; }
article.pageContent .projectThumb { position: relative; overflow: hidden; margin: 15px 0; }
article.pageContent .projectThumb .projectWrap { padding: 0; overflow: hidden; position: relative; }
article.pageContent .projectThumb a { color: #fff; }
article.pageContent .projectThumb img { width: 100%; }
article.pageContent .projectThumb .info { position: absolute; bottom: 0px; z-index: 10; -webkit-transition: background .5s; transition: background .5s; background: rgba(0, 0, 0, 0.4); padding: 10px 15px; width: 100%; height: 34%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
article.pageContent .projectThumb .info h4 { text-transform: none; line-height: 1.3em; }
article.pageContent .projectThumb:hover .info { background: rgba(90, 20, 0, 0.8); }
article.pageContent #searchform { font-family: "Sofia"; }
article.pageContent #searchform input.field { padding: 9px; width: 20%; height: 50px; font-size: 18px; float: left; margin-right: 5px; border: 2px solid #ccc; }
article.pageContent #searchform input.submit { border: 0; -webkit-appearance: none; background: #fd9a2b; height: 50px; width: 50px; color: #fff; font-size: 15px; border: 1px solid #fd9a2b; border-radius: 50%; -webkit-transition: background .5s; transition: background .5s; }
article.pageContent #searchform input.submit:hover { background: #5a1400; }
article.pageContent aside { background: rgba(253, 154, 43, 0.3); position: relative; min-height: 600px; font-size: 1.2em; padding-bottom: 50px; }
@media screen and (max-width: 992px) { article.pageContent aside { min-height: initial; padding-top: 5px; padding-bottom: 20px; } }
article.pageContent aside h1 { font-size: 38px; color: #fff; margin-bottom: 20px; }
article.pageContent aside:after { content: ""; width: 1px; height: 100%; background: #fd9a2b; position: absolute; top: 0; right: -27px; }
article.pageContent aside hr { border-color: #5a1400; width: 60%; margin-top: 10px; }
article.pageContent aside img.aligncenter { margin-top: 0; }
article.pageContent aside p { margin: 0; padding: 0; list-style: none; }
article.pageContent aside a { color: #5a1400; }
article.pageContent aside a:hover { color: #fd9a2b; }
article.pageContent .content { margin-left: 40px; }
@media screen and (max-width: 768px) { article.pageContent .content { margin-left: 0; } }
article.pageContent .gform_wrapper .gform_footer input.button, article.pageContent .gform_wrapper .gform_footer input[type=submit] { background: #5a1400; color: #fff; font-family: "Sofia"; border: 0; padding: 5px 10px 8px 10px; -webkit-transition: background .5s; transition: background .5s; }
article.pageContent .gform_wrapper .gform_footer input.button:hover, article.pageContent .gform_wrapper .gform_footer input.button:focus, article.pageContent .gform_wrapper .gform_footer input[type=submit]:hover, article.pageContent .gform_wrapper .gform_footer input[type=submit]:focus { background: #fd9a2b; }
article.pageContent .gform_wrapper input[type=email], article.pageContent .gform_wrapper input[type=number], article.pageContent .gform_wrapper input[type=password], article.pageContent .gform_wrapper input[type=tel], article.pageContent .gform_wrapper input[type=text], article.pageContent .gform_wrapper input[type=url] { padding: 4px 4px 0px; }
article.pageContent .gform_wrapper .top_label .gfield_label { margin-bottom: 0; }
article.pageContent .gform_wrapper label.gfield_label + div.ginput_container { margin-top: 0; }

/* ================== FOOTER STYLES================== */
footer { position: relative; position: relative; width: 100%; padding: 0; background: url(images/patternFooter.png) 0 0 repeat #5a1400; height: auto; clear: both; border-bottom: 8px solid #fd9a2b; padding: 50px 50px 20px 50px; color: #fff; }
footer .container { padding: 0; }
@media screen and (max-width: 992px) { footer .container { width: 100%; } }
@media screen and (max-width: 600px) { footer { padding: 20px; } }
footer img.footerLogo { margin: 0 auto; display: block; max-width: 100%; height: auto; margin-bottom: 20px; }
footer ul { margin: 0; padding: 0; list-style: none; margin: 20px 0; }
@media screen and (max-width: 992px) { footer ul { display: none; } }
footer ul li { float: left; text-transform: uppercase; font-size: 16px; }
footer ul a { color: #fd9a2b; padding: 10px 30px 10px 0; }
@media screen and (min-width: 1200px) { footer ul a { padding-right: 75px; } }
footer ul a:hover { color: #fff; }
footer .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
@media screen and (max-width: 992px) { footer .info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } }
footer .info .item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
@media screen and (max-width: 992px) { footer .info { text-align: center; } }
footer .address { font-size: 23px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
footer .address a { color: #fff; line-height: 50px; }
footer .address a:hover, footer .address a:focus { color: #fd9a2b; }
footer .hours { font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
footer .phoneNumber { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
footer .phoneNumber h5 { color: #fd9a2b; font-size: 26px; font-weight: normal; }
footer .copyright { opacity: .7; margin-top: 20px; clear: both; float: left; }
@media screen and (max-width: 992px) { footer .copyright { text-align: center; width: 100%; } }
footer .copyright a { color: #fff; }
footer .copyright a:hover { color: #fd9a2b; }

/* STYLE FORM PLACEHOLDER TEXT */
::-webkit-input-placeholder { color: #666; }

:-moz-placeholder { color: #666; }

::-moz-placeholder { color: #666; }

:-ms-input-placeholder { color: #666; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* DO NOT EDIT THIS */
/* THESE ARE USELESS */
/* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */

/*# sourceMappingURL=style.css.map */