/*
Theme Name: Unicon Child Theme
Theme URI: http://themeforest.net/user/minti
Description: Unicon Child Theme for your Customizations.
Author: minti
Author URI: http://mintithemes.com
Template: unicon
Version: 1.1
*/

/*
+++++++++++++++++++++
COLORS
+++++++++++++++++++++

Dark Green			36563D
Bright Green		6BBE4A
Bright Pistachio	8EBB67
Pistachio			9DC98B
Cambridge			A3BA9B
Ash					C9D9C3
Onyx				3e4243
*/



/*#############################################  
#############################################  FONTS
#############################################*/  


/* Import Neue Hass Grotesk Font */
@import url("/o__use.typekit.net/fnd5vsy.css");

/*
THIN
font-weight: 200;

LIGHT
font-weight: 400;

ROMAN
font-weight: 500;

MEDIUM
font-weight: 600;

BOLD
font-weight: 700;
*/

/* Import Blair ITC Font */
@font-face{
    font-family: "ITC Blair W02 Bold";
    src: url("/wp-content/themes/sobohomes/fonts/22b70f43836adaf193ffa8f48834c984.eot");
    src: url("/wp-content/themes/sobohomes/fonts/22b70f43836adaf193ffa8f48834c984.eot?#iefix")format("embedded-opentype"),
        url("/wp-content/themes/sobohomes/fonts/22b70f43836adaf193ffa8f48834c984.woff")format("woff"),
        url("/wp-content/themes/sobohomes/fonts/22b70f43836adaf193ffa8f48834c984.woff2")format("woff2"),
        url("/wp-content/themes/sobohomes/fonts/22b70f43836adaf193ffa8f48834c984.ttf")format("truetype"),
        url("/wp-content/themes/sobohomes/fonts/22b70f43836adaf193ffa8f48834c984.svg#ITC Blair W02 Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}



/*###############################################
SITEWIDE STYLES
###############################################*/

body #page-wrap  {
    background-image: url('/wp-content/uploads/2024/10/html-bg-large.svg');
    background-position: right bottom -2px;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*
body:not(.home) #page-wrap {
    padding-bottom: 90px;
}
*/

body :is(p,ul,li) {
	font-family: 'neue-haas-grotesk-display', sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .03em;
}


body :is(.wpb_row,
	.wpb_content_element,
	ul.wpb_thumbnails-fluid > li,
	.last_toggle_el_margin,
	.wpb_button, .wpb_row .wpb_row .wpb_content_element) {
	    margin-bottom: 0px;
	}


body :is(.vc_section.vc_section-has-fill,
	.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
	.vc_section.vc_section-has-fill+.vc_section) {
		padding-top: 0;
	}



body :is(a.button,
	input[type=submit],
	button,
	.minti_button,
	a.button.full,
	#navigation ul li.nav-button a,
	.vc_btn3.vc_btn3-size-lg, label.sr7-layer.sr7-btn){
	    border-radius: 20px!important;
	    border: none;
	    color: #36563D !important;
	    transition: all .5s ease-in-out;
	    text-transform: uppercase!important;
	    margin: 8px!important;
	    padding: 12px 22px!important;
	    background-color: #fff;
	    box-shadow:inset 0 -6px 12px 4px rgb(89 170 190 / 15%),0 10px 22px rgb(78 120 139 / 42%);
	    font-family: "ITC Blair W02 Bold"!important;
	    font-weight: normal!important;
	    font-size: 14px!important;
	    border-bottom: 3px solid #6bbe4a;
	    line-height: 1em!important;
}
/* :not(button.cky-btn-revisit):not(button.cky-btn.cky-btn-do-not-sell) */

body :is(a.button:hover,
	input[type=submit]:hover,
	button:hover,
	.minti_button:hover,
	a.button.full:hover,
	#navigation ul li.nav-button a:hover,
	.vc_btn3.vc_btn3-size-lg:hover, label.sr7-layer.sr7-btn:hover) {
	    color: #ffffff!important;
	    background-color: #6bbe4a;
	    box-shadow: inset 0 -1px 1px 0 rgb(89 170 190 / 5%),0 6px 12px rgb(78 120 139 / 62%);
	    border-bottom: 3px solid #36563D;
	}
/* :not(button.cky-btn-revisit:hover) */


body .cky-btn-revisit-wrapper button.cky-btn-revisit {
    background: none!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    padding: 0!important;
    border-bottom: none!important;
}


body span.rev-btn.rs-layer{
	    border-radius: 0px!important;
		background-image: linear-gradient(135deg, #e2c618 0%, #e2c618 13%, #1F4185 13%, #1F4185 100%);
	    border-color: #fff!important;
	    color: #FFFFFF!important;
	    transition-property: all;
	    transition-duration: .35s;
	    text-transform: uppercase;
	    margin: 0;
	    padding: 12px 22px;
	    background-position: left center;
	    background-size: 100%;	
}

body span.rev-btn.rs-layer:hover{
		background-size: 850%;
		color:#1F4185!important;
	}



body #content a{
	font-weight: 700;
}


body :is(.vc_separator.vc_sep_color_purple .vc_sep_line,
	.vc_separator.vc_sep_color_blue .vc_sep_line,
	.vc_separator.vc_sep_color_turquoise .vc_sep_line,
	.vc_separator.vc_sep_color_violet .vc_sep_line,
	.vc_separator.vc_sep_color_peacoc .vc_sep_line,
	.vc_separator.vc_sep_color_mulled_wine .vc_sep_line,
	.vc_separator.vc_sep_color_chino .vc_sep_line,
	.vc_separator.vc_sep_color_sky .vc_sep_line,
	.vc_separator.vc_sep_color_vista_blue .vc_sep_line){
		border-color: #1F4185;
}


body :is(.vc_separator.vc_sep_color_orange .vc_sep_line,
	.vc_separator.vc_sep_color_pink .vc_sep_line,
	.vc_separator.vc_sep_color_juicy_pink .vc_sep_line,
	.vc_separator.vc_sep_color_sandy_brown .vc_sep_line){
		border-color: #6BBE4A;
}
	
body :is(.vc_separator.vc_sep_color_green .vc_sep_line){
		border-color: #FDDA03;
}

body :is(h1,h2,h3,h4) {
    font-family: "ITC Blair W02 Bold";
    margin-bottom: 5px;
}

body :is(h3, h5){
    color:#3e4243;
}

body hr {
    border: solid #6bbe4a;
    border-width: 1px 0 0;
    clear: both;
    margin: 12px 0 12px;
    height: 0;
}



/*###############################################
TOPBAR STYLES
###############################################*/

body #topbar {

}



