.wpb-footer { background-color: var(--clr-dark); border-top: 5px solid var(--clr-primary); --clr-text: #fff;

    .wpb-social-media {--clr: #fff; --bg-clr: var(--clr-dark-90); --hover-clr: var(--clr-dark); --hover-bg-clr: #fff; 
        a { width: 4.4rem; height: 4.4rem; }
    }

    .wpb-footer__top { padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, .15); 
        .wpb-breadcrumbs {color: rgba(255, 255, 255, .75); margin-bottom: 0; 
            .breadcrumb_last {color: #fff;}
        }
        .inner {display: flex; flex-direction: column;}
        .social-proof {display: flex; justify-content: center; align-items: center; row-gap: 1.4rem; column-gap: 3.2rem; flex-wrap: wrap;
            .item {
                img {max-height: 48px; max-width: 180px;}
                &:last-child {width: 100%;}
                &:last-child .wpb-google-review-snippet {width: 100%;}
            }
        }
        + .inner--bottom  {margin-top: 5.6rem;}
    }

    .wpb-footer__body { padding: 5.6rem 0;
        .inner {display: grid; grid-template-columns: repeat(15, 1fr); row-gap: 5.6rem;}
        .cta { grid-column: span 15; 
            h2 {font-size: clamp(2.4rem, 4vw, 4.8rem);}
            .contact-cta { display: flex; flex-direction: column; row-gap: 2rem; margin-top: 2.8rem; column-gap: 4.8rem; 
                .contact {display: flex; align-items: center; column-gap: 14px;
                    img {border-radius: 50%; width: 64px; height: 64px;}
                    .text {color: #fff;}
                }
            }
        }
        .contact-links { grid-column: span 15; 
            .item { text-decoration: none; display: flex; align-items: center; justify-content: space-between; padding: 2rem 0;
                &:first-child { padding-top: 0; }
                &:last-child { padding-bottom: 0; }
                .icon { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); width: 4.4rem; height: 4.4rem; transition-duration: var(--ts-35); transition-property: color, border-color, background-color; transition-timing-function: var(--cb--smooth); overflow: hidden;
                    i { transition: var(--ts-35) color var(--cb--smooth); }
                }
        
                + .item {border-top: 1px solid rgba(255, 255, 255, .2); }
                &:hover .icon { background-color: #fff; border-color: #fff; 
                    i { color: var(--clr-dark); animation: var(--animation-switchback-x); }
                }
            }
        }

        .footer-menus {display: grid; grid-column: span 15; row-gap: 2.8rem; grid-template-columns: subgrid; }
        .footer-menu { display: flex; flex-direction: column; row-gap: 1.4rem; grid-column: span 7;
            .footer-menu__title {font-size: clamp(1.8rem, 2.5vw, 2.4rem); font-weight: 600; line-height: 1; color: #fff;}
            a {text-decoration: none;}
            .menu-item { display: block; font-size: clamp(1.4rem, 2vw, 1.6rem); min-height: 2.4rem; display: flex; align-items: center; opacity: .75; transition: var(--ts-15) opacity var(--cb--smooth); word-break: break-word; hyphens: auto; line-height: 1.2; 
                &:hover {opacity: 1;}
            }
            li { line-height: 1.2;
                + li .menu-item{ padding-top: 1.2rem; }
            }

            &.is-dual > div + div {margin-top: 1rem;}
            &.awards { grid-column: span 15;}
            &.featured-award {grid-column: span 15 !important; text-decoration: none; font-size: 1.3rem;  display: flex; justify-content: space-between; flex-direction: row; align-items: center; flex-wrap: wrap; padding: 2rem 0;  border-top: 1px solid #4F4F4F; border-bottom: 1px solid #4F4F4F;
                .content {display: flex; flex-direction: column; }
                .title {font-weight: 600;}
                .subtitle {opacity: .65;}
                .subtitle i {--clr: #fff; --w: 1rem; --h: 1rem; margin-left: 0.6rem; transition: transform 250ms ease;}
                img {max-height: 4rem; width: auto;}
                &:hover .subtitle i {transform: rotate(45deg);}
            }
        }
        
        .newsletter-cta {grid-column: span 15;
            .wpb-card.wpb-card--newsletter .gform_wrapper form{
                .gfield--input-type-email input { border: 1px solid rgba(255, 255, 255, 0.25) !important; background-color: transparent; color: #fff; }
                .btn.btn--gform .btn__icon{ background-color: var(--clr-primary); color: #FFFF !important; }
            }
        }

    }

    /* .wpb-footer__bottom { display: block; padding: 2.4rem 0; border-top: 1px solid rgba(255, 255, 255, .15); text-decoration: none; transition: var(--ts-15) var(--cb--smooth);
        &:hover {background-color: var(--clr-dark-90);}
        .inner {display: grid; grid-template-columns: repeat(12, 1fr); row-gap: 1.6rem; align-items: center;
            .cta {grid-column: span 3; justify-content: end; font-size: 14px; opacity: .65; display: none; align-items: center; column-gap: .8rem;
                span {line-height: 1;}
            }
            .player {grid-column: span 12; display: flex; align-items: center; justify-content: center; column-gap: 1.4rem;}
            .player .icon {width: 2.5rem; height: 2.5rem; border-radius: .2rem; overflow: hidden;}
            .player .icon img {width: 2.5rem; height: 2.5rem;}
            .player .icon .placeholder {display: inline-block; width: 2.5rem; height: 2.5rem; animation: placeholder_shimmer 3s infinite forwards; background: linear-gradient(95deg, rgba(255, 255, 255, 0.10) -9.69%, rgba(255, 255, 255, 0.30) 32.1%, rgba(255, 255, 255, 0.10) 116.93%); background-size: 400% 400%;}
            .player .name .placeholder {display: inline-block; width: 12.5rem; height: 1.2rem; border-radius: 64px; animation: placeholder_shimmer 3s infinite forwards; background: linear-gradient(95deg, rgba(255, 255, 255, 0.10) -9.69%, rgba(255, 255, 255, 0.30) 32.1%, rgba(255, 255, 255, 0.10) 116.93%); background-size: 400% 400%;}
        }
    } */

    .wpb-footer__footer {--p: 3.2rem 0; border-top: 1px solid #4F4F4F; padding: var(--p); 
        .container {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 2.4rem;}
        .partners {width: 100%;
            .label {color: #fff; font-size: 1.2rem; opacity: .8; }
            .partner-logos {display: flex; gap: 3rem; flex-wrap: wrap; margin-top: 1.2rem;
                img {max-width: 11.2rem;}
            }
        }
        .socials {display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; 
            .label {color: #fff; font-size: 1.4rem;}
        }
    }

    @media (max-width: 991.98px) {
        .wpb-footer__top .wpb-breadcrumbs {padding: 0 0 1.8rem; border-bottom: 1px solid rgba(255, 255, 255, .15);}
    }

    @media (max-width: 767.98px) {
        .wpb-footer__body .footer-menu.is-dual {display: grid; grid-template-columns: repeat(2, 1fr); grid-column: span 15;}
    }
    
    @media (max-width: 575.98px) {
        .wpb-footer__top { padding-bottom: 0;
            .inner {margin: 0 -1.8rem;}
            .wpb-breadcrumbs { padding: 0 1.8rem 1.8rem;}
            .social-proof .wpb-google-review-snippet {border-radius: 0; background-color: var(--clr-dark-90); color: #fff;
                .link {background-color: #fff; width: 1.8rem; height: 1.8rem;}
            }
        }
    
        .wpb-footer__body .footer-menu {
            &:first-of-type {grid-column: span 8;}
            &.is-dual {grid-template-columns: repeat(15, 1fr);
                div:first-of-type {grid-column: span 8;}
                div:last-of-type {grid-column: span 7;}
            }
        }
    }

    @media (min-width: 576px) {
        .wpb-footer__top .inner {row-gap: 1rem;}
    }

    @media (min-width: 768px) {
        .inner--top + .inner--bottom {margin-top: 10rem;}
    
        .wpb-footer__body { padding: 7.2rem 0;
            .footer-menu {grid-column: span 5;}
            .cta .contact-cta {flex-direction: row; align-items: center; margin-top: 4.8rem;}
            .contact-links .item {padding: 2.8rem 0;
                .icon {width: 5.6rem; height: 5.6rem;}
            }
        }
    
        .wpb-footer__footer {--p: 3.6rem 0; }
    }

    @media (min-width: 992px) {
        .wpb-footer__body .footer-menu.featured-award .title { max-width: 18rem; }
        .wpb-footer__footer .partners { width: 50%; }
    }

    @media (min-width: 1200px) {
        .wpb-footer__top {
            .inner {flex-direction: row; justify-content: space-between; align-items: center;}
            .social-proof {flex-wrap: nowrap; justify-content: unset;
                .item:last-child {width: unset;
                    .wpb-google-review-snippet {width: unset;}
                }
            }
        }
    
        .wpb-footer__body { padding: 10rem 0; 
            .cta {grid-column: span 10;}
            .contact-links {grid-column: span 5;}
            .footer-menus {grid-column: span 10;}
            .footer-menu {grid-column: span 3;
                &.awards {grid-column: span 10 !important;}
                &.featured-award {grid-column: span 5 !important;}
            }
            .newsletter-cta {grid-column: span 5;}
        }
    
        .wpb-footer__bottom .inner {
            .cta {display: flex;}
            /* .player {grid-column: span 6;} */
        }
    
        .wpb-footer.wpb-footer--primary .wpb-footer__footer {--p: 6.4rem 0; }
    }
}

/* .wpb-footer.wpb-footer--primary .footer-menu__socials {margin-top: 1rem;} */