/* Fix Footer Overlap CSS */
.site-footer, #colophon, footer {
    clear: both;
    position: relative;
    z-index: 10;
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff; /* Ensure it covers content behind it */
}

/* Ensure main content container has bottom padding to prevent overlap */
.site-content, #content, main {
    padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
    .site-footer .widget {
        margin-bottom: 30px;
    }
}