/*
 * Houdt de gedeelde websitefooter zichtbaar en op dezelfde plaats
 * op alle normale pagina's die includes/header.php en footer.php gebruiken.
 */
html {
    min-height: 100%;
    background: #030303;
}

body {
    display: flex;
    min-height: 100vh;
    min-height: 100dvh;
    flex-direction: column;
}

body > main {
    width: 100%;
    flex: 1 0 auto;
}

body > .site-footer {
    position: relative !important;
    z-index: 10;
    display: block !important;
    width: 100%;
    flex: 0 0 auto;
    clear: both;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

body > .site-footer .site-footer__grid,
body > .site-footer .site-footer__bottom {
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 760px) {
    body > .site-footer {
        padding-top: 3.5rem;
    }
}