/*contiene il css di footer:
    8. footer
*/
/* ============================================================
   8. FOOTER
============================================================ */
footer{
    margin-top:60px;
    padding:40px 20px;
    background:#003366;
    color:white;
}

.footer-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
    max-width:1400px;
    margin:0 auto 40px;
}

.footer-social{
    text-align:left;
}

.footer-info{
    text-align:center;
}

.footer-sponsor{
    text-align:right;
}

footer section{
    margin-bottom:40px;
}

footer h3{
    margin-bottom:15px;
}

.footer-social{
    justify-self:start;
}

.footer-sponsor{
    justify-self:end;
}

.social-links{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.social-links a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border-radius:50%;
    transition:.25s ease;
}

.social-links a img{
    width:40px;
    height:40px;
    display:block;
    border-radius:25%;
    transition:.2s;
}

.social-links a:hover{
    transform:scale(1.12);
}

.social-links img:hover{
    transform:scale(1.12);
}

.sponsor-grid{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.sponsor-box{
    display:flex;
    justify-content:center;
    align-items:center;
    width:150px;
    height:100px;
    background:#c9a13b;
    border-radius:5px;
}

.sponsor-box img{
    width:97%;
    height:97%;
    border-radius:5px;
    object-fit:contain;
    transition:.25s ease;
}

.sponsor-box:hover img{
    transform:scale(1.04);
}

.footer-info{
    text-align:center;
    line-height:1.8;
    justify-self:center;
}

.footer-copy{
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.3);
    text-align:center;
    font-size:.9rem;
}