@charset "UTF-8";
/*
Theme Name: Dean Construction
Theme URI: 
Author: Red Spot Web Design
Author URI: https://www.redspotdesign.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Website Name is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*###################################
# GENERAL STYLES
###################################*/

* { box-sizing: border-box; }
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0 auto; width: 100%; overflow: hidden;}
a, a:visited {color: inherit; text-decoration: none; -webkit-transition: all .5s ease; text-decoration: none !important;}
a, img {-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
a:focus {outline: none!important;}
p { margin: 0!important; }
h1, h2, h3, h4, h5, h6, p, li, ul, ol {margin-top: 0;}

/*###################################
## LAYOUTS
###################################*/

.dbl { display: inline; }
.db { display: block!important; }
.tc { text-align: center; }
.lr { left: 0!important; right: 0!important; }
.mgla { margin: 0 0 0 auto!important; }
.mgla .e-con-inner { margin: 0 0 0 auto!important; }
.mgra .e-con-inner { margin: 0 auto 0 0!important; }
.mg, .mg .e-con-inner { margin: 0 auto!important; }
.mid { transform: translateY(-50%)!important; }
.full-width { width: 100%; left: 0; right: 0; }

/*###################################
## COLOR
###################################*/

.white { color: #FFFFFF; }

/*###################################
## BUTTON
###################################*/

.btn { position: relative; font-size: 16px; color: #FFFFFF!important; padding: 20px 40px; border: 1px solid #FFFFFF; border-radius: 50px; display: inline-block; line-height: 1.2em; }
.btn::after { content: '\f061'; font-family: 'FontAwesome'; font-size: 16px; color: #FFFFFF; display: inline-block; vertical-align: middle; margin-left: 15px; line-height: 1; }
.btn:hover { transform: scale(0.9); }

.services-btn { width: 31.68%!important; }
.services-btn .elementor-button { width: 100%!important; }
.services-btn .elementor-button-content-wrapper { align-items: center!important; }
.services-btn .icon-preconstruction:before, .services-btn .icon-construction:before, .services-btn .icon-postconstruction:before { font-size: 4vw; color: #D41F06; }
.services-btn .elementor-button-text { text-align: left!important; }
.services-btn .elementor-button:hover .icon-preconstruction:before, .services-btn .elementor-button:hover .icon-construction:before, .services-btn .elementor-button:hover .icon-postconstruction:before { color: #FFFFFF; }

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

/* body.elementor-editor-active #site-header { }
body:not(.elementor-editor-active) #site-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
body:not(.elementor-editor-active) #site-header.sticky .site-logo img { max-width: 100px; } */
body:not(.elementor-editor-active) #site-header.sticky { background: rgb( 255 255 255 / 80% ); }

/*###################################
## CONTENT
###################################*/

.site-box::after { content: ''; background: url('https://deanconstruct1.wpenginepowered.com/wp-content/uploads/2023/10/hero-lines-02.webp')no-repeat bottom right; background-size: cover; width: 100%; height: 95%; position: absolute; right: 0; bottom: 0; }
.site-box.alt2::after { content: ''; background: url('https://deanconstruct1.wpenginepowered.com/wp-content/uploads/2023/10/hero-lines-02.webp')no-repeat bottom left; background-size: cover; width: 100%; height: 95%; position: absolute; left: 0; bottom: 0; }
.site-box.alt::after { content: ''; background: url('https://deanconstruct1.wpenginepowered.com/wp-content/uploads/2023/10/hero-lines-02.webp')no-repeat bottom right; background-size: cover!important; max-width: 95%; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; z-index: -1; }

	/* BUILDING */

	.building-slider .swiper-pagination-bullet { border: 1px solid #333333!important; background: #D82007!important; }
	.building-slider .swiper-pagination-bullet-active { background: #D82007!important; }

	/* MAP */

	.map .wpgmza-infowindow p { line-height: 1.2em!important; }
	.map .wpgmza_infowindow_image { float: none!important; }
	.map .wpgmza_infowindow_title { font-size: 20px; }
	.map .wpgmza_infowindow_address { margin: 10px 0!important; }
	.map a.wpgmza_infowindow_link { text-align: center; background: #D82007; color: #FFFFFF; font-size: 10px; padding: 8px 16px; border-radius: 50px; display: inline-block; text-transform: uppercase; line-height: 1.2em; }
	.map .ol-info-window-plain { text-align: center; }
	.map .ol-info-window-close { float: none!important; cursor: pointer; position: absolute; top: 15px; right: 15px; background: #D82007; padding: 5px 7px; border-radius: 100%; color: #FFFFFF; z-index: 999; }

	/* PROJECT */

	.project-slide .slick-slide { position: relative; padding: 0 100px; }
	.project-slide .project-img { position: relative; }
	.project-slide .project-img img { width: 100%; filter: brightness(40%); object-fit: cover; transition: all .5s ease;  }
	.project-slide .project-desc { display: none; }
	.project-slide .slick-center .project-desc { display: block; }
	.project-slide .slick-center .project-img img { width: 100%; height: 100%!important; filter: none;  }
	.project-slide .slick-center .project-img { margin: 0 auto; }
	.project-slide .project-wrap { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 0; }
	.project-slide .project-left { padding: 0 20px; border-left: 2px solid rgb( 255 255 255 / 50% ); }
	.project-slide .project-name { font-size: 40px; line-height: 1.2em; margin: 0 0 5px; }
	.project-slide .project-address { font-size: 20px; line-height: 1.2em; }
	.project-slide .slick-track { display: flex!important; align-items: center!important; }

	.slider-button { max-width: 1185px; width: 100%; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
	.slider-button .prev, .slider-button .next { padding: 0; background: transparent; border: 0; color: #FFFFFF; font-size: 40px; }
	.slider-button .prev { float: left; }
	.slider-button .next { float: right; }

	/* CONTACT */

	.contact-section::after { content: ''; background: url('https://deanconstruct1.wpenginepowered.com/wp-content/uploads/2023/10/hero-lines-01.webp')no-repeat center right; background-size: cover; width: 15%; height: 100%; position: absolute; top: 50%; transform: translatey(-50%); right: 0; }

/*###################################
## INNER
###################################*/

.projects-banner { position: relative; }
.projects-banner::after { content: ''; background: linear-gradient( to bottom, transparent, rgb( 0 0 0 / 60% ) ); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }

/*###################################
## RESPONSIVE
###################################*/

@media screen and (max-width: 1600px){
	
	.project-slide .slick-slide { padding: 0 50px; }
	.slider-button {  max-width: 1090px; }
	
}

@media screen and (max-width: 1366px){
	
	/* BUTTON */
	
	.btn { font-size: 14px; padding: 15px 30px; }
	.btn::after { font-size: 12px; }
	
	.project-slide .slick-slide { max-width: 720px; padding: 0 30px; }
	.slider-button {  max-width: 740px; }	
	.slider-button .prev, .slider-button .next { font-size: 30px; }
	.project-slide .project-name { font-size: 30px; }
	.project-slide .project-address { font-size: 16px; }
	
	.map .wpgmza_map { height: 700px!important; }
	
}

@media screen and (max-width: 1024px){
	
	.project-slide .slick-slide { max-width: 660px; padding: 0 30px; }
	.slider-button { max-width: 680px; }
	
	.map .wpgmza_map { height: 600px!important; }
	
}

@media screen and (max-width: 767px){
	
	.db { display: inline!important; }
	.mid-alt { top: 50%!important; transform: translateY(-50%)!important; bottom: unset!important; }
	
	.services-btn { width: 100%!important; }
	.services-btn .icon-preconstruction:before, .services-btn .icon-construction:before, .services-btn .icon-postconstruction:before { font-size: 30px; }
	.services-btn .elementor-button { max-width: 400px; width: 100%!important; margin: 0 auto; }
	.services-btn .elementor-button-wrapper { text-align: center; }
	
	.project-slide .project-wrap { flex-wrap: wrap; }
	.project-slide .project-left, .project-slide .project-right { width: 100%; }
	.project-slide .project-wrap { margin: 15px 0 0; text-align: center; }
	.project-slide .project-left { padding: 0 0 15px; border-bottom: 2px solid rgb( 255 255 255 / 50% ); margin: 0 0 15px; border-left: none!important; }
	
	.commitment-box { position: relative!important; bottom: 0; }
	.commitment-box.mid { transform: unset!important; }
	
	.map .wpgmza_map { height: 300px!important; }
	
	.contact-section::after { display: none; }
	
}