.nav_menu{
    box-shadow: 0rem 0rem 2rem 0rem rgb(218, 218, 218);
}
.fade_text{
    color: rgb(180, 180, 180)
}
@font-face {
    font-family: sofia;
    src: url('/assets/font/SOFIAPROSOFTBOLD.ttf');
}
*{
    font-family: sofia;
}
.nav-link {
    color: rgb(172, 172, 172);
}
nav .navbar-nav li a {
    font-weight: bold;
}
.nav-link:hover{
    color: #584860 !important;
}
.active_page{
    color: #f1684f !important;
}
#loginButton, .userBUtton{
    background: transparent;
    border: 2px solid #f1684f;
    padding: 0.5rem 2rem;
    border-radius: 1rem;
    color: #f1684f;
    text-decoration: none;
}
#loginButton:hover{
    background: #f1684f;
    color: #ffffff;
}
footer{
    background-image: url('/assets/main/footer background.png');
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
footer ul{
    list-style: none;
    padding-left: 1rem;
}
footer a {
    text-decoration: none;
    color: white;
}
footer a:hover{
    color: #f1684f;
}
footer h5{
    text-transform: uppercase;
}
@media screen and (max-width: 570px) {
    footer .row div {
        text-align: center;
    }
}
button:hover{
    transform: scale(1.03);
}
button{
    transition: 0.2s ease-in-out;
}
.onLine{
    width: 95%; 
    text-align: center; 
    border-bottom: 5px solid rgb(231, 231, 231); 
    line-height: 0.1em;
    margin: auto;
}
.onLine span{
    background:#fff; 
    padding:0 1rem;
}


.anim-delay{
    animation-delay: 0.3s !important;
}

.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background-color: #f1684f;
    color: white !important;
}