/* Local adjustments on top of the ported stylesheet. */

/* Theme text marquee (rules read from the live computed styles; the original drives the motion with JS). */
.pxl-text-marquee1{font-size:64px;line-height:1.2;font-weight:600;display:flex;align-items:center;overflow:hidden;width:100%}
.pxl-text-marquee1 .pxl-item--icon{width:56px;height:56px;border-radius:56px;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;margin:0 12px}
.pxl-text-marquee1 .pxl-item--text{padding:0 22px}
.pxl-text-marquee1 .pxl-item--inner{display:flex;flex-wrap:nowrap;align-items:center;white-space:nowrap}
.pxl-text-marquee1 .pxl-text--marquee{flex:0 0 auto;will-change:transform}

/* The original theme wraps content in a Bootstrap .row (-15px margins), which made every section 30px wider than the viewport and shifted
   it 15px left (clipped text at the left edge on tablet and mobile). The row now sits flush with the viewport. */
#page{position:relative}
@media (max-width:1199px){#page{overflow:clip}}
@media (max-width:1000px){#page{overflow:hidden}}
#content,#primary{position:relative}
.content-row{margin-left:0;margin-right:0}

/* Back-to-top button (theme default, left aligned as configured on the live site). */
a.scroll-top{position:fixed;left:30px;bottom:30px;width:50px;height:50px;border-radius:50%;background:#0f6f59;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:90;box-shadow:0 8px 10px rgba(12,12,12,.1)}
a.scroll-top.on{opacity:1;visibility:visible}
a.scroll-top:hover{color:#fff;background:#003b49}
body.body-default-font{font-family:'Roboto',sans-serif}
.heading-default-font h1,.heading-default-font h2,.heading-default-font h3,.heading-default-font h4,.heading-default-font h5,.heading-default-font h6{font-family:'Poppins',sans-serif}
.ct-piechart .percentage canvas{position:absolute;top:0;left:0;display:block}
.ct-piechart .percentage{position:relative}
.ct-footer-year{display:none}
.ct-piechart .percentage{margin-left:auto;margin-right:auto}

/* Theme button: label and arrow never wrap. */
.ct-button-wrapper .btn{white-space:nowrap}

/* Warehouse video section: the Vimeo background player is domain-restricted, so its poster frame is the local fallback. */
.elementor-background-video-container{background:#1b2b2f url("/assets/img/orig/vimeo-1125124917-poster.jpg") center / cover no-repeat}

.elementor-background-video-container{position:relative;overflow:hidden}
.elementor-background-video-container .cn-warehouse-video{position:absolute;top:50%;left:50%;width:100%;height:100%;border:0;pointer-events:none;transform:translate(-50%,-50%)}
.elementor-background-video-container .elementor-background-video-embed{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;transform:none}

/* Page-title headings are real h1 elements; keep the former h3 line height so the layout is unchanged. */
h1.item--title,h1.item--title .sp-main{line-height:1.3333}

/* Full-width sections: these containers inherited the default 10px container padding, leaving side and top gaps. */
.elementor .elementor-element.elementor-element-3321a02,
.elementor .elementor-element.elementor-element-fc53b2d{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;padding:0}

/* Contact: the extra email lines sat 18px above their widget and overlapped the first address; align them under it. */
.elementor .elementor-element.elementor-element-1e98b159.elementor-widget-text-editor{margin-top:6px;margin-left:43px;max-width:calc(100% - 43px)}

/* Services: keep the pinned sections' headings clear of the fixed header (desktop pinned layout only). */
@media (min-width:1025px){#cns-svc .cns-stage,#cns-svc .cns-hstage{padding-top:clamp(112px,13vh,128px)}}

/* Home service cards: the hover arrow used a text character that none of the hosted fonts contain; use the hosted icon font instead. */
.marine-service-card__more::after{content:"\f061";font-family:'Font Awesome 6 Free';font-weight:900;font-size:.8em;line-height:1;vertical-align:middle}

/* Font Awesome 5 class names: site.css resets icon elements to font-family:inherit, so the icon font is re-applied here (after it, with higher specificity). */
i.fas,i.fa,.fas,.fa{font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
i.zmdi,.zmdi{font-family:'Material-Design-Iconic-Font'}