.form-floating>label, .toast .form-floating>label .form-floating:not(:placeholder-shown)~label, .formTextColor, .toast h3, .modal-title {
    color: var(--color-2) !important;
}

h2.menu-title {
    color: var(--color-2) !important;
    margin-bottom: 5px;
}

.uk-subnav-pill>.uk-active>a{
    background-color: var(--color-1);
    color: var(--color-2);
    border: 1px solid var(--color-2);
}

.uk-subnav-pill>*>:first-child{
    background-color: var(--color-2);
    color: var(--color-1);
}

#mega-menu .navbar-brand img {
    max-height: 150px;
    transition: max-height .5s ease;
}

#mega-menu.scrolled .navbar-brand img {
    max-height: 75px;
}

@media(max-width:768px){
    .item-title {
        font-size: .75rem;
    }
    .menu-description {
        font-size: .75rem;
    }
}

.modal-body p{
    color: var(--color-5);
}

.card-body h2{
    color:#000 !important;
}
.card-body h5{
    color:#000 !important;
}
.card-body p{
    color:#000 !important;
}