// This file styles the footer at the bottom of the page.

#site-footer {
    grid-row: bottomstart;
    display: flex;
    padding: var(--space);
    align-items: center;
    border-top: 2px solid var(--blue-7);
    color: var(--8);
}

#site-footer a:link:hover {
    color: var(--blue-4);
}

#site-footer a:link {
    color: var(--blue-7);
}

#footerblock {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer-links {
    display: flex;
    gap: var(--space);
    align-items: center;
    font-size: calc(var(--space) * 1.5);
}



@media (min-width: 1201px) {
    #site-footer {
        grid-column: pagestart / pageend;
        border-top-right-radius: var(--space);
        border-top-left-radius: var(--space);
    }

    #site-lastedit.layout-touch {
        display: none;
    }
}

@media (max-width: 1200px) {
    #site-footer {
        gap: var(--space);
        grid-column: 1;
        flex-direction: column;
        padding-bottom: calc(var(--space) * 4);
    }
}

@media (max-width: 720px) {
    #site-footer {
        padding-bottom: calc(var(--space) * 6);
    }

    #footerblock {
        flex-direction: column;
        align-items: center;
        gap: var(--space);
    }
}