/*###############################################
HEADER STYLES
###############################################*/

body #logo img {
    height: 50px;
    width: auto;
}
	
body header#header,
body #header.clearfix.header-v1{
    box-shadow: none!important;
}

body #header.clearfix.header-v1 #navigation > ul > li > a {
    color: #317640;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
	
body header#header #navigation > ul > li > a {
	border-bottom: 0px solid #6BBE4A;
	transition: .2s all ease-in-out;
	padding: 0;
	margin-left: 17px;
	margin-right: 17px;
	padding-bottom: 4px;
	text-transform: uppercase;
	font-family: "ITC Blair W02 Bold";
	font-size: 14px;
}

body #header.clearfix.header-v1 #navigation > ul > li > a:hover,	
body header#header #navigation > ul > li > a:hover {
		border-bottom: 4px solid #6BBE4A;
		color: #36563D;
}
	
body #navigation ul li.nav-button a{
		margin-left: 15px;
		margin-top: -10px;
}

body header#header, body #header.clearfix.header-v1 {
    background: #fcfcfc !important;
    width: 96%;
    margin: 15px 2% 0 2%;
    border-radius: 40px;
    box-shadow: inset 0 -1px 2px 0 rgb(89 170 190 / 10%),0 0 10px rgb(78 120 139 / 50%) !important;
    padding: 0 0;
}

body #header.clearfix.header-v1 #navigation > ul > li:hover > a,
body #header.clearfix.header-v1 #navigation > ul > li > a:hover {
    color: #317640;
}

body #header div#logo {
    display: inline-flex;
    align-items: center;
}

body #header .logo .tagline,
body #mobile-logo .tagline{
    font-family: 'ITC Blair W02 Bold';
    font-size: 18px;
    font-weight: normal;
    color: #96b0a0;
    border-left: 4px solid #e6e6e6;
    padding-left: 20px;
    margin-left: 20px;
}
	

/*###############################################
ELEMENT STYLES
###############################################*/

body .image_box_shadow img,
body .owl-carousel .owl-item img,
body .imagebox .imagebox-img {
    border-radius: 0 0 0 50px;
    box-shadow: 0 0 8px rgba(0,0,0,0.28);
    border-bottom: 4px solid #6bbe4a;
}

body .imagebox .imagebox-img img {
    margin-bottom: 0!important;
    transition: all .5s ease-in-out;
}

body .imagebox .imagebox-img img:hover {
    opacity: .6;
}

