/* FOOTER MENU */

.footer-menu {
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: -0.0277em;
}

.footer-menu li {
    line-height: 1.25;
    margin: 0.25em 0 0 0;
}

.footer-menu li a {
    font-family: var(--thm-font);
    color: var(--thm-gray);
    /*font-size: 18px; chintu */
    line-height: 34px;
    font-weight: 500;
    border: none;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    transition: all 500ms ease;
    letter-spacing: var(--thm-letter-space-big);
}

.footer-menu a {
    color: inherit;
    display: block;
    line-height: 1.2;
    text-decoration: none;
    word-break: normal;
    word-wrap: normal;
}

.footer-menu a:hover,
.footer-menu a:focus {
    color: var(--thm-base);
    text-decoration: none;
}

/* FOOTER SOCIAL */

.footer-social-wrapper {
    margin: 0;
    width: 100%;
}

.has-footer-menu .footer-social-wrapper {
    flex-shrink: 0;
    margin-left: 1rem;
    width: 50%;
}

ul.footer-social {
    margin: -0.5rem 0 0 -0.5rem;
}

.has-footer-menu .footer-social {
    justify-content: flex-end;
}

ul.footer-social li {
    margin: 0.5rem 0 0 0.5rem;
}

.footer-social a {
    background-color: #cd2653;
    height: 3.6rem;
    width: 3.6rem;
}

.footer-social a::before {
    font-size: 1.6rem;
}

@media (min-width: 700px) {

    /* Footer Menu */
    .footer-menu {
        font-size: 1.4rem;
        margin: -0.8rem 0 0 -1.6rem;
    }

    .footer-menu li {
        margin: 0.8rem 0 0 1.6rem;
    }

    .has-footer-menu .footer-social-wrapper {
        flex: 1;
        margin-left: 4rem;
        width: auto;
    }

}

@media (min-width: 1000px) {

    /* Footer Menu */
    .footer-menu {
        align-items: baseline;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        font-size: 1.1rem;
        margin: -1.2rem 0 0 -2.4rem;
    }

    .footer-menu li {
        margin: 1.2rem 0 0 2.4rem;
    }
}

@media (min-width: 1220px) {

    /* Footer Menu */
    .footer-menu {
        font-size: 1.4rem;
        margin: -1.5rem 0 0 -3rem;
    }

    .footer-menu li {
        margin: 1.5rem 0 0 3rem;
    }
}