/*
Theme Name: Blogus Child
Theme URI: https://themeansar.com/free-themes/blogus-free-blog-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: Blogus is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Blogus is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Blogus is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogus-demos/ and documentation at https://docs.themeansar.com/docs/blogus/
Version: 2.0.0.9
Tested up to: 6.6
Requires PHP: 7.0
Requires at least: 5.4
Tags: two-columns, three-columns, left-sidebar, right-sidebar, translation-ready, custom-background, custom-logo, featured-images, footer-widgets, full-width-template, blog, e-commerce, entertainment
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Template:     blogus
Text Domain: blogus
*/

.hfe-nav-menu li.active.menu-item a.hfe-menu-item {
    color: #000000BA !important; /* Change the color or add your preferred styling */
    border-bottom: 2px solid #000000BA; /* Add border-bottom with color matching the text color */
    padding-bottom: 5px; /* Optional: Add padding to avoid text overlapping with the border */
    text-decoration: none; /* Optional: Remove underline from links if needed */
}

.hfe-nav-menu li.active.menu-item a.hfe-menu-item {
    transition: border-bottom 0.3s ease;
}

@media only screen and (max-width: 1024px) {
    /* #mainNav .hfe-nav-menu {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    } */
	html {
		scroll-behavior: smooth;
	}
    .onePageNav {
        border-bottom: 2px solid #000000BA !important;
		will-change: transform; /* Forces hardware acceleration */
    	transform: translateZ(0); /* Fix for mobile rendering issues */
		position: -webkit-sticky;
		/*position: fixed !important;*/

    }
    #mainNav .hfe-nav-menu .hfe-nav-menu__toggle {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    #mainNav .hfe-nav-menu .hfe-nav-menu__toggle span.screen-reader-text {
        overflow: visible;
        position: relative;
        font-size: 13px;
        color: #000000;
        clip-path: none;
        width: auto;
        top: auto;
        margin: 0 0 10px 0;
        font-weight: 600;
    }
	
}
.onePageNav .e-con.elementor-sticky--active {
	z-index: var(--z-index, 9) !important;
}
/* Sticky styles for the custom menu */
/* .sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    border-bottom: 1px solid #ddd;
} */

/* Add some padding to the body to avoid content being hidden behind the sticky menu */
/* body.sticky-menu-active {
    padding-top: 60px;
} */