body .imagebox .imagebox-img {
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

body .minti_carousel .wpb_content_element.imagebox.style-2 {
    background: #ffffff;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

body .imagebox.style-2 {
    background: #3E4243;
    padding: 30px 15px;
    border-radius: 0 0 30px 0;
    border-bottom: 6px solid #C9D9C3;
    box-shadow: 0 0 10px rgb(78 120 139 / 50%);
}

body .vc_separator.vc_sep_dashed .vc_sep_line {
    height: 2px;
    background: #6bbe4a;
    border-radius: 2px;
    border: 4px solid #36563c!important;
}

body .intro-text p {
    font-size: 24px;
    font-weight: 400;
}

body.home .intro-text p {
    font-weight: 400;
    line-height: 1.4em;
}

body .rounded-bg-box.wpb_column {
    border-radius: 42px;
    border-bottom: 9px solid #6BBE4A;
}

body #content ul li{
	line-height: 1.2em;
	margin-bottom: 12px;
}

body #content ul li::marker{
	color: #53b22d;
}

/*###############################################
SECTION BACKGROUND STYLES
###############################################*/

body section.vc_section.section-lines-right {
    background-image: url('/wp-content/uploads/2024/09/html-bg-thin.svg');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 60px!important;
}

body section.vc_section.section-lines-right.image-full{
	padding-right: 2.5%!important;
}
/*
@media only screen and (min-width:960px) {
	body section.vc_section.section-lines-right-959 {
		background-color: transparent!important;
	}
}

@media only screen and (max-width:959px) {
	body section.vc_section.section-lines-right-959 {
			background-image: url(/wp-content/uploads/2024/09/html-bg-thin.svg);
			background-position: right top;
			background-repeat: no-repeat;
			background-size: cover;
		background-color: #ffffff!important;
	}
}
	*/

/*###############################################
HOME STYLES
###############################################*/

/* button on hero slider */
.hero-slider-button a {
    border-radius: 20px !important;
    border: none;
    color: #36563D !important;
    transition: all .5s ease-in-out;
    text-transform: uppercase !important;
    margin: 8px !important;
    padding: 12px 22px !important;
    background-color: #fff !important;
    box-shadow: inset 0 -6px 12px 4px rgb(89 170 190 / 15%), 0 10px 22px rgb(78 120 139 / 42%) !important;
    font-family: "ITC Blair W02 Bold" !important;
    font-weight: normal !important;
    font-size: 14px !important;
    border-bottom: 3px solid #6bbe4a !important;
    line-height: 1em !important;
}

.hero-slider-button a:hover {
	color: #ffffff !important;
    background-color: #6bbe4a !important;
    box-shadow: inset 0 -1px 1px 0 rgb(89 170 190 / 5%), 0 6px 12px rgb(78 120 139 / 62%) !important;
    border-bottom: 3px solid #36563D !important;
}


#section-projects h3 {
    color: #c9d8c3;
    font-size: 18px;
    text-align: center;
}

/*
body .section-design .single_image {
    padding: 20px;
}
*/

body .wpb_row.vc_row-fluid.full-width-section.section.featured-projects-row {
    width: 90vw;
    margin: 0 5vw!important;
}

body .wpb_row.vc_row-fluid.full-width-section.section.featured-projects-row .vc_col-sm-4 {
    margin-right: 20px;
    width: calc(33.33333% - 40px);
}

body .wpb_row.vc_row-fluid.full-width-section.services-row .vc_col-sm-4{
	margin: 0 20px;
	width: calc(33.33333% - 40px);
}


body .featured-projects-row.full-width-section .wpb_column.vc_col-sm-6 {
    padding-right: 20px!important;
}

body .featured-projects-row .vc_col-sm-8.project-wide.wpb_column {
    margin-right: 20px;
}

body .wpb_row.vc_row-fluid.full-width-section.section.featured-projects-row .project-wide{
	
}

body .wpb_row.vc_row-fluid.full-width-section.section.featured-projects-row .project-tall{
	
}


/*###############################################
FLIPCARDS STYLES
###############################################*/

body .services-row .rounded-bg-box.wpb_column {
    padding-bottom: 9px!important;
    background: #3e4243 !important;
    border-radius: 0 0 40px 40px!important;
    box-shadow: 0 0 10px rgb(0 0 0 / 56%);
}

body .services-row .vc-hoverbox-wrapper.vc-hoverbox-shape--rounded .vc-hoverbox-back,
body .services-row .vc-hoverbox-wrapper.vc-hoverbox-shape--rounded .vc-hoverbox-front {
    border-radius: 0 0 30px 30px;
}

