/*
Theme Name: Husbands For Hire
Description: This theme was created for Design the Planet Clients
Author: Design the Planet - Christi Yarema
Author URI: http://www.designtheplanet.com
Version: 05-2016
*/
/*
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
*/
@font-face { font-family: 'Mont'; src: url("fonts/montserrat-bold-webfont.eot"); src: url("fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-bold-webfont.woff2") format("woff2"), url("fonts/montserrat-bold-webfont.woff") format("woff"), url("fonts/montserrat-bold-webfont.ttf") format("truetype"), url("fonts/montserrat-bold-webfont.svg#montserratbold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Mont'; src: url("fonts/montserrat-regular-webfont.eot"); src: url("fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/montserrat-regular-webfont.woff2") format("woff2"), url("fonts/montserrat-regular-webfont.woff") format("woff"), url("fonts/montserrat-regular-webfont.ttf") format("truetype"), url("fonts/montserrat-regular-webfont.svg#montserratregular") format("svg"); font-weight: normal; font-style: normal; }
html { background: #4D4D4D; }

body { font-family: "Mont","Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; font-style: normal; font-size: 1.5em; line-height: 1.6; background: #f9f4f0; color: #808080; }
@media screen and (max-width: 767px) { body { padding-top: 197px; } }
@media screen and (max-width: 600px) { body { padding-top: 106px; } }

.container { position: relative; }

@media (min-width: 1280px) { .container { width: 1280px; max-width: 100%; } }
img { max-width: 100%; height: auto; }

a { color: #002380; -webkit-transition: all .3s ease; transition: all .3s ease; }
a:hover { text-decoration: none; color: #BE0012; }

h1, h2, h3, h4, h5, h6 { color: #666666; }

@media screen and (min-width: 768px) { #responsive-menu, #click-menu { position: absolute !important; } }

@media screen and (max-width: 767px) { #click-menu { top: 37px !important; } }

/* ================== HEADER STYLES================== */
header.mobile { display: none; width: 100%; position: relative; background: url(images/headerBkg.jpg) center top repeat-x; }
@media screen and (max-width: 991px) { header.mobile { display: block; height: 190px; } }
@media screen and (max-width: 767px) { header.mobile { height: 197px; position: fixed; top: 0; left: 0; z-index: 99; } }
@media screen and (max-width: 600px) { header.mobile { height: 106px; } }
@media screen and (max-width: 600px) { header.mobile .mobileLogo { max-height: 120px; } }
header.mobile .callNow { width: 100%; text-align: center; font-size: 20px; font-weight: bold; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#910009+3,be0012+51,910009+95 */ background: #BE0012; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #910009 3%, #be0012 51%, #910009 95%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #910009 3%, #be0012 51%, #910009 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#910009', endColorstr='#910009',GradientType=0 ); /* IE6-9 */ }

header { width: 100%; position: relative; background: url(images/headerBkg.jpg) center top repeat-x; height: 240px; }
@media screen and (min-width: 1200px) and (max-width: 1280px) { header { height: 214px; } }
@media screen and (max-width: 1200px) { header { height: 170px; } }
@media screen and (max-width: 991px) { header { display: none; } }
header h1 { margin: 0; padding: 0; list-style: none; position: relative; z-index: 100; }
header #logo { margin: 0 auto; display: block; text-align: center; }
header .tagline { position: absolute; bottom: 30px; width: 100%; text-align: center; left: 0; z-index: 101; }
@media screen and (max-width: 1280px) { header .tagline { display: none; } }
header .tagline h4, header .tagline h5 { font-weight: normal; color: #000; }
header .tagline h4 { font-size: 20px; text-transform: uppercase; }
header .tagline h5 { font-size: 14px; }
header h2 { margin: 0; padding: 0; list-style: none; font-weight: bold; font-size: 50px; color: #BE0012; text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff; letter-spacing: .05em; }
@media screen and (min-width: 1200px) and (max-width: 1280px) { header h2 { font-size: 42px; } }
@media screen and (max-width: 1200px) { header h2 { font-size: 37px; } }
header h2 span { font-weight: normal; font-size: 22px; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; letter-spacing: .03em; text-shadow: none; }
header .socialIcons { float: right; }
header .socialIcons ul { margin: 0; padding: 0; list-style: none; }
header .socialIcons li { float: left; margin: 20px 0 0 25px; }
header .socialIcons a { display: block; }
header .socialIcons img { width: 55px; height: auto; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; }
@media screen and (max-width: 1280px) { header .socialIcons img { width: 45px; } }
header .socialIcons img:hover { opacity: .7; }
header nav { clear: both; position: absolute; bottom: 47px; left: 15px; z-index: 100; }
@media screen and (max-width: 1280px) { header nav { bottom: 30px; } }
@media screen and (max-width: 991px) { header nav { display: none; } }
header nav ul { margin: 0; padding: 0; list-style: none; }
header nav li { float: left; font-size: 28px; text-transform: uppercase; letter-spacing: .05em; }
@media screen and (min-width: 1200px) and (max-width: 1280px) { header nav li { font-size: 25px; } }
@media screen and (max-width: 1200px) { header nav li { font-size: 20px; } }
header nav a { color: #fff; padding: 5px 40px 5px 0; }
@media screen and (min-width: 1200px) and (max-width: 1280px) { header nav a { padding-right: 30px; } }
@media screen and (max-width: 1200px) { header nav a { padding-right: 37px; } }
header nav a:hover, header nav a:focus { color: #BE0012; }
header nav.rightNav { right: 15px; left: auto; }
header nav.rightNav a { color: #fff; padding: 5px 0px 5px 45px; }
@media screen and (min-width: 1200px) and (max-width: 1280px) { header nav.rightNav a { padding-left: 30px; } }
@media screen and (max-width: 1200px) { header nav.rightNav a { padding-left: 40px; } }
header nav.rightNav a:hover, header nav.rightNav a:focus { color: #BE0012; }
header .col-md-4 { height: 240px; }
@media screen and (min-width: 1200px) and (max-width: 1280px) { header .col-md-4 { height: 214px; } }
@media screen and (max-width: 1200px) { header .col-md-4 { height: 170px; } }
header .col-md-4.logo { height: 324px; }
@media screen and (max-width: 1280px) { header .col-md-4.logo { height: 240px; } }

.woodTrim { width: 100%; height: 22px; background: url(images/woodTrim.png) 0 0 repeat-x; display: block; }
@media screen and (max-width: 767px) { .woodTrim { position: fixed; top: 196px; left: 0; z-index: 5; } }
@media screen and (max-width: 600px) { .woodTrim { top: 106px; } }

/* ================== HOMEPAGE STYLES================== */
.slider { background: pink; width: 100%; }

@media screen and (max-width: 767px) { .bodyWrap.home { padding-top: 40px; } }
@media screen and (max-width: 600px) { .bodyWrap.home { padding-top: 30px; } }
@media screen and (max-width: 767px) { .bodyWrap.home .royalSlider { display: none; } }
.bodyWrap.home .rsOverflow { position: absolute; top: 0; }
.bodyWrap.home .container { padding: 40px 15px; }
@media screen and (max-width: 600px) { .bodyWrap.home .container { padding: 0 15px; } }

.residential, .commercial { padding: 0 35px; }
@media screen and (max-width: 767px) { .residential, .commercial { padding: 0 15px; } }
.residential p, .commercial p { padding-right: 25px; }
.residential .thumbnails, .commercial .thumbnails { padding: 20px 40px 20px 0; }
.residential a, .commercial a { background: #BE0012; display: table; -webkit-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
.residential .serviceTitle, .commercial .serviceTitle { background: transparent !important; text-align: center; color: #666666; text-transform: uppercase; margin-top: 17px; display: block; -webkit-transition: color .4s ease; transition: color .4s ease; font-size: 16px; line-height: 1.4em; }
.residential .serviceTitle:hover, .commercial .serviceTitle:hover { color: #BE0012; }
.residential img, .commercial img { opacity: .4; background: #BE0012; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; }
.residential .thumbnails:hover img, .residential .thumbnails:hover .serviceTitle, .commercial .thumbnails:hover img, .commercial .thumbnails:hover .serviceTitle { opacity: 1; color: #BE0012; }

.commercial img, .commercial a { background: #f18d1e !important; }
.commercial .thumbnails:hover .serviceTitle { opacity: 1; color: #002380; }

#rc-imageselect, .g-recaptcha, .rc-anchor-normal { transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: scale(0.87) !important; -webkit-transform: scale(0.87) !important; }
@media screen and (max-width: 1280px) { #rc-imageselect, .g-recaptcha, .rc-anchor-normal { transform: scale(0.67); -webkit-transform: scale(0.67); } }
@media screen and (max-width: 991px) { #rc-imageselect, .g-recaptcha, .rc-anchor-normal { transform: scale(0.87); -webkit-transform: scale(0.87); } }

/* ================== PAGE STYLES================== */
.bodyWrap { width: 100%; position: relative; background: url(images/woodBkg.jpg) center top repeat-x; line-height: 2em; }
.bodyWrap .container { padding: 40px 15px; clear: both; }
.bodyWrap h1 { font-weight: bold; color: #BE0012; font-size: 40px; line-height: 1.4em; }
.bodyWrap h2 { font-weight: bold; color: #002380; font-size: 30px; line-height: 1.4em; }
.bodyWrap h3 { font-weight: normal; font-size: 24px; color: #002380; line-height: 1.4em; }
.bodyWrap h4 { font-weight: normal; font-size: 20px; color: #002380; }
.bodyWrap blockquote { font-family: "Georgia", "Times New Roman", serif; font-style: italic; border-left: 0; font-size: 20px; position: relative; margin: 0 25px; padding: 10px 30px; }
.bodyWrap blockquote:before { content: "\f10d"; font-family: "FontAwesome"; position: absolute; left: -20px; top: 5px; color: #808080; font-size: 28px; color: #bbb; }
.bodyWrap .pageContent .rsUni, .bodyWrap .pageContent .rsUni .rsOverflow, .bodyWrap .pageContent .rsUni .rsSlide, .bodyWrap .pageContent .rsUni .rsVideoFrameHolder, .bodyWrap .pageContent .rsUni .rsThumbs { background: #fff; }
.bodyWrap .pageContent .rsUni .rsGCaption { width: 100%; bottom: 0; left: 0; background: rgba(0, 35, 128, 0.83); }
.bodyWrap .pageContent .testimonialEntry { margin: 40px 0; }
.bodyWrap #gform_1 .gfield_label { display: none; }
.bodyWrap #gform_1 .gform_footer { margin: 0; padding: 0; }
.bodyWrap #gform_1 .gform_wrapper .top_label input.large, .bodyWrap #gform_1 textarea { border: 1px solid #bbb; width: 100% !important; }
.bodyWrap #gform_1 .top_label input.large { width: 100%; }
.bodyWrap #gform_1 .gform_footer input[type=submit] { background: #002380; width: 100%; color: #fff; text-align: center; padding: 5px 10px; border: 0; font-size: 18px; -webkit-transition: background .5s ease; transition: background .5s ease; }
.bodyWrap #gform_1 .gform_footer input[type=submit]:hover { background: #BE0012; }
.bodyWrap .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; }
.bodyWrap aside { padding-top: 40px; }
.bodyWrap aside h4 { color: #BE0012; }
.bodyWrap aside .widget { margin-bottom: 40px; }
.bodyWrap aside ul { margin: 0; padding: 0; list-style: none; margin-left: 10px; }
.bodyWrap aside ul li a { color: #808080; }
.bodyWrap aside ul li a:hover { color: #002380; }

.rc-anchor-normal { width: 245px !important; }

/* ================== FOOTER STYLES================== */
footer { clear: both; position: relative; background: #666666; color: #fff; padding: 30px 0 0px; color: #fff; }
footer h3 { color: #fff; }
footer h4 { color: #C6C6C6; font-size: 24px; margin-top: 0; }
footer h5 { font-size: 18px; color: #fff; }
footer a { color: #fff; }
footer .copyright { background: #4D4D4D; clear: both; position: relative; margin-top: 20px; color: #c6c6c6; font-size: .9em; text-align: center; }
footer .copyright a { color: #c6c6c6; }
footer .copyright a:hover { color: #BE0012; }
footer .copyright p { margin: 0; padding: 15px; }
footer .copyright span { padding: 0 5px; }
footer .license p { font-size: 15px; margin: 5px 0; line-height: 1.4em; }
footer .license h5 { margin-top: 20px; }
footer .license span { color: #C6C6C6; }
footer .testimonials p { font-size: 13px; }

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

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

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

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

/* =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 */