/*~~~~~~~~~~~~~~~~ Menu Styles (global - all menus) ~~~~~~~~~~~~~~~~*/

/******[Main Menu]******/

/* Main Menu Container */
.nfMainadmin {
    padding: 0;
    background-color: #2a2a2a; /* Dark gray background for the main menu */
    display: flex;
    justify-content: center; /* Center the menu items */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow */
}

/* Item Links */
.nfMainadmin .nfLinkadmin {
    padding: 12px 20px; /* Larger padding for modern spacing */
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #ffffff; /* White text */
    text-decoration: none;
    border: none;
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
}

/* Item Links - Hover */
.nfMainadmin .nfLinkadmin:hover {
    background-color: #d91a1a; /* Fire-engine red on hover */
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px; /* Slightly rounded corners */
}

/* Active Item Links */
.nfMainadmin .nfJSActiveadmin {
    background-color: #d91a1a; /* Fire-engine red for active links */
    color: #ffffff;
    font-weight: bold; /* Highlight the active menu */
}

/******[Sub Menus]******/

/* Sub Menu Container */
.nfSubSadmin {
    background-color: #333333; /* Darker gray for submenu */
    padding: 10px;
    border: 1px solid #444444; /* Subtle border for submenu */
    position: absolute;
    top: 100%; /* Position below the parent menu */
    left: 0;
    display: none; /* Hidden by default */
    z-index: 1000;
    border-radius: 4px;
}

/* Sub Menu Items */
.nfSubSadmin .nfLinkadmin {
    padding: 8px 15px;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #444444;
    transition: background-color 0.3s ease;
}

/* Sub Menu Item - Hover */
.nfSubSadmin .nfLinkadmin:hover {
    background-color: #d91a1a;
    color: #ffffff;
}

/* Show Submenu on Hover */
.nfMainadmin .nfParentadmin:hover .nfSubSadmin {
    display: block;
}

/******[Breadcrumb Styles]******/

/* Breadcrumb Container */
.nfBreadcrumb {
    background-color: #f9f9f9;
    padding: 10px;
    font-size: 14px;
    color: #666666;
    border-bottom: 1px solid #e0e0e0;
}

/* Breadcrumb Links */
.nfBreadcrumb a {
    color: #d91a1a;
    text-decoration: none;
}

.nfBreadcrumb a:hover {
    text-decoration: underline;
}

/******[Custom Styling]******/

/* Highlight Titles */
.custTitle {
    font-size: 18px;
    margin: 20px 0 10px;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
}

/* Mega Menu Styles */
.custMegaSub {
    width: 600px;
    background-color: #2a2a2a;
    color: #ffffff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.megaContentLeft,
.megaContentMiddle,
.megaContentRight {
    width: 33.33%;
    float: left;
    text-align: left;
    padding: 10px;
}