/*
 * The footer is shared by every public page. Its surface and boundary make the
 * transition from page content visible without relying on whitespace alone.
 */
.site-footer {
    position: relative;
    padding-top: 72px;
    background-color: #f3f4f6;
    border-top: 1px solid #cbd1da;
}

.site-footer::before {
    position: absolute;
    top: -1px;
    left: 50%;
    width: 72px;
    height: 4px;
    content: "";
    background-color: #ec5252;
    border-radius: 0 0 4px 4px;
    transform: translateX(-50%);
}

.site-footer .copyright-content {
    background-color: #e5e7eb;
}

.dark-theme .site-footer {
    background-color: #242424;
    border-top-color: #4a4a4a;
}

.dark-theme .site-footer .copyright-content {
    background-color: #1f1f1f;
}

@media only screen and (max-width: 767px) {
    .site-footer {
        padding-top: 48px;
    }

    .site-footer .footer-item {
        margin-bottom: 32px;
    }
}