/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.2
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */




<style>
/* RESET */
#main-nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* MAIN MENU */
#main-nav-menu > ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* TOP LEVEL ITEMS */
#main-nav-menu > ul > li {
    position: relative;
}

/* LINKS */
#main-nav-menu > ul > li > a {
    position: relative;
    display: inline-block;
    padding: 0px 5px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    color: #222;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

/* 🔥 PREMIUM UNDERLINE EFFECT */
/* #main-nav-menu > ul > li > a::after {
    content: "";
    position: absolute;
    left: -5px;
    bottom: 6px;
    width: 0%;
    height: 1px;
    background: rgba(0,0,0,0.15);
    transition: width 0.3s ease;
} */
#main-nav-menu > ul > li > a {
    position: relative;
    z-index: 1;
}

/* override theme pseudo */
#main-nav-menu > ul > li.menu-item-has-children > a::before {
    display: none !important;
}

/* 🔥 TOP LINE (RIGHT → LEFT ANIMATION) */
#main-nav-menu > ul > li > a::before {
/*     content: "";
    position: absolute;
    top: 4px;
    right: -6px;
    width: 0%;
    height: 1px;
    background: rgba(0,0,0,0.15);
    transition: width 0.35s ease;
    z-index: -1; /* avoid conflict */
}


/* HOVER EFFECT */

/* #main-nav-menu > ul > li:hover > a::after {
    width: 100%;
} */

/* #main-nav-menu > ul > li:hover > a::before {
    width: 100%;
} */

/* 🔥 ANGLED SEPARATOR (THE SHAPE FEEL) */
#main-nav-menu > ul > li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(20deg);
    width: 1px;
    height: 20px;
    background: rgba(0,0,0,0.15);
}


/* ACTIVE MENU */
#main-nav-menu > ul > li.current-menu-item > a {
    color: #16a34a;
}
.menu>li.tie-current-menu {
    border: none !important;
}


/*Main style disable*/
nav.main-nav.menu-style-solid-bg .menu>li.tie-current-menu>a, nav.main-nav.menu-style-solid-bg .menu>li:hover>a {
    background-color: #00000000 !important;
    color: var(--main-nav-contrast-primary-color);
}
#main-nav-menu > ul > li {
    line-height: 45px;
}
.main-menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
header .menu-item-has-children>a:before {
    display: none;
}
</style>