/* base.css */
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {

    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

@media (min-width: 992px) {
    .navbar>.container-fluid {
        max-width: calc(1140px + 16em); /* accounts for the 8em gap on each side */
        padding-left: 20px;  /* matches grid container padding */
        padding-right: 20px;
    }
}

@media (min-width: 1370px) {
    .navbar>.container-fluid {
        max-width: calc(1080px + 16em); /* 3 cards at 360px each + gaps */
    }
}

/* Reset to Bootstrap defaults below 992px */
@media (max-width: 991px) {
    .navbar>.container-fluid {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.navbar .navbar-brand {
    font-family: 'Raleway', sans-serif;
    font-weight: 700 !important;
}

.log-out {
    font-weight: 500 !important;
}






.navbar-toggler {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.navbar-toggler:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.navbar-toggler:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.25) !important;
}