nav {
    font-family: 'Open Sans', sans-serif;
}

.navbar {
    transition: all 0.4s;
}

.navbar .nav-link {
    color: #fff;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

.navbar .navbar-brand {
    color: #d6a12f;
    font-size: 25px;
}

.btn-secondary {
    color: #fff;
    background-color: inherit !important;
    border-color: inherit !important;
    border: none;
}

.dropdown {
    margin-left: 1.5rem !important;
    display: flex;
    align-items: center;
}

.dropdown-item.active, .dropdown-item:active {
    color: rgb(33, 33, 33);
    text-decoration: none;
    background-color: #f8f9fa !important;
}

/* Change navbar styling on scroll */
.navbar.active {
    background: #fff;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: rgb(33, 33, 33);
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: rgb(33, 33, 33);
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #d6a12f;
}

.navbar-nav {
    font-size: 15px;
    letter-spacing: .5px
}

.fa-bars {
    color: rgb(255, 255, 255);
}

.fa-bars.active {
    color: rgb(33, 33, 33);
}

.btn-secondary.active {
    color: rgb(33, 33, 33) !important;
}

/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    .navbar {
        background: transparent;
    }

    .dropdown {
        margin-left: 1.5rem !important;
        display: block
    }

    .navbar.activeMobile {
        background-color: white;
    }

    .btn {
        padding-left: 0;
    }

    .btn-secondary.activeMobile {
        color: rgb(33, 33, 33) !important;
    }

    .navbar.activeMobile .nav-link {
        color: rgb(33, 33, 33);
    }

    .navbar.navbar.activeMobile .navbar-brand {
        color: rgb(33, 33, 33);
        font-size: 25px;
    }

    .fa-bars.activeMobile {
        color: rgb(33, 33, 33);
    }

    .navbar .navbar-brand .navbar .nav-link {
        color: #d6a12f;
    }
}