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

.footer{

    padding:
    45px
    7%
    24px;

    background:transparent;

    text-align:center;

    position:relative;

    z-index:2;
}

/* ================================================= */
/* SOCIALS */
/* ================================================= */

.socials{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:34px;

    flex-wrap:wrap;

    margin-bottom:28px;
}

/* LINK */

.socials a{

    display:flex;

    align-items:center;

    gap:10px;

    color:#c8925a;

    font-size:1rem;

    font-weight:500;

    text-decoration:none;

    transition:.3s ease;
}

/* ICON */

.socials a i{

    font-size:1rem;
}

/* HOVER */

.socials a:hover{

    color:#ffffff;

    transform:
    translateY(-2px);
}

/* ================================================= */
/* CREDIT */
/* ================================================= */

.credit{

    padding-top:22px;

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

    background:transparent;
}

/* TEXT */

.credit p{

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

    font-size:.95rem;

    letter-spacing:.3px;
}

/* ================================================= */
/* FORCE TRANSPARENT */
/* ================================================= */

.footer,
.credit{

    background:transparent !important;
}

/* ================================================= */
/* MOBILE */
/* ================================================= */

@media(max-width:768px){

    .footer{

        padding:
        40px
        20px
        22px;
    }

    .socials{

        gap:22px;
    }

    .socials a{

        font-size:.92rem;
    }

    .credit p{

        font-size:.88rem;
    }
}

@media(max-width:480px){

    .socials{

        flex-direction:row;

        gap:16px;
    }
}