/* Site footer — route-independent.
 *
 * Loaded on EVERY page (corp + blog) via inc/enqueue.php with the theme
 * version stamp, so any padding/spacing change cache-busts via `?ver=X.Y.Z`.
 * The footer.php inline `<style>` block is duplicated here for redundancy
 * (in case some plugin or admin route strips inline styles).
 */

footer.ttc-footer {
    background-color: #F2F2F2 !important;
    padding: 80px 0 60px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* Original Heads Up CSS sets `float: left` on `.blog-sec`, `.blog-rht`,
     * `.author-fullwith`, etc. The `<main>` element doesn't establish a BFC,
     * so on routes with deeply-nested floats (the author archive) those
     * floats can visually bleed past `<main>`'s end, eating into the
     * footer's padding-top. `clear: both` forces the footer to start on a
     * fresh line below ALL preceding floats — guarantees the 80px top
     * padding is visible regardless of route. */
    clear: both !important;
    /* Establish own BFC too — defensive against any floated child inside
     * the footer (none currently exist, but cheap insurance). */
    display: block !important;
    position: relative !important;
}

footer.ttc-footer > .container-fluid {
    padding: 0 100px !important;
    box-sizing: border-box !important;
}

footer.ttc-footer > .container-fluid > .row {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

footer.ttc-footer .col-md-2 > div:first-child {
    margin-top: 0 !important;
}

footer.ttc-footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

footer.ttc-footer ul li {
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
    display: list-item !important;
}

footer.ttc-footer ul li::before,
footer.ttc-footer ul li::after {
    content: none !important;
}

@media (max-width: 991px) {
    footer.ttc-footer {
        padding: 60px 0 30px 0 !important;
    }
    footer.ttc-footer > .container-fluid {
        padding: 0 20px !important;
    }
    footer.ttc-footer .row > div {
        flex: 1 1 100% !important;
    }
}