body .services-row .vc-hoverbox-block-inner.vc-hoverbox-front-inner h2 {
    background: #3e4243ed;
    border-radius: 40px;
    padding: 9px 0;
    line-height: 1em;
    font-size: 28px;
    border-bottom: 5px solid #000;
}

body .services-row .vc-hoverbox-wrapper.vc-hoverbox-shape--rounded .vc-hoverbox-front{
	justify-content: flex-end;
}

body .services-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner h2 {
    font-size: 28px;
}

body .services-row .vc-hoverbox-wrapper.vc-hoverbox-shape--rounded .vc-hoverbox-back {
    background: #36563c!important;
}

@media only screen and (max-width:1250px) {
	body.home .vc-hoverbox-inner p {
		font-size: 20px !important;
	}
}

/*###############################################
FOOTER STYLES
###############################################*/

body footer#footer {

}

#footer .widget h3 {
    font-family: 'neue-haas-grotesk-display',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 0;
    opacity: .7;
}

#footer .widget h2 {
	font-size: 16px;
}


body #footer {
    font-size: 16px;
    line-height: 1.2em;
    padding: 34px 0 34px 0;
}

#footer .widget {
    margin-bottom: 0;
}
	
body footer .columns:first-child p{
}
	
body footer .columns:last-child p{

}
	
body footer .columns img.footer-logo-img{
	width: 100%;
}

body #footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
	
body #footer .container .four.columns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}

body #footer .widget a{
	border-bottom: none;
}

body #footer .widget a:hover{
	text-decoration: underline;
	opacity: 1;
}
	
body #footer .widget ul li {
    border-bottom: 0;
    line-height: 1em;
    padding: 8px 0 8px 14px;
}

body #footer .widget ul li:before {
    font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 14px;
    color: #999999;
}


body #footer .widget ul li:after,
body #footer .widget .social-icons ul li:before,
body #footer .widget .social-icons ul li:after {
    content: "";
}


body #copyright .copyright-text{
	font-size: 13px;
}


body #footer .container .four.columns:first-child {
	width: 15%;
}

body #footer .container .four.columns:nth-child(2) {
    width: 15%;
}

body #footer .container .four.columns:nth-child(3){
	width: 15%;
}

body #footer .four.columns:first-child img.image {
    max-width: 80%!important;
    margin: 0 auto;
}

body #footer .four.columns:nth-child(3) img.image {
	max-height: 79px;
}

body #footer .container .four.columns:last-child img.guild-img {
    opacity: 1;
    transition: all .3s ease-in-out;
    max-width: 100px;
}

body #footer .container .four.columns:last-child img.guild-img:hover {
    opacity: .8;
}

body #footer .container .four.columns:last-child{
	width: 55%;
	justify-content: flex-end;
    gap: 10px;
}

body #footer .container .four.columns:last-child img{
	display: inline-block;
	max-height: 75px;
	width: auto;
}

body #footer .container .four.columns:last-child > div:nth-child(2) img {
    max-height: 60px;
}

body #footer .container .four.columns:last-child img.houzz-img {
    width: 70px;
    opacity: 1;
    transition: all .3s ease-in-out;
}

body #footer .container .four.columns:last-child img.houzz-img:hover {
    opacity: .75;
}

body footer .columns:last-child img {
    padding: 0;
    width: 100%;
}

img.image.guild-img.attachment-full.size-full:hover{
	opacity: 1;
}


/*###############################################
INTERNAL PAGE STYLES
###############################################*/

body #transparentimage h1, body #transparentimage .title-h1 {
    padding: 100px 0 80px;
    font-family: "ITC Blair W02 Bold";
}

body #transparentimage {
    border-bottom: 15px solid #36563c;
}

body #transparentimage:after {
    content: '';
    position: absolute;
    border-bottom: 5px solid #6bbe4a;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.fee-numbers h3 {
    font-size: 40px;
    letter-spacing: -.05em;
    color: #6bbe4a;
}

.fee-numbers h4 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-weight: 100;
    font-size: 22px;
    margin-bottom: 0;
}

.fee-numbers p {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}

/*###############################################
STICKY NAV STYLES
###############################################*/


body #content section.vc_section.sticky-nav-page {
    background-color: #2a412f;
/*     background-image: url('/wp-content/uploads/2024/10/html-bg-large.svg'); */
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 99!important;
    width: calc(100vw - 30px);
}

body #content section.vc_section.sticky-nav-page a {
    font-family: 'ITC Blair W02 Bold';
    text-decoration: none;
    font-weight: 100;
    font-size: 14px;
}

