/* ==========================================================
   VivaVita Footer
========================================================== */
.site-footer{
    background-color: #FCF9F6;
    color: #4b3a34;
    border-top:1px solid #EDE6E1;
    padding:70px 20px;
}

.vivavita-footer{
    max-width:900px;
    margin:0 auto;
    text-align:center;
}

.vivavita-footer h2{
    margin:0 0 30px;
    font-size:2.0rem;
    font-weight:400;
    color:#4B3A34;
    letter-spacing:-0.02em;
}

.footer-links{
    margin-bottom:26px;
    font-size:1.05rem;
}

.footer-links a{
    color:#6A564D;
    text-decoration:none;
    transition:.25s ease;
}

.footer-links a:hover{
    color:#8FAE1B;
}

.footer-links span{
    color:#BEB5AF;
    margin:0 12px;
}

.footer-copy{
    color:#9B928C;
    font-size:.95rem;
    margin:0;
}

.site-info{
    display:none !important;
}

.footer-top{
    margin:18px 0 24px;
}

.footer-top a{
    color:#8FAE1B;
    font-weight:500;
    text-decoration:none;
    transition:.25s;
}

.footer-top a:hover{
    color:#4B3A34;
}

/* ==========================================================
   Mobile Footer
========================================================== */

@media (max-width: 768px){
    .site-footer{
        padding:50px 25px 35px;
    }
    .vivavita-footer h2{
        font-size:1.7rem;
        line-height:1.15;
        white-space:nowrap;
        margin-bottom:28px;
    }
    .footer-links{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:14px;
        font-size:1rem;
        line-height:1.5;
        margin-bottom:30px;
    }
    /* skjul separatorerne */
    .footer-links span{
        display:none;
    }
    .footer-links a{
        display:block;
    }
    .footer-copy{
        font-size:.9rem;
    }
}