@import url("../theme.css?v=3");

@media (hover: hover) {
    .social-item a:hover { background: var(--color-animation-background-footer-link); }
    .menu-footer a:hover { color: var(--color-animation-footer-link); }
}

@media (hover: none) {
    .social-item a:active { background: var(--color-animation-background-footer-link); }
    .menu-footer a:active { color: var(--color-animation-footer-link); }
}

@media (min-width: 1700px) and (max-width: 1900px) {
    .footer { width: 90%; }

    .menu-footer {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .menu-footer li + li { margin-top: 25px; }
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .footer { width: 90%; }

    .footer .social-list .social-item {
        height: 45px;
        width: 45px;
    }

    .footer .social-list .social-item svg {
        height: 20px;
        width: 20px;
    }

    .menu-footer {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .content-footer { padding: 60px 0px; }

    .menu-footer li + li { margin-top: 30px; }

    .logo-footer {
        width: 240px;
        height: 130px;
    }
}

@media (min-width: 1100px) and (max-width: 1400px) {
.footer { width: 90%; }

    .social-list { gap: 20px; }

    .footer .social-list .social-item {
        height: 40px;
        width: 40px;
    }

    .footer .social-list .social-item svg {
        height: 17px;
        width: 17px;
    }

    .menu-footer {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .content-footer { padding: 50px 0px; }

    .menu-footer li + li { margin-top: 20px; }

    .logo-footer {
        width: 260px;
        height: 130px;
    }
}

@media (min-width: 800px) and (max-width: 1100px) {
    .footer { width: 90%; }

    .social-list { 
        gap: 20px; 
        justify-content: center;
    }

    .footer .social-list .social-item {
        height: 40px;
        width: 40px;
    }

    .footer .social-list .social-item svg {
        height: 17px;
        width: 17px;
    }

    .menu-footer {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .content-footer { padding: 50px 0px; }

    .menu-footer li + li { margin-top: 23px; }

    .logo-footer {
        width: 190px;
        height: 90px;
    }
}

@media (min-width: 0px) and (max-width: 800px) {
    .logo-footer { display: none; }

    .footer .social-list { justify-content: start; }

    .menu-footer { 
        width: 20%;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .footer { width: 90%; }

    .footer .social-list .social-item {
        height: 35px;
        width: 35px;
    }

    .footer .social-list .social-item svg {
        height: 17px;
        width: 17px;
    }

    .menu-footer {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .footer-wraper { margin-top: 40px;}

    .content-footer { padding: 50px 0px; }

    .menu-footer li + li { margin-top: 22px; }
}

@media (min-width: 0px) and (max-width: 600px) {
    .footer { width: 90%; }

    .content-footer .social-list {
        width: 30%;
        flex-direction: column;
        align-items: start;
    }

    .footer .social-list .social-item {
        height: 35px;
        width: 35px;
    }

    .footer .social-list .social-item svg {
        height: 17px;
        width: 17px;
    }

    .menu-footer {
        width: 50%;

        font-size: 12px;
        letter-spacing: 1px;
    }
    
    .footer-wraper { margin-top: 40px;}

    .content-footer { padding: 50px 0px; }

    .menu-footer li + li { margin-top: 25px; }
}