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

.footer{

    background:var(--primary);

    color:#fff;

}

.footer__container{

    display:grid;

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

    gap:4rem;

    padding-top:4rem;

    padding-bottom:4rem;

}

.footer__brand{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}

.footer__logo{

    font-family:var(--font-title);

    font-size:2rem;

    color:#fff;

    text-decoration:none;

    margin-bottom:.75rem;

}

.footer__brand p{

    margin-bottom:.75rem;

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

}

.footer__brand span{

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

    font-size:.9rem;

}

.footer__column{

    display:flex;

    flex-direction:column;

    gap:.75rem;

}

.footer__column h3{

    color:#fff;

    font-size:1rem;

    margin-bottom:.75rem;

}

.footer__column a{

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

    text-decoration:none;

    transition:var(--transition);

}

.footer__column a:hover{

    color:var(--gold);

}

.footer__bottom{

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

}

.footer__bottom .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:1rem;

    padding-top:1.5rem;

    padding-bottom:1.5rem;

}

.footer__bottom p{

    margin:0;

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

    font-size:.85rem;

}