/* Importing Fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&display=swap');

/* Style for the Hamburger Icon */
.custom-hamburger-icon {
    font-size: 50px;
    color: #ffbe55;
    cursor: pointer;
    position: fixed;
    top: 4px;
    left: 8px;
    z-index: 1001;
    background-color: rgba(14, 15, 16, 0.5);
    padding: 5px 5px;
    padding-bottom: 16px;
    border-radius: 8px;
    line-height: 0.8;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.unique-menu-item {
    margin-bottom: 15px;
    font-family: "Hind Vadodara", sans-serif;
    font-weight: 300;
    font-size: 20px;
}

/* Menu list styles */
.unique-mobile-main-links {
    list-style: none; /* Remove bullet points from main menu */
    margin: 0;
    padding-top: 70px;
    padding-left: 15px;
    text-align: left;
}

/* Mobile Menu Styles */
.custom-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    height: 100vh;
    background-color: rgba(14, 15, 16, 0.9);
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
    border-right: 2px solid #6c9dc4;
}

.custom-mobile-main-link {
    color: #ffbe55;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
}

/* Submenu styles - Hide by default and remove markers */
.unique-submenu {
    display: none; /* Hide submenus by default */
    list-style: none; /* Remove bullet points from submenu */
    padding-left: 20px; /* Indent submenu items */
    margin: 0; /* Remove margin */
}

/* Ensure submenu items also have no markers */
.unique-submenu-item {
    list-style: none; /* Remove bullet points */
    padding: 5px 0; /* Add padding for spacing between submenu items */
}

/* Hide mobile menu on desktop */
@media only screen and (min-width: 769px) {
    .custom-mobile-menu, .custom-hamburger-icon {
        display: none;
    }
}

/* Hide welcome container on mobile */
@media only screen and (max-width: 768px) {
    .welcome-container {
        display: none;
    }
}