/*** ---------- Footer ---------- ***/
.wpb-footer { margin-top: auto; background-color: var(--footer-bg-clr);
    .footer-logo { display: inline-flex;
        img { width: var(--footer-logo-width); max-width: 100%; height: auto; transition: opacity var(--ts-duration) ease; }
        &:hover img { opacity: .8; }
    }

    .wpb-footer__main { --p: 3.2rem; --gc: 1; --gap: 2rem; padding: var(--p) 0;
        .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); }

        .wpb-footer__menu { --menu-fs: 1.6rem;
            .wpb-menu { display: flex; flex-direction: column; }
            .menu-link { display: block; width: fit-content; padding-block: .8rem; font-size: var(--menu-fs); font-weight: 500; line-height: 1.1; color: var(--clr-text); text-decoration: none; transition: color var(--ts-duration) ease;
                &:hover { color: var(--clr-primary); }
            }
        }
    }

    .wpb-footer__bottom { --p: 2rem; padding: var(--p) 0; border-top: .2rem solid var(--clr-border);
        .container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; column-gap: 2rem; row-gap: 2rem; }

        .wpb-footer__sub-links { --fs: 1.4rem; display: flex; flex-wrap: wrap; column-gap: 2rem; text-align: center;
            * { display: flex; column-gap: 2rem; text-decoration: none; }
            * + *::before { content: '|'; }
        }
    }
}

@media (min-width: 768px) {
    .wpb-footer {
        .wpb-footer__main { --gc: 2; --p: 6.4rem; }
        .wpb-footer__bottom .container { flex-direction: row; }
    }
}

@media (min-width: 992px) {
    .wpb-footer {
        .wpb-footer__main { --p: 8rem; }
    }
}