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

/*---------- Section ----------*/

.footer{
    background:var(--primary-dark);
    color:rgba(251,249,242,.75);
    padding-top:var(--space-5);
}

/*---------- Container ----------*/

.footer__container{}

/*---------- Content ----------*/

.footer__content{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr;
    gap:var(--space-4);
    padding-bottom:var(--space-4);
}

/*---------- Brand ----------*/

.footer__brand{
    max-width:26rem;
}

.footer__title{
    margin-bottom:.6rem;
    font-size:1.3rem;
    text-transform:uppercase;
    letter-spacing:.03em;
    color:var(--text-invert);
}

.footer__description{
    color:rgba(251,249,242,.65);
}

/*---------- Navigation & Contact ----------*/

.footer__subtitle{
    margin-bottom:var(--space-2);
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--sunflower);
}

.footer__navigation,
.footer__contact{
    display:flex;
    flex-direction:column;
    gap:.6rem;
}

.footer__links{
    display:flex;
    flex-direction:column;
    gap:.6rem;
}

.footer__link{
    color:rgba(251,249,242,.75);
    transition:color var(--transition), padding-left var(--transition);
}

.footer__link:hover{
    color:var(--text-invert);
    padding-left:.3rem;
}

/*---------- Bottom ----------*/

.footer__bottom{
    padding:var(--space-2) 0 var(--space-3);
    border-top:1px solid rgba(251,249,242,.15);
    text-align:center;
}

.footer__copyright{
    font-size:.85rem;
    color:rgba(251,249,242,.55);
}

/*---------- Responsive ----------*/

@media(max-width:768px){

    .footer__content{
        grid-template-columns:1fr;
        gap:var(--space-3);
        text-align:center;
    }

    .footer__links,
    .footer__navigation,
    .footer__contact{
        align-items:center;
    }

}