body #content section.vc_section.sticky-nav-page .vc_col-sm-12.wpb_column {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

body #content section.vc_section.sticky-nav-page .vc_col-sm-12.wpb_column .wpb_content_element {
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 16px;
}

body #content section.vc_section.sticky-nav-page .vc_col-sm-12.wpb_column .wpb_content_element a:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    color: #6bbe4a;
    margin-left: 7px;
}

/*###############################################
TESTIMONIALS STYLES
###############################################*/

body blockquote p {
    margin: 0 !important;
    padding: 1px 0 1px 20px;
    border-left: 4px solid #6bbe4a;
    font-size: 21px;
    font-style: italic;
}

body blockquote {
    color: #36563D;
    margin: 0 0 0px 0;
    padding: 0;
}

body blockquote p:before {
    content: "\201c";
    font-size: 60px;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    line-height: 20px;
    bottom: -21px;
    color: #96b0a0;
}

body blockquote p:after {
    content: "\201d";
    font-size: 60px;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    line-height: 20px;
    bottom: -21px;
    color: #96b0a0;
    left: -8px;
}


/*###############################################
SINGLE PROJECT and SINGLE BLOG PAGE STYLES
###############################################*/
body.page-id-50 .wrapall,
body.single-post .wrapall,
body.single.single-project-cpt .site-wrapper.wrapall  {
    background-image: url('/wp-content/uploads/2024/10/html-bg-large.svg');
    background-position: right bottom 340px;
    background-repeat: no-repeat;
    background-size: 100%;
}

body.page-id-50 .wrapall, body.single-post .wrapall, body.single.single-project-cpt .site-wrapper.wrapall {
    background-image: url('/wp-content/uploads/2025/01/html-bg-largest.svg');
    background-position: right bottom 340px;
    background-repeat: no-repeat;
    background-size: 160%;
}


body.single-project-cpt div#page-wrap, body.page-id-50 div#page-wrap, body.single-post div#page-wrap {
    background-image: none;
}

body .project_detail_wrapper p {
    font-size: 24px;
    font-weight: 400;
    border-bottom: 5px solid #C9D9CB;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

body.single-post .entry-wrap .entry-content .blog-gallery {
    border-top: 5px solid #C9D9CB;
    padding-top: 30px;
    margin-top: 30px;
}

body.single-post div#author-info {
    display: none;
}

/* body.single-post .entry-wrap .entry-content p{
	font-size: 18px;
} */

body .project_detail_wrapper .project-gallery-description h2 {
    font-size: 24px;
    margin-bottom: 13px;
}

body .blog-gallery .blog-gallery-item h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

body .project_detail_wrapper .project-gallery-description p {
    font-size: 19px;
    line-height: 1.6em;
    border-bottom: none;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

body .project_detail_wrapper .project-gallery-item,
body .blog-gallery .blog-gallery-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #6BBE4A;
    padding-bottom: 30px;
    margin-bottom: 35px;
}

body .blog-gallery .blog-gallery-item:last-child,
body .project_detail_wrapper .project-gallery-item:last-child{
    border-bottom: 5px solid #C9D9CB;
}

body .blog-gallery .blog-gallery-image,
body .project_detail_wrapper .project-gallery-image,
body .blog-gallery .blog-gallery-item img-comparison-slider.rendered {
    margin: 0 0 0 10px;
    width: 34%;
    position: relative;
}

body .blog-gallery .blog-gallery-description,
body .project_detail_wrapper .project-gallery-description {
    width: 60%;
}

/*
body .project_detail_wrapper .project-gallery-description-extra-images a:before,
body .project_detail_wrapper .project-gallery-image a:before {
*/
body .blog-gallery .blog-gallery-image a:before {
    content: '\f00e';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    background: #6bbe4a;
    color: #fff;
    font-family: 'FontAwesome';
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 4px;
}

body.single-post .entry-wrap .entry-title h1 {
    display: none;
}

body #content ul li.meta-date {
    font-size: 20px;
}

body #content ul li.meta-author, body #content ul li.meta-category{
	display: none;
}


/*********************/
/* RESPONSIVE STYLES */
/*********************/

@media screen and (max-width:1470px) {
	body #logo img {
	    height: 40px;
	    width: auto;
	}
	
	body #header .logo .tagline {
	    font-size: 16px;
	}
	
	.header-v1 .logo {
	    margin-top: 23px!important;
	}

	body #header.clearfix.header-v1 #navigation > ul > li > a {
	    font-size: 13px;
	    margin: 0 12px;
	}
}

