/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/***********/
/* General */
/***********/
.no-margin-bot div p {
    margin-bottom: 0;
}

a {
	transition: color .3s ease;
}

/* list */
.space-after-list li {
	margin-bottom: 0.9rem!important;
}

/* center list */
.center-list div ul {
	list-style-position: inside;
	padding-left: 0;
}

.center-list div ul li {
	margin-bottom: 1rem;
}

.center-list div ul li span {
	margin-left: -10px;
}

a svg {
	transition: opacity .3s ease!important;
	transition: fill .3s ease!important;
}

/* Icon fix */
.elementor-icon-wrapper {
	line-height: 0!important;
}

.icon-image .elementor-icon svg {
    width: 100%!important;
	height: auto!important;
}

.elementor-icon svg,
.elementor-icon i {
	transition: color .3s ease;
}

/* Icon List Fix */
.elementor-icon-list-item a {
	align-items: center!important;
}

.elementor-icon-list-item .elementor-icon-list-icon svg {
	transition: fill 0.3s ease;
}

.elementor-icon-list-item .elementor-icon-list-text {
	transition: color 0.3s ease;
}

.elementor-icon-list-icon {
	line-height: 0!important;
}

/* Elementor Icon normalize */
.icon-normal div div .elementor-icon svg {
	height: auto!important;
}

/* Webkit shear x fix */
#Search::-webkit-search-cancel-button {
    color: var( --e-global-color-primary );
}

/* remove button outline */
[type=submit], 
[type=submit]:focus,
button,
button:focus {
    outline: none;
	border: none;
}

/* Remove field focus-visible */
:focus-visible {
    outline: none;
}

/* remove safari form styling */
input[type=text], input[type=email], input[type=tel], textarea, input[type=button] {   
    -webkit-appearance: none;
    -moz-appearance: none;
	-webkit-border-radius: 0;
    appearance: none;
}

/* Visually Hidden */
.visually-hidden {
	font-size: 0!important;
	width: 1px!important;
	height: 1px!important;
	display: inline-block!important;
	overflow: hidden;
	position: absolute!important;
	border: 0!important;
	padding: 0!important;
	margin: 0!important;
	clip: rect(1px,1px,1px,1px);
}

.elementor-editor-active .visually-hidden {
font-size: inherit!important;
	width: inherit!important;
	height: inherit!important;
	display: inherit!important;
	overflow: inherit!important;
	position: inherit!important;
	border: inherit!important;
	padding: inherit!important;
	margin: inherit!important;
}

/* Typography */
.break a/*,
a.elementor-button-link span .elementor-button-text*/ {
	overflow-wrap: break-word;
	word-break: break-all;
}

.elementor-widget-text-editor ul {
	margin-bottom: 1rem;
}

.elementor-widget-text-editor li {
	margin-bottom: 0.5rem;
}

/************/
/* Specific */
/************/
/* Sticky Header */
.sticky-header.elementor-sticky--effects {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	transition: all 0.3s ease;
}

.sticky-header.home-header.elementor-sticky--effects .elementor-icon svg {
	fill: var( --e-global-color-418ad9e )!important;
}

.sticky-header.home-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {
	color: var( --e-global-color-418ad9e );
}

/* Header and Footer no underline links */
.elementor-nav-menu__container ul li a {
	text-decoration: none;
}

/* footer links */
footer .elementor-widget-container a.fancy-link {
	color: var( --e-global-color-9e68339 );
}

footer .elementor-widget-container a.fancy-link:after {
	background-color: var( --e-global-color-9e68339 );
}

/* fancy Links */
a.fancy-link {
	transition: color 0.3s cubic-bezier(0.25, 0.1, 0, 1);
	position: relative;
	color: var( --e-global-color-text );
}

a.fancy-link:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    z-index: 1;
    transition: 0.3s cubic-bezier(0.25, 0.1, 0, 1);
	background-color: var( --e-global-color-text );
}

a.fancy-link:hover:after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
}

/* Fade Boxes */
.fade-box-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1.5rem;
}

