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

.site-footer {

    background: var(--primary-dark);

    color: white;

    margin-top: 5rem;

}

.footer-grid {

    display: grid;

    grid-template-columns:
        2fr 1fr 1fr;

    gap: 4rem;

    padding: 4rem 0;

}

.footer-about p {

    margin-top: 1rem;

    max-width: 400px;

    color: rgba(
        255,
        255,
        255,
        .85
    );

}

.footer-links ul,
.footer-recent ul {

    list-style: none;

}

.footer-links li,
.footer-recent li {

    margin-bottom: .75rem;

}

.footer-links a,
.footer-recent a {

    color: white;

    text-decoration: none;

}

.footer-links a:hover,
.footer-recent a:hover {

    color: var(--gold);

}

.footer-grid h3 {

    margin-bottom: 1rem;

    color: var(--gold);

}

.footer-bottom {

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

    padding: 1.5rem 0;

    text-align: center;

}



@media (max-width: 1024px) {

    .footer-grid {

        grid-template-columns:
            1fr;

        gap: 2rem;

    }

}


.footer-about .custom-logo {

    max-height: 280px;

    width: auto;

}