/* Final public logo settings, override older fixed-width logo CSS safely. */
html body header.top .bar > a.logo,
html body header.top.sc .bar > a.logo,
html body header.top.scrolled-deep .bar > a.logo{position:relative!important;overflow:visible!important;isolation:isolate!important;flex-shrink:0!important}
html body header.top .bar > a.logo img,
html body header.top.sc .bar > a.logo img,
html body header.top.scrolled-deep .bar > a.logo img{
 width:var(--hp-header-logo-width)!important;
 height:var(--hp-header-logo-height)!important;
 max-width:100%!important;max-height:none!important;object-fit:contain!important;
 object-position:left center!important;filter:none!important
}
html body footer.helprite-footer-v209 a.helprite-footer-logo img{
 width:var(--hp-footer-logo-width)!important;
 height:var(--hp-footer-logo-height)!important;
 max-width:100%!important;max-height:none!important;
 object-fit:contain!important;object-position:left center!important;
 filter:none!important;
}
html body header.top .bar > a.logo::before,
html body header.top.sc .bar > a.logo::before,
html body header.top.scrolled-deep .bar > a.logo::before{
 content:''!important;display:var(--hp-header-logo-line-display)!important;
 position:absolute!important;box-sizing:content-box!important;
 right:calc(100% - var(--hp-header-logo-line-overlap) + var(--hp-header-logo-line-padding) + var(--hp-header-logo-line-margin))!important;
 left:auto!important;top:calc(50% + var(--hp-header-logo-height) * .24 + var(--hp-header-logo-line-offset))!important;
 width:var(--hp-header-logo-line-width)!important;
 min-width:0!important;height:var(--hp-header-logo-line-thickness)!important;
 border:0!important;border-radius:0!important;opacity:1!important;
 background:var(--hp-header-logo-line-color)!important;background-image:none!important;
 box-shadow:none!important;transform:none!important;pointer-events:none!important;z-index:-1!important
}
/* Zero width means: full leftward reach from the logo to beyond the viewport. */
@supports (width: max(1px, 2px)) {
 html body header.top .bar > a.logo::before,
 html body header.top.sc .bar > a.logo::before,
 html body header.top.scrolled-deep .bar > a.logo::before{
  width:var(--hp-header-logo-line-render-width, 100vw)!important;
 }
}
@media(max-width:900px){
 html body header.top .bar > a.logo img,
 html body header.top.sc .bar > a.logo img,
 html body header.top.scrolled-deep .bar > a.logo img{width:min(var(--hp-header-logo-width), calc(100vw - 105px))!important;
 height:var(--hp-header-logo-height)!important}
}
/* Reserve the configured header-logo width in the desktop grid, so the older
   equal-width grid tracks do not silently cap admin changes at ~190–220px. */
@media (min-width:1200px) {
 html body header.top .bar,
 html body header.top.sc .bar,
 html body header.top.scrolled-deep .bar {
  grid-template-columns:minmax(min(var(--hp-header-logo-width),32vw),1fr) minmax(0,auto) minmax(165px,1fr)!important;
 }
}