/*====================================================
    CINERAMATV
    FOOTER COMPONENT
====================================================*/


.footer{

    background:var(--header);

    padding:70px 0 20px;

    margin-top:80px;

    border-top:1px solid var(--border);

}



/* GRID */


.footer-grid{

    display:grid;

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

    gap:40px;

}



/* LOGO */


.footer-logo{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:20px;

}



.footer-logo-icon{

    width:55px;

    height:55px;

    background:var(--primary);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:white;

}



.footer h3{

    margin-bottom:20px;

}



.footer p{

    color:var(--text-soft);

    line-height:1.7;

}



/* LINKS */


.footer-links{

    list-style:none;

}



.footer-links li{

    margin-bottom:12px;

}



.footer-links a{

    color:var(--text-soft);

    transition:.3s;

}



.footer-links a:hover{

    color:var(--primary);

}



/* SOCIAL */


.social-links{

    display:flex;

    gap:15px;

}



.social-links a{

    width:42px;

    height:42px;

    border-radius:50%;

    background:var(--bg-soft);

    display:flex;

    align-items:center;

    justify-content:center;

    color:white;

    transition:.3s;

}



.social-links a:hover{

    background:var(--primary);

}



/* COPYRIGHT */


.footer-bottom{

    margin-top:50px;

    padding-top:20px;

    text-align:center;

    border-top:1px solid var(--border);

    color:var(--text-soft);

}



/* RESPONSIVE */


@media(max-width:900px){


.footer-grid{

grid-template-columns:1fr;

text-align:center;

}


.footer-logo{

justify-content:center;

}


.social-links{

justify-content:center;

}


}