/* Public Phase 54 - Header/Footer Far Left + Transparent Logo */

/* Header logo/name: remove white logo background and move office name to the far-left */
.site-fixed-header .office-public-banner,
.office-public-banner{
    padding-left:0!important;
    padding-right:clamp(16px,6vw,110px)!important;
    justify-content:space-between!important;
}

.office-banner-left{
    margin-left:0!important;
    padding-left:0!important;
    gap:8px!important;
    max-width:calc(100% - 390px)!important;
}

.office-banner-left > div:last-child{
    margin-left:0!important;
    padding-left:0!important;
}

.office-banner-logo{
    margin-left:0!important;
    width:88px!important;
    height:88px!important;
    min-width:88px!important;
    flex:0 0 88px!important;
    background:transparent!important;
    background-color:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    border:0!important;
    overflow:visible!important;
}

.office-banner-logo img{
    width:82px!important;
    height:82px!important;
    max-width:82px!important;
    max-height:82px!important;
    object-fit:contain!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
}

.office-banner-left h1{
    margin-left:0!important;
    padding-left:0!important;
}

.office-banner-left p{
    margin-left:0!important;
    padding-left:0!important;
}

/* Footer name must also start from the far-left */
.footer .wrap,
footer.footer .wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:clamp(16px,6vw,110px)!important;
    box-sizing:border-box!important;
    text-align:left!important;
}

.footer strong,
.footer span{
    margin-left:0!important;
    padding-left:0!important;
}

/* Mobile compact header */
@media (max-width:900px){
    .office-public-banner{
        padding-left:0!important;
        padding-right:10px!important;
        gap:8px!important;
    }

    .office-banner-left{
        max-width:100%!important;
        gap:5px!important;
    }

    .office-banner-logo{
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
        flex-basis:46px!important;
    }

    .office-banner-logo img{
        width:42px!important;
        height:42px!important;
        max-width:42px!important;
        max-height:42px!important;
    }

    .office-banner-left h1{
        font-size:13px!important;
        line-height:1.05!important;
    }

    .office-banner-left p{
        font-size:8px!important;
    }

    .footer .wrap,
    footer.footer .wrap{
        padding-left:0!important;
        padding-right:10px!important;
    }
}

@media (max-width:430px){
    .office-banner-logo{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        flex-basis:38px!important;
    }

    .office-banner-logo img{
        width:34px!important;
        height:34px!important;
        max-width:34px!important;
        max-height:34px!important;
    }

    .office-banner-left h1{
        font-size:10px!important;
    }

    .office-banner-left p{
        font-size:7px!important;
    }
}