.footer__main {
    background-color: var(--color-blue-new);
    padding-bottom: 31px;
    @media (max-width: 1023px) {
        padding-bottom: 18px;
    }
}

.footer__main-middle {
    padding-top: 40px;

    /*У них 2023...*/
    @media (max-width: 1023px) {
        padding-top: 18px;
    }
}

@media screen and (max-width: 1023px) {
    .footer__main-middle {
        padding-top: 18px;
    }
}

.footer__main-top-content {
    border-bottom: 1px solid white;
    padding-bottom: 12.5px;
    gap: 20px;
    @media (max-width: 562px) {
        flex-wrap: wrap;
        gap: 11px;
    }
}

@media screen and (max-width: 562px) {
    .footer__main-top-content {
        flex-wrap: wrap;
        gap: 11px;
    }
}



.footer__new-sides-metall {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: right;
    color: white;
}

.footer__main-middle-social-list {
    display: flex;
    color: white;
    gap: 12px;
    @media (max-width: 1024px) {
        gap: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .footer__main-middle-social-list {
        gap: 10px;
    }
}

.footer__main-middle-social-list a:hover {
    color: white;
}

.footer__list-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: white;
    margin-bottom: 16px;
    display: block;
    transition: var(--transition-default);
}

a.footer__list-title:hover {
    color: var(--color-orange);
}

.footer__list-item {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.footer__freecall {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: white;
}

.footer__email {
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    transition: var(--transition-default);
}

.footer__email:hover {
    color: var(--color-orange);
}

.footer__address {
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

/*пункты подменю генерируются через wp_nav_menu, не смог разобраться как прокинуть туда свой класс на пункт item, поэтому аккуратно меняем текущие классы */
.c-footer__col:has(.c-footer-menu) .c-footer-menu li>a{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: white;
    transition: var(--transition-default);
}


.c-footer__col:has(.c-footer-menu) .c-footer-menu ul{
    gap: 16px;
}

.c-footer__col:has(.c-footer-menu) .c-footer-menu li>a:hover {
    color: var(--color-BrandeisBlue);
}

.footer__copyright {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: white;
}

.footer__bottom {
    background-color: var(--color-blue-new);
    padding-top: 30px;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

@media screen and (max-width: 1023px) {
    .footer__bottom {
        padding-top: 48px;
    }
}