/* Navbar stuff  */
.navbar-container {
    height: 400px;
}

.nav-background {
    background: url('/static/assets/header.jpg');
    top: 0px;
    left: 0px;
    height: 350px;
    width: 100%;
    background-position-x: -600px;

    nav {
        background-color: unset !important;
    }

    .brand-image-container {
        width: 40%;
    }

    .dropdown-item {
        color: white;
    }

    .container {
        height: unset;
        min-height: unset;
    }

    .navbar-spacing {
        margin-left: unset !important;
    }
}

.min-height-inherit {
    min-height: inherit;
}

nav {
    min-height: 4rem;

    .container {
        height: 100%;
    }
}

.brand-image-container {
    width: 20%;
}

.navbar-spacing {
    margin-left: 20% !important;
}

.brand-image {
    width: 100%;
    height: 100%;
}

.navbar-button {
    border: 0;
    &:focus {
        border: 0;
        box-shadow: unset;
    }
}

.dropdown-item {
    color: var(--bs-light);
    font-weight: bold;
}

.drop-shadow {
    text-shadow: 0px 0px 4px #000;
}

.drop-shadow:hover {
    text-shadow: unset;
}


.btn-group-nav {
    .btn-nav {
        color: white;
        background-color: unset;
        border: 0;
    }
    &:hover {
        background-color: var(--bs-primary);
        button {
            color: white;
            border: 0;
        }
    }

    .dropdown-menu-nav {
        border: 0;
        background-color: var(--bs-light);
        color: var(--bs-primary);
        margin-top: 0;
        .dropdown-item {
            color: var(--bs-primary);
            padding-left: 4px;

            &:hover {
                background-color: var(--bs-light);

                .item-bordered {
                    border-bottom: 4px solid var(--bs-primary);
                }
            }
        }
    }
}