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

/* Header */
header div.elementor-widget-nav-menu ul.elementor-nav-menu li.menu-item > a.elementor-item,
header div.elementor-widget-nav-menu ul.elementor-nav-menu li.menu-item > a.elementor-item > .sub-arrow svg {
transition: all 0.2s ease-in-out 0s;
margin: 0px;
}
header div.elementor-widget-nav-menu ul.elementor-nav-menu li.menu-item > a.elementor-item:hover {
color: var( --e-global-color-accent );
}
header div.elementor-widget-nav-menu ul.elementor-nav-menu li.menu-item > a.elementor-item:hover > .sub-arrow svg {
fill: var( --e-global-color-accent );;
}
header .elementor-widget-nav-menu .elementor-nav-menu {
display: flex;
gap: calc(var(--e-nav-menu-horizontal-menu-item-margin) * 2);
}
header .elementor-widget-nav-menu .elementor-nav-menu::after {
content: unset;
}
header .elementor-widget-nav-menu .elementor-nav-menu .menu-item > a > .sub-arrow {
padding-left: 5px;
}
header .elementor-widget-nav-menu .elementor-nav-menu > .menu-item .sub-menu {
left: 50%!important;
transform: translateX(-50%);
}
header .elementor-widget-nav-menu .elementor-nav-menu > .menu-item .sub-menu .elementor-sub-item {
border: 0px;
}

@media screen and (max-width: 1800px) {
    
    header div.elementor-widget-nav-menu ul.elementor-nav-menu li.menu-item > a.elementor-item,
    header.elementor-73 .elementor-element .elementor-button {
    font-size: 17px!important;
    }
    header.elementor-73 .elementor-element.elementor-element.mb-mobile-menu-toggle .elementor-button {
    font-size: 40px!important;
    padding: 0px!important;
    }
}
@media screen and (max-width: 1620px) {
    
    header .elementor-widget-nav-menu .elementor-nav-menu {
    gap: calc(var(--e-nav-menu-horizontal-menu-item-margin) * 1.5);
    }
}
@media screen and (max-width: 1620px) and (min-width: 1366px) {
    header.elementor-73 .elementor-element.elementor-element .elementor-button {
    padding: 12px 20px;
    }
    header .elementor-element:has(> .elementor-widget-theme-site-logo) {
    width: 140px;
    }
}
@media screen and (max-width: 767px) {
    header.elementor-73 .elementor-element.elementor-element .elementor-button {
    padding: 12px 20px;
    }
}

/* Footer */

/* footer .elementor-widget-nav-menu .elementor-nav-menu .menu-item > a::before {
content: '\f00c';
font-family: "Font Awesome 5 Pro";
} */
footer > .elementor-element:not(#base) .elementor-widget-nav-menu .elementor-nav-menu .menu-item > a {
transition: all 0.2s ease-in-out 0s;
}
footer > .elementor-element:not(#base) .elementor-widget-nav-menu .elementor-nav-menu .menu-item > a:hover {
transform: translateX(10px);
}
footer .elementor-widget-nav-menu .elementor-nav-menu > .menu-item {
display: flex;
flex-direction: column;
gap: 20px;
}
footer .elementor-widget-nav-menu .elementor-nav-menu > .menu-item .sub-menu {
display: block!important;
position: unset!important;
margin: unset!important;
width: unset!important;
display: flex!important;
flex-direction: column;
gap: 6px;
}
footer .elementor-widget-nav-menu .elementor-nav-menu > .menu-item .sub-menu .elementor-sub-item {
border: 0px;
}

/* Offcanvas */
.mb-offcanvas-1 .dialog-close-button {
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: center;
}
.mb-offcanvas-1 .dialog-close-button::before,
.mb-offcanvas-1 .dialog-close-button::after {
	content: '';
	display: flex;
	height: 3px;
	width: 100%;
	background-color: var( --e-global-color-04527f6 );
	transform: rotate(45deg);
	position: absolute;
}
.mb-offcanvas-1 .dialog-close-button::after {
	transform: rotate(-45deg);
}
.mb-offcanvas-1 .dialog-close-button svg {
	display: none;
}
.mb-offcanvas-1 .elementor-widget-nav-menu .elementor-nav-menu > .menu-item {
display: flex;
flex-direction: column;
gap: 20px;
}
.mb-offcanvas-1 .elementor-widget-nav-menu .elementor-nav-menu > .menu-item .sub-menu {
display: block!important;
position: unset!important;
margin: unset!important;
width: unset!important;
display: flex!important;
flex-direction: column;
gap: 15px;
}
.mb-offcanvas-1 .elementor-widget-nav-menu .elementor-nav-menu > .menu-item .sub-menu .elementor-sub-item {
border: 0px;
}