@media screen and (max-width:1300px) {
	body .services-row .vc-hoverbox-block-inner.vc-hoverbox-front-inner h2,
	body .services-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner h2 {
	    font-size: 18px;
	}
	body #logo img {
	    height: 36px;
	    width: auto;
	}

	.header-v1 .logo {
        margin-top: 25px !important;
    }
}

@media screen and (max-width:1279px) {

	body #header .logo .tagline {
	    font-size: 15px;
	    padding-left: 12px;
	    margin-left: 12px;
	}	

	.header-v1 .logo {
	    margin-top: 26px;
	}

	body #header.clearfix.header-v1 #navigation > ul > li > a {
	    font-size: 12px;
	    margin: 0 9px;
	}

	.header-v1 #navigation > ul > li {
	    padding-top: 37px;
	}


}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 1160px) {
	body .fa-bars:before,
	body .fa-navicon:before {
	    font-family: 'FontAwesome';
	}
	
	body #mobile-logo img {
	    height: 50px;
	    width: auto;
	}
	
	body #header .logo .tagline {
	    font-size: 15px;
	    padding-left: 12px;
	    margin-left: 12px;
	}	

	#mobile-header .logo {
	    display: inline-flex;
	    align-items: center;
	}

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 959px) {


	body #footer .container .four.columns:nth-child(2) {
	    width: 21%;
	}

	body #footer .container .four.columns:nth-child(3) {
	    width: 20%;
	}

	body #footer .four.columns:nth-child(3) img.image {
	    max-width: 73%!important;
	}

	body #copyright .copyright-text {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 10px;
	}
	body #copyright .copyright-col2 {
	    float: none;
	    width: 100%;
	    display: flex;
	    justify-content: center;
	}
	
	#copyright .social-icons {
	    float: none;
	    margin: 0;
	}

}

@media screen and (min-width: 768px) {
	body .one-fifth .wpb_column.vc_column_container {
	    width: 16%;
	    margin: 0 2%;
	}
}

@media screen and (min-width: 360px) and (max-width: 768px) {
	body.vc_responsive .wpb_row .vc_col-sm-7,
	body.vc_responsive .wpb_row .vc_col-sm-5 {
	    width: calc(100% - 60px);
	}

	body .services-row .vc-hoverbox-block-inner.vc-hoverbox-front-inner h2,
	body .services-row .vc-hoverbox-block-inner.vc-hoverbox-back-inner h2 {
	    font-size: 28px;
	}

	
	body .wpb_row.vc_row-fluid.full-width-section.services-row .vc_col-sm-4 {
	    margin: 0 20px 40px!important;
	    width: calc(100% - 40px);
	}

	body .wpb_row.vc_row-fluid.full-width-section.section.featured-projects-row {
	    width: 90vw;
	    margin: 0 6vw 0 4vw;
	    padding-bottom: 0px!important;
	}
	
	body #section-services .wpb_row.vc_row-fluid.full-width-section {
	    padding-bottom: 0px!important;
	}
	
	body #section-services.vc_section{
		padding-bottom: 40px;
	}
	
	body .wpb_row.vc_row-fluid.full-width-section.section.featured-projects-row .vc_col-sm-4 {
	    margin-right: 0px;
	    width: calc(100% - 20px);
	    margin-bottom: 30px!important;
	    padding-right: 0;
	}
	body section#section-about h2{
		text-align: center;
	}
	
	body section#section-about .vc_col-sm-5{
		height: auto!important;
	}
	body section#section-about .vc_col-sm-5 .wpb_wrapper{
		margin-top: 40px!important;
	}

}

