/* FOOTER */

#menu-footer-menu-2 li {
    list-style: none;
    margin: 0 0.5rem;
}

#menu-footer-menu-2 {
    padding: 0;
}

footer {
    background: var(--footer-bg);
}

footer a {
    color: #000000;
}

footer a:hover {
    color: #fff
}

footer li {
    margin-bottom: 0
}

footer p,
footer a {
    font-size: 1rem;
    font-weight: 300;
    margin: 0;
    color: #ffffff;
    line-height: 1.6;
    text-align: justify
}

footer .contact p {
    text-align: right;
}

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

footer .footer-description p {
    font-size: 0.8rem;
    text-align: right;
}

footer .footer-description a {
    color: var(--color-link);
}

footer .category-footer-menu-2 {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0.5rem
}

footer b {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.3
}

footer .contact p {
    margin-bottom: 0.5rem;
}

footer .social-icon {
    display: inline-block;
}

footer .social-icon svg {
    width: 2rem;
    height: auto;
}

@media(max-width:767px) {
    footer .social-icon img {
        height: 20px
    }
    footer .contact p {
        text-align: left;
    }
    footer .footer-description p {
        text-align: left;
    }
    footer .footer-menu-1 {
        margin: 40px 0 35px 0;
    }
    #menu-footer-menu-2 {
        margin-bottom: 20px;
    }
    #menu-footer-menu-2 li {
        display: block;
    }
    #menu-footer-menu-2 li {
        margin: 0;
    }
}

@media(min-width:768px) {
    footer .social-icon img {
        height: 30px
    }
}

footer .social-icon:hover path {
    fill: #ffffff
}

footer .footer-menu-1 ul {
    padding: 0;
    margin: 0;
}

footer .footer-menu-2 ul {
    padding: 0;
    margin: 0;
}

footer .footer-menu-1 ul li {
    margin: 0.5rem 0;
    list-style: none;
}

footer .footer-menu-2 ul li {
    margin: 0 1rem;
    list-style: none;
    display: inline-block;
}

footer .footer-menu-1 .title {
    font-family: var(--font-2);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    font-weight: 600
}

footer.footer-menu-1 a:hover,
footer .footer-menu-2a:hover {
    color: #ffffff
}

footer .logo {
    width: 6rem;
    height: auto;
}

.copyright,
.footer-menu-2 a {
    font-size: 0.8rem
}


/* END FOOTER */