/*
Theme Name: V and H Construction
Theme URI: http://www.vandh.net/
Author: Mannix Marketing
*/


/* Reset --------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* End Reset */

.clear {clear:both;	display: block;}
strong, b {	font-weight:bold;}
em, i {font-style:italic;}
sup, sub {vertical-align: super; font-size:smaller; line-height:16px; }
input, select {-webkit-appearance: none;}


/* Headers --------------------------------------------------------------*/
h1, h2, h3, h3, h4, h5, h6 {color:#004569; font-weight:700;  line-height:1em;}
h1 {font-size:34px;	margin-bottom:30px;}
h2 {font-size:28px; margin-bottom:16px;}
h3 {font-size:22px;	margin-bottom:16px;}
h4 {font-size:18px;	margin-bottom:16px;}
h5 {font-size:16px;	margin-bottom:5px;}
h6 {font-size:16px;	margin-bottom:5px;}
.headercenter {text-align:center;}
p {margin-bottom:1em}

td {padding:5px 2%;}
tr {border-bottom: 1px dotted #004569;}

/* =WordPress Core --------------------------------------------------------------*/
.alignnone {margin:0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignleft {float:left;	margin:0 3% 10px 0;}
.alignright {float:right; margin:0 0 10px 2%; text-align:right;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right; margin: 5px 0 10px 2%;}
a img.alignnone {margin: 5px 2% 10px 0;}
a img.alignleft {float: left; margin: 5px 2% 10px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption { border:1px solid #f0f0f0; max-width:96%; padding:15px 1% 10px; text-align:center; background:#f7f7f7;}
.productinfo  .wp-caption {background:#fff;}
.wp-caption.alignnone {margin: 5px 2% 20px 0;}
.wp-caption.alignleft {margin: 5px 2% 20px 0;}
.wp-caption.alignright {margin: 5px 0 2% 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 1% 5px;}
a[href^=tel] {cursor: pointer;} 
img {line-height:0!important;}

.container {width:100%; font-size:17px; line-height:28px;  font-family: 'Lato', sans-serif; color:#004569; }
.fullwidth {width:100%;}
.col1 {width:90%; margin:0 auto;}
.col2 {width:49%; float:left;}
.col2:nth-child(odd) {float:right;}
.col2_3 {width:66%; float:left;}
.col3_3 {width:30%; float:right;}
.col3 {width:29.3%; float:left; margin-right:6%;}
.col3:last-child {margin-right:0;}
.col4 {width:20.8%; padding:0 2%; float:left;}

a:hover { transition:0.5s ease;}

.headertopbg {background:#dce4f1; color:#000;}
.phone {width:280px; float:left;  padding: 10px 0;  position:relative; margin-left:26px;}
.phone a { color:#000; text-decoration:none;}
.phone:before {content:' '; background:url(img/icon-phone.png) no-repeat; width:22px; height:22px; position:absolute; top:11px; margin-left:-26px; }
.tagline { width:600px; float:right; font-size:16px; margin: 9px 0 0 0; }

.headermiddle { background:rgba(0,0,0,.8);  z-index:2; position:absolute; top:0; width:100%;}
.page-template-template-landing .headermiddle, .single-work .headermiddle {position:relative; }
.logo { float:left; margin:15px 0; width:225px;}
.logo img {width:100%; height:auto;}


.blackbg {background:url(img/bg-grey.png) repeat; padding:40px 0;}
.herotext {text-align:center;}
.herotext h1 {font-size:40px; color:#fff; line-height:40px; margin-bottom:10px;  text-transform:uppercase; font-weight:400; font-style:normal;}
.herotext p {margin-bottom:0;  color:#fff; font-size:24px; font-weight:300; font-style:italic;}

.headerbottomwrap {position:relative;}
.featured {line-height:0; width:100%;}
.featured img {width:100%; height:auto;}

.hpourwork { border-bottom:#6d6d6d 1px solid; padding:50px 0; margin-bottom:50px; text-align:center;  }
.hpourwork #soliloquy-container-36 { margin-bottom:25px!important; }

.hpquotes { color:#fff; font-style:italic; position:relative;  text-indent: 49px; font-size: 19px; line-height: 30px; margin: 50px 0 10px 0}
.hpquotes:before {content:' '; background:url(img/icon-quote.png) no-repeat; width:49px; height:34px; position:absolute; top:-14px; margin-left:-50px; }
.callestimate {background:#1e3a59; padding:40px 2%; width:96%; color:#fff; text-align:center; font-size:21px; font-weight:300; font-style:italic;}
.callestimate a {text-decoration:none; color:#fff;}
.callestimate h3 {color:#fff; text-transform:uppercase; margin-bottom:15px; font-size: 40px; font-weight:400; font-style:normal;}
.callestimate .callestimatebutton {position:relative; padding: 13px 55px 13px 25px;}
.callestimate .gform_wrapper { max-width: 100%;}
.callestimatebutton:after {content:' '; background:url(img/icon-button-down-arrow.png) no-repeat; width:34px; height:33px; position:absolute; top:7px; margin-left:20px; }
.callestimatebutton:hover:after {background:url(img/icon-button-down-arrow-white.png) no-repeat;}

.homepageform { font-style:normal; font-size:18px;}
.homepageform .ginput_container input {border:0;}
.homepageform #field_2_2, .homepageform  #field_2_3, .homepageform #field_2_5, .homepageform #field_2_6 {width: 48.9%; display: inline-block; }
.homepageform #field_2_2, .homepageform #field_2_6 {margin-right:1.3%;}
.homepageform .gform_wrapper .ginput_complex input[type=text] { width: 98.6%; }
.homepageform .gform_wrapper .top_label .gfield_label {margin: 1em 0 0;}
.homepageform .gform_wrapper .ginput_complex label {margin: .188em 0 0;}
.homepageform .gform_wrapper textarea {border:0;}
.homepageform  #gform_submit_button_2 { margin: 0 auto; display: block; }
.homepageform .gform_wrapper div.validation_error { color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.homepageform .gform_wrapper .gfield_error .gfield_label {color: #fff;}
.homepageform li { vertical-align:top;}
.homepageform .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.homepageform .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #d3171d;}
.homepageform .gform_wrapper li.gfield_error input[type=email],
.homepageform .gform_wrapper li.gfield_error input[type=number],
.homepageform .gform_wrapper li.gfield_error input[type=password],
.homepageform .gform_wrapper li.gfield_error input[type=tel],
.homepageform .gform_wrapper li.gfield_error input[type=text],
.homepageform .gform_wrapper li.gfield_error input[type=url],
.homepageform .gform_wrapper li.gfield_error textarea { border: 2px solid #d3171d;}

.hpdirectionsbg {background:url(img/bg-map.jpg) no-repeat center; background-size:cover; padding:50px 0 30px 0;}
.hpdirections { margin:0 auto; width: 740px;}
.hpdirections img {margin:0 20px 0 0; float:left;}
.hpdirections strong {text-transform:uppercase; font-size:46px;}
.hpdirections .button {background:#fff;}

.hplogos { background:#e4e3e3; padding:20px 0; text-align:center;}

.contentwrap { background:#eae9e9;}
.content {padding-top:30px; padding-bottom:30px;}
.content a {color:#0080ff; text-decoration:underline;}
.content a:hover {color:#0176eb;}
.content ul {list-style:disc; margin:0 0 13px 20px;}
.content ol {list-style:decimal;  margin:0 0 13px 20px;}
.content img {max-width:100%; height:auto;}



ul.portfoliolanding {list-style:none; margin:25px 0;}
ul.portfoliolanding li {width: 31.3%; float: left; margin: 0 2% 25px 0;  line-height:0; }
ul.portfoliolanding li a {text-decoration:none;	color:#0080ff;	display: block; font-size: 20px; line-height: 21px; font-weight:bold;}
ul.portfoliolanding li .padding {padding:8px 5%; display:block; background:#fff;}
ul.portfoliolanding li:hover a .padding {text-decoration:none; color:#fff; background:#0080ff;}
ul.portfoliolanding li img {height:auto; width:100%;}
ul.portfoliolanding li .portfoliolandingtn {line-height: 0;}
ul.portfoliolanding li:nth-child(4n+3) {margin-right:0;}

/*NAV*/
nav.mainnav {float:right; }
nav.mainnav ul#menu-main-nav li, div.menu li {position:relative;}
nav.mainnav ul {text-align: center;  }
nav.mainnav ul li {	display: inline; float: none; position:relative;}
nav.mainnav ul li.menu-item-has-children a {  padding-right:27px;}
nav.mainnav ul li.menu-item-has-children > a:after {content:' '; background:url(img/icon-down-arrow.png) no-repeat; width:11px; height:7px; position:absolute;  top: 5px;   margin-left: 7px;}
nav.mainnav ul li a { display: inline-block; margin-right: -4px; text-decoration:none; text-transform: uppercase; color:#fff; font-size:19px; padding:54px 20px 52px 20px; font-weight:700;}

nav.mainnav ul li:last-child a {border:0;}
nav.mainnav li:hover > a {background:rgba(255,255,255,.2); transition:none;}

nav.mainnav ul li:hover > ul {	display: block; transition:none;}

nav.mainnav ul ul {display:none; padding:10px; position:absolute; float:none; z-index:99999; background:#000; min-width:255px; text-align:left; left:0;}
nav.mainnav ul ul li {text-align:left;}
nav.mainnav ul ul li a {padding:10px; display:block; border:0; text-transform:none;}

nav.mainnav ul li.current_page_item > a,
nav.mainnav ul li.current-menu-ancestor > a,
nav.mainnav ul li.current-menu-item > a,
nav.mainnav ul li.current-menu-parent > a {	background:rgba(255,255,255,.2);}


.button, .content .gform_wrapper input.gform_button {background:none; font-style:normal; color:#0080ff; font-size:20px; line-height:20px; text-decoration:none; text-align:center; padding: 13px 25px; border:0; display: inline-block; -webkit-appearance: none; cursor:pointer; border:2px solid #0080ff; text-transform:uppercase;}
.button:hover, .content .gform_wrapper input.gform_button:hover {background:#0080ff; color:#fff;}
.content a.button {text-decoration:none;}
.content a.button:hover {color:#fff;}

.worklinkswrap {border-top: 1px solid lightgray; border-bottom: 1px solid lightgray;}
.worklinkswrap ul { text-align:center; margin:0;}
.worklinkswrap li {display:inline; }
.worklinkswrap a {margin:10px 1%; display:inline-block; text-decoration:none;}
.worklinkswrap a:hover {text-decoration:underline;}
.worklinkswrap li.current_page_item a { background:#0080ff; color:#fff; padding:5px 10px;}

.footerbg  {background:#2a2a2a; padding:25px 0;}
.footernav {border-bottom:1px solid #666666; padding-bottom:20px; margin-bottom:20px;}
.footernav ul { text-align:center;}
.footernav li {display:inline; }
.footernav a {color:#fff; margin:10px 1%; display:inline-block; text-transform:uppercase; text-decoration:none;}
.footernav a:hover {text-decoration:underline;}
.footernav li.current_page_item a, .footernav li.current-page-ancestor a {color:#0080ff;}

.footerinfowrap { margin:0 auto; width:585px;}
.footerleft {float:left; margin-right:20px; width:150px;}
.footermiddle { width:415px; float:left; }
.footerlogo {width: 150px; height: auto;}
.footerlogo img {width:100%; height:auto;}
.footersocial { margin: 12px 0; width:100%; text-align:center;}
.footerinfo {color:#fff; font-size:15px; line-height:23px;}
.footerinfo a {color:#fff; text-decoration:none;}



.hplogos { text-align:center; }
.hplogos img {margin: 20px 25px; vertical-align: middle;}
.mannix {font-size:13px; color:#fff; line-height: 15px; margin-top:30px;}
.mannix a {color:#fff;}
.nowrap {white-space:nowrap;}

.sidebarform { background:#F9F9F9;}
.sidebarform  h3 {background: #0080ff; padding:15px 5%; width:90%; color:#fff; font-size:24px; line-height:25px; text-transform:uppercase;}
.sidebarform .gform_wrapper { margin: 0;  padding: 0 5%;}

.widecolumn {float:left; width:62%; padding:0 3% 0 0; }

.content .gform_wrapper .gform_footer { padding: 0; margin: 20px 0 20px 0; clear: both; text-align: left; }
.content .gform_wrapper input, .content .gform_wrapper textarea, .content .gform_wrapper select   {border:1px solid #c9c9c9; background:#fff; font-size:15px;}
.content textarea {width:96%;}
.content .gform_wrapper .ginput_complex input[type=text] { width: 97.4%;}

.content .gform_wrapper img {width:auto;}

.gform_wrapper div.validation_error {font-weight: bold; margin:15px 0 0 0; color:#D3171D; }
.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required,
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error,.validation_message,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required,
.gfield_description validation_message .gform_wrapper .top_label .gfield_description.validation_message,
.gform_wrapper .gfield_description.validation_message {
	margin: 3px 0!important;
	padding: 0!important;
	background:none!important;
	border:0!important;
	color:#D3171D!important;
}



@media only screen and (max-width: 1250px) {
nav.mainnav ul li a {font-size: 17px; padding: 54px 8px 52px 8px;}
}

@media only screen and (max-width: 1200px) {
.footerleft { float: none; margin: 0 0 20px 0;  width: 100%; text-align: center;}
.footerlogo { margin: 0 auto;}
.footermiddle {width: 100%; float: none; text-align: center;}
.footerright { float: none;  width: 100%; text-align: center; margin-bottom:25px;}
}

@media only screen and (max-width: 1025px) {
.col1 {width: 94%; padding-left: 3%; padding-right: 3%;}

.widecolumn {width:68%; padding-left:0; }
.narrowcolumn {width:29%; padding-right:0;}
.fullcolumn {width:100%; padding:0; }

nav.mainnav, .logo, .footernav {display:none;}
.tagline {display:none;}

#shiftnav-toggle-main { background: #000;  color: #eee; font-size: 30px;}
#shiftnav-toggle-main a {background:url(img/logo-vandh.png) no-repeat; text-indent:-10000px; width:120px; height:50px; background-size:contain; display:block; margin-left: 0px;}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before { float: right;}
#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-edge-right.shiftnav-toggle-main-entire-bar:before, .shiftnav-open-right #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before { padding: 15px 20px;}
#shiftnav-toggle-main .shiftnav-main-toggle-content { padding: 10px 20px;}
.shiftnav-menu-title {display:none;}
.shiftnav-nav { font-family: 'Lato', sans-serif;}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu { background: #000;  color: #fff;}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target { border-top-color: #333;}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {color: #fff; border-bottom: 1px solid #333; border-top: 1px solid #333; text-shadow: none;     font-size: 16px;}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu { color: #fff;  background: #2a2a2a;}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {background:#0080ff;}
#shiftnav-toggle-main:before {padding: 24px 10px;}
#shiftnav-toggle-main-button { color: #fff;}

iframe {width: 90%;padding: 0 5%;}
}

@media only screen and (max-width: 800px) {
	
.col4 { width:96%; float:none; text-align:center;}	
.col2, .col2:nth-child(odd) { width:100%; float:none; margin-bottom: 40px;}

.col3_3, .col2_3 { width: 100%; }

.hpdirections {width: 96%; text-align: center;}
.hpdirections img {margin: 0 0 20px 0; float: none;}

.widecolumn, .narrowcolumn {width:100%; border:0; padding:0; float:none;}
.narrowcolumn { padding-top:50px; margin-top: 30px;}
.narrowcolumn img {width:100%;}

.narrowcolumn .calltoactions {width:80%; float:none; margin:0 auto;}
.narrowcolumn .cta {width:48%; margin:0 auto; float:left;}
.narrowcolumn .cta:first-child {margin-right:4%;}

.container .gform_wrapper input.medium,
.container .gform_wrapper select.medium {width:99%!important;}
.homepageform #field_2_2, .homepageform #field_2_3, .homepageform #field_2_5, .homepageform #field_2_6 { width: 99%; display: block;}
}

@media only screen and (max-width: 700px) {
h1 {font-size: 29px;}
.herotext h1 { font-size: 32px; line-height: 34px;}
ul.portfoliolanding li {width: 49%; }
ul.portfoliolanding li:nth-child(4n+3) {margin-right:2%;}
ul.portfoliolanding li:nth-child(even) {margin-right:0;}
}


@media only screen and (max-width: 600px) {
.content .gform_wrapper .top_label input.medium,
.content .gform_wrapper .top_label select.medium {width: 99%;}
.hpquotes { line-height: 27px;}
.footerinfowrap {width: 96%;}
}

@media only screen and (max-width: 500px) {
.herotext h1 { font-size: 24px;  line-height: 26px;}
ul.portfoliolanding li {width: 100%; margin-right:0; }
ul.portfoliolanding li:nth-child(4n+3) {margin-right:0;}
.worklinkswrap { border-bottom:0;}
.worklinkswrap li {display:block; border-bottom: 1px solid lightgray; }
.worklinkswrap a {margin:7px 1%; display:block; }
}
@media only screen and (max-width: 400px) {
.hpdirections img  {width:100%; height:auto;}
}

@media only screen and (max-width: 350px) {
.phone {font-size: 15px;}
.phone:before {top: 13px;}
}