/*Enter Custom  CSS Here*/

#contact p{
    color: var(--color-1);
}
.navbar-brand {
    padding-top: 1.25em;
    padding-bottom: 1em;
    margin: 0;
    text-decoration: none;
    white-space: nowrap;
}



.cmsform.ajax-request label{
    color: var(--color-1);
}
.cmsform.ajax-request .form-group{
    margin-bottom: 12px;
}

#catering h4.text-right{
    text-align: right;
}
#catering label{
    color: var(--color-3);
}
#catering .btn-dark{
    background-color: var(--color-3) !important;
    color: var(--color-1) !important;
}
#catering .btn-dark:hover{
    background-color: var(--color-1) !important;
    color: var(--color-3) !important;
}
.internal footer {
    margin-top: 40px;
}
.instagram{
    display: none;
}

.location-card{
    border-radius: 15px !important;
    -webkit-box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    background-color: var(--form-inputs) !important;
    text-align: center;
    border: 1px solid #ced4da;
    padding: 2rem 10px;
}

.menu img{
    max-height: 300px;
    object-fit: cover;
    height: 100%;
    max-width: initial;
    width: 100%;
}
.menu .card-title.fw-bolder{
    color: var(--color-1);
}

@media  (min-width:768px){
    #contact .flex-column-reverse{
        flex-direction: unset !important;
    }
}