/* 
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 CSS */
body{
	overflow-x: hidden;
}
header .header-block{
	transition: all ease-in-out 0.4s;
	overflow: visible;
}
header.on-banner .elementor-nav-menu--main .elementor-item{
	color: #ffffff !important;
    fill: #ffffff !important;
}
header .header-block.scrolled{
	top: 20px !important;
	transition: all ease-in-out 0.4s;
}
header .elementor-widget-theme-site-logo img, header .ham-menu .elementor-icon, header .logo-black img{
	transition: all ease-in-out 0.4s;
}
body .on-light-section.header-block > .e-con-inner {
	background-color: rgba(115, 182, 141, 0.1) !important;
}
/* Light sections */
body .scrolled.header-block .elementor-nav-menu--main .elementor-item{
    color: #fff !important;
}
body .on-light-section.header-block .elementor-nav-menu--main .elementor-item{
    color: var( --e-global-color-text ) !important;
}
body .elementor-sticky__spacer > .e-con-inner{
	    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
	background-color: none !important;
}



/* header.scrolled .elementor-widget-theme-site-logo img, header.scrolled .ham-menu .elementor-icon, header.scrolled .logo-black img{
	border: 1px solid white;
	display: inline-block;
    backdrop-filter: blur(20px);
    background-color: #ffffff30;
    padding: 10px;
	transition: all ease-in-out 0.4s;
}
header .elementor-widget-theme-site-logo a{color: transparent;}
.menu-item a:after{
	content:"";
	width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    bottom: 7px;
    right: 50%;
}
header.on-banner .menu-item a:after{background-color: #fff !important;}
footer .menu-item a:after{display: none !important;}
.home-hero-banner:after{
	content: " ";
	background: linear-gradient(
        to bottom,
        rgba(31, 31, 31, 0) 0%,     
        #111111 45%,                
        #111111 59%,                
        #FFFFFF 76%                
    );
	display: block;
    height: 256px;
    width: 100%;
    position: absolute;
    bottom: -115px;
} */