/* Integrate the existing footer design with BeTheme's global layout rules. */
#blinite-footer {
    clear: both;
    font-family: var(--sans);
    font-weight: 300;
    line-height: 1.65;
    text-align: left;
}

#blinite-footer > .container {
    width: min(calc(100% - 96px), var(--max));
    max-width: var(--max);
    padding-inline: 0;
}

/* BeTheme's clearfix must not become an extra grid or flex item. */
#blinite-footer > .container::after {
    content: none;
    display: none;
}

/* Keep the lead visible even when a page has no reveal-animation script. */
#blinite-footer .footer-lead.reveal {
    opacity: 1;
    transform: none;
}

#blinite-footer p,
#blinite-footer h3 {
    margin-bottom: 0;
}

#blinite-footer .footer-enquiry h3 {
    color: var(--cream);
}

#blinite-footer .footer-col h4 {
    font-family: var(--sans);
    line-height: 1.6;
}

#blinite-footer .footer-col ul,
#blinite-footer .footer-col li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#blinite-footer a {
    text-decoration: none;
}

#blinite-footer .footer-wordmark:hover {
    color: var(--cream);
}

#blinite-footer .footer-contact-btn:hover {
    color: var(--ink);
}

#blinite-footer a:focus-visible {
    outline: 2px solid var(--gold-2);
    outline-offset: 5px;
}

/* Improve legibility for the smaller legal text on the dark background. */
#blinite-footer .footer-entity-copy,
#blinite-footer .footer-bottom,
#blinite-footer .footer-legal a {
    color: #a89e90;
}

#blinite-footer .footer-legal a:hover {
    color: var(--cream);
}

/* The parent's standalone 404 layout is centered with absolute positioning. */
body.error404 #Error_404 {
    position: relative;
    top: auto;
    margin-top: 0;
    padding-block: 80px;
}

@media (max-width: 640px) {
    #blinite-footer > .container {
        width: min(calc(100% - 32px), var(--max));
    }
}