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

.shared-footer {
    padding: 70px 20px 28px;

    background: var(--color-forest);
    color: var(--color-text-light);
}


.shared-footer-grid {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 60px;
}


.shared-footer-logo {
    width: 190px;

    margin-bottom: 22px;
}


.shared-footer-tagline {
    max-width: 300px;

    font-family: var(--font-serif);
    font-size: 1.15rem;
}


.shared-footer h2 {
    margin: 0 0 18px;

    font-size: 0.85rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


.shared-footer-nav {
    display: grid;
    gap: 9px;
}


.shared-footer a {
    text-decoration: none;
}


.shared-footer a:hover {
    color: var(--color-copper);
}


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

.shared-footer-bottom {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 40px;

    margin-top: 60px;
    padding-top: 22px;

    border-top: 1px solid rgba(255, 255, 255, 0.16);

    font-size: 0.82rem;
}


.shared-footer-bottom span:last-child {
    max-width: none;

    text-align: right;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 700px) {

    .shared-footer-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }


    .shared-footer-bottom {
        grid-template-columns: 1fr;
        gap: 14px;
    }


    .shared-footer-bottom span:last-child {
        text-align: left;
    }

}