/* user.css */

/* Keep burger icon on the right */
.navbar-toggler {
    margin-left: auto; /* Pushes the burger icon to the right */
}

/* Custom Background and Menu Bar Colors */
body {
    background-color: rgba(255, 255, 255, 0.9); /* White background */
}

.navbar {
    background-color: rgba(255, 255, 0, 0.8); /* Yellow navbar */
}

/* Narrow Burger Menu Dropdown aligned to the left */
@media (max-width: 992px) {
    .navbar-collapse {
        max-width: 250px; /* Limit width for the burger menu */
        left: 0; /* Align dropdown to the left side */
        position: absolute; /* Allows dropdown to move independently */
        top: 100%; /* Dropdown appears just below the navbar */
        z-index: 1000; /* Ensures dropdown appears above the content */
        background-color: rgba(255, 255, 255, 0.9); /* Add background for better visibility */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Adds a slight shadow for better focus */
    }
}

/* Color change on hover */
.navbar-nav .nav-link:hover, .dropdown-menu a:hover {
    background-color: #ddd;
    color: #000; /* Optional: Text color change on hover */
}

/* Footer styles */
footer {
    background-color: #f8f9fa;
    padding: 20px;
}

/*** copyright Start ***/
.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--bs-dark) !important;
}
/*** copyright end ***/

.fs-9 {
  font-size: 3rem !important;
}

.fs-8 {
  font-size: 2.5rem !important;
}

.fs-7 {
  font-size: 0.875rem !important;
}