/* =========================================================
   DIRECTORY GOO FOOTER V1
   Remove legacy white logo container
   ========================================================= */

footer .bg-white.pt-sm-5.pt-4.child {
    background-color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   DIRECTORY GOO FOOTER V2
   Restore mobile footer logo
   Header V10.1 untouched
   ========================================================= */

@media (max-width:767px) {

    footer .website-logo.website-logo-1 {
        width:168px !important;
        min-width:168px !important;
        height:55px !important;

        background-image:
            url('/static/media/directorygoo-logo-white-v3.png') !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:165px auto !important;
        background-color:transparent !important;

        border:0 !important;
        box-shadow:none !important;
        overflow:visible !important;
    }

    footer .website-logo.website-logo-1::before,
    footer .website-logo.website-logo-1::after {
        content:none !important;
        display:none !important;
    }

    footer .website-logo.website-logo-1 img {
        opacity:0 !important;
        visibility:hidden !important;
    }
}

/* =========================================================
   DIRECTORY GOO FOOTER V2.1
   Mobile logo isolated from legacy header/footer rules
   Header V10.1 untouched
   ========================================================= */

@media (max-width:767px) {

    footer .website-logo.website-logo-1 {
        position: relative !important;
        width: 168px !important;
        min-width: 168px !important;
        height: 55px !important;

        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    footer .website-logo.website-logo-1::before {
        content: none !important;
        display: none !important;
    }

    footer .website-logo.website-logo-1::after {
        content: "" !important;
        display: block !important;

        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;

        width: 165px !important;
        height: 55px !important;

        background:
            url('/static/media/directorygoo-logo-white-v3.png')
            no-repeat center center !important;
        background-size: contain !important;

        border: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    footer .website-logo.website-logo-1 img {
        opacity: 0 !important;
        visibility: hidden !important;
    }
}