footer {
    padding-bottom: var(--size-d) !important;
    margin-top: var(--size-xxl);
}

footer .footer-section:not(:last-of-type) {margin-bottom: var(--size-m);}

.footer-list > * {margin-bottom: .75em;}
.footer-list .--icon {
    height: .75rem;
    width: auto;
    margin-right: .5rem;
}

#footer--newsletter,
#footer--subpages,
#footer--copyright {border-top: 1px solid white;}

#footer--newsletter {padding-top: var(--size-d);}

#footer--subpages {
    padding-top: var(--size-s);
    column-gap: var(--size-xs);
    row-gap: var(--size-xs);
    margin-bottom: var(--size-d);
}

#footer--copyright {padding-top: var(--size-s);}

@media only screen and (min-width: 768px) {
    #footer--newsletter {
        padding-top: 0;
        border-top: 0;
    }
}

@media only screen and (min-width: 1096px) {
    #footer--logo {
        grid-column: 1/2;
        grid-row: 1;
        width: 5rem;
        margin-bottom: var(--size-m);
    }

    #footer--pages_social {
        grid-column: 2/4;
        grid-row: 1;
    }

    #footer--newsletter {
        grid-column: 4/-1;
        grid-row: 1;
    }

    #footer--subpages {
        grid-column: 1/4;
        grid-row: 2;
    }

    #footer--copyright {
        grid-column: 4/-1;
        grid-row: 2;
    }
}


@media (hover: hover) {
    #footer--pages > a,
    #footer--social > a,
    #footer--subpages > a {transition: 250ms ease-in-out;}

    #footer--pages:hover > a,
    #footer--social:hover > a,
    #footer--subpages:hover > a {opacity: var(--alpha);}

    #footer--pages > a:hover,
    #footer--social > a:hover,
    #footer--subpages > a:hover {opacity: 1 !important;}
}