@media screen and (max-width: 767px) {
	/* mobile page header img backgrounds */
	/* -- projects */
	body.page-id-47 #transparentimage {
		background-image: url(/wp-content/uploads/2025/01/header_projects-no-overlay-mobile.jpg)!important;
	}

	body .logo img {
	    height: 90px;
	    width: auto;
	}
		
	body #fulltitle.titlebar #title.ten.columns {
	    width: 90vw;
	}
	
	body.vc_responsive .page-section .standard-section .span_12 {
	    max-width: 100vw;
	}
	
	body .wpb_column.vc_column_container.vc_col-sm-1/5 {
	    padding-left: 20px;
	    padding-right: 20px;
	}

		
	body .container{
		width: 100%;
	}
		
	body :is( .container .one.column,
		.container .one.columns,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns,
		.container .one-third.column,
		.container .one-third.columns,
		.container .two-thirds.column,
		.container .two-thirds.columns) {
		    width: 88vw;
		    margin: auto 5vw;
	} 
	
	body footer .columns:last-child p{
		padding-left: 0px;
	}   

	body footer .columns:first-child p{
		padding-right: 0px;
	}
		
	body #footer .container {
		flex-wrap: wrap;
		text-align: center;
	}
	body .site-wrapper.wrapall footer#footer .container > .four.columns {
		width: 40%;
		justify-content: flex-start;
	}
	body .site-wrapper.wrapall footer#footer .container .four.columns:nth-child(3) {
		padding-left:20px;
		width: 20%;
	}
	body #footer .container .four.columns:last-child > div {
		margin-bottom: unset;
	}
	body .site-wrapper.wrapall footer#footer .container .four.columns:last-child {
		width: 50%;
	}
		
	body footer .columns img{
		width: 70%;
		margin: 0 auto;
	}


	body footer p {
	    font-size: 18px;
	    line-height: 1.4em;
	}
		
	body #mobile-header {
		box-shadow: none;
		border-bottom: 12px solid #6BBE4A;
	}
		
	body .wpb_row .wpb_column {
	    margin-bottom: 10px;
	}

	.reverse-stack-mobile .col.span_12 {
			display: flex;
			flex-direction: column-reverse;
	}
	.reverse-stack-mobile img {
		  margin-bottom:20px;
	}

	body #footer .container .four.columns:last-child #media_image-7 {
		width: 35%;
		margin: 0 auto;
	}

	body #footer .container .four.columns:last-child #media_image-4 {
		width: 21%;
		margin: 0 auto 10px;
	}

}

