/* Once GSAP drives the entrance animations (html.plm-on), the sections' CSS transitions on those items are switched off
 * so the two never fight. While an item is animating it also loses its hover transition (.plm-anim). */
html.plm-on [data-plu],html.plm-on [data-pla],html.plm-on [data-pls],html.plm-on [data-plw],html.plm-on [data-plr],html.plm-on [data-plk],html.plm-on [data-plt],html.plm-on [data-plc],html.plm-on [data-plf]{transition:none}
html.plm-on .plm-anim{transition:none!important;will-change:transform,opacity}



/* every section row: never let the theme's fixed-width Bootstrap .container (1170px, left aligned) leave a blank strip on the right */
.vc_row:has(.pls) .ld-container,.vc_row:has(.plw) .ld-container,.vc_row:has(.plr) .ld-container,.vc_row:has(.plk) .ld-container,.vc_row:has(.plt) .ld-container,.vc_row:has(.plc) .ld-container,.vc_row:has(.plf) .ld-container,.vc_row:has(.plhero) .ld-container{width:100%!important}

/* desktop: section content is no longer capped at 1280px; it follows the page width like the hero, with side margins that scale */
@media (min-width:1100px){
.pla .pla__inner,.pls .pls__inner,.plw .plw__inner,.plr .plr__inner,.plk .plk__inner,.plt .plt__inner,.plc .plc__inner,.plf .plf__grid,.plf .plf__bar-in{max-width:none;padding-left:clamp(32px,5vw,96px);padding-right:clamp(32px,5vw,96px)}
}

/* v1.16 "less templated" pass: no ruled/spaced-out eyebrows, no all-caps headings, flatter cards (hairline border + tight shadow instead of big glows) */
.plw .plw__eyebrow,.plr .plr__eyebrow,.plt .plt__eyebrow,.plk .plk__eyebrow,.pls .pls__eyebrow{letter-spacing:.1em;gap:0}
.plw .plw__eyebrow::before,.plw .plw__eyebrow::after,.plr .plr__eyebrow::before,.plr .plr__eyebrow::after,.plt .plt__eyebrow::before,.plt .plt__eyebrow::after,.plk .plk__eyebrow::before,.plk .plk__eyebrow::after,.pls .pls__eyebrow::before,.pls .pls__eyebrow::after{display:none}
.plw .plw__eyebrow span,.plr .plr__eyebrow span,.plt .plt__eyebrow span,.plk .plk__eyebrow span,.pls .pls__eyebrow span{padding-left:0}
html .plw .plw__title,html .plt .plt__title{text-transform:none}
.plw .plw__card,.plt .plt__rev{border-radius:14px;border:1px solid rgba(11,27,77,.07);box-shadow:0 1px 2px rgba(11,27,77,.05),0 10px 24px -12px rgba(11,27,77,.16)}
.plw .plw__card:hover,.plt .plt__rev:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(11,27,77,.06),0 16px 30px -12px rgba(11,27,77,.24)}
.plw .plw__btn{border-radius:10px;box-shadow:0 6px 16px -6px rgba(20,113,240,.5)}
.plr .plr__th--b{background:var(--plh-primary,#1471f0);box-shadow:0 8px 18px -8px rgba(20,113,240,.6)}
.plr .plr__table{border-radius:18px}
.plr .plr__cell{border-radius:10px}

/* v1.19.3 tablet (641-1099px): every section uses the same 32px left/right gutter */
@media (min-width:641px) and (max-width:1099px){
.plhero .plhero__copy{left:32px}
.plu .plu__inner{padding-left:32px;padding-right:32px}
.pla .pla__inner{max-width:none;padding-left:32px;padding-right:32px}
.pls .pls__inner,.plw .plw__inner,.plr .plr__inner,.plk .plk__inner,.plt .plt__inner,.plc .plc__inner,.plf .plf__grid,.plf .plf__bar-in{padding-left:32px;padding-right:32px}
.plw .plw__stage{padding-left:0;padding-right:0}
.plw .plw__nav--prev{left:-16px}
.plw .plw__nav--next{right:-16px}
.plr .plr__table{max-width:none;margin-left:0;margin-right:0}
}
@media (min-width:641px) and (max-width:1099px){
.plk .plk__stage{padding-left:0;padding-right:0}
.plk .plk__nav--prev{left:-16px}
.plk .plk__nav--next{right:-16px}
}

/* v1.24.2: the same top space (as the Testimonials heading) above the Services, Why Choose Us, Price Guide and Our Work headings */
html .pls .pls__inner,html .plw .plw__inner,html .plr .plr__inner,html .plk .plk__inner{padding-top:clamp(34px,4vw,58px)}
/* ...and a little more room under the Our Work slider */
html .plk .plk__inner{padding-bottom:clamp(34px,3.4vw,52px)}

/* v1.24.3: Why Choose Us and Services end with the same space as Our Plumbing Work */
html .plw .plw__inner,html .pls .pls__inner{padding-bottom:clamp(34px,3.4vw,52px)}