/*
Theme Name: ALziri Child
Theme URI: http://www.0924672820.com
Template: Alziri
Author: Mohammed ALziri
Author URI: http://www.Alziri.com
Description: Smart. Flexible. Beautiful. Alziri is the most powerful theme in our collection.
Version: 4.23.1.1700239543
Updated: 2023-11-17 16:45:43

*/

/* Style One – Growing line underneath Start */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #2ea3f26b; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}
/*end*/

/* //Header fixed */
.et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form {
    background-color: rgba(255,255,255,0.78);
    border-bottom-right-radius: 15%;
    border-bottom-left-radius: 15%;
}
/* end */
/* @media only screen and (max-width: 980px) {
    .et_fixed
    .et_fixed #main-header {
        background-color: rgba(255,255,255,0);
    }} */
@media (max-width: 980px){
.et_fixed_nav #main-header {
    position: absolute;
    background: rgb(255 255 255 / 41%);
}}


/* .mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #2ea3f2;
    box-shadow: 0px 6px #00000026;
    border-radius: 20%;
} */

/*menu line Box-Shadow*/
#main-header {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.45)!important;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.45)!important;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.45)!important;
}
.et-fixed-header#main-header.et-fixed-header#main-header {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.45)!important;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.45)!important;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.45)!important;
}