.navbar {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 10;
    background-color: #f0f0f0;
    padding-bottom: 0.9rem !important;
    padding-top: 0.9rem !important;
}

.navbar-hide {
    padding-bottom: 0.3rem !important;
    padding-top: 0.5rem !important;
}

.nav-link {
    color: black;
    font-size: 1rem;
    -webkit-transition: all 0.4s ease-in-out;
}

.nav-link:hover {
    color: black;
}

.navbar-toggler-icon {
    border: 0 !important;
}

.navbar-brand {
    color: black;
    font-size: 1.2rem !important;
    -webkit-transition: all 0.4s ease-in-out;
}

.navbar-brand:hover {
    color: black;
}

.nav-color-change {
    background-color: #f0f0f0;
}

.nav-color-change .nav-link {
    color: black;
}

.nav-color-change .nav-link:hover {
    color: rgb(146, 146, 146) !important;
}

.nav-color-change .navbar-brand {
    color: black !important;
}

.nav-color-change .accordion-content {
    background-color: #f0f0f0 !important;
}

.nav-color-change .dropdown-item {
    color: black !important;
}

.nav-color-change .dropdown-item:hover {
    background-color: #e9e9e9 !important;
    color: rgb(146, 146, 146) !important;
}

.nav-color-change .fas.fa-bars {
    color: black !important;
}

.dropdown-item {
    color: black !important;
    text-align: justify !important;
    -webkit-transition: max-height 0.4s, color 0.4s ease-in-out;
    -moz-transition: max-height 0.4s, color 0.4s ease-in-out;
    -ms-transition: max-height 0.4s, color 0.4s ease-in-out;
    -o-transition: max-height 0.4s, color 0.4s ease-in-out;
    transition: max-height 0.4s, color 0.4s ease-in-out;
}

.dropdown-item:hover {
    background-color: #f0f0f0 !important;
    color: #a89d84 !important;
}

.accordion:hover .accordion-content {
    max-height: 300px;
}

.accordion-content {
    -webkit-transition: max-height 0.4s, background-color 0.4s ease-in-out;
    ;
    -moz-transition: max-height 0.4s, background-color 0.4s ease-in-out;
    ;
    -ms-transition: max-height 0.4s, background-color 0.4s ease-in-out;
    ;
    -o-transition: max-height 0.4s, background-color 0.4s ease-in-out;
    ;
    transition: max-height 0.4s, background-color 0.4s ease-in-out;
    background-color: #f0f0f0;
    overflow: hidden;
    max-height: 0;
    position: absolute;
    border-radius: 3px;
}

.accordion-toggle {
    -webkit-transition: background 0.4s linear;
    -moz-transition: background 0.4s linear;
    -ms-transition: background 0.4s linear;
    -o-transition: background 0.4s linear;
    transition: background 0.4s linear, font-size 0.4s ease-in-out, color 0.4s ease-in-out;
    color: black;
    text-decoration: none;
    font-size: 1rem;
}

.navbar-toggler:focus {
    outline: 0;
}

.navbar-toggler .fas.fa-bars {
    color: black;
}