/*
Theme Name: Astra Child theme of astra
Theme URI: 
Description: Child theme of astra theme for the Astra theme
Author: <a href="https://wpastra.com/about/?utm_source=theme_preview&#038;utm_medium=author_link&#038;utm_campaign=astra_theme">Brainstorm Force</a>
Author URI: 
Template: astra
Version: 4.7.0
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Fri, 14 Jun 2024 02:36:55 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/



/* CSS for Menu Item Hover and Active Border Effect */



@media (min-width: 1025px) {
    #menu-primary .ekit-menu-nav-link {
        position: relative; /* Needed for the :after pseudo-element */
        display: inline-block; /* Ensure the link element has a width */
        padding-bottom: 5px; /* Space for the border effect */
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    ul#menu-primary {
        justify-content: center;
        align-items: center;
    }

    /* Hover Effect */
    #menu-primary .ekit-menu-nav-link::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 2px;
        background-color: #fff;
        transition: width 0.4s ease, left 0.4s ease; /* Smooth transition effect */
    }

    /* Expand the border from center on hover */
    #menu-primary .ekit-menu-nav-link:hover::after {
        width: 100%;
        left: 0;
    }

    /* Active Menu Item Effect */
    #menu-primary .ekit-menu-nav-link.active::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
    }

    .elementskit-navbar-nav-default .elementskit-navbar-nav>li {
        margin-left: 15px!important;
    }
	

/* fixed header */
.ekit-template-content-header {
	background:#fff;
    width: 100%;
    transition: top 0.5s;
}
	
i.icon.icon-down-arrow1.elementskit-submenu-indicator {
    margin-top: 5px;
}


i.icon.icon-down-arrow1.elementskit-submenu-indicator {
    color: #fff!important;
}	
	
}




.sticky {
    position: fixed;
    top: 0;
    z-index: 1000;
	width:100%;
}
.hidden {
    top: -100px; /* adjust based on your header height */
}



@media (max-width: 1024px) {
    .elementor-2436 .elementor-element.elementor-element-234e255 .elementskit-navbar-nav > li.current-menu-item > a {
        color: #165da3!important;
    }

    .elementor-2436 .elementor-element.elementor-element-234e255 .elementskit-navbar-nav > li:hover > a {
        color: #165da3!important;
    }

    .elementor-2436 .elementor-element.elementor-element-234e255 .elementskit-navbar-nav > li > a:active {
        color: #165da3!important;
    }
	
	.elementor-2436 .elementor-element.elementor-element-234e255 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator {
    color: #165da3!important;
}
	
	.ekit_menu_responsive_tablet>.elementskit-navbar-nav-default {
   
    padding: 22px!important;
}
	
.elementskit-navbar-nav-default .elementskit-navbar-nav>li {
   
    margin-bottom: 15px!important;
}	
	
}