.fade-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10% 6%;
	grid-column: span 2;
	font-family: 'Faktum';
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 1366px) {
	.fade-box {
		font-size: 1.4rem;
	}
}
@media (max-width: 1024px) {
	.fade-box {
		grid-column: span 3;
		font-size: 1.3rem;
	}
}
@media (max-width: 767px) {
	.fade-box {
		grid-column: span 6;
		font-size: 1.2rem;
	}
}

.fade-box div {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
}

.fade-box div span {
	grid-row-start: 1;
	grid-column-start: 1;
	transition: color 0.3s ease;
}

.fade-box-title {
	font-size: 3.125rem;
	font-weight: 300;
	line-height: 1.2em;
}

@media (max-width: 1366px) {
	.fade-box-title {
		font-size: 2.7rem;
	}
}
@media (max-width: 1024px) {
	.fade-box-title {
		grid-column: span 3;
		font-size: 2.4rem;
	}
}
@media (max-width: 767px) {
	.fade-box-title {
		grid-column: span 6;
		font-size: 2.1rem;
	}
}

.service-icon {
	width: 180px;
	height: auto;
}

.text2, .text2 a {
	color: #ffffff00;
}

.text2 a.fancy-link:after {
	background-color: #fff;
}

.pine {background-color: var( --e-global-color-accent );}
.sea {background-color: var( --e-global-color-secondary );}
.clay {background-color: var( --e-global-color-primary );}

.construction-visualization {background-image: url("/wp-content/uploads/2022/10/Construction-Visualization.jpg");}
.project-management {background-image: url("/wp-content/uploads/2022/10/Project-Management.jpg");}
.inspection-documentation {background-image: url("/wp-content/uploads/2022/10/Inspection-Documentation.jpg");}
.building-construction {background-image: url("/wp-content/uploads/2022/10/Building-Consultation.jpg");}
.planning-design-compliance {background-image: url("/wp-content/uploads/2022/10/Planning-Design-Compliance.jpg");}
.contract-administration {background-image: url("/wp-content/uploads/2022/10/Contract-Administration.jpg");}

.construction-visualization2 {background-image: url("/wp-content/uploads/2022/11/Construction-Visualization2.svg"); padding: 26% 6%;}
.project-management2 {background-image: url("/wp-content/uploads/2022/11/Project-Management2.svg"); padding: 26% 6%;}
.inspection-documentation2 {background-image: url("/wp-content/uploads/2022/11/Inspection-Documentation2.svg"); padding: 26% 6%;}

/* Project Gallery */
.project-gallery .e-gallery-grid {
	
}

.project-gallery .e-gallery-grid .e-gallery-item div.e-gallery-image, .project-gallery .e-gallery-grid .e-gallery-item div.elementor-gallery-item__overlay {
	height: 100%;
}
.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+1) {grid-column: span 3;}
.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+2) {grid-column: span 2;}
.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+3) {grid-column: span 1;}
.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+4) {grid-column: span 3;}
.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+5) {grid-column: span 1;}
.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+6) {grid-column: span 2;}

@media (max-width: 1024px) {
	.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+1) {grid-column: span 3;}
	.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+2) {grid-column: span 2;}
	.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+3) {grid-column: span 1;}
	.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+4) {grid-column: span 3;}
	.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+5) {grid-column: span 1;}
	.project-gallery .e-gallery-grid .e-gallery-item:nth-child(6n+6) {grid-column: span 2;}
}

@media (max-width: 767px) {
	.project-gallery .e-gallery-grid .e-gallery-item {grid-column: span 3!important;}
}

/* Custom Toggles */
body:not(.elementor-editor-active) .toggle-content {
	display:none;
}

.toggle-title {
	cursor: pointer;
}

.toggle-icon svg {
	transition: transform 0.3s ease;
}

/* Gravity Forms */
::placeholder {
	opacity: 1;
	color: var( --e-global-color-text );
}

.elementor-kit-7 textarea, .elementor-kit-7 textarea:focus {
	border-width: 1px;
}

.gform_wrapper.gravity-theme .gfield_label {
	padding-left: 8px;
	font-weight: 400;
}