/* 
Theme Name:		 NeXaric Edupress
Theme URI:		 http://childtheme-generator.com/
Description:	 NeXaric Edupress is a child theme of GeneratePress, created by ChildTheme-Generator.com
Author:			 NeXaric Technologies Pvt. Ltd.
Author URI:		 http://childtheme-generator.com/
Template:		 generatepress
Version:		 1.0.0
Text Domain:	 nexaric-edupress
*/


/*
    Add your custom styles here
*/
/* Add gap for the icon */
/* 1. Completely hide all submenus globally inside the scrollmenu */
div.scrollmenu ul.sub-menu {
    display: none !important;
}

/* 2. Desktop View: Hide the mobile menu */
@media (min-width: 1024px) {
    div.scrollmenu {
        display: none;
    }
}

/* 3. Mobile View: Horizontally Scrolling Menu */
@media (max-width: 1024px) {
    div.scrollmenu {
        background-color: white;
        overflow-x: auto; /* Enables horizontal scrolling */
        overflow-y: hidden;
        white-space: nowrap;
        position: sticky;
        top: 53px;
padding-left: 10px;
        display: block !important;
        z-index: 9999;
        border-top: 1px solid #c2c2c2;
        box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    }

    /* Hide the scrollbar for a cleaner look */
    div.scrollmenu::-webkit-scrollbar {
        display: none;
    }
    div.scrollmenu {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    /* Set up the horizontal layout using Flexbox */
    div.scrollmenu ul.menu {
        display: flex;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    /* Keep items in a single line */
    div.scrollmenu li {
        list-style: none;
        flex: 0 0 auto; 
    }

    /* Style the links */
    div.scrollmenu a {
        display: block;
        padding: 5px 5px;
        color: black;
        text-decoration: none;
        font-family: 'nxcfontbold';
        font-weight: 600;
        white-space: nowrap;
		font-size: 15px;
    }

    /* Hover/Active state */
    div.scrollmenu a:hover {
        background-color: #d10015;
        color: white;
    }
}