/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

:root {
	--clr-primary: #0b0b0c;
	--clr-secondary: #f5f5f5;
	--clr-accent: #c9a227;
}

.page-content ul,
.page-content ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
	margin: 0 0 30px;
	padding: 0 0 0 20px;
}

.page-content ul li:not(:last-of-type),
.page-content ol li:not(:last-of-type),
.elementor-widget-theme-post-content ul li:not(:last-of-type),
.elementor-widget-theme-post-content ol li:not(:last-of-type) {
	margin-bottom: 15px;
}

/* header */
#header-on-scroll,
#header-on-scroll :is(svg, path),
#header-on-scroll :is(a, span, i),
#header-on-scroll .elementor-button,
#header-on-scroll .elementor-widget-image img {
    transition: all 0.3s;
}

/* Fix to avoid the SVG being square */
#header-on-scroll svg {
    height: 100%;
}

/* header background color and box shadow after scroll */
#header-on-scroll.elementor-sticky--effects {
    background: #fff;
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.29); /* box shadow on the sticky header */
}

#header-on-scroll.elementor-sticky--effects .elementor-widget-image img {
    width: 150px;
}

/* home */
.home .pest-types .elementor-widget-image-box .elementor-image-box-img img {
	transition: all .3s ease-in;
}

.home .pest-types .elementor-widget-image-box:hover  .elementor-image-box-img img {
	transform: scale(1.1) rotate(4deg);
}

.home .pest-types .elementor-button {
	padding: 10px 20px;
	background-color: var(--clr-accent);
	color: #fff;
}

.home .pest-types .elementor-button:hover {
	background-color: var(--clr-accent);
	color: var(--clr-primary);
}

.home #features .elementor-element:hover h3,
.home #features .elementor-element:hover p {
	color: var(--clr-primary);
}

.elementor-kit-4 a {
	font-family: Montserrat, sans-serif !important;
}

.home #how .e-flex .elementor-widget-image-box:not(:last-child):after {
	content: '\f061';
	position: absolute;
	top: 40%;
	right: -30px;
	color: var(--clr-secondary);
	font-family: 'Font Awesome 6 Free';
	font-size: 24px;
	font-weight: 900;
}

.home #how .elementor-image-box-wrapper .elementor-image-box-img {
	padding: 10px;
	width: 72px;
	height: 72px;
/* 	background: var(--clr-secondary); */
	border: 2px solid #dadada;
	border-radius: 50%;
}

/* .home #faq .e-n-accordion {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2em;
} */

.home #faq h5 {
	color: #fff !important;
}

/* contact */
.page-contact #content-bottom-cta {
	display: none;
}

/* footer */
#content-bottom-cta h2.CTAh2 {
	margin: 0 0 30px;
	color: #fff;
	font-weight: 600 !important;
}

#main-footer .elementor-icon-box-icon {
	margin-top: 10px;
}

@media (max-width: 1024px) {
	
	.home #how .e-flex .elementor-widget-image-box:not(:last-child):after {
		content: '\f063';
		top: auto;
		bottom: -25px;
		right: 49%;
	}
	
	.home #faq .e-n-accordion {
		display: block;
	}
	
}

@media (max-width: 768px) {

	#header-on-scroll.elementor-sticky--effects .elementor-widget-image img {
		width: 100px;
	}
	
	h2.elementor-heading-title {
		font-size: 36px;
	}
	
	.home #how .e-flex .elementor-widget-image-box:not(:last-child):after {
		content: '\f063';
		right: 47%;
	}
}