/*
 * Mountain Diary — the band at the bottom of every page (Site\Frame\SiteFooter): the legal links
 * and the copyright line in the theme's container, with a line on top like the one under the
 * header. The paddings are the rhythm between the texts — 32 px, on phones 24 px — less the line
 * spacing around each text, measured on the page: 3 px above and about 5 px below a link, 3 px
 * above and below the copyright text. The theme's widget area, empty on this site, is hidden; the
 * copyright block's own .container sits inside ours, so it gives up its width and padding.
 * #colophon outranks the theme's footer rules, the border colour the Customizer prints for the
 * copyright block included. Colours come from the design tokens.
 */
#colophon.site-footer {
    margin-top: 64px;
    padding: 29px 0 0;
    border: 0;
    border-top: 1px solid var(--md-border);
}

#colophon > .site-footer-wrapper:not(:has(.footer-inner)) {
    display: none;
}

#colophon .md-footer-inner > .site-info {
    margin-top: 0;
    padding: 24px 0 29px;
    border-top: 0;
    border-bottom: 0;
    text-align: center;
    font-size: 15px;
}

#colophon .md-footer-inner > .site-info .container {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

@media (width <= 768px) {
    #colophon.site-footer {
        margin-top: 48px;
        padding: 21px 0 0;
    }

    #colophon .md-footer-inner > .site-info {
        margin-top: 0;
        padding: 16px 0 21px;
    }
}