/* 
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
*/

/* Add your custom styles here */

/* General styles */
.elementor-widget-text-editor ul {padding-left: 20px;}
.image-wrapper .elementor-widget-image {height: 100%;}
#cn-close-notice {background: transparent !important; border: none !important;}

/* Banner */
.inner-page-banner h1 {color: #FFF !important; margin: 0 !important; font-size: 64px !important; line-height: 1em !important;}

/* Home page content */
.contact-today .elementor-form textarea {padding: 20px; max-height: 150px;}
.contact-today .elementor-form button {margin-top: 30px;}
#services .service:before {content: ""; background: #AAA; position: absolute; inset: 0; mix-blend-mode: multiply; z-index: 1;}

/* Footer */
#global-footer .elementor-nav-menu--main ul {columns: 3; column-gap: 8vw;}
#global-footer .elementor-nav-menu--main ul li a {gap: 10px}
#global-footer .elementor-nav-menu--main ul li a::before {content: "›"; color: #FFF; font-size: 25px; position: static !important; display: inline-block !important; opacity: 1;}
#global-footer .elementor-nav-menu--main .elementor-item:hover::before, #global-footer .elementor-nav-menu--main .current-menu-item .elementor-item::before {color: #8C191A;}

/* Responsive */
@media screen and (min-width: 1367px) and (max-width: 1600px) {
	#global-header nav ul li a {margin: 0 12px;}
	#global-header nav ul li:first-of-type a {margin-left: 0;}
	#global-header nav ul li:last-of-type a {margin-right: 0;}
} 

@media screen and (min-width: 1025px) and (max-width: 1200px) {
	#global-header nav ul li a {font-size: 18px;}
	#global-header nav ul li a {margin: 0 8px;}
	#global-header nav ul li:first-of-type a {margin-left: 0;}
	#global-header nav ul li:last-of-type a {margin-right: 0;}
}

@media screen and (max-width: 1366px) {
	.inner-page-banner h1 {font-size: 54px !important;}
	.contact-today .elementor-form button {padding: 19px 45px !important;}
}

@media screen and (max-width: 1200px) {
	.inner-page-banner h1 {font-size: 44px !important;}
}

@media screen and (max-width: 1024px) {
	.contact-today .elementor-form button {padding: 17px 45px !important;}
}

@media screen and (max-width: 880px) {
	.inner-page-banner h1 {font-size: 34px !important;}
}

@media screen and (max-width: 767px) {
	.inner-page-banner h1 {text-align: center !important; font-size: 27px !important;}
	.contact-today .elementor-form button {padding: 15px 30px !important; margin-top: 20px;}
	.contact-today .elementor-form input {min-height: 50px;}
	#global-footer .elementor-nav-menu--main ul {columns: 2;}
}

@media screen and (max-width: 460px) {
	#global-footer .elementor-nav-menu--main ul {columns: 1;}
}