@media screen and (max-width: 479px) {

	#mobile-header .logo {
	    display: block;
	    margin-top: 13px;
	}

	body #mobile-logo img {
	    height: 40px;
	    width: auto;
	}
	
	body #mobile-header .container .sixteen.columns{
		width: 90vw;
	}

	body #mobile-logo .tagline {
	    margin: 5px 0 0 0;
	    padding: 0;
	    border: none;
	    font-size: 14px;
	}

	body #footer .container{
		display: block;
	}

	body #footer .container .four.columns {
	    width: 90%!important;
	    display: block;
	    margin-bottom: 0px;
	}
	
	body #footer .four.columns:first-child img.image {
	    max-width: 40%!important;
	    margin: 0 auto;
	}
	
	body #footer .four.columns:nth-child(3) img.image {
	    max-width: 33%!important;
	}
	
	body #footer .container .four.columns:last-child img.guild-img {
	    Max-width: 80px!important;
	    margin-bottom: 20px;
	    margin-top: 40px;
	}
	body .site-wrapper.wrapall footer#footer .container .four.columns:nth-child(3) {
        padding-left: unset;
    }
	body #footer .container .four.columns:last-child img.guild-img:hover {
	    opacity: 1;
	}
	body #footer .container .four.columns:last-child img{
		display: inline-block;
	}
	body #footer .container .four.columns:last-child .widget_media_image#media_image-8, body #footer .container .four.columns:last-child .widget_media_image#media_image-5 {
		padding-top: 10px;
	}
	body #footer .container .four.columns:last-child .widget_media_image {
	    margin-bottom: 0px;
	}
	
	body #footer .container .four.columns:last-child img.houzz-img {
	    width: 70px;
	    opacity: 1;
	    transition: all .3s ease-in-out;
	}

	body #page-wrap {
	    background-position: right -1px bottom -1px;
	    background-size: 180vh;
	    background-repeat: no-repeat;
	    background-image: url('/wp-content/uploads/2024/11/html-bg-mobile-thinner.svg');
	}

	body.page-id-50 #content,
	body.single-post #content {
	    padding-top: 20px!important;
	    padding-bottom: 10px!important;
	}
	
	body.page-id-50 #content .entry-title h2,
	body.single-post #content .entry-content h2{
        font-size: 19px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }
    
    body.page-id-50 .blog-page .post {
	    margin: 0 0 20px 0;
	    padding: 0 0 20px 0;
	}
	
	body.page-id-50 .blog-page .entry-meta{
		display: none;
	}
	
	body.page-id-50 :is(blog-medium .entry-image, .blog-medium .entry-gallery, .blog-medium .entry-video, .blog-medium .entry-audio){
		margin-bottom: 20px;
	}

	body .project_detail_wrapper .project-gallery-description p {
	    font-size: 18px;
	    line-height: 1.3em;
	    margin-bottom: 15px;
	}

	body .project_detail_wrapper p {
	    line-height: 1.3em;
	}
	
	body.page-id-50 .wrapall,
	body.single-post .wrapall{
	    background-image: url('/wp-content/uploads/2024/11/html-bg-mobile-thin.svg');
		background-position: right bottom 815px;	
	}

	body.single.single-project-cpt .site-wrapper.wrapall {
		background-image: none;
	}

	body.single.single-project-cpt #page-wrap.blog-single.container {
	    background-image: url('/wp-content/uploads/2024/11/html-bg-mobile-thinner.svg');
	    background-position: right bottom -3px;
	}
	
	body section.vc_section.section-lines-right {
	    background-image: url('/wp-content/uploads/2024/11/html-bg-mobile-thin.svg');
	    background-position: right -3px top -2px;
	    background-repeat: no-repeat;
	    background-size: 180vw;
	    padding-right: 16px!important;
	}
	
	body .intro-text p {
	    font-size: 19px;
	    font-weight: 400;
	    padding-right: 10px;
	}
	
	body .rounded-bg-box.wpb_column {
	    margin-right: 40px;
	    margin-left: 40px;
	    padding: 30px 20px 0px 25px!important;
	}
	
	body #content .wpb_text_column.wpb_content_element.project-filter-header h2 {
	    margin-bottom: 10px;
	    font-size: 21px;
	}
	
	section#our-services {
	    padding-right: 20px!important;
	}
	
	body #content h2{
		font-size: 28px;
	}
	
	body.vc_responsive .wpb_row .vc_col-sm-12 {
	    padding-right: 40px;
	}

	body.single-post #transparentimage .title-h1,
	body.single-project-cpt #transparentimage .title-h1 {
	    font-size: 26px;
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	
	body .project_detail_wrapper .project-gallery-item, body .blog-gallery .blog-gallery-item {
	    display: block;
	    margin-right: 20px;
	}
	
	body .blog-gallery .blog-gallery-image, body .project_detail_wrapper .project-gallery-image {
	    margin: 0 15% 25px 15%;
	    width: 70%;
	    position: relative;
	}
	
	body .blog-gallery .blog-gallery-description, body .project_detail_wrapper .project-gallery-description {
	    width: 100%;
	}
	
	body .project_detail_wrapper .project-prev-nav, .project-next-nav {
	    display: none;
	}
	
	body .project_detail_wrapper .project-button-nav {
    	width: 100%;
	}

	.wpb_wrapper.featured_project_wrapper.vc_col-sm-4 {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#section-services .vc-hoverbox-back-inner p {
		font-size: 18px;
	}
	
	#section-our-process .vc_col-sm-12 {
		margin-right: 20px;
		margin-left: 20px;
	}
	body.vc_responsive .wpb_row .vc_col-sm-7, body.vc_responsive .wpb_row .vc_col-sm-5 {
        width: calc(100% - 30px);
    }
	
	#section-projects .wpb_row.vc_row-fluid.standard-section.section,
	#section-services .wpb_row.vc_row-fluid.standard-section.section,
	#section-our-process .wpb_row.vc_row-fluid.standard-section.section
	{
		padding-top: 40px !important;
		padding-bottom: 15px !important;
	}
	
	body #page-wrap #section-about .vc_col-sm-5 .wpb_wrapper {
		margin-top: 5px !important;
	}
	.blog-gallery .blog-gallery-item img-comparison-slider.rendered {
		width: unset!important;
	}
}

.hide-this-element {display:none;}

.fa-chevron-right:before,
.fa-chevron-up:before {
	font-family:FontAwesome;
}

#pagination ul li a i {
    font-size: 24px!important;
}

/* JobTread Form Styles */
#jobtread-form-wrapper form.jtwf > div.mx-auto {
	background: transparent;
	--tw-shadow: none;
	max-width: 100%;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto > .p-4.shadow-line-bottom {
	display: none;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto > .p-4.space-y-2 div.font-bold {
	font-weight: bold;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto > .p-4.space-y-2 select {
	margin-bottom: 20px;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto > .p-4.space-y-2 input, #jobtread-form-wrapper form.jtwf > div.mx-auto > .p-4.space-y-2 textarea {
	width: 100%;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto > .p-4.space-y-2 div.block .rounded-sm.border.divide-y > label{
	display: flex;
	flex-direction: row;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto > .p-4.space-y-2 div.block .rounded-sm.border.divide-y > label:hover {
	background-color: unset;
	font-weight: bold;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto > .p-4.space-y-2 div.block .rounded-sm.border.divide-y > label input {
	width: fit-content;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto div.text-right {
	text-align: left;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto div.text-right button {
	background-color: white!important;
}
#jobtread-form-wrapper form.jtwf > div.mx-auto div.text-right button:hover {
	background-color: #6bbe4a!important;
}