/* =========================================================
   FOOTER
   ========================================================= */

.site-footer {
    padding: 30px var(--na-content-padding);

    background: var(--na-color-navy-dark);
    color: #e5e7eb;

    font-size: 0.9rem;
}


/* =========================================================
   FOOTER INNER
   ========================================================= */

.footer-inner {
    max-width: 900px;
    margin: 0 auto;

    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;

    gap: var(--na-gap-md);

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(148, 163, 184, 0.3);
}

.footer-column {
    flex: 1 1 200px;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.footer-column h3,
.footer-column h4 {
    margin: 0 0 8px;

    color: #f9fafb;

    font-size: 1rem;
}

.footer-column p {
    margin: 0 0 6px;
}


/* =========================================================
   LINKS
   ========================================================= */

.site-footer a {
    color: var(--na-color-blue-light);
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

.footer-bottom {
    max-width: 900px;
    margin: 10px auto 0;

    color: #9ca3af;

    font-size: 0.8rem;
    text-align: center;
}