/* LM-FONTS v1: Poppins @import removed — self-hosted via theme /fonts/poppins.css, loaded from header.php. */

/* =============================================================================
 * LOADMATE — SITE-WIDE UNIFIED THEME LAYER (v1.0.0)
 *
 * Makes every page match the home-page system:
 *   - Backgrounds: white + solid #115C88
 *   - Buttons: #ffb600 fill + WHITE text (secondary = gold text-link)
 *   - Accents: #ffb600 (thin only)
 *   - Typography: Poppins everywhere
 *   - Footer: shared partial, links hover to #ffb600
 *
 * HOW IT WORKS: every template defines its palette/fonts as CSS tokens
 * (--lm-yellow, --lm-blue, --lm-font-heading) and uses them via var().
 * Re-defining those tokens here with !important re-skins the whole site
 * from one file. Loaded last via functions.php (enqueue 'lm-unify').
 *
 * TO ROLL BACK: remove the 'lm-unify' enqueue line in functions.php.
 * ========================================================================== */

/* ----- 1. Tokens — re-skin sitewide (beats each page's inline :root) -------- */
:root {
    --lm-yellow:        #ffb600 !important;   /* thin accent gold (borders, lines, eyebrows) */
    --lm-yellow-hover:  #ffb600 !important;
    --lm-yellow-deep:   #ffb600 !important;
    --lm-yellow-tint:   #f1f1f1 !important;

    --lm-blue:          #000000 !important;
    --lm-blue-dark:     #000000 !important;
    --lm-blue-deep:     #000000 !important;

    --lm-font-heading:  'Poppins', system-ui, -apple-system, sans-serif !important;
    --lm-font-body:     'Poppins', system-ui, -apple-system, sans-serif !important;
}

/* ----- 2. Typography — force Poppins (covers any hardcoded Montserrat/Lato) - */
body,
body :is(h1,h2,h3,h4,h5,h6,p,span,a,li,ul,ol,dl,dt,dd,strong,em,b,i.not-icon,
         small,label,button,input,textarea,select,blockquote,figcaption,th,td,div) {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif !important;
}
/* never touch icon fonts */
.fa, [class^="fa-"], [class*=" fa-"], i[class*="fa"] {
    font-family: 'FontAwesome' !important;
}

/* ----- 3. Buttons — solid actions = #ffb600 + white text ------------------- */
.btn, .btn--yellow, .btn--primary, .btn--blue,
.cta, .cta-button, .cta__btn, [class*="cta__btn"],
.lm-btn, .lm-btn--primary, .lm-btn--lg {
    background: #ffb600 !important;
    background-image: none !important;
    border: 1px solid #ffb600 !important;
    color: #ffffff !important;
}
.btn svg, .cta svg, .cta-button svg,
.lm-btn svg, .lm-btn--primary svg { color: #ffffff !important; }

.btn:hover, .btn--yellow:hover, .btn--primary:hover, .btn--blue:hover,
.cta:hover, .cta-button:hover, .lm-btn--primary:hover {
    background: #ffb600 !important;
    border-color: #ffb600 !important;
    color: #ffffff !important;
}

/* Secondary / outline / ghost = gold text-link (matches home page) */
.btn--outline, .btn--secondary, .btn--ghost,
.lm-btn--secondary, .lm-btn--secondary-inverse, .lm-btn--ghost-inverse {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffb600 !important;
}
.btn--outline svg, .btn--secondary svg, .btn--ghost svg,
.lm-btn--secondary svg, .lm-btn--secondary-inverse svg,
.lm-btn--ghost-inverse svg { color: #ffb600 !important; }

.btn--outline:hover, .btn--secondary:hover, .btn--ghost:hover,
.lm-btn--secondary:hover, .lm-btn--secondary-inverse:hover,
.lm-btn--ghost-inverse:hover {
    background: transparent !important;
    color: #ffb600 !important;
    text-decoration: underline !important;
}

/* ----- 3b. Page-prefixed button systems (e.g. .lm-eot__btn family) ---------
 * Many templates hard-set dark button text via !important (color:var(--eot-navy)).
 * 'html body ...' raises specificity above those rules so WHITE text wins on the
 * gold fill, matching the home page. Solid = gold + white; outline = gold text. */
html body [class*="__btn--yellow"],
html body [class*="__btn--blue"],
html body .lm-eot__btn--yellow,
html body .lm-eot__btn--blue {
    background: #ffb600 !important;
    border-color: transparent !important;
    color: #ffffff !important;
}
html body [class*="__btn--yellow"] *,
html body [class*="__btn--blue"] *,
html body .lm-eot__btn--yellow *,
html body .lm-eot__btn--blue * {
    color: #ffffff !important;
}
html body [class*="__btn--yellow"]:hover,
html body [class*="__btn--blue"]:hover,
html body .lm-eot__btn--yellow:hover,
html body .lm-eot__btn--blue:hover {
    background: #ffb600 !important;
    border-color: transparent !important;
    color: #ffffff !important;
}
html body [class*="__btn--outline"],
html body [class*="__btn--ghost"],
html body .lm-eot__btn--outline {
    background: transparent !important;
    border-color: #ffb600 !important;
    color: #ffb600 !important;
}
html body [class*="__btn--outline"]:hover,
html body .lm-eot__btn--outline:hover {
    background: #ffb600 !important;
    border-color: #ffb600 !important;
    color: #ffffff !important;
}

/* ----- 4. Footer — shared partial: links hover to #ffb600, never dark ------ */
html body .lm-footer a:hover,
html body .lm-footer a:hover *,
html body .lm-footer a:focus,
html body .lm-footer a:focus *,
html body .lm-footer__brochure-item a:hover,
html body .lm-footer__brochure-item a:hover *,
html body .lm-footer__links a:hover,
html body .lm-footer__links a:hover *,
html body .lm-footer__contact-text a:hover {
    color: #ffb600 !important;
}
html body .lm-footer__brochure-item a:hover .lm-footer__brochure-icon,
html body .lm-footer__links a:hover::before {
    color: #ffb600 !important;
}

/* ----- 5. Footer — ONE universal footer on every page (match home page) -----
 * The shared partial defaults to a pale background; the home page overrides it
 * to dark navy + white text. Apply that same surface site-wide so every page's
 * footer is identical. */
html body .lm-footer,
html body footer.lm-footer,
html body .lm-ff,
html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background: #f1f1f1 !important;
    background-image: none !important;
    border-top: 4px solid #ffb600 !important;
}
/* SEARCH-FOOTER-BLUE: search page footer matches the deep-blue hero band */
html body.search footer.lm-footer,
html body.search .lm-footer,
html body.search .lm-ff,
html body.search .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background: #f1f1f1 !important;
}
/* BLOG-FOOTER-BLUE: any page rendering the blog grid shortcode (.lmbg from [lm_blog_grid], or .lmbsc from [loadmate_blogs]) gets the deep-blue footer */
html body:has(.lmbg) footer.lm-footer,
html body:has(.lmbg) .lm-footer,
html body:has(.lmbg) .lm-ff,
html body:has(.lmbg) .site-primary-footer-wrap[data-section="section-primary-footer-builder"],
html body:has(.lmbsc) footer.lm-footer,
html body:has(.lmbsc) .lm-footer,
html body:has(.lmbsc) .lm-ff,
html body:has(.lmbsc) .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background: #f1f1f1 !important;
}
/* all footer text -> white */
html body .lm-footer, html body .lm-footer [class]:not(.lm-footer__contact-icon):not(.lm-footer__brochure-icon),
html body .lm-footer a, html body .lm-footer p, html body .lm-footer span,
html body .lm-footer li, html body .lm-footer strong, html body .lm-footer address,
html body .lm-footer label, html body .lm-footer small,
html body .lm-footer h1, html body .lm-footer h2, html body .lm-footer h3,
html body .lm-footer h4, html body .lm-footer h5, html body .lm-footer h6 {
    color: #ffffff !important;
}
/* form fields keep dark text on a light field (readability) */
html body .lm-footer input, html body .lm-footer textarea, html body .lm-footer select {
    color: #000000 !important;
    background: #ffffff !important;
}
html body .lm-footer input::placeholder, html body .lm-footer textarea::placeholder {
    color: #000000 !important;
}
/* contact icon badges: gold circle + visible blue glyph (match home).
   Repeated class + explicit svg fill beats the white-text rule so glyphs show. */
html body .lm-footer .lm-footer__contact-icon.lm-footer__contact-icon {
    background: #ffb600 !important;
    color: #000000 !important;
}
html body .lm-footer .lm-footer__contact-icon.lm-footer__contact-icon svg {
    fill: #000000 !important;
    color: #000000 !important;
}
/* contact rows: vertically centre the text against its icon (fixes the email
   sitting high). Single-line rows (email/phone) centre; the taller multi-line
   address is unaffected because its text is taller than the icon. */
html body .lm-footer .lm-footer__contact-text {
    align-self: center !important;
}
/* brochure document icons stay gold and visible */
html body .lm-footer .lm-footer__brochure-icon.lm-footer__brochure-icon {
    color: #ffb600 !important;
}
html body .lm-footer .lm-footer__brochure-icon.lm-footer__brochure-icon svg {
    fill: #ffb600 !important;
}
/* submit / form buttons: gold + white */
html body .lm-footer__submit, html body .lm-ff__submit,
html body .lm-footer button, html body .lm-footer input[type="submit"],
html body .lm-footer [class*="submit"] {
    background: #ffb600 !important;
    border-color: #ffb600 !important;
    color: #ffffff !important;
}

/* ----- 6. Hide the Astra footer ONLY where the shared partial is present ----
 * Templates that render partials/lm-footer also still call get_footer() (which
 * outputs the Astra footer). Hide that Astra footer wherever .lm-footer exists,
 * so the shared partial is the single footer — same as the home page. Pages
 * that don't use the partial keep their Astra footer untouched. */
body:has(.lm-footer) #colophon,
body:has(.lm-footer) .site-footer,
body:has(.lm-footer) footer.site-footer,
body:has(.lm-footer) .ast-small-footer,
body:has(.lm-footer) .site-primary-footer-wrap,
body:has(.lm-footer) .site-below-footer-wrap,
body:has(.lm-footer) .site-above-footer-wrap,
body:has(.lm-footer) [data-section="section-below-footer-builder"],
body:has(.lm-footer) [data-section="section-above-footer-builder"] {
    display: none !important;
}

/* ----- 7. Industry pages: full-width content area + footer (fix half-width footer) ----- */
/* INDUSTRY FOOTER FULL-WIDTH FIX
   On lm-template-ind-* pages the Astra content column / sidebar was leaving the
   custom footer stuck in the left half. Force every structural wrapper to full
   width, drop any sidebar, and let the footer span edge-to-edge (its own
   .lm-footer__container re-centres the 4 columns at 1280px). */
body[class*="lm-template-ind-"] #content,
body[class*="lm-template-ind-"] .site-content,
body[class*="lm-template-ind-"] #primary,
body[class*="lm-template-ind-"] .content-area,
body[class*="lm-template-ind-"] .site-main,
body[class*="lm-template-ind-"] .ast-container,
body[class*="lm-template-ind-"] .ast-row,
body[class*="lm-template-ind-"] .ast-article-single,
body[class*="lm-template-ind-"] .entry-content,
body[class*="lm-template-ind-"] .ast-article-post {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body[class*="lm-template-ind-"] #secondary,
body[class*="lm-template-ind-"] .widget-area.secondary,
body[class*="lm-template-ind-"] .ast-separate-container #secondary {
    display: none !important;
}
body[class*="lm-template-ind-"] footer.lm-footer,
body[class*="lm-template-ind-"] .lm-footer {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #f1f1f1 !important;
}


/* ----- 8. Industry footer: escape Astra's flex .ast-container, force true full width ----- */
/* INDUSTRY FOOTER FLEX FIX
   .ast-container is display:flex; justify-content:center (Astra). The custom
   footer was becoming a shrink-to-content flex item, leaving the right half
   blank. Force the footer to span the full flex row and its inner grid to fill. */
body[class*="lm-template-ind-"] #content .ast-container {
    display: block !important;
}
body[class*="lm-template-ind-"] footer.lm-footer,
body[class*="lm-template-ind-"] .lm-footer {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    align-self: stretch !important;
    margin: 0 !important;
    background: #f1f1f1 !important;
    box-sizing: border-box !important;
}
body[class*="lm-template-ind-"] .lm-footer__inner,
body[class*="lm-template-ind-"] .lm-footer__container {
    width: 100% !important;
    box-sizing: border-box !important;
}
body[class*="lm-template-ind-"] .lm-footer__container {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
body[class*="lm-template-ind-"] .lm-footer__main {
    width: 100% !important;
}


/* ----- 9. Fix: [class*="cta__btn"] greedily painted the lm-ind-cta__btns ROW gold ----- */
/* CTA BTNS BAND FIX
   '.lm-ind-cta__btns' contains the substring 'cta__btn', so the button rule in
   section 3 painted the whole flex ROW as a full-width gold band behind the two
   buttons. Reset the row to transparent — the buttons themselves keep their own
   .lm-ind-btn styling. */
html body [class*="cta__btns"],
html body .lm-ind-cta__btns {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 0 !important;
    color: inherit !important;
}


/* ----- 10. Stage-nav: faint divider between the vertical stage rows (desktop) ----- */
/* STAGE NAV DIVIDERS */
@media (min-width: 1024px) {
    body[class*="lm-template-ind-"] .lm-ind-nav__inner > .lm-ind-nav__item:not(:last-child) {
        border-bottom: 1px solid rgba(0,0,0,0.10) !important;
    }
    body[class*="lm-template-ind-"] .lm-ind-nav__inner > .lm-ind-nav__item.is-on {
        border-bottom-color: transparent !important;
    }
}


/* ----- 11. Stage-walk: low-opacity divider between each process stage (on blue band) ----- */
/* STAGE BLOCK DIVIDERS
   The stage blocks sit on the #115C88 band, so the separator is a faint white
   line above every stage after the first. Padding gives breathing room below. */
/* DIVIDER-FIX: white->blue so the line is visible on the white stage band */
body[class*="lm-template-ind-"] .lm-ind-stages > .lm-ind-stage:not(:first-child) {
    border-top: 1px solid rgba(0,0,0,0.10) !important;
    padding-top: clamp(2rem, 4vw, 3.2rem) !important;
}


/* ============================================================
   12. ABOVE-HEADER UTILITY STRIP — dark bar, high-visibility contacts + social
   The phone numbers, email and social icons sit in Astra's "Above Header"
   builder row. Make the strip a solid #115C88 with white, slightly larger,
   bold text and white->gold social icons so the details stand out clearly.
   Scoped to the above-header wrappers only; the main nav bar is untouched.
   ============================================================ */
.ast-above-header-wrap,
.site-above-header-wrap,
.ast-above-header-wrap .site-above-header-wrap,
.ast-above-header-wrap .ast-builder-grid-row-container,
.site-above-header-wrap .ast-builder-grid-row-container {
    background-color: #f1f1f1 !important;
    background-image: none !important;
}

/* all text in the strip -> white & a touch larger for visibility */
.ast-above-header-wrap, .ast-above-header-wrap *,
.site-above-header-wrap, .site-above-header-wrap * {
    color: #ffffff !important;
}
.ast-above-header-wrap a,
.site-above-header-wrap a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    opacity: 1 !important;
    transition: color .2s ease;
}
.ast-above-header-wrap a:hover,
.site-above-header-wrap a:hover {
    color: #ffb600 !important;
}

/* social icons -> white glyphs, gold on hover */
.ast-above-header-wrap svg, .ast-above-header-wrap svg path,
.site-above-header-wrap svg, .site-above-header-wrap svg path,
.ast-above-header-wrap .ast-builder-social-element,
.site-above-header-wrap .ast-builder-social-element {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.ast-above-header-wrap .ast-builder-social-element:hover,
.ast-above-header-wrap .ast-builder-social-element:hover svg,
.ast-above-header-wrap .ast-builder-social-element:hover path,
.site-above-header-wrap .ast-builder-social-element:hover,
.site-above-header-wrap .ast-builder-social-element:hover svg,
.site-above-header-wrap .ast-builder-social-element:hover path {
    color: #ffb600 !important;
    fill: #ffb600 !important;
}

/* hairline under the strip to separate it from the white nav below */
.ast-above-header-wrap,
.site-above-header-wrap {
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}


/* ============================================================
   13. SEARCH ICON — keep visible in the sticky (scrolled) header
   The search row scrolls up into the sticky bar fine, but Astra hides the
   search element once the header enters its sticky/condensed state. Force
   the magnifying-glass icon to stay visible whenever the header is sticky.
   ============================================================ */
.ast-header-sticked .ast-search-menu-icon,
.ast-header-sticked .ast-search-icon,
.ast-header-sticked .astra-search-icon,
.ast-header-sticked .ast-header-search,
.astra-sticky-active .ast-search-menu-icon,
.astra-sticky-active .ast-search-icon,
.astra-sticky-active .astra-search-icon,
.astra-sticky-active .ast-header-search,
.ast-sticky-active .ast-search-menu-icon,
.ast-sticky-active .ast-header-search,
header[data-stick] .ast-search-menu-icon,
header[data-stick] .ast-header-search {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* make the glyph match the dark-strip / nav colours and stay tappable */
.ast-header-sticked .ast-search-menu-icon .slick-search,
.astra-sticky-active .ast-search-menu-icon .slick-search,
.ast-header-sticked .ast-search-icon,
.astra-sticky-active .ast-search-icon {
    color: inherit !important;
}


/* ============================================================
   14. "Connect with us" label (left of the social icons) -> white
   That label is a separate text/heading widget in the above-header row;
   Astra colours it independently, so force it (and any heading/label/span
   text in the strip) to white with full max-specificity.
   ============================================================ */
.ast-above-header-wrap .widget-title,
.ast-above-header-wrap .ast-builder-html-element,
.ast-above-header-wrap h1, .ast-above-header-wrap h2, .ast-above-header-wrap h3,
.ast-above-header-wrap h4, .ast-above-header-wrap h5, .ast-above-header-wrap h6,
.ast-above-header-wrap p, .ast-above-header-wrap span, .ast-above-header-wrap label,
.ast-above-header-wrap .ast-builder-social-element-wrap,
.site-above-header-wrap .widget-title,
.site-above-header-wrap .ast-builder-html-element,
.site-above-header-wrap h1, .site-above-header-wrap h2, .site-above-header-wrap h3,
.site-above-header-wrap h4, .site-above-header-wrap h5, .site-above-header-wrap h6,
.site-above-header-wrap p, .site-above-header-wrap span, .site-above-header-wrap label,
.site-above-header-wrap .ast-builder-social-element-wrap {
    color: #ffffff !important;
}


/* ============================================================
   15. "Connect with us" label is a ::before pseudo-element on the social
   block (#masthead [data-section="section-hb-social-icons-1"]::before) with
   a hardcoded grey (#374151). Real-element colour rules can't reach a
   pseudo-element, so recolour it directly to white.
   ============================================================ */
#masthead [data-section="section-hb-social-icons-1"]::before {
    color: #ffffff !important;
}


/* ============================================================
   16. Always-open header search box (.lm-hdr-search) — replaces the free-Astra
   slide icon with a real, working search field placed as a header HTML element.
   Styled to sit on the dark #115C88 above-header strip.
   ============================================================ */
.lm-hdr-search {
    display: inline-flex; align-items: center;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.45);
    border-radius: 6px;
    padding: 2px 4px 2px 10px;
    max-width: 240px;
}
.lm-hdr-search input[type="search"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding: 4px 4px !important;
    width: 160px !important;
    min-height: 0 !important;
}
.lm-hdr-search input[type="search"]::placeholder { color: rgba(255,255,255,0.7) !important; }
.lm-hdr-search input[type="search"]:focus { color: #ffffff !important; }
.lm-hdr-search button {
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent !important;
    border: 0 !important;
    color: #ffffff !important;
    padding: 4px 6px !important;
    cursor: pointer;
    min-height: 0 !important;
}
.lm-hdr-search button:hover { color: #ffb600 !important; }
.lm-hdr-search:focus-within {
    border-color: #ffb600;
    background: rgba(255,255,255,0.16);
}


/* ============================================================
   17. Place the injected search box to the LEFT of "Connect with us" + icons.
   The "Connect with us" label is a ::before on the social section, so make the
   section a flex row and force the search form to order first, with the label
   (::before) and icons following it.
   ============================================================ */
[data-section="section-hb-social-icons-1"] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
[data-section="section-hb-social-icons-1"] .lm-hdr-search { order: -1 !important; }
[data-section="section-hb-social-icons-1"]::before { order: 0 !important; }


/* ============================================================
   18. Highlight the header search box — solid white field on the blue strip
   so it clearly reads as a search box. Brand-blue text inside, grey
   placeholder, gold border + glow on focus.
   ============================================================ */
.lm-hdr-search {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
}
.lm-hdr-search input[type="search"] {
    color: #000000 !important;
    font-weight: 600 !important;
}
.lm-hdr-search input[type="search"]::placeholder { color: #000000 !important; opacity: 1 !important; }
.lm-hdr-search button { color: #000000 !important; }
.lm-hdr-search button:hover { color: #ffb600 !important; }
.lm-hdr-search:focus-within {
    border-color: #ffb600 !important;
    box-shadow: 0 0 0 3px rgba(255,182,0,0.45) !important;
    background: #ffffff !important;
}


/* ============================================================
   19. Search icon -> gold accent chip (clearly visible on the white field)
   Override the earlier blue/white button colours: solid #ffb600 button with
   a dark navy magnifying glass, darker gold on hover.
   ============================================================ */
.lm-hdr-search button {
    background: #ffb600 !important;
    color: #000000 !important;
    border-radius: 5px !important;
    padding: 5px 9px !important;
    margin-left: 4px !important;
}
.lm-hdr-search button svg { color: #000000 !important; }
.lm-hdr-search button svg circle,
.lm-hdr-search button svg path { stroke: #000000 !important; }
.lm-hdr-search button:hover { background: #ffb600 !important; color: #000000 !important; }
.lm-hdr-search button:hover svg { color: #000000 !important; }


/* ============================================================
   20. Typed search text -> solid black & visible
   The input sits on a white field, so force the value the user types to black
   (overrides the earlier blue + Astra's own input colour) with a black caret.
   ============================================================ */
.lm-hdr-search input[type="search"],
.lm-hdr-search input[type="search"]:focus {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
    opacity: 1 !important;
}
.lm-hdr-search input[type="search"]::placeholder {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}

/* ============================================================================
   LOADMATE — UNIVERSAL 1px CORNERS  (rebuilt 2026-06, comprehensive)
   Forces every button, CTA, card, tile, box, panel, tag and form field to a
   uniform 1px corner. border-radius ONLY — no overflow / no layout — so it
   cannot move, clip, resize or hide anything. !important beats the templates'
   plain (non-important) radius rules. Circular UI (slider arrows, testimonial
   medallion, pill chips/badges, WhatsApp float, slider dots) is left untouched
   because it was excluded at source.
   >>> Also DELETE any old corner block from Customizer → Additional CSS, or it
       will keep fighting this file. <<<
   TO CHANGE AMOUNT: find/replace 1px -> 2px/3px below and re-upload.
   ============================================================================ */

/* --- buttons, CTAs & form controls --- */
html body .lm-btn,
html body [class*="btn"]:not([class*="slider"]):not([class*="arrow"]),
html body .button, html body .wp-block-button__link, html body .ast-button, html body .wpcf7-submit,
html body input[type="submit"], html body input[type="button"], html body input[type="reset"],
html body input[type="text"], html body input[type="email"], html body input[type="tel"],
html body input[type="url"], html body input[type="number"], html body input[type="search"],
html body input[type="password"], html body input[type="date"],
html body select, html body textarea {
    border-radius: 1px !important;
}

/* --- every card / tile / box / panel / tag that carries a radius in the templates --- */
html body .lm-bl-card,html body .lm-bl-feat,html body .lm-bl-h2,html body .lm-bl-pg,html body .lm-bl-tag,html body .lm-ce-box,html body .lm-ce-card,html body .lm-ce-close__box,html body .lm-ce-faq,html body .lm-ce-form,html body .lm-ce-hero__photo-tag,html body .lm-ce-quote,html body .lm-ce-step,html body .lm-ceo-ans,html body .lm-ceo-btn,html body .lm-ceo-faq,html body .lm-ceo-get,html body .lm-ceo-get__ic,html body .lm-ceo-hero__badge,html body .lm-ceo-hero__media,html body .lm-ceo-panel,html body .lm-ceo-pr__item,html body .lm-ceo-pr__list,html body .lm-ceo-pr__nav,html body .lm-ceo-proof__c,html body .lm-cr-itslider__card,html body .lm-eot-app,html body .lm-eot-faq__item,html body .lm-eot-feat__ico,html body .lm-eot-feat__item,html body .lm-eot-guide__col,html body .lm-eot-pcard,html body .lm-eot-prod,html body .lm-eot-prod__chip,html body .lm-eot-rule,html body .lm-eot-tablewrap,html body .lm-eot__btn,html body .lm-flow-step,html body .lm-ind-app,html body .lm-ind-btn,html body .lm-ind-eq__card,html body .lm-ind-faq,html body .lm-ind-hero__card,html body .lm-ind-nav,html body .lm-ind-nav__item,html body .lm-ind-stage__kicker,html body .lm-ind-stage__media,html body .lm-ind-why__c,html body .lm-onroof,html body .lm-path,html body .lm-pd-adv__c,html body .lm-pd-gallery__thumb,html body .lm-pd-herocard,html body .lm-pd-indc,html body .lm-pd-indc__i,html body .lm-pd-spec,html body .lm-pd-std__c,html body .lm-pd-tblwrap,html body .lm-pd-tech,html body .lm-prcard,html body .lm-prflow,html body .lm-product-tile,html body .lm-products__accent,html body .lm-prsum,html body .lm-role,html body .lm-sv-box,html body .lm-sv-card,html body .lm-sv-faq,html body .lm-sv-form-wrap,html body .lm-sv-hero__photo-tag,html body .lm-sv-qa,html body .lm-sv-why__item,html body .lm-tcard,html body .lm-testimonial-card__avatar {
    border-radius: 1px !important;
}

/* --- blog grid [lm_blog_grid] / [loadmate_blogs]: square corners to match site --- */
html body .lmbg-feat,html body .lmbg-feat__media,html body .lmbg__card,html body .lmbg__media,html body .lmbg__ph,html body .lmbg-tag,html body .lmbg__pg,html body .lmbsc__card,html body .lmbsc__media,html body .lmbsc__pg {
    border-radius: 1px !important;
}

/* ============================================================================
   COMPANY PAGE — Chapter 03 Leadership + closing refinements
   ============================================================================ */
/* 1) Divider between R.K. Garg and Manish Agarwal blocks: the template line is
   blue-on-blue (invisible on the #115C88 band) -> faint white so it shows,
   matching the other on-blue band dividers. */
body.lm-template-company .lm-co-founder__grid--ceo {
    border-top-color: rgba(255,255,255,0.16) !important;
}
/* 2) Leadership story-box top accent: blue -> gold (#ffb600) so the line reads
   against the blue band. */
body.lm-template-company .lm-co-founder__story {
    border-top-color: #ffb600 !important;
}
/* 4) Remove the redundant white standards strip ABOVE THE FOOTER site-wide.
   On these content pages the section above it is already white, so the extra
   white band isn't needed. Consolidated from per-page rules (company, products
   hub) to global so it also covers all 8 product hubs + 16 single product pages. */
html body .lm-creds-strip {
    display: none !important;
}
/* Single product pages — remove the "Maintained by: LOADMATE Engineering Team" line. */
html body .lm-pd-meta {
    display: none !important;
}


/* ============================================================================
   MEDIA CENTER — remove the category tag overlay on Featured Industry Articles
   (Buyer Guide / Technical Reference / Industry Overview / etc.)
   ============================================================================ */
body.lm-template-media-center .lm-mc-article__category {
    display: none !important;
}

/* ============================================================================
   CSR PAGE refinements
   ============================================================================ */
/* 1) "What we do" — drop the placeholder galleries; copy goes full-width
   (text-only panels, like the owner/CEO priorities page). */
body.lm-template-csr .csr-jstage .gallery { display: none !important; }
body.lm-template-csr .csr-jstage__inner { grid-template-columns: 1fr !important; }
/* 2) "Partner with purpose" — CSR contact line + gold mail link. */
body.lm-template-csr .cta .csr-cta__line { color:#ffffff; margin-top:1.4rem; font-size:1rem; line-height:1.6; }
body.lm-template-csr .cta .csr-cta__mail { color:#ffb600 !important; font-weight:700; text-decoration:underline; }
/* 3) "Partner with purpose" buttons — remove glow/lift on hover (normal button style). */
body.lm-template-csr .cta .btns .btn:hover,
body.lm-template-csr .cta .btns .btn-primary:hover,
body.lm-template-csr .cta .btns .btn-ghost:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* ============================================================================
   SINGLE PRODUCT PAGES — "Similar products": proper product cards WITH images
   (image chosen by link target; all 16 single templates share .lm-pd-sim)
   ============================================================================ */
html body .lm-pd-sim {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    gap: 1rem !important;
    align-items: stretch !important;
    max-width: 960px !important;
}
html body .lm-pd-sim a {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    border-radius: 1px !important;
    padding: 0.85rem 0.95rem 0.95rem !important;
    overflow: hidden !important;
    font-size: 0.92rem !important;
    line-height: 1.3 !important;
    text-align: left !important;
    max-width: none !important;
    flex: initial !important;
}
html body .lm-pd-sim a::before {
    content: "" !important;
    display: block !important;
    align-self: stretch !important;
    height: 130px !important;
    margin: -0.85rem -0.95rem 0.6rem !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #f1f1f1 !important;
}
html body .lm-pd-sim a svg { align-self: flex-end !important; flex: none !important; margin-top: auto !important; }
/* hover: no colour flip — keep the card exactly as its resting state */
html body .lm-pd-sim a:hover { background: #ffffff !important; color: #000000 !important; border-color: #f1f1f1 !important; }
/* per-product card images (root-relative -> portable across staging + production) */
html body .lm-pd-sim a[href*="chain-pulley-blocks-hd-series"]::before { background-image:url('/wp-content/uploads/2016/11/Manual-Chain-Pulley-Block-Heavy-Duty.jpg'); }
html body .lm-pd-sim a[href*="chain-pulley-blocks-portable"]::before { background-image:url('/wp-content/uploads/2016/06/Manual-Chain-Pulley-Blocks-6-2.jpg'); }
html body .lm-pd-sim a[href*="/our-products/chain-pulley-blocks/"]::before { background-image:url('/wp-content/uploads/2016/06/Manual-Chain-Pulley-Blocks-6-2.jpg'); }
html body .lm-pd-sim a[href*="double-girder-eot-cranes"]::before { background-image:url('/wp-content/uploads/2016/06/Double-Girder-EOT-Crane-2.jpg'); }
html body .lm-pd-sim a[href*="single-girder-eot-cranes"]::before { background-image:url('/wp-content/uploads/2016/11/EOT-Cranes.jpg'); }
html body .lm-pd-sim a[href*="/our-products/eot-crane/"]::before { background-image:url('/wp-content/uploads/2016/06/Double-Girder-EOT-Crane-2.jpg'); }
html body .lm-pd-sim a[href*="electric-chain-hoist-euro-series"]::before { background-image:url('/wp-content/uploads/2016/06/Electric-Chain-Hoist.jpg'); }
html body .lm-pd-sim a[href*="low-headroom-electric-chain-hoist"]::before { background-image:url('/wp-content/uploads/2016/12/Optimized-lowheadroom1.jpg'); }
html body .lm-pd-sim a[href*="/our-products/electric-chain-hoist/"]::before { background-image:url('/wp-content/uploads/2016/06/Electric-Chain-Hoist.jpg'); }
html body .lm-pd-sim a[href*="/product/goliath-crane/"]::before { background-image:url('/wp-content/uploads/2016/06/goliathcrane1.jpg'); }
html body .lm-pd-sim a[href*="semi-goliath-crane"]::before { background-image:url('/wp-content/uploads/2016/12/Semi-Goliath6.jpg'); }
html body .lm-pd-sim a[href*="/our-products/goliath-crane/"]::before { background-image:url('/wp-content/uploads/2016/06/goliathcrane1.jpg'); }
html body .lm-pd-sim a[href*="pillar-mounted-jib-cranes"]::before { background-image:url('/wp-content/uploads/2016/12/Pillar-Mounted-Jib-Crane-Chain-Hoist.jpeg'); }
html body .lm-pd-sim a[href*="wall-mounted-jib-cranes"]::before { background-image:url('/wp-content/uploads/2016/12/LOADMATE-Wall-Mounted-JIB-Crane-1.jpg'); }
html body .lm-pd-sim a[href*="/our-products/jib-cranes/"]::before { background-image:url('/wp-content/uploads/2016/12/Pillar-Mounted-Jib-Crane-Chain-Hoist.jpeg'); }
html body .lm-pd-sim a[href*="under-slung-double-girder-crane"]::before { background-image:url('/wp-content/uploads/2017/01/Underslung-Crane-Double-Girder-2.jpg'); }
html body .lm-pd-sim a[href*="under-slung-single-girder-crane"]::before { background-image:url('/wp-content/uploads/2017/01/Single-Girder-Under-Slung-Crane-3.jpg'); }
html body .lm-pd-sim a[href*="/our-products/under-slung-crane/"]::before { background-image:url('/wp-content/uploads/2017/01/Single-Girder-Under-Slung-Crane-3.jpg'); }
html body .lm-pd-sim a[href*="electric-wire-rope-hoist-euro-series"]::before { background-image:url('/wp-content/uploads/2016/12/Heavy-Duty-Electric-Wire-Rope-Hoist.jpg'); }
html body .lm-pd-sim a[href*="electric-wire-rope-hoist-std-series"]::before { background-image:url('/wp-content/uploads/2016/12/Electric-Wire-Rope-Hoist.jpg'); }
html body .lm-pd-sim a[href*="/our-products/electric-wire-rope-hoist/"]::before { background-image:url('/wp-content/uploads/2016/12/Electric-Wire-Rope-Hoist.jpg'); }
html body .lm-pd-sim a[href*="electric-travelling-trolley"]::before { background-image:url('/wp-content/uploads/2016/06/Electric-Trolley-2.jpg'); }
html body .lm-pd-sim a[href*="/manual-trolley/"]::before { background-image:url('/wp-content/uploads/2016/06/Manual-Trolley-Geared-1024x683-1.jpg'); }
html body .lm-pd-sim a[href*="cross-traveling-trolley"]::before { background-image:url('/wp-content/uploads/2016/06/Electric-Trolley-2.jpg'); }

/* ============================================================================
   INDUSTRY PAGES — "Choose by role" pathfinder band above the footer
   (replaces the old white standards strip; mirrors the home Pathfinder roles)
   ============================================================================ */
body[class*="lm-template-ind-"] .lm-ind-roles { background:#ffffff; }
body[class*="lm-template-ind-"] .lm-ind-roles__head { text-align:center; max-width:720px; margin:0 auto 2.4rem; }
body[class*="lm-template-ind-"] .lm-ind-roles__eyebrow { display:inline-block; font-family:'Poppins',system-ui,sans-serif; font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#ffb600; margin-bottom:.7rem; }
body[class*="lm-template-ind-"] .lm-ind-roles__h2 { font-family:'Poppins',system-ui,sans-serif; font-weight:800; font-size:clamp(1.6rem,3.2vw,2.3rem); line-height:1.15; color:#000000; margin:0 0 .85rem; }
body[class*="lm-template-ind-"] .lm-ind-roles__intro { font-size:1.02rem; line-height:1.6; color:#000000; margin:0; }
body[class*="lm-template-ind-"] .lm-ind-roles__grid { list-style:none; margin:0 auto; padding:0; max-width:1180px; display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; }
body[class*="lm-template-ind-"] .lm-ind-roles__grid > li { flex:1 1 300px; max-width:360px; display:flex; }
body[class*="lm-template-ind-"] .lm-ind-role { flex:1; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; column-gap:.85rem; align-items:center; padding:1rem 1.15rem; background:#ffffff; border:1px solid rgba(0,0,0,0.14); border-radius:1px; text-decoration:none; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
body[class*="lm-template-ind-"] .lm-ind-role:hover { border-color:#ffb600; background:#f1f1f1; transform:translateY(-3px); }
body[class*="lm-template-ind-"] .lm-ind-role__name { grid-column:1; font-family:'Poppins',system-ui,sans-serif; font-weight:700; font-size:1rem; color:#000000; }
body[class*="lm-template-ind-"] .lm-ind-role__focus { grid-column:1; font-size:.84rem; color:#000000; line-height:1.4; margin-top:.15rem; }
body[class*="lm-template-ind-"] .lm-ind-role svg { grid-column:2; grid-row:1 / 3; color:#ffb600; flex:none; }

/* ============================================================================
   CONSULTANTS / EPC — closing CTA band turned blue (alternating-colour rhythm)
   Section: "The next plant you design will run for decades."
   ============================================================================ */
html body #lm-cep .lm-ce-close { background:#f1f1f1 !important; border-top:1px solid rgba(255,255,255,0.16) !important; }
html body #lm-cep .lm-ce-close__box { background:transparent !important; border:0 !important; box-shadow:none !important; }
html body #lm-cep .lm-ce-close__title { color:#ffffff !important; }
html body #lm-cep .lm-ce-close__sub { color:rgba(255,255,255,0.92) !important; }
html body #lm-cep .lm-ce-close__tagline { color:#ffb600 !important; }

/* Consultants/EPC — re-centre .lm-ce-sub paragraphs (theme's .lm-page p resets margin:auto, anchoring the text box left) */
html body #lm-cep .lm-ce-sub { margin-left:auto !important; margin-right:auto !important; text-align:center !important; }


/* ============================================================
   LM CTA v2 — site-wide button upgrade (audit: 'more attractive
   and clickable'). Weight, depth, hover lift, arrow nudge, and a
   visible keyboard focus ring on every CTA family. No padding or
   size changes, so no layout can break anywhere.
   ============================================================ */
[class*="lm-btn"]:not(.lm-hdr-search *),
.lm-rfq__cta-button,
[class*="lm-pr-btn"],
.lm-blog__more,
.lm-blog-card__cta,
[class*="__apply"],
input[type="submit"]:not(.lm-hdr-search *),
button[type="submit"]:not(.lm-hdr-search *) {
    font-weight: 700 !important;
    letter-spacing: .035em !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.16);
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
    cursor: pointer;
}
[class*="lm-btn"]:not(.lm-hdr-search *):hover,
.lm-rfq__cta-button:hover,
[class*="lm-pr-btn"]:hover,
.lm-blog__more:hover,
.lm-blog-card__cta:hover,
[class*="__apply"]:hover,
input[type="submit"]:not(.lm-hdr-search *):hover,
button[type="submit"]:not(.lm-hdr-search *):hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0,0,0,.24);
}
[class*="lm-btn"]:focus-visible,
.lm-rfq__cta-button:focus-visible,
[class*="lm-pr-btn"]:focus-visible,
input[type="submit"]:focus-visible,
button[type="submit"]:focus-visible {
    outline: 3px solid rgba(0,0,0,.5) !important;
    outline-offset: 2px !important;
}
/* arrow icons inside CTAs slide forward on hover */
[class*="lm-btn"] svg, .lm-rfq__cta-button svg, [class*="lm-pr-btn"] svg {
    transition: transform .18s ease;
}
[class*="lm-btn"]:hover svg, .lm-rfq__cta-button:hover svg, [class*="lm-pr-btn"]:hover svg {
    transform: translateX(3px);
}


/* ============================================================
   LM ROLE-PAGE BAND RHYTHM v1 — strict white/blue alternation
   across ALL role pages (EPC, Consultant, Owner/CEO, Maintenance,
   Procurement, Production, Design Team). Sequence after hero:
   WHITE intro -> BLUE priorities -> WHITE proof -> BLUE partnership
   -> WHITE FAQ -> BLUE CTA -> WHITE standards strip -> blue footer.
   html body[class] prefix out-specifies the per-page overrides
   (e.g. design-team's white-wash rules), so one block rules all.
   ============================================================ */

/* Base: pale/paper tints become clean white */
html body[class] .lm-ceo-sec--pale  { background: #ffffff !important; }

/* BLUE band 1 — "Your priorities" (tabbed panel) */
html body[class] #lm-priorities { background: #f1f1f1 !important; }
html body[class] #lm-priorities .lm-ceo-h2 { color: #ffffff !important; }
html body[class] #lm-priorities .lm-ceo-h2 .acc { color: #ffb600 !important; }
html body[class] #lm-priorities .lm-ceo-eyebrow { color: #ffb600 !important; }
html body[class] #lm-priorities .lm-ceo-pr {
    background: #ffffff;
    padding: clamp(1.1rem, 2.5vw, 1.9rem);
    box-shadow: 0 12px 34px rgba(0,0,0,.18);
}

/* WHITE band — proof section (was navy; cards restyled for white) */
html body[class] .lm-ceo-proof { background: #ffffff !important; color: inherit !important; }
html body[class] .lm-ceo-proof .lm-ceo-h2 { color: #000000 !important; }
html body[class] .lm-ceo-proof .lm-ceo-eyebrow--light { color: #ffb600 !important; }
html body[class] .lm-ceo-proof__c {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.18) !important;
    border-top: 3px solid #ffb600 !important;
    padding: 1.35rem 1.25rem !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
html body[class] .lm-ceo-proof__h { color: #000000 !important; }
html body[class] .lm-ceo-proof__p { color: #000000 !important; }

/* BLUE band 2 — "What working with LOADMATE gives you" */
html body[class] .lm-ceo-sec--paper { background: #f1f1f1 !important; }
html body[class] .lm-ceo-sec--paper .lm-ceo-h2 { color: #ffffff !important; }
html body[class] .lm-ceo-sec--paper .lm-ceo-h2 .acc { color: #ffb600 !important; }
html body[class] .lm-ceo-sec--paper .lm-ceo-eyebrow { color: #ffb600 !important; }
/* get-items are WHITE CARDS on the blue band -> text must be dark */
html body[class] .lm-ceo-sec--paper .lm-ceo-get p { color: #000000 !important; }
html body[class] .lm-ceo-sec--paper .lm-ceo-get p b { color: #000000 !important; }
html body[class] .lm-ceo-sec--paper .lm-ceo-get__ic {
    color: #ffb600 !important;
    background: rgba(255,182,0,.18) !important;
}

/* WHITE band — FAQ (pale base is white now; give answers card definition) */
html body[class] .lm-ceo-faq details {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.16);
}

/* Closing CTA section removed from all role pages by request;
   its white-band overrides removed with it. Standards strip stays white. */


/* ============================================================
   LM FOOTER HOVER v1 — every footer link hovers GOLD on every
   page (home page was inheriting a black hover from elsewhere).
   html body[class] prefix + !important beats any global a:hover.
   ============================================================ */
html body[class] .lm-footer a:hover,
html body[class] .lm-footer a:focus-visible,
html body[class] footer a:hover {
    color: #ffb600 !important;
}
html body[class] .lm-footer .lm-footer__brochure-item a:hover,
html body[class] .lm-footer .lm-footer__links a:hover {
    color: #ffb600 !important;
}


/* ============================================================
   LM RFQ CONTACT-LINE HOVER v1 — the phone / email / WhatsApp
   links in the "Want to talk to a crane engineer" band were
   falling through to the global black link hover. Gold, to
   match the footer, on hover and keyboard focus.
   ============================================================ */
html body[class] .lm-rfq__contact a:hover,
html body[class] .lm-rfq__contact a:focus-visible {
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
    border-bottom-color: #ffb600 !important;
}
html body[class] .lm-rfq__contact a { transition: color .15s ease, border-bottom-color .15s ease; }


/* ============================================================
   LM BUTTON TEXT BLACK v1 — every button on the site carries
   BLACK text (and black arrow icons via currentColor). Ghost /
   dark variants that sit on navy backgrounds get a white fill
   so black text stays readable.
   ============================================================ */
html body[class] [class*="lm-btn"],
html body[class] .lm-rfq__cta-button,
html body[class] [class*="lm-pr-btn"],
html body[class] [class*="lm-ceo-btn"],
html body[class] .lm-industries__cta,
html body[class] .lm-blog__more,
html body[class] .lm-blog-card__cta,
html body[class] [class*="__apply"],
html body[class] input[type="submit"],
html body[class] button[type="submit"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* variants that live on navy backgrounds -> white fill for contrast */
html body[class] .lm-rfq__cta-button--ghost,
html body[class] .lm-btn--ghost-inverse,
html body[class] .lm-btn--secondary-inverse,
html body[class] .lm-btn--dark,
html body[class] .lm-ceo-btn--ghost,
html body[class] .lm-ceo-btn--dark {
    background: #ffffff !important;
    border-color: #ffffff !important;
}
html body[class] .lm-rfq__cta-button--ghost:hover,
html body[class] .lm-btn--ghost-inverse:hover,
html body[class] .lm-btn--secondary-inverse:hover,
html body[class] .lm-btn--dark:hover,
html body[class] .lm-ceo-btn--ghost:hover,
html body[class] .lm-ceo-btn--dark:hover {
    background: #f1f1f1 !important;
    border-color: #f1f1f1 !important;
}


/* ============================================================
   LM MEGA MENU THEME v2 — ALL dropdown panels (mega grids AND
   simple flyouts: Company / Industries / Service / Resources).
   White card, gold top bar, deep shadow, centered content on
   full-width panels. Category parents = MAIN (navy, gold left
   rule); their items = nested OPTIONS under a connector line
   with tint + slide hover. Broad selectors: no dependence on
   panel-type classes that vary by menu settings.
   ============================================================ */

/* every top-level dropdown panel */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item > ul.mega-sub-menu,
html body[class] #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {
    background: #ffffff !important;
    border-top: 3px solid #ffb600 !important;
    box-shadow: 0 26px 60px rgba(0,0,0,.20) !important;
    padding: 1.15rem 2rem .8rem !important;
}
/* columns\' inner lists: no extra padding of their own */
html body[class] #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column > ul.mega-sub-menu,
html body[class] [id^="mega-menu-wrap"] li.mega-menu-column > ul.mega-sub-menu {
    padding: 0 !important;
    margin: 0 !important;
}
/* last category group in each column: no trailing margin -> no bottom void */
html body[class] #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item-has-children:last-child,
html body[class] [id^="mega-menu-wrap"] ul.mega-sub-menu li.mega-menu-item-has-children:last-child {
    margin-bottom: 0 !important;
}
/* flyout options: heading-scale, bold — consistent across every menu */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link,
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:last-child > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

/* narrow flyout panels: card sizing instead of full-width padding */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-flyout > ul.mega-sub-menu,
html body[class] #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu {
    padding: .7rem .55rem !important;
    min-width: 270px !important;
    width: max-content !important;
    max-width: 340px !important;
}

/* ---- PRODUCTS panel only (3rd menu item): content-fit centered card,
        not a full-width sheet. Explicit width lets the % columns resolve. ---- */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu,
html body[class] #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu {
    /* v8 CENTRING — final.

       Evidence from the live page: the panel's left edge sits at x=0, which
       means the containing block IS the viewport (the position:static on the
       PRODUCTS <li> did its job). It also means the width collapsed to full
       screen, i.e. the width declaration was being thrown away — almost
       certainly the nested min()/calc() not surviving CSS minification. When
       width is invalid it falls back to auto, and auto + left:0 + right:0
       stretches edge to edge. That is exactly what the screenshot shows.

       So: no min(), no nested calc(), no transform. A plain pixel width with
       a separate max-width guard. With left:0, right:0 and auto side margins
       the box is over-constrained, and CSS resolves that by splitting the
       leftover space equally — true centring in the viewport, every width. */
    width: 1580px !important;
    max-width: 96vw !important;              /* plain fallback, no calc() */
    max-width: calc(100vw - 3rem) !important;
    box-sizing: border-box !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    padding: 1.1rem 1.5rem 1.1rem !important; /* symmetric top/bottom */
}

/* ---- PRODUCTS panel: 4 columns x 2 rows in fixed sequence.
        True structure: panel > row-lis > column-lis > group. Rows and
        columns are flattened (display:contents) so the 8 groups become
        direct grid cells; each gets an explicit order. A fallback order
        set covers a flat (row-less) structure. ---- */
@media (min-width: 1024px) {
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;  /* v3: 4 -> 5 */
        column-gap: 1.6rem !important;
        row-gap: 1.35rem !important;
        align-items: start !important;
    }

    /* v4 BASE ORDER — the fix for "Custom Solutions appeared on the far left".
       A grid child with no `order` declared defaults to order:0, which sorts
       BEFORE every mapped group. The eight known groups each get an explicit
       order below (1,2,3,4,6,7,8,9); this base rule catches anything else and
       drops it into the one free slot, 5 — immediately right of Electric Wire
       Rope Hoist. It is deliberately independent of which row/column cell the
       group occupies in the Max Mega Menu builder, so it works wherever the
       group was placed. The eight rules below are more specific and win. */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        grid-column: 5 !important;
        grid-row: 1 / span 2 !important;   /* v5: full-height 5th column, so its
                                              five links no longer stretch row 1
                                              and leave a gap under the others */
        align-self: start !important;
    }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu li.mega-menu-row,
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu li.mega-menu-row > ul.mega-sub-menu,
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu li.mega-menu-column,
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu {
        display: contents !important;
    }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
    }
    /* every product title on ONE line; ellipsis only as overflow safety */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) ul.mega-sub-menu ul.mega-sub-menu li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: .95rem !important;   /* same size as the heading */
        font-weight: 500 !important;    /* but not bold */
        padding-top: .45rem !important;
        padding-bottom: .45rem !important;
    }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-row:nth-child(1) li.mega-menu-column:nth-child(1) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 1 !important; grid-row: 1 !important; } /* Chain Pulley */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-row:nth-child(2) li.mega-menu-column:nth-child(2) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 2 !important; grid-row: 1 !important; } /* Cross Trolley */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-row:nth-child(1) li.mega-menu-column:nth-child(2) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 3 !important; grid-row: 1 !important; } /* Electric Chain Hoist */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-row:nth-child(1) li.mega-menu-column:nth-child(3) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 4 !important; grid-row: 1 !important; } /* Wire Rope Hoist */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-row:nth-child(2) li.mega-menu-column:nth-child(1) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 1 !important; grid-row: 2 !important; } /* Overhead EOT */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-row:nth-child(3) li.mega-menu-column:nth-child(2) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 2 !important; grid-row: 2 !important; } /* Goliath */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-row:nth-child(3) li.mega-menu-column:nth-child(1) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 3 !important; grid-row: 2 !important; } /* Underslung */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-row:nth-child(2) li.mega-menu-column:nth-child(3) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 4 !important; grid-row: 2 !important; } /* Jib */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-column:nth-child(1) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 1 !important; grid-row: 1 !important; }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-column:nth-child(2) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 3 !important; grid-row: 1 !important; }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-column:nth-child(3) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 4 !important; grid-row: 1 !important; }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-column:nth-child(4) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 2 !important; grid-row: 1 !important; }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-column:nth-child(5) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 1 !important; grid-row: 1 !important; }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-column:nth-child(6) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 4 !important; grid-row: 2 !important; }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-column:nth-child(7) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 3 !important; grid-row: 2 !important; }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu > li.mega-menu-column:nth-child(8) > ul.mega-sub-menu > li.mega-menu-item { grid-column: 2 !important; grid-row: 2 !important; }
}

/* ---- leaf links (default for every item inside any panel) ---- */
html body[class] [id^="mega-menu-wrap"] ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    color: #000000 !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    height: auto !important;
    border-left: 2px solid transparent !important;
    border-bottom: 0 !important;
    background: transparent !important;
    padding: .5rem .7rem .5rem .9rem !important;
    margin: 0 !important;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, padding-left .16s ease !important;
}
html body[class] [id^="mega-menu-wrap"] ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover {
    color: #000000 !important;
    background: rgba(255,255,255,0.051) !important;
    border-left-color: #ffb600 !important;
    padding-left: 1.15rem !important;
}

/* ---- category parents = MAIN (defined after leafs, so they win) ---- */
html body[class] [id^="mega-menu-wrap"] ul.mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link {
    color: #000000 !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    border-left: 4px solid #ffb600 !important;
    border-bottom: 1px solid rgba(255,182,0,.45) !important;
    background: transparent !important;
    padding: .15rem 0 .4rem .7rem !important;
    margin: 0 0 .55rem !important;
}
html body[class] [id^="mega-menu-wrap"] ul.mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link:hover {
    color: #000000 !important;
    background: transparent !important;
    padding-left: .7rem !important;
    border-left-color: #ffb600 !important;
}
/* space between stacked category groups in a column */
html body[class] [id^="mega-menu-wrap"] ul.mega-sub-menu li.mega-menu-item-has-children {
    margin-bottom: .85rem !important;
}

/* ---- nested OPTIONS: indented under a connector line ---- */
html body[class] [id^="mega-menu-wrap"] ul.mega-sub-menu ul.mega-sub-menu {
    margin: 0 0 .2rem .5rem !important;
    padding: 0 0 0 .55rem !important;
    border-left: 1px solid rgba(0,0,0,.18) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-top: 0 !important;
}

/* ============================================================
   LM MAIN NAV v1 — the seven top-level items redesigned.
   Navy refined type, animated gold underline (slides in from
   the left on hover, stays lit on the current page), and
   CONTACT US promoted to a gold CTA pill. Underline drawn via
   background-gradient so plugin pseudo-elements are untouched.
   ============================================================ */

/* base item */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item > a.mega-menu-link {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 1.04rem !important;
    letter-spacing: .07em !important;
    background-image: linear-gradient(#ffb600, #ffb600) !important;
    background-repeat: no-repeat !important;
    background-position: left calc(50% + 1.05em) !important;
    background-size: 0% 3px !important;
    transition: color .18s ease, background-size .22s ease !important;
}
/* kill the old corner-bracket marker */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item > a.mega-menu-link::before {
    content: none !important;
}
/* hover + open state: underline slides in, text deepens */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item > a.mega-menu-link:hover,
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: #000000 !important;
    background-size: 100% 3px !important;
}
/* current page: underline stays lit */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-current-menu-item > a.mega-menu-link,
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-current-menu-ancestor > a.mega-menu-link {
    color: #000000 !important;
    background-size: 100% 3px !important;
}

/* CONTACT US -> gold CTA pill (last item) */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:last-child {
    display: flex !important;
    align-items: center !important;
    margin-left: .6rem !important; /* spacing lives on the li so the flyout box == pill box */
}
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:last-child > a.mega-menu-link {
    background: #ffb600 !important;
    background-image: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: .6rem 1.25rem !important;
    line-height: 1 !important;
    height: auto !important;
    align-self: center !important;
    margin-left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 3px 12px rgba(255,182,0,.35) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:last-child > a.mega-menu-link:hover {
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255,182,0,.45) !important;
}
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:last-child > ul.mega-sub-menu,
html body[class] #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > ul.mega-sub-menu {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-top: .35rem !important;
    min-width: 0 !important;
    width: 100% !important;   /* match the Contact Us pill width exactly */
    max-width: none !important;
    padding: .3rem .3rem !important;
}
/* compact item inside the small card */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:last-child > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    padding: .55rem .5rem !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-weight: 700 !important;
}


/* ============================================================
   LM BUTTON ARROWS BLACK v1 — duplicate of the footer-partial
   glyph rules, carried here too so a single stylesheet deploy
   guarantees black icons in every button on every page. The
   (0,4,4) specificity beats any page-level white-arrow rule
   regardless of stylesheet order.
   ============================================================ */
html body[class] a[class*="btn"][class] svg,
html body[class] a[class*="button"][class] svg,
html body[class] button[class*="btn"][class] svg {
    color: #ffffff !important;
    stroke: #000000 !important;
}
html body[class] a[class*="btn"][class] svg [stroke]:not([stroke="none"]),
html body[class] a[class*="button"][class] svg [stroke]:not([stroke="none"]),
html body[class] a.lm-co-closing__cta svg [stroke]:not([stroke="none"]),
html body[class] button[class*="btn"][class] svg [stroke]:not([stroke="none"]) {
    stroke: #000000 !important;
}
html body[class] a[class*="btn"][class] svg [fill]:not([fill="none"]),
html body[class] a[class*="button"][class] svg [fill]:not([fill="none"]),
html body[class] button[class*="btn"][class] svg [fill]:not([fill="none"]) {
    fill: #000000 !important;
}


/* ============================================================
   LM CSR CTA BUTTONS — identical box for both actions:
   same padding, border, font and a shared min-width so
   "Talk to a Crane Engineer" and "See the Full Range"
   render as equal twins.
   ============================================================ */
html body[class].lm-template-csr .cta .btns .btn,
html body[class].lm-template-csr .cta .btns .btn-primary,
html body[class].lm-template-csr .cta .btns .btn-ghost {
    box-sizing: border-box !important;
    min-width: 280px !important;
    padding: .95rem 1.6rem !important;
    border: 2px solid #ffb600 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* ============================================================
   LM READABILITY PASS v1 — site-wide floors and contrast fixes.
   :where() keeps specificity at zero, so these fill gaps without
   overriding any deliberate larger/darker styling:
   - body text never renders below 1rem (max() keeps bigger sizes)
   - comfortable line-height wherever none was set
   - known faint greys darkened to WCAG-passing values
   - crisper text rendering across the site
   ============================================================ */
body {
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
}
:where(main, section, article, footer) :where(p, li, dd, td, blockquote) {
    font-size: max(1rem, 1em);
    line-height: 1.62;
}
:where(main, section, article) :where(h1, h2, h3, h4) {
    line-height: 1.28;
}
/* faint caption/muted greys -> readable */
html body[class] .lm-ct-presence__note { color: #000000 !important; }
:where(.lm-footer) :where(p, li, a) { line-height: 1.55; }
/* white-on-blue supporting text: full-strength white for small sizes */
html body[class] .lm-rfq__subhead,
html body[class] .lm-testimonials__intro,
html body[class] .lm-pathfinder__intro {
    color: rgba(255,255,255,.96) !important;
}
/* form fields: comfortable input text everywhere */
:where(input, textarea, select) {
    font-size: max(1rem, 1em);
    line-height: 1.4;
}


/* ============================================================
   LM MOBILE POLISH v1 — scoped to <=782px; desktop untouched.
   1) UNIFORM BUTTONS: every CTA family renders identically —
      full width, 52px min height, gold, black text, centered.
      (WhatsApp buttons keep green: platform recognition.)
   2) Button groups stack vertically with even gaps.
   3) IMAGES: never crop — media containers auto-height,
      product/hero imagery letterboxed via contain.
   4) TEXT: no nowrap traps; long words wrap; comfortable sizes.
   5) BLOCKS: known grids collapse cleanly; no sideways scroll.
   ============================================================ */
@media (max-width: 782px) {

    body { overflow-x: hidden; }

    /* ---- 1) uniform buttons ---- */
    html body[class] a[class*="btn"][class],
    html body[class] button[class*="btn"][class],
    html body[class] a[class*="button"][class],
    html body[class] a.lm-co-closing__cta,
    html body[class] a.lm-industries__cta,
    html body[class] a.lm-bl-featured__cta,
    html body[class] a.lm-bl-inline-rfq__cta,
    html body[class] a.lm-blog-card__cta,
    html body[class] a.lm-cr-dept__applybtn,
    html body[class] a.lm-cr-cta__email,
    html body[class] a.lm-ty__btn,
    html body[class] input[type="submit"],
    html body[class] button[type="submit"] {
        display: flex !important;
        width: 100% !important;
        min-height: 52px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: .5rem !important;
        background: #ffb600 !important;
        border: 2px solid #ffb600 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        padding: .8rem 1.2rem !important;
        box-sizing: border-box !important;
        text-align: center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* WhatsApp buttons stay green (recognition) but same size */
    html body[class] a.lm-cr-dept__wabtn {
        display: flex !important;
        width: 100% !important;
        min-height: 52px !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        font-size: 1rem !important;
    }

    /* ---- 2) button groups stack ---- */
    .lm-hero__ctas, .lm-cta-group, .lm-rfq__cta-group,
    .lm-hm-close__ctas, .lm-cr-dept__actions, .lm-ty__ctas,
    .cta .btns {
        display: flex !important;
        flex-direction: column !important;
        gap: .7rem !important;
        width: 100% !important;
        align-items: stretch !important;
    }

    /* ---- 3) images never crop ---- */
    img { max-width: 100%; height: auto; }
    [class*="__media"] img, [class*="hero"] img, .lm-hbg {
        object-fit: contain !important;
        height: auto !important;
        max-height: 320px;
    }
    [class*="__media"], [class*="hero__visual"] {
        height: auto !important;
        min-height: 0 !important;
    }

    /* ---- 4) text: no nowrap traps, comfortable wrapping ---- */
    h1, h2, h3, .lm-hero__trust-value { overflow-wrap: break-word; }
    .lm-path--roles .lm-role__focus,
    .lm-path:not(.lm-path--roles) .lm-role__focus {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: none !important;
        min-height: 0 !important;
    }
    #lm-blog-heading { white-space: normal !important; }

    /* ---- 5) blocks: clean collapse ---- */
    .lm-numbers__grid { grid-template-columns: 1fr 1fr !important; gap: .8rem !important; }
    .lm-ct-presence__grid { grid-template-columns: 1fr !important; }
    .lm-hero__trust { gap: 1rem 1.4rem !important; }
    section, .lm-page section { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
}


/* ============================================================
   LM SITE CONTINUITY v1 — desktop button uniformity + global
   typography + the mobile refinement batch.
   ============================================================ */

/* ---- DESKTOP+ALL: every button identical — gold, black text,
        52px height, consistent width. WhatsApp keeps green. ---- */
html body[class] a[class*="btn"][class],
html body[class] button[class*="btn"][class],
html body[class] a[class*="button"][class],
html body[class] a.lm-co-closing__cta,
html body[class] a.lm-industries__cta,
html body[class] a.lm-bl-featured__cta,
html body[class] a.lm-bl-inline-rfq__cta,
html body[class] a.lm-blog-card__cta,
html body[class] a.lm-cr-dept__applybtn,
html body[class] a.lm-cr-cta__email,
html body[class] a.lm-ty__btn,
html body[class] input[type="submit"],
html body[class] button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .5rem !important;
    min-height: 52px !important;
    background: #ffb600 !important;
    border: 2px solid #ffb600 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: .75rem 1.4rem !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
@media (min-width: 783px) {
    html body[class] a[class*="btn"][class],
    html body[class] button[class*="btn"][class],
    html body[class] a[class*="button"][class],
    html body[class] a.lm-co-closing__cta,
    html body[class] a.lm-cr-dept__applybtn,
    html body[class] a.lm-cr-cta__email,
    html body[class] a.lm-ty__btn,
    html body[class] input[type="submit"],
    html body[class] button[type="submit"] {
        min-width: 250px !important;
    }
}

/* ---- ALL: every paragraph justified ---- */
html body[class] p { text-align: justify !important; }

/* ---- ALL: "reach us directly" as an icon list ---- */
.lm-rfq__contact { display: flex !important; flex-direction: column !important; align-items: center !important; gap: .65rem !important; }
.lm-rfq__contact-line { display: flex !important; flex-direction: column !important; gap: .65rem !important; align-items: flex-start !important; }
.lm-rfq__contact-separator { display: none !important; }
.lm-rfq__contact a { display: inline-flex !important; align-items: center !important; gap: .55rem !important; }
.lm-rfq__contact a::before { content: ''; width: 18px; height: 18px; flex: 0 0 auto; background-size: contain; background-repeat: no-repeat; }
.lm-rfq__contact a[href^="tel:"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.13 1 .37 1.9.7 2.8a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.45c.9.33 1.8.57 2.8.7A2 2 0 0 1 22 16.9z' stroke='%23ffb600' stroke-width='1.8'/%3E%3C/svg%3E"); }
.lm-rfq__contact a[href^="mailto:"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='5' width='18' height='14' rx='1' stroke='%23ffb600' stroke-width='1.8'/%3E%3Cpath d='M3.5 6.5 12 13l8.5-6.5' stroke='%23ffb600' stroke-width='1.8'/%3E%3C/svg%3E"); }
.lm-rfq__contact a[href*="wa.me"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffb600' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm4.6 12.1c-.3-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.3-.6.8-.8 1-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.4-3c-.3-.4 0-.5.1-.7l.4-.5c.1-.2.1-.3.2-.5s0-.4 0-.5c-.1-.1-.6-1.4-.8-1.9-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2s.9 2.6 1.1 2.8c.1.2 1.9 2.9 4.6 4 .6.3 1.1.4 1.5.6.6.2 1.2.2 1.6.1.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.2-.3-.2-.6-.3z'/%3E%3C/svg%3E"); }

/* ---- ALL: blog card separator (home cards) ---- */
.lm-blog-card__body { border-top: 1px solid rgba(0,0,0,.14) !important; padding-top: .95rem !important; margin-top: .2rem; }

/* ---- blog pagination: hide dots if any theme renders them ---- */
.page-numbers.dots { display: none !important; }

/* ---- MOBILE refinements ---- */
@media (max-width: 782px) {

    /* trust stats: clean 2x2, full width, aligned */
    body .lm-hero__trust {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 1.1rem 1.2rem !important;
        width: 100% !important;
    }
    body .lm-hero__trust-item { width: 100% !important; }
    body .lm-hero__trust-value { font-size: 1.25rem !important; white-space: normal !important; }
    body .lm-hero__trust-label { max-width: none !important; }

    /* blog LISTING page: separator between image and text when stacked */
    article.blog .col-md-7 { border-top: 1px solid rgba(0,0,0,.16); padding-top: 1rem; margin-top: .9rem; }

    /* media center Jump-to: not sticky, clear wrapped chips */
    .lm-mc-quicknav, [class*="quicknav"] {
        position: static !important;
        top: auto !important;
    }
    .lm-mc-quicknav ul, [class*="quicknav"] ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: .5rem !important;
        padding: .8rem 1rem !important;
        justify-content: flex-start !important;
    }
    .lm-mc-quicknav li a, [class*="quicknav"] li a {
        display: inline-flex !important;
        padding: .45rem .8rem !important;
        border: 1px solid rgba(0,0,0,.25) !important;
        background: #ffffff !important;
        color: #000000 !important;
        font-size: .85rem !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }
    .lm-mc-quicknav__label { display: block !important; width: 100%; font-weight: 800 !important; color: #ffb600 !important; letter-spacing: .08em; font-size: .78rem !important; }

    /* similar/related product imagery: never half-cut */
    section [class*="sim"] img, section [class*="related"] img,
    .lm-product-tile__media img, [class*="__tile"] img, [class*="__cards"] img {
        object-fit: contain !important;
        height: auto !important;
        max-height: 240px !important;
        width: 100% !important;
        background: #ffffff;
    }
    section [class*="sim"] a, .lm-pd-sim a { width: 100%; }

    /* contact page quick cards: centered 2x2 */
    .lm-ct-strip__grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: .8rem !important;
    }
    .lm-ct-strip__grid .lm-ct-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 1rem .6rem !important;
    }

    /* careers spontaneous CTA: aligned, second line breaks */
    .lm-cr-cta__heading { text-align: center !important; }
    .lm-cr-cta__line2 { display: block; }
    .lm-cr-cta__body { text-align: justify !important; }
}


/* ============================================================
   LM CORRECTIONS v2 — restores desktop elements the uniform-
   button rule wrongly caught, and completes the mobile batch.
   ============================================================ */

/* ---- topbar search button, scroll-top arrow, slider arrows:
        back to their original compact sizes (all widths) ---- */
html body[class] .topbutton,
html body[class] a.topbutton {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
}
html body[class] header button[type="submit"],
html body[class] header input[type="submit"],
html body[class] .lm-topbar button[type="submit"],
html body[class] .lm-topbar input[type="submit"],
html body[class] form[role="search"] button,
html body[class] form[role="search"] input[type="submit"],
html body[class] .search-form button,
html body[class] .search-form input[type="submit"],
html body[class] [class*="search"] button[type="submit"],
html body[class] [class*="search"] input[type="submit"] {
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    padding: .4rem .75rem !important;
    font-size: .9rem !important;
    display: inline-flex !important;
}
html body[class] button[class*="itslider__btn"] {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(0,0,0,.35) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
}
html body[class] button[class*="itslider__btn"] svg { stroke: #000000 !important; color: #000000 !important; }
html body[class] button[class*="itslider__btn"] svg [stroke] { stroke: #000000 !important; }

/* ---- blog listing: kill any dark divider; keep the soft one ---- */
article.blog { border: 0 !important; box-shadow: none !important; }
article.blog hr { display: none !important; }
.lm-pagination { display: flex; gap: .5rem; justify-content: center; align-items: center; flex-wrap: wrap; margin: 2rem 0; }
.lm-pagination .page-numbers { display: inline-flex; min-width: 42px; height: 42px; align-items: center; justify-content: center; padding: 0 .9rem; border: 1.5px solid rgba(0,0,0,.3); color: #000000; font-weight: 700; text-decoration: none; }
.lm-pagination .page-numbers.current { background: #ffb600; border-color: #ffb600; color: #000000; }

@media (max-width: 782px) {

    /* ---- trust stats: exactly the careers-stats pattern (2x2, centered,
            big navy value over label, gold rule centered) ---- */
    body .lm-hero__trust {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.3rem 1rem !important;
        width: 100% !important;
    }
    body .lm-hero__trust-item { width: 100% !important; text-align: center !important; }
    body .lm-hero__trust-value {
        font-size: 1.45rem !important;
        white-space: normal !important;
    }
    body .lm-hero__trust-value::after { margin: .4rem auto .5rem !important; }
    body .lm-hero__trust-label { max-width: none !important; margin: 0 auto !important; }

    /* ---- media center Jump-to: centered, visible, aligned ---- */
    html body[class] [class*="mc-quicknav"] {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        background: #ffffff !important;
        padding: .9rem .8rem !important;
        box-sizing: border-box !important;
    }
    html body[class] [class*="mc-quicknav"] ul,
    html body[class] [class*="mc-quicknav"] {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: .5rem !important;
        justify-content: center !important;
        margin: 0 !important;
        list-style: none !important;
    }
    html body[class] [class*="mc-quicknav"] li { margin: 0 !important; }
    html body[class] .lm-mc-quicknav__label {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        font-weight: 800 !important;
        color: #ffb600 !important;
        letter-spacing: .1em !important;
        font-size: .78rem !important;
        text-transform: uppercase !important;
        margin-bottom: .3rem !important;
    }
    html body[class] [class*="mc-quicknav"] li a {
        display: inline-flex !important;
        padding: .45rem .85rem !important;
        border: 1px solid rgba(0,0,0,.3) !important;
        background: #ffffff !important;
        color: #000000 !important;
        font-size: .85rem !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    /* ---- product imagery: full image visible on any product card ---- */
    html body[class] .lm-product-tile__media,
    html body[class] [class*="__media"] {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
    html body[class] .lm-product-tile__media img,
    html body[class] [class*="tile"] img,
    html body[class] [class*="card"] img:not(.wp-post-image) {
        position: static !important;
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        max-height: 250px !important;
        background: #ffffff;
    }

    /* ---- blog listing separator: soft line only ---- */
    article.blog .col-md-7 { border-top: 1px solid rgba(0,0,0,.12) !important; }
    article.blog .post-thumb { border: 0 !important; }
}


/* ============================================================
   LM FINAL POLISH v3 — every rule here out-ranks page-level
   inline styles (html body[class] + [class] stacking), fixing
   the items that previously lost cascade fights, plus the new
   batch: media-center imagery, role priorities, service hero,
   contact icon-lists everywhere, blog card cleanup.
   ============================================================ */

/* ---- (2) contact lines with numbers/emails: icon list, CENTERED,
        on every page, both versions ---- */
html body[class] [class*="contact-line"],
html body[class] [class*="__contact-lines"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: .65rem !important;
    text-align: center !important;
}
html body[class] [class*="contact-sep"],
html body[class] [class*="contact-separator"] { display: none !important; }
html body[class] [class*="contact-line"] a,
html body[class] [class*="__contact-lines"] a {
    display: inline-flex !important;
    align-items: center !important;
    gap: .55rem !important;
}
html body[class] [class*="contact-line"] a[href^="tel:"]::before,
html body[class] [class*="__contact-lines"] a[href^="tel:"]::before {
    content: ''; width: 18px; height: 18px; flex: 0 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.13 1 .37 1.9.7 2.8a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.45c.9.33 1.8.57 2.8.7A2 2 0 0 1 22 16.9z' stroke='%23ffb600' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat center / contain;
}
html body[class] [class*="contact-line"] a[href^="mailto:"]::before,
html body[class] [class*="__contact-lines"] a[href^="mailto:"]::before {
    content: ''; width: 18px; height: 18px; flex: 0 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='5' width='18' height='14' rx='1' stroke='%23ffb600' stroke-width='1.8'/%3E%3Cpath d='M3.5 6.5 12 13l8.5-6.5' stroke='%23ffb600' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat center / contain;
}
html body[class] .lm-rfq__contact { align-items: center !important; }
html body[class] .lm-rfq__contact-line { align-items: center !important; }

/* ---- (10) intern slider arrows: small circles, unbeatable ---- */
html body[class] button[class*="itslider__btn"][class] {
    min-width: 0 !important; min-height: 0 !important;
    width: 44px !important; height: 44px !important;
    padding: 0 !important; border-radius: 50% !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(0,0,0,.35) !important;
    color: #000000 !important; -webkit-text-fill-color: #000000 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
/* scroll-top arrow: compact, unbeatable */
html body[class] a.topbutton[class],
html body[class] .topbutton[class] {
    min-width: 0 !important; min-height: 0 !important;
    width: 46px !important; height: 46px !important;
    padding: 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}

/* ---- (11) home blog cards: plain soft separator, small text CTA ---- */
html body[class] a.lm-blog-card__cta[class] {
    background: transparent !important;
    border: 0 !important;
    min-height: 0 !important; min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    color: #000000 !important; -webkit-text-fill-color: #000000 !important;
    font-size: .92rem !important; font-weight: 700 !important;
    display: inline-flex !important; gap: .4rem !important;
    justify-content: flex-start !important;
}
html body[class] .lm-blog-card__body {
    border-top: 1px solid rgba(0,0,0,.12) !important;
    padding-top: .85rem !important;
    margin-top: .85rem !important;
}

/* ---- (5) similar-products block: tidy full-width chips, nothing hidden ---- */
html body[class] .lm-pd-sim {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: .7rem !important;
}
html body[class] .lm-pd-sim a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .6rem !important;
    padding: .85rem 1rem !important;
    border: 1px solid rgba(0,0,0,.22) !important;
    background: #ffffff !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
}
html body[class] .lm-pd-sim a svg { flex: 0 0 auto; }

/* any imagery inside similar/related sections: whole image visible ---- */
html body[class] [class*="sim"] img,
html body[class] [class*="related"] img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 260px !important;
    background: #ffffff;
}
html body[class] [class*="sim"] [class*="media"],
html body[class] [class*="related"] [class*="media"] {
    height: auto !important; min-height: 0 !important; overflow: visible !important;
}

@media (max-width: 782px) {

    /* ---- (1) trust stats: CSR-style 2x2, centered — beats inline hero css ---- */
    html body[class] .lm-hero__trust[class] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.3rem 1rem !important;
        width: 100% !important;
        order: -1;
    }
    html body[class] .lm-hero__trust-item[class] { width: 100% !important; text-align: center !important; display: block !important; }
    html body[class] .lm-hero__trust-value[class] { font-size: 1.45rem !important; white-space: normal !important; display: block !important; }
    html body[class] .lm-hero__trust-value[class]::after { margin: .4rem auto .5rem !important; }
    html body[class] .lm-hero__trust-label[class] { max-width: none !important; margin: 0 auto !important; display: block !important; }
    html body[class] .lm-hero__trust-icon { display: none !important; }

    /* ---- (3) media center: certificates/images contained, text visible ---- */
    html body[class] body.lm-template-media-center [class*="card"],
    html body[class] [class*="mc-"] [class*="card"],
    html body[class] [class*="mc-"] figure,
    html body[class] [class*="mc-"] [class*="__item"] {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
    html body[class] [class*="mc-"] img {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        max-height: 320px !important;
        object-fit: contain !important;
        background: #ffffff;
        display: block;
        margin: 0 auto .6rem;
    }
    html body[class] [class*="mc-"] [class*="grid"] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    /* ---- (4) product pages: images sit properly in their blocks ---- */
    html body[class] [class*="__gallery"] img,
    html body[class] [class*="pd-hero"] img,
    html body[class] [class*="__figure"] img,
    html body[class] .lm-product-tile__media img {
        position: static !important;
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        display: block;
        margin: 0 auto;
        background: #ffffff;
    }
    html body[class] [class*="__gallery"],
    html body[class] [class*="pd-hero"] [class*="media"],
    html body[class] .lm-product-tile__media {
        height: auto !important; min-height: 0 !important; overflow: visible !important;
    }
    html body[class] .lm-pd-sim { grid-template-columns: 1fr !important; }

    /* ---- (6) service hero: full image visible ---- */
    html body[class] .lm-sv-hero__media[class] {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        display: block !important;
        margin-top: 1.2rem;
    }
    html body[class] a.lm-sv-hero__media[class] { position: static !important; inset: auto !important; }
    html body[class] .lm-sv-hero__media img {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        object-fit: contain !important;
        display: block !important;
    }

    /* ---- (7) role pages: priorities section fits the screen ---- */
    html body[class] #lm-priorities[class] { overflow-x: hidden !important; }
    html body[class] #lm-priorities .lm-ceo-pr[class] {
        padding: .9rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    html body[class] #lm-priorities [class*="nav"] {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: .45rem !important;
        width: 100% !important;
    }
    html body[class] #lm-priorities [class*="nav"] button {
        min-width: 0 !important;
        min-height: 0 !important;
        width: auto !important;
        padding: .5rem .8rem !important;
        font-size: .85rem !important;
        white-space: normal !important;
    }
    html body[class] #lm-priorities * { max-width: 100% !important; box-sizing: border-box !important; overflow-wrap: break-word; }
    html body[class] #lm-priorities table { display: block !important; overflow-x: auto !important; }

    /* ---- (8) blog page: only the soft separator, no dark line ---- */
    html body[class] article.blog { border: 0 !important; box-shadow: none !important; }
    html body[class] article.blog hr { display: none !important; }
    html body[class] article.blog .col-md-7 {
        border-top: 1px solid rgba(0,0,0,.12) !important;
        padding-top: 1rem !important;
        margin-top: .9rem !important;
    }
    html body[class] article.blog .post-thumb,
    html body[class] article.blog .post-thumb img { border: 0 !important; box-shadow: none !important; }
}


/* ============================================================
   LM RESULTS v4 — the persistent five, hit at their true targets.
   Marker: LM-RESULTS-V4 (search view-source to confirm deploy).
   ============================================================ */

/* ---- (A) numbers/emails as centered icon lists on EVERY page:
        products (lm-pr-rfq), hub+industries (lm-eot-final), and a
        universal icon on all content tel/mailto links ---- */
html body[class] [class*="rfq__contact"]:not([class*="-label"]):not([class*="-sep"]):not([class*="separator"]),
html body[class] [class*="final__contact"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: .65rem !important;
    text-align: center !important;
}
html body[class] main a[href^="tel:"]:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not(.lm-ct-card),
html body[class] main a[href^="mailto:"]:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not(.lm-ct-card):not([class*="email"]) {
    display: inline-flex !important;
    align-items: center !important;
    gap: .5rem !important;
}
html body[class] main a[href^="tel:"]:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not(.lm-ct-card)::before {
    content: ''; width: 17px; height: 17px; flex: 0 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.13 1 .37 1.9.7 2.8a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.45c.9.33 1.8.57 2.8.7A2 2 0 0 1 22 16.9z' stroke='%23ffb600' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat center / contain;
}
html body[class] main a[href^="mailto:"]:not([class*="btn"]):not([class*="button"]):not([class*="cta"]):not(.lm-ct-card):not([class*="email"])::before {
    content: ''; width: 17px; height: 17px; flex: 0 0 auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='5' width='18' height='14' rx='1' stroke='%23ffb600' stroke-width='1.8'/%3E%3Cpath d='M3.5 6.5 12 13l8.5-6.5' stroke='%23ffb600' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ---- (B) blank-space fix: natural image sizing replaces the
        letterboxing rules — no empty bands, full image, no crop ---- */
html body[class] [class*="__media"] img, html body[class] [class*="hero"] img,
html body[class] [class*="mc-"] img,
html body[class] [class*="__gallery"] img, html body[class] [class*="pd-hero"] img,
html body[class] .lm-product-tile__media img,
html body[class] [class*="tile"] img, html body[class] [class*="card"] img {
    object-fit: initial !important;
    max-height: none !important;
    height: auto !important;
    width: 100% !important;
    margin: 0 !important;
}
html body[class] [class*="__media"], html body[class] [class*="mc-"] figure,
html body[class] .lm-product-tile__media {
    height: auto !important; min-height: 0 !important;
}

/* ---- (C) similar products (v-pages, lm-pr-related-card):
        FULL image visible, both versions ---- */
html body[class] .lm-pr-related-card__media[class] {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
}
html body[class] .lm-pr-related-card__media[class] img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    object-fit: initial !important;
    max-height: none !important;
    display: block !important;
}
html body[class] .lm-pr-related-card[class] { height: auto !important; }

/* ---- (E) blog listing (home.php cards): soft separator between
        image and content; kill any dark line; both versions keep
        desktop look, mobile gets the soft line ---- */
html body[class] .lm-bl-card__content[class] {
    border-top: 1px solid rgba(0,0,0,.12) !important;
    padding-top: .9rem !important;
}
html body[class] .lm-bl-card[class] { border-color: rgba(0,0,0,.12) !important; }
html body[class] .lm-bl-card[class] hr { display: none !important; }

@media (max-width: 782px) {

    /* ---- (D) role pages: priorities — ALL options visible as a
            full-width vertical list; panels stacked beneath ---- */
    html body[class] .lm-ceo-pr__nav[class] {
        display: block !important;
        width: 100% !important;
        position: static !important;
        margin: 0 0 1rem !important;
    }
    html body[class] .lm-ceo-pr__list[class] {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: .5rem !important;
        margin: 0 !important;
        padding: 0 0 .4rem !important;
        list-style: none !important;
        max-height: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    html body[class] .lm-ceo-pr__list[class]::-webkit-scrollbar { display: none !important; }
    html body[class] .lm-ceo-pr__item[class] {
        display: inline-flex !important;
        align-items: center !important;
        gap: .5rem !important;
        flex: 0 0 auto !important;
        width: auto !important;
        box-sizing: border-box !important;
        padding: .6rem .95rem !important;
        background: #ffffff !important;
        border: 1px solid rgba(0,0,0,.22) !important;
        color: #000000 !important;
        font-size: .92rem !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }
    html body[class] .lm-ceo-pr__item[class] .n { color: #ffb600 !important; font-weight: 800 !important; }
    html body[class] .lm-ceo-pr__panels[class] { display: block !important; width: 100% !important; }
    html body[class] .lm-ceo-panel[class] {
        display: block !important;
        position: static !important;
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
        border: 1px solid rgba(0,0,0,.18) !important;
        border-left: 4px solid #ffb600 !important;
        padding: 1.1rem 1rem !important;
        margin: 0 0 1rem !important;
    }
    html body[class] .lm-ceo-panel__ghost[class] {
        position: static !important;
        display: block !important;
        font-size: 1.1rem !important;
        color: #ffb600 !important;
        opacity: 1 !important;
        margin-bottom: .25rem !important;
    }
    html body[class] .lm-ceo-pr[class] { padding: 0 !important; background: transparent !important; box-shadow: none !important; }
    html body[class] [class*="lm-ceo"] [class*="grid"] { grid-template-columns: 1fr !important; }
    html body[class] [class*="lm-ceo"] [class*="card"] { width: 100% !important; box-sizing: border-box !important; }
    html body[class] [class*="lm-role"] section, html body[class] [class*="lm-ceo"] { max-width: 100vw !important; overflow-x: hidden !important; }
}
/* LM-RESULTS-V4 end */


/* ============================================================
   LM SPACE-FIX v5 — kills the blank band below images and the
   dark strip on blog cards. Root cause: image wrappers use an
   aspect-ratio PADDING box (padding-top/bottom %) with a filled
   background; the image now auto-sizes but the padding stays,
   showing an empty (or navy) band. This zeroes the padding and
   background on every image wrapper pattern, mobile scope.
   Marker: LM-SPACEFIX-V5
   ============================================================ */
@media (max-width: 782px) {
    html body[class] [class*="__media"],
    html body[class] [class*="image-wrap"],
    html body[class] [class*="__image"],
    html body[class] [class*="__img"],
    html body[class] [class*="__thumb"],
    html body[class] [class*="__figure"],
    html body[class] [class*="mc-"] figure,
    html body[class] .post-thumb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        background: transparent !important;
    }
    html body[class] [class*="__media"] img,
    html body[class] [class*="image-wrap"] img,
    html body[class] [class*="__image"] img,
    html body[class] [class*="__thumb"] img,
    html body[class] [class*="__figure"] img,
    html body[class] .post-thumb img {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    /* blog card: no dark band; soft separator handled on __content */
    html body[class] .lm-bl-card__image-wrap[class] {
        background: transparent !important;
        border: 0 !important;
    }
    html body[class] .lm-bl-card__image-wrap[class]::before,
    html body[class] .lm-bl-card__image-wrap[class]::after { display: none !important; }

    /* role priorities section: use the full mobile width */
    html body[class] .lm-ceo-pr[class] {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    html body[class] #lm-priorities > div,
    html body[class] #lm-priorities [class*="inner"],
    html body[class] #lm-priorities [class*="wrap"] {
        padding-left: .8rem !important;
        padding-right: .8rem !important;
        max-width: 100% !important;
    }
}
/* LM-SPACEFIX-V5 end */


/* ============================================================
   LM ROLES-SMOOTH v6 — mobile: role pages scroll instantly.
   Disables reveal/parallax transitions, animations and transforms
   that cause delayed scroll and yellow paint flashes on phones.
   Marker: LM-ROLES-V6
   ============================================================ */
@media (max-width: 782px) {
    html body[class] [class*="lm-ceo"] *,
    html body[class] [class*="lm-role"] *,
    html body[class] .lm-rv, html body[class] .lm-reveal,
    html body[class] .lm-rv *, html body[class] .lm-reveal * {
        transition: none !important;
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
        will-change: auto !important;
        visibility: visible !important;
    }
    html body[class] { scroll-behavior: auto !important; }
    html body[class] .lm-ceo-panel__ghost[class] { color: #ffb600 !important; background: transparent !important; }
}
/* LM-ROLES-V6 end */


/* LM-CENTER-V1 removed: superseded by follow-your-section inherit (v3) */


/* ============================================================
   LM CENTER-ALL v2 (desktop only) — per direction: paragraphs
   across ALL pages render centered on desktop (CSR by-the-numbers,
   journey, company, media center, products, industries, service,
   resources, roles, contact, careers — everything).
   Exceptions kept readable: blog article bodies and long-form
   post content stay justified. Mobile is untouched (rules are
   scoped to min-width 783px; mobile keeps its existing styling).
   Marker: LM-CENTER-V2
   ============================================================ */
@media (min-width: 783px) {
    /* v3: paragraphs FOLLOW THEIR SECTION's alignment — left sections
       keep left paragraphs (products, industries), centered sections
       keep centered ones. The LM-CENTER-V1 pattern list above still
       centers intros/ledes under centered headings explicitly. */
    html body[class] p { text-align: inherit !important; }

    /* readability exceptions: long-form article/post bodies */
    html body[class] article.blog p,
    html body[class] body.single p,
    html body[class] .entry-content p,
    html body[class] article .post-content p {
        text-align: justify !important;
    }
}
/* LM-CENTER-V2 end */


/* ============================================================
   LM SUBMIT-SIZE v1 (desktop) — form submit buttons: compact,
   centered, production-like proportions instead of full-container
   slabs. Color stays #ffb600 (verified identical to production).
   ============================================================ */
@media (min-width: 783px) {
    html body[class] form input[type="submit"],
    html body[class] form button[type="submit"] {
        width: auto !important;
        max-width: 420px !important;
        min-width: 250px !important;
        padding: .85rem 2.4rem !important;
        font-size: 1.05rem !important;
        display: inline-flex !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* LM-SUBMIT-SIZE end */


/* LM OR-CHIP: the 'or' divider between home CTAs — white */
html body[class] .lm-pf-or[class] { color: #ffffff !important; opacity: .95 !important; }


/* ============================================================
   LM SMOOTH-REVEAL v2 — animations kept, flicker cured.
   Reveal transitions calmed to a short, gentle rise; the footer
   script pre-reveals elements ~160px before they enter view, so
   motion finishes as content arrives — no blank-then-pop.
   ============================================================ */
html, body { background-color: #ffffff; }
html body[class] .lm-reveal {
    transition: opacity .5s ease-out, transform .5s ease-out !important;
    transition-delay: 0s !important;
}
html body[class] .lm-reveal:not(.is-visible) {
    transform: translateY(14px) !important;
}
html body[class] .lm-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
}
/* LM-SMOOTH-REVEAL-V2 end */


/* ============================================================
   LM LIGHT-THEME v1 — every blue section band across the whole
   site (91 auto-collected selectors + 4 inline) converts from the
   #115C88 blue family to #f1f1f1 with black text for visibility.
   Banners/heroes and the menu bar are untouched (excluded at
   collection). Buttons keep gold/white; gold cards keep their gold.
   Marker: LM-LIGHT-THEME-V1
   ============================================================ */
#lm-career-page .lm-cr-bband,
#lm-career-page .lm-cr-cta,
#lm-career-page .lm-cr-jstage__no,
#lm-career-page .lm-cr-stats,
#lm-cep .lm-ce-section--blue,
#lm-cep .lm-ce-sessions,
#lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq,
#lm-service .lm-sv-section--blue,
.csr-jnav__item b,
.csr-jnav__item.is-on,
.csr-jstage__no,
.lm-ceo-cta,
.lm-ceo-proof,
.lm-chip:hover,
.lm-co-craft__callout,
.lm-co-craft__num,
.lm-co-next,
.lm-eot-guide__list li::after,
.lm-footer,
.lm-footer__social-link:hover,
.lm-ind-cta,
.lm-industries,
.lm-numbers, .lm-service, .lm-pathfinder,
.lm-pd-tech__tbl thead th,
.lm-pd-tech__tbl thead tr:nth-child(2) th,
.lm-rfq,
.lm-spotlight__card,
.lm-sr-sec__h span,
.lm-testimonial-card__avatar,
.lm-tr-sec--alt,
.lm-tr-step__num,
.site-primary-footer-wrap[data-section="section-primary-footer-builder"],
body.lm-template-company .lm-co-craft__callout,
body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle,
body.lm-template-cpb-hub .lm-eot-sec--pale,
body.lm-template-cpbhd .lm-eot-sec--pale,
body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-cpbport .lm-eot-sec--pale,
body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-csr .belief,
body.lm-template-csr .cta,
body.lm-template-csr .impact,
body.lm-template-dgeot .lm-eot-sec--pale,
body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-ech-hub .lm-eot-sec--pale,
body.lm-template-echeuro .lm-eot-sec--pale,
body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-echlow .lm-eot-sec--pale,
body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-eot-hub .lm-eot-sec--pale,
body.lm-template-goliath .lm-eot-sec--pale,
body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-goliath-hub .lm-eot-sec--pale,
body.lm-template-ind-auto .lm-ind-sec--pale,
body.lm-template-ind-cement-t .lm-ind-sec--pale,
body.lm-template-ind-chem .lm-ind-sec--pale,
body.lm-template-ind-engg .lm-ind-sec--pale,
body.lm-template-ind-gas .lm-ind-sec--pale,
body.lm-template-ind-general .lm-ind-sec--pale,
body.lm-template-ind-ports .lm-ind-sec--pale,
body.lm-template-ind-power .lm-ind-sec--pale,
body.lm-template-ind-steel .lm-ind-sec--pale,
body.lm-template-ind-wind-t .lm-ind-sec--pale,
body.lm-template-industries-hub .lm-eot-sec--pale,
body.lm-template-jib-hub .lm-eot-sec--pale,
body.lm-template-jibwall .lm-eot-sec--pale,
body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions,
body.lm-template-products-hub .lm-eot-sec--pale,
body.lm-template-resources-hub .lm-eot-sec--pale,
body.lm-template-semigoliath .lm-eot-sec--pale,
body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-sgeot .lm-eot-sec--pale,
body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-trolley-hub .lm-eot-sec--pale,
body.lm-template-trolleyelec .lm-eot-sec--pale,
body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-trolleyman .lm-eot-sec--pale,
body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-underslung-hub .lm-eot-sec--pale,
body.lm-template-usdg .lm-eot-sec--pale,
body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-usg .lm-eot-sec--pale,
body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-wrh-hub .lm-eot-sec--pale,
body.lm-template-wrhsh .lm-eot-sec--pale,
body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech),
body.lm-template-wrhstd .lm-eot-sec--pale,
body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech),
body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer,
footer.lm-footer, .lm-footer, .lm-ff,
html body #lm-cep .lm-ce-close,
html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"],
html body[class] #lm-priorities,
html body[class] .lm-ceo-sec--paper {
    background: #f1f1f1 !important;
    background-image: none !important;
    color: #000000 !important;
}
#lm-career-page .lm-cr-bband h1, #lm-career-page .lm-cr-bband h2, #lm-career-page .lm-cr-bband h3, #lm-career-page .lm-cr-bband h4, #lm-career-page .lm-cr-bband p, #lm-career-page .lm-cr-bband li, #lm-career-page .lm-cr-bband span, #lm-career-page .lm-cr-bband strong, #lm-career-page .lm-cr-bband td, #lm-career-page .lm-cr-bband th, #lm-career-page .lm-cr-bband label, #lm-career-page .lm-cr-bband b, #lm-career-page .lm-cr-bband a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
#lm-career-page .lm-cr-cta h1, #lm-career-page .lm-cr-cta h2, #lm-career-page .lm-cr-cta h3, #lm-career-page .lm-cr-cta h4, #lm-career-page .lm-cr-cta p, #lm-career-page .lm-cr-cta li, #lm-career-page .lm-cr-cta span, #lm-career-page .lm-cr-cta strong, #lm-career-page .lm-cr-cta td, #lm-career-page .lm-cr-cta th, #lm-career-page .lm-cr-cta label, #lm-career-page .lm-cr-cta b, #lm-career-page .lm-cr-cta a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
#lm-career-page .lm-cr-jstage__no h1, #lm-career-page .lm-cr-jstage__no h2, #lm-career-page .lm-cr-jstage__no h3, #lm-career-page .lm-cr-jstage__no h4, #lm-career-page .lm-cr-jstage__no p, #lm-career-page .lm-cr-jstage__no li, #lm-career-page .lm-cr-jstage__no span, #lm-career-page .lm-cr-jstage__no strong, #lm-career-page .lm-cr-jstage__no td, #lm-career-page .lm-cr-jstage__no th, #lm-career-page .lm-cr-jstage__no label, #lm-career-page .lm-cr-jstage__no b, #lm-career-page .lm-cr-jstage__no a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
#lm-career-page .lm-cr-stats h1, #lm-career-page .lm-cr-stats h2, #lm-career-page .lm-cr-stats h3, #lm-career-page .lm-cr-stats h4, #lm-career-page .lm-cr-stats p, #lm-career-page .lm-cr-stats li, #lm-career-page .lm-cr-stats span, #lm-career-page .lm-cr-stats strong, #lm-career-page .lm-cr-stats td, #lm-career-page .lm-cr-stats th, #lm-career-page .lm-cr-stats label, #lm-career-page .lm-cr-stats b, #lm-career-page .lm-cr-stats a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
#lm-cep .lm-ce-section--blue h1, #lm-cep .lm-ce-section--blue h2, #lm-cep .lm-ce-section--blue h3, #lm-cep .lm-ce-section--blue h4, #lm-cep .lm-ce-section--blue p, #lm-cep .lm-ce-section--blue li, #lm-cep .lm-ce-section--blue span, #lm-cep .lm-ce-section--blue strong, #lm-cep .lm-ce-section--blue td, #lm-cep .lm-ce-section--blue th, #lm-cep .lm-ce-section--blue label, #lm-cep .lm-ce-section--blue b, #lm-cep .lm-ce-section--blue a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
#lm-cep .lm-ce-sessions h1, #lm-cep .lm-ce-sessions h2, #lm-cep .lm-ce-sessions h3, #lm-cep .lm-ce-sessions h4, #lm-cep .lm-ce-sessions p, #lm-cep .lm-ce-sessions li, #lm-cep .lm-ce-sessions span, #lm-cep .lm-ce-sessions strong, #lm-cep .lm-ce-sessions td, #lm-cep .lm-ce-sessions th, #lm-cep .lm-ce-sessions label, #lm-cep .lm-ce-sessions b, #lm-cep .lm-ce-sessions a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
#lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq h1, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq h2, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq h3, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq h4, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq p, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq li, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq span, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq strong, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq td, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq th, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq label, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq b, #lm-ct-main .lm-ct-strip, #lm-ct-main .lm-ct-office, #lm-ct-main .lm-ct-faq a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
#lm-service .lm-sv-section--blue h1, #lm-service .lm-sv-section--blue h2, #lm-service .lm-sv-section--blue h3, #lm-service .lm-sv-section--blue h4, #lm-service .lm-sv-section--blue p, #lm-service .lm-sv-section--blue li, #lm-service .lm-sv-section--blue span, #lm-service .lm-sv-section--blue strong, #lm-service .lm-sv-section--blue td, #lm-service .lm-sv-section--blue th, #lm-service .lm-sv-section--blue label, #lm-service .lm-sv-section--blue b, #lm-service .lm-sv-section--blue a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.csr-jnav__item b h1, .csr-jnav__item b h2, .csr-jnav__item b h3, .csr-jnav__item b h4, .csr-jnav__item b p, .csr-jnav__item b li, .csr-jnav__item b span, .csr-jnav__item b strong, .csr-jnav__item b td, .csr-jnav__item b th, .csr-jnav__item b label, .csr-jnav__item b b, .csr-jnav__item b a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.csr-jnav__item.is-on h1, .csr-jnav__item.is-on h2, .csr-jnav__item.is-on h3, .csr-jnav__item.is-on h4, .csr-jnav__item.is-on p, .csr-jnav__item.is-on li, .csr-jnav__item.is-on span, .csr-jnav__item.is-on strong, .csr-jnav__item.is-on td, .csr-jnav__item.is-on th, .csr-jnav__item.is-on label, .csr-jnav__item.is-on b, .csr-jnav__item.is-on a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.csr-jstage__no h1, .csr-jstage__no h2, .csr-jstage__no h3, .csr-jstage__no h4, .csr-jstage__no p, .csr-jstage__no li, .csr-jstage__no span, .csr-jstage__no strong, .csr-jstage__no td, .csr-jstage__no th, .csr-jstage__no label, .csr-jstage__no b, .csr-jstage__no a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-ceo-cta h1, .lm-ceo-cta h2, .lm-ceo-cta h3, .lm-ceo-cta h4, .lm-ceo-cta p, .lm-ceo-cta li, .lm-ceo-cta span, .lm-ceo-cta strong, .lm-ceo-cta td, .lm-ceo-cta th, .lm-ceo-cta label, .lm-ceo-cta b, .lm-ceo-cta a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-ceo-proof h1, .lm-ceo-proof h2, .lm-ceo-proof h3, .lm-ceo-proof h4, .lm-ceo-proof p, .lm-ceo-proof li, .lm-ceo-proof span, .lm-ceo-proof strong, .lm-ceo-proof td, .lm-ceo-proof th, .lm-ceo-proof label, .lm-ceo-proof b, .lm-ceo-proof a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-chip:hover h1, .lm-chip:hover h2, .lm-chip:hover h3, .lm-chip:hover h4, .lm-chip:hover p, .lm-chip:hover li, .lm-chip:hover span, .lm-chip:hover strong, .lm-chip:hover td, .lm-chip:hover th, .lm-chip:hover label, .lm-chip:hover b, .lm-chip:hover a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-co-craft__callout h1, .lm-co-craft__callout h2, .lm-co-craft__callout h3, .lm-co-craft__callout h4, .lm-co-craft__callout p, .lm-co-craft__callout li, .lm-co-craft__callout span, .lm-co-craft__callout strong, .lm-co-craft__callout td, .lm-co-craft__callout th, .lm-co-craft__callout label, .lm-co-craft__callout b, .lm-co-craft__callout a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-co-craft__num h1, .lm-co-craft__num h2, .lm-co-craft__num h3, .lm-co-craft__num h4, .lm-co-craft__num p, .lm-co-craft__num li, .lm-co-craft__num span, .lm-co-craft__num strong, .lm-co-craft__num td, .lm-co-craft__num th, .lm-co-craft__num label, .lm-co-craft__num b, .lm-co-craft__num a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-co-next h1, .lm-co-next h2, .lm-co-next h3, .lm-co-next h4, .lm-co-next p, .lm-co-next li, .lm-co-next span, .lm-co-next strong, .lm-co-next td, .lm-co-next th, .lm-co-next label, .lm-co-next b, .lm-co-next a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-eot-guide__list li::after h1, .lm-eot-guide__list li::after h2, .lm-eot-guide__list li::after h3, .lm-eot-guide__list li::after h4, .lm-eot-guide__list li::after p, .lm-eot-guide__list li::after li, .lm-eot-guide__list li::after span, .lm-eot-guide__list li::after strong, .lm-eot-guide__list li::after td, .lm-eot-guide__list li::after th, .lm-eot-guide__list li::after label, .lm-eot-guide__list li::after b, .lm-eot-guide__list li::after a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-footer h1, .lm-footer h2, .lm-footer h3, .lm-footer h4, .lm-footer p, .lm-footer li, .lm-footer span, .lm-footer strong, .lm-footer td, .lm-footer th, .lm-footer label, .lm-footer b, .lm-footer a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-footer__social-link:hover h1, .lm-footer__social-link:hover h2, .lm-footer__social-link:hover h3, .lm-footer__social-link:hover h4, .lm-footer__social-link:hover p, .lm-footer__social-link:hover li, .lm-footer__social-link:hover span, .lm-footer__social-link:hover strong, .lm-footer__social-link:hover td, .lm-footer__social-link:hover th, .lm-footer__social-link:hover label, .lm-footer__social-link:hover b, .lm-footer__social-link:hover a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-ind-cta h1, .lm-ind-cta h2, .lm-ind-cta h3, .lm-ind-cta h4, .lm-ind-cta p, .lm-ind-cta li, .lm-ind-cta span, .lm-ind-cta strong, .lm-ind-cta td, .lm-ind-cta th, .lm-ind-cta label, .lm-ind-cta b, .lm-ind-cta a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-industries h1, .lm-industries h2, .lm-industries h3, .lm-industries h4, .lm-industries p, .lm-industries li, .lm-industries span, .lm-industries strong, .lm-industries td, .lm-industries th, .lm-industries label, .lm-industries b, .lm-industries a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-numbers, .lm-service, .lm-pathfinder h1, .lm-numbers, .lm-service, .lm-pathfinder h2, .lm-numbers, .lm-service, .lm-pathfinder h3, .lm-numbers, .lm-service, .lm-pathfinder h4, .lm-numbers, .lm-service, .lm-pathfinder p, .lm-numbers, .lm-service, .lm-pathfinder li, .lm-numbers, .lm-service, .lm-pathfinder span, .lm-numbers, .lm-service, .lm-pathfinder strong, .lm-numbers, .lm-service, .lm-pathfinder td, .lm-numbers, .lm-service, .lm-pathfinder th, .lm-numbers, .lm-service, .lm-pathfinder label, .lm-numbers, .lm-service, .lm-pathfinder b, .lm-numbers, .lm-service, .lm-pathfinder a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-pd-tech__tbl thead th h1, .lm-pd-tech__tbl thead th h2, .lm-pd-tech__tbl thead th h3, .lm-pd-tech__tbl thead th h4, .lm-pd-tech__tbl thead th p, .lm-pd-tech__tbl thead th li, .lm-pd-tech__tbl thead th span, .lm-pd-tech__tbl thead th strong, .lm-pd-tech__tbl thead th td, .lm-pd-tech__tbl thead th th, .lm-pd-tech__tbl thead th label, .lm-pd-tech__tbl thead th b, .lm-pd-tech__tbl thead th a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-pd-tech__tbl thead tr:nth-child(2) th h1, .lm-pd-tech__tbl thead tr:nth-child(2) th h2, .lm-pd-tech__tbl thead tr:nth-child(2) th h3, .lm-pd-tech__tbl thead tr:nth-child(2) th h4, .lm-pd-tech__tbl thead tr:nth-child(2) th p, .lm-pd-tech__tbl thead tr:nth-child(2) th li, .lm-pd-tech__tbl thead tr:nth-child(2) th span, .lm-pd-tech__tbl thead tr:nth-child(2) th strong, .lm-pd-tech__tbl thead tr:nth-child(2) th td, .lm-pd-tech__tbl thead tr:nth-child(2) th th, .lm-pd-tech__tbl thead tr:nth-child(2) th label, .lm-pd-tech__tbl thead tr:nth-child(2) th b, .lm-pd-tech__tbl thead tr:nth-child(2) th a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-rfq h1, .lm-rfq h2, .lm-rfq h3, .lm-rfq h4, .lm-rfq p, .lm-rfq li, .lm-rfq span, .lm-rfq strong, .lm-rfq td, .lm-rfq th, .lm-rfq label, .lm-rfq b, .lm-rfq a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-spotlight__card h1, .lm-spotlight__card h2, .lm-spotlight__card h3, .lm-spotlight__card h4, .lm-spotlight__card p, .lm-spotlight__card li, .lm-spotlight__card span, .lm-spotlight__card strong, .lm-spotlight__card td, .lm-spotlight__card th, .lm-spotlight__card label, .lm-spotlight__card b, .lm-spotlight__card a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-sr-sec__h span h1, .lm-sr-sec__h span h2, .lm-sr-sec__h span h3, .lm-sr-sec__h span h4, .lm-sr-sec__h span p, .lm-sr-sec__h span li, .lm-sr-sec__h span span, .lm-sr-sec__h span strong, .lm-sr-sec__h span td, .lm-sr-sec__h span th, .lm-sr-sec__h span label, .lm-sr-sec__h span b, .lm-sr-sec__h span a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-testimonial-card__avatar h1, .lm-testimonial-card__avatar h2, .lm-testimonial-card__avatar h3, .lm-testimonial-card__avatar h4, .lm-testimonial-card__avatar p, .lm-testimonial-card__avatar li, .lm-testimonial-card__avatar span, .lm-testimonial-card__avatar strong, .lm-testimonial-card__avatar td, .lm-testimonial-card__avatar th, .lm-testimonial-card__avatar label, .lm-testimonial-card__avatar b, .lm-testimonial-card__avatar a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-tr-sec--alt h1, .lm-tr-sec--alt h2, .lm-tr-sec--alt h3, .lm-tr-sec--alt h4, .lm-tr-sec--alt p, .lm-tr-sec--alt li, .lm-tr-sec--alt span, .lm-tr-sec--alt strong, .lm-tr-sec--alt td, .lm-tr-sec--alt th, .lm-tr-sec--alt label, .lm-tr-sec--alt b, .lm-tr-sec--alt a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.lm-tr-step__num h1, .lm-tr-step__num h2, .lm-tr-step__num h3, .lm-tr-step__num h4, .lm-tr-step__num p, .lm-tr-step__num li, .lm-tr-step__num span, .lm-tr-step__num strong, .lm-tr-step__num td, .lm-tr-step__num th, .lm-tr-step__num label, .lm-tr-step__num b, .lm-tr-step__num a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] h1, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] h2, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] h3, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] h4, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] p, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] li, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] span, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] strong, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] td, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] th, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] label, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] b, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-company .lm-co-craft__callout h1, body.lm-template-company .lm-co-craft__callout h2, body.lm-template-company .lm-co-craft__callout h3, body.lm-template-company .lm-co-craft__callout h4, body.lm-template-company .lm-co-craft__callout p, body.lm-template-company .lm-co-craft__callout li, body.lm-template-company .lm-co-craft__callout span, body.lm-template-company .lm-co-craft__callout strong, body.lm-template-company .lm-co-craft__callout td, body.lm-template-company .lm-co-craft__callout th, body.lm-template-company .lm-co-craft__callout label, body.lm-template-company .lm-co-craft__callout b, body.lm-template-company .lm-co-craft__callout a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle h1, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle h2, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle h3, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle h4, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle p, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle li, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle span, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle strong, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle td, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle th, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle label, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle b, body.lm-template-company .lm-co-founder, body.lm-template-company .lm-co-craft, body.lm-template-company .lm-co-circle a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-cpb-hub .lm-eot-sec--pale h1, body.lm-template-cpb-hub .lm-eot-sec--pale h2, body.lm-template-cpb-hub .lm-eot-sec--pale h3, body.lm-template-cpb-hub .lm-eot-sec--pale h4, body.lm-template-cpb-hub .lm-eot-sec--pale p, body.lm-template-cpb-hub .lm-eot-sec--pale li, body.lm-template-cpb-hub .lm-eot-sec--pale span, body.lm-template-cpb-hub .lm-eot-sec--pale strong, body.lm-template-cpb-hub .lm-eot-sec--pale td, body.lm-template-cpb-hub .lm-eot-sec--pale th, body.lm-template-cpb-hub .lm-eot-sec--pale label, body.lm-template-cpb-hub .lm-eot-sec--pale b, body.lm-template-cpb-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-cpbhd .lm-eot-sec--pale h1, body.lm-template-cpbhd .lm-eot-sec--pale h2, body.lm-template-cpbhd .lm-eot-sec--pale h3, body.lm-template-cpbhd .lm-eot-sec--pale h4, body.lm-template-cpbhd .lm-eot-sec--pale p, body.lm-template-cpbhd .lm-eot-sec--pale li, body.lm-template-cpbhd .lm-eot-sec--pale span, body.lm-template-cpbhd .lm-eot-sec--pale strong, body.lm-template-cpbhd .lm-eot-sec--pale td, body.lm-template-cpbhd .lm-eot-sec--pale th, body.lm-template-cpbhd .lm-eot-sec--pale label, body.lm-template-cpbhd .lm-eot-sec--pale b, body.lm-template-cpbhd .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-cpbhd .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-cpbport .lm-eot-sec--pale h1, body.lm-template-cpbport .lm-eot-sec--pale h2, body.lm-template-cpbport .lm-eot-sec--pale h3, body.lm-template-cpbport .lm-eot-sec--pale h4, body.lm-template-cpbport .lm-eot-sec--pale p, body.lm-template-cpbport .lm-eot-sec--pale li, body.lm-template-cpbport .lm-eot-sec--pale span, body.lm-template-cpbport .lm-eot-sec--pale strong, body.lm-template-cpbport .lm-eot-sec--pale td, body.lm-template-cpbport .lm-eot-sec--pale th, body.lm-template-cpbport .lm-eot-sec--pale label, body.lm-template-cpbport .lm-eot-sec--pale b, body.lm-template-cpbport .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-cpbport .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-csr .belief h1, body.lm-template-csr .belief h2, body.lm-template-csr .belief h3, body.lm-template-csr .belief h4, body.lm-template-csr .belief p, body.lm-template-csr .belief li, body.lm-template-csr .belief span, body.lm-template-csr .belief strong, body.lm-template-csr .belief td, body.lm-template-csr .belief th, body.lm-template-csr .belief label, body.lm-template-csr .belief b, body.lm-template-csr .belief a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-csr .cta h1, body.lm-template-csr .cta h2, body.lm-template-csr .cta h3, body.lm-template-csr .cta h4, body.lm-template-csr .cta p, body.lm-template-csr .cta li, body.lm-template-csr .cta span, body.lm-template-csr .cta strong, body.lm-template-csr .cta td, body.lm-template-csr .cta th, body.lm-template-csr .cta label, body.lm-template-csr .cta b, body.lm-template-csr .cta a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-csr .impact h1, body.lm-template-csr .impact h2, body.lm-template-csr .impact h3, body.lm-template-csr .impact h4, body.lm-template-csr .impact p, body.lm-template-csr .impact li, body.lm-template-csr .impact span, body.lm-template-csr .impact strong, body.lm-template-csr .impact td, body.lm-template-csr .impact th, body.lm-template-csr .impact label, body.lm-template-csr .impact b, body.lm-template-csr .impact a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-dgeot .lm-eot-sec--pale h1, body.lm-template-dgeot .lm-eot-sec--pale h2, body.lm-template-dgeot .lm-eot-sec--pale h3, body.lm-template-dgeot .lm-eot-sec--pale h4, body.lm-template-dgeot .lm-eot-sec--pale p, body.lm-template-dgeot .lm-eot-sec--pale li, body.lm-template-dgeot .lm-eot-sec--pale span, body.lm-template-dgeot .lm-eot-sec--pale strong, body.lm-template-dgeot .lm-eot-sec--pale td, body.lm-template-dgeot .lm-eot-sec--pale th, body.lm-template-dgeot .lm-eot-sec--pale label, body.lm-template-dgeot .lm-eot-sec--pale b, body.lm-template-dgeot .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-dgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ech-hub .lm-eot-sec--pale h1, body.lm-template-ech-hub .lm-eot-sec--pale h2, body.lm-template-ech-hub .lm-eot-sec--pale h3, body.lm-template-ech-hub .lm-eot-sec--pale h4, body.lm-template-ech-hub .lm-eot-sec--pale p, body.lm-template-ech-hub .lm-eot-sec--pale li, body.lm-template-ech-hub .lm-eot-sec--pale span, body.lm-template-ech-hub .lm-eot-sec--pale strong, body.lm-template-ech-hub .lm-eot-sec--pale td, body.lm-template-ech-hub .lm-eot-sec--pale th, body.lm-template-ech-hub .lm-eot-sec--pale label, body.lm-template-ech-hub .lm-eot-sec--pale b, body.lm-template-ech-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-echeuro .lm-eot-sec--pale h1, body.lm-template-echeuro .lm-eot-sec--pale h2, body.lm-template-echeuro .lm-eot-sec--pale h3, body.lm-template-echeuro .lm-eot-sec--pale h4, body.lm-template-echeuro .lm-eot-sec--pale p, body.lm-template-echeuro .lm-eot-sec--pale li, body.lm-template-echeuro .lm-eot-sec--pale span, body.lm-template-echeuro .lm-eot-sec--pale strong, body.lm-template-echeuro .lm-eot-sec--pale td, body.lm-template-echeuro .lm-eot-sec--pale th, body.lm-template-echeuro .lm-eot-sec--pale label, body.lm-template-echeuro .lm-eot-sec--pale b, body.lm-template-echeuro .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-echeuro .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-echlow .lm-eot-sec--pale h1, body.lm-template-echlow .lm-eot-sec--pale h2, body.lm-template-echlow .lm-eot-sec--pale h3, body.lm-template-echlow .lm-eot-sec--pale h4, body.lm-template-echlow .lm-eot-sec--pale p, body.lm-template-echlow .lm-eot-sec--pale li, body.lm-template-echlow .lm-eot-sec--pale span, body.lm-template-echlow .lm-eot-sec--pale strong, body.lm-template-echlow .lm-eot-sec--pale td, body.lm-template-echlow .lm-eot-sec--pale th, body.lm-template-echlow .lm-eot-sec--pale label, body.lm-template-echlow .lm-eot-sec--pale b, body.lm-template-echlow .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-echlow .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-eot-hub .lm-eot-sec--pale h1, body.lm-template-eot-hub .lm-eot-sec--pale h2, body.lm-template-eot-hub .lm-eot-sec--pale h3, body.lm-template-eot-hub .lm-eot-sec--pale h4, body.lm-template-eot-hub .lm-eot-sec--pale p, body.lm-template-eot-hub .lm-eot-sec--pale li, body.lm-template-eot-hub .lm-eot-sec--pale span, body.lm-template-eot-hub .lm-eot-sec--pale strong, body.lm-template-eot-hub .lm-eot-sec--pale td, body.lm-template-eot-hub .lm-eot-sec--pale th, body.lm-template-eot-hub .lm-eot-sec--pale label, body.lm-template-eot-hub .lm-eot-sec--pale b, body.lm-template-eot-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-goliath .lm-eot-sec--pale h1, body.lm-template-goliath .lm-eot-sec--pale h2, body.lm-template-goliath .lm-eot-sec--pale h3, body.lm-template-goliath .lm-eot-sec--pale h4, body.lm-template-goliath .lm-eot-sec--pale p, body.lm-template-goliath .lm-eot-sec--pale li, body.lm-template-goliath .lm-eot-sec--pale span, body.lm-template-goliath .lm-eot-sec--pale strong, body.lm-template-goliath .lm-eot-sec--pale td, body.lm-template-goliath .lm-eot-sec--pale th, body.lm-template-goliath .lm-eot-sec--pale label, body.lm-template-goliath .lm-eot-sec--pale b, body.lm-template-goliath .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-goliath .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-goliath-hub .lm-eot-sec--pale h1, body.lm-template-goliath-hub .lm-eot-sec--pale h2, body.lm-template-goliath-hub .lm-eot-sec--pale h3, body.lm-template-goliath-hub .lm-eot-sec--pale h4, body.lm-template-goliath-hub .lm-eot-sec--pale p, body.lm-template-goliath-hub .lm-eot-sec--pale li, body.lm-template-goliath-hub .lm-eot-sec--pale span, body.lm-template-goliath-hub .lm-eot-sec--pale strong, body.lm-template-goliath-hub .lm-eot-sec--pale td, body.lm-template-goliath-hub .lm-eot-sec--pale th, body.lm-template-goliath-hub .lm-eot-sec--pale label, body.lm-template-goliath-hub .lm-eot-sec--pale b, body.lm-template-goliath-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-auto .lm-ind-sec--pale h1, body.lm-template-ind-auto .lm-ind-sec--pale h2, body.lm-template-ind-auto .lm-ind-sec--pale h3, body.lm-template-ind-auto .lm-ind-sec--pale h4, body.lm-template-ind-auto .lm-ind-sec--pale p, body.lm-template-ind-auto .lm-ind-sec--pale li, body.lm-template-ind-auto .lm-ind-sec--pale span, body.lm-template-ind-auto .lm-ind-sec--pale strong, body.lm-template-ind-auto .lm-ind-sec--pale td, body.lm-template-ind-auto .lm-ind-sec--pale th, body.lm-template-ind-auto .lm-ind-sec--pale label, body.lm-template-ind-auto .lm-ind-sec--pale b, body.lm-template-ind-auto .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-cement-t .lm-ind-sec--pale h1, body.lm-template-ind-cement-t .lm-ind-sec--pale h2, body.lm-template-ind-cement-t .lm-ind-sec--pale h3, body.lm-template-ind-cement-t .lm-ind-sec--pale h4, body.lm-template-ind-cement-t .lm-ind-sec--pale p, body.lm-template-ind-cement-t .lm-ind-sec--pale li, body.lm-template-ind-cement-t .lm-ind-sec--pale span, body.lm-template-ind-cement-t .lm-ind-sec--pale strong, body.lm-template-ind-cement-t .lm-ind-sec--pale td, body.lm-template-ind-cement-t .lm-ind-sec--pale th, body.lm-template-ind-cement-t .lm-ind-sec--pale label, body.lm-template-ind-cement-t .lm-ind-sec--pale b, body.lm-template-ind-cement-t .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-chem .lm-ind-sec--pale h1, body.lm-template-ind-chem .lm-ind-sec--pale h2, body.lm-template-ind-chem .lm-ind-sec--pale h3, body.lm-template-ind-chem .lm-ind-sec--pale h4, body.lm-template-ind-chem .lm-ind-sec--pale p, body.lm-template-ind-chem .lm-ind-sec--pale li, body.lm-template-ind-chem .lm-ind-sec--pale span, body.lm-template-ind-chem .lm-ind-sec--pale strong, body.lm-template-ind-chem .lm-ind-sec--pale td, body.lm-template-ind-chem .lm-ind-sec--pale th, body.lm-template-ind-chem .lm-ind-sec--pale label, body.lm-template-ind-chem .lm-ind-sec--pale b, body.lm-template-ind-chem .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-engg .lm-ind-sec--pale h1, body.lm-template-ind-engg .lm-ind-sec--pale h2, body.lm-template-ind-engg .lm-ind-sec--pale h3, body.lm-template-ind-engg .lm-ind-sec--pale h4, body.lm-template-ind-engg .lm-ind-sec--pale p, body.lm-template-ind-engg .lm-ind-sec--pale li, body.lm-template-ind-engg .lm-ind-sec--pale span, body.lm-template-ind-engg .lm-ind-sec--pale strong, body.lm-template-ind-engg .lm-ind-sec--pale td, body.lm-template-ind-engg .lm-ind-sec--pale th, body.lm-template-ind-engg .lm-ind-sec--pale label, body.lm-template-ind-engg .lm-ind-sec--pale b, body.lm-template-ind-engg .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-gas .lm-ind-sec--pale h1, body.lm-template-ind-gas .lm-ind-sec--pale h2, body.lm-template-ind-gas .lm-ind-sec--pale h3, body.lm-template-ind-gas .lm-ind-sec--pale h4, body.lm-template-ind-gas .lm-ind-sec--pale p, body.lm-template-ind-gas .lm-ind-sec--pale li, body.lm-template-ind-gas .lm-ind-sec--pale span, body.lm-template-ind-gas .lm-ind-sec--pale strong, body.lm-template-ind-gas .lm-ind-sec--pale td, body.lm-template-ind-gas .lm-ind-sec--pale th, body.lm-template-ind-gas .lm-ind-sec--pale label, body.lm-template-ind-gas .lm-ind-sec--pale b, body.lm-template-ind-gas .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-general .lm-ind-sec--pale h1, body.lm-template-ind-general .lm-ind-sec--pale h2, body.lm-template-ind-general .lm-ind-sec--pale h3, body.lm-template-ind-general .lm-ind-sec--pale h4, body.lm-template-ind-general .lm-ind-sec--pale p, body.lm-template-ind-general .lm-ind-sec--pale li, body.lm-template-ind-general .lm-ind-sec--pale span, body.lm-template-ind-general .lm-ind-sec--pale strong, body.lm-template-ind-general .lm-ind-sec--pale td, body.lm-template-ind-general .lm-ind-sec--pale th, body.lm-template-ind-general .lm-ind-sec--pale label, body.lm-template-ind-general .lm-ind-sec--pale b, body.lm-template-ind-general .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-ports .lm-ind-sec--pale h1, body.lm-template-ind-ports .lm-ind-sec--pale h2, body.lm-template-ind-ports .lm-ind-sec--pale h3, body.lm-template-ind-ports .lm-ind-sec--pale h4, body.lm-template-ind-ports .lm-ind-sec--pale p, body.lm-template-ind-ports .lm-ind-sec--pale li, body.lm-template-ind-ports .lm-ind-sec--pale span, body.lm-template-ind-ports .lm-ind-sec--pale strong, body.lm-template-ind-ports .lm-ind-sec--pale td, body.lm-template-ind-ports .lm-ind-sec--pale th, body.lm-template-ind-ports .lm-ind-sec--pale label, body.lm-template-ind-ports .lm-ind-sec--pale b, body.lm-template-ind-ports .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-power .lm-ind-sec--pale h1, body.lm-template-ind-power .lm-ind-sec--pale h2, body.lm-template-ind-power .lm-ind-sec--pale h3, body.lm-template-ind-power .lm-ind-sec--pale h4, body.lm-template-ind-power .lm-ind-sec--pale p, body.lm-template-ind-power .lm-ind-sec--pale li, body.lm-template-ind-power .lm-ind-sec--pale span, body.lm-template-ind-power .lm-ind-sec--pale strong, body.lm-template-ind-power .lm-ind-sec--pale td, body.lm-template-ind-power .lm-ind-sec--pale th, body.lm-template-ind-power .lm-ind-sec--pale label, body.lm-template-ind-power .lm-ind-sec--pale b, body.lm-template-ind-power .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-steel .lm-ind-sec--pale h1, body.lm-template-ind-steel .lm-ind-sec--pale h2, body.lm-template-ind-steel .lm-ind-sec--pale h3, body.lm-template-ind-steel .lm-ind-sec--pale h4, body.lm-template-ind-steel .lm-ind-sec--pale p, body.lm-template-ind-steel .lm-ind-sec--pale li, body.lm-template-ind-steel .lm-ind-sec--pale span, body.lm-template-ind-steel .lm-ind-sec--pale strong, body.lm-template-ind-steel .lm-ind-sec--pale td, body.lm-template-ind-steel .lm-ind-sec--pale th, body.lm-template-ind-steel .lm-ind-sec--pale label, body.lm-template-ind-steel .lm-ind-sec--pale b, body.lm-template-ind-steel .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-ind-wind-t .lm-ind-sec--pale h1, body.lm-template-ind-wind-t .lm-ind-sec--pale h2, body.lm-template-ind-wind-t .lm-ind-sec--pale h3, body.lm-template-ind-wind-t .lm-ind-sec--pale h4, body.lm-template-ind-wind-t .lm-ind-sec--pale p, body.lm-template-ind-wind-t .lm-ind-sec--pale li, body.lm-template-ind-wind-t .lm-ind-sec--pale span, body.lm-template-ind-wind-t .lm-ind-sec--pale strong, body.lm-template-ind-wind-t .lm-ind-sec--pale td, body.lm-template-ind-wind-t .lm-ind-sec--pale th, body.lm-template-ind-wind-t .lm-ind-sec--pale label, body.lm-template-ind-wind-t .lm-ind-sec--pale b, body.lm-template-ind-wind-t .lm-ind-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-industries-hub .lm-eot-sec--pale h1, body.lm-template-industries-hub .lm-eot-sec--pale h2, body.lm-template-industries-hub .lm-eot-sec--pale h3, body.lm-template-industries-hub .lm-eot-sec--pale h4, body.lm-template-industries-hub .lm-eot-sec--pale p, body.lm-template-industries-hub .lm-eot-sec--pale li, body.lm-template-industries-hub .lm-eot-sec--pale span, body.lm-template-industries-hub .lm-eot-sec--pale strong, body.lm-template-industries-hub .lm-eot-sec--pale td, body.lm-template-industries-hub .lm-eot-sec--pale th, body.lm-template-industries-hub .lm-eot-sec--pale label, body.lm-template-industries-hub .lm-eot-sec--pale b, body.lm-template-industries-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-jib-hub .lm-eot-sec--pale h1, body.lm-template-jib-hub .lm-eot-sec--pale h2, body.lm-template-jib-hub .lm-eot-sec--pale h3, body.lm-template-jib-hub .lm-eot-sec--pale h4, body.lm-template-jib-hub .lm-eot-sec--pale p, body.lm-template-jib-hub .lm-eot-sec--pale li, body.lm-template-jib-hub .lm-eot-sec--pale span, body.lm-template-jib-hub .lm-eot-sec--pale strong, body.lm-template-jib-hub .lm-eot-sec--pale td, body.lm-template-jib-hub .lm-eot-sec--pale th, body.lm-template-jib-hub .lm-eot-sec--pale label, body.lm-template-jib-hub .lm-eot-sec--pale b, body.lm-template-jib-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-jibwall .lm-eot-sec--pale h1, body.lm-template-jibwall .lm-eot-sec--pale h2, body.lm-template-jibwall .lm-eot-sec--pale h3, body.lm-template-jibwall .lm-eot-sec--pale h4, body.lm-template-jibwall .lm-eot-sec--pale p, body.lm-template-jibwall .lm-eot-sec--pale li, body.lm-template-jibwall .lm-eot-sec--pale span, body.lm-template-jibwall .lm-eot-sec--pale strong, body.lm-template-jibwall .lm-eot-sec--pale td, body.lm-template-jibwall .lm-eot-sec--pale th, body.lm-template-jibwall .lm-eot-sec--pale label, body.lm-template-jibwall .lm-eot-sec--pale b, body.lm-template-jibwall .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-jibwall .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions h1, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions h2, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions h3, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions h4, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions p, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions li, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions span, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions strong, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions td, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions th, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions label, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions b, body.lm-template-media-center .lm-mc-stats, body.lm-template-media-center .lm-mc-certs, body.lm-template-media-center .lm-mc-exhibitions a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-products-hub .lm-eot-sec--pale h1, body.lm-template-products-hub .lm-eot-sec--pale h2, body.lm-template-products-hub .lm-eot-sec--pale h3, body.lm-template-products-hub .lm-eot-sec--pale h4, body.lm-template-products-hub .lm-eot-sec--pale p, body.lm-template-products-hub .lm-eot-sec--pale li, body.lm-template-products-hub .lm-eot-sec--pale span, body.lm-template-products-hub .lm-eot-sec--pale strong, body.lm-template-products-hub .lm-eot-sec--pale td, body.lm-template-products-hub .lm-eot-sec--pale th, body.lm-template-products-hub .lm-eot-sec--pale label, body.lm-template-products-hub .lm-eot-sec--pale b, body.lm-template-products-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-resources-hub .lm-eot-sec--pale h1, body.lm-template-resources-hub .lm-eot-sec--pale h2, body.lm-template-resources-hub .lm-eot-sec--pale h3, body.lm-template-resources-hub .lm-eot-sec--pale h4, body.lm-template-resources-hub .lm-eot-sec--pale p, body.lm-template-resources-hub .lm-eot-sec--pale li, body.lm-template-resources-hub .lm-eot-sec--pale span, body.lm-template-resources-hub .lm-eot-sec--pale strong, body.lm-template-resources-hub .lm-eot-sec--pale td, body.lm-template-resources-hub .lm-eot-sec--pale th, body.lm-template-resources-hub .lm-eot-sec--pale label, body.lm-template-resources-hub .lm-eot-sec--pale b, body.lm-template-resources-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-semigoliath .lm-eot-sec--pale h1, body.lm-template-semigoliath .lm-eot-sec--pale h2, body.lm-template-semigoliath .lm-eot-sec--pale h3, body.lm-template-semigoliath .lm-eot-sec--pale h4, body.lm-template-semigoliath .lm-eot-sec--pale p, body.lm-template-semigoliath .lm-eot-sec--pale li, body.lm-template-semigoliath .lm-eot-sec--pale span, body.lm-template-semigoliath .lm-eot-sec--pale strong, body.lm-template-semigoliath .lm-eot-sec--pale td, body.lm-template-semigoliath .lm-eot-sec--pale th, body.lm-template-semigoliath .lm-eot-sec--pale label, body.lm-template-semigoliath .lm-eot-sec--pale b, body.lm-template-semigoliath .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-semigoliath .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-sgeot .lm-eot-sec--pale h1, body.lm-template-sgeot .lm-eot-sec--pale h2, body.lm-template-sgeot .lm-eot-sec--pale h3, body.lm-template-sgeot .lm-eot-sec--pale h4, body.lm-template-sgeot .lm-eot-sec--pale p, body.lm-template-sgeot .lm-eot-sec--pale li, body.lm-template-sgeot .lm-eot-sec--pale span, body.lm-template-sgeot .lm-eot-sec--pale strong, body.lm-template-sgeot .lm-eot-sec--pale td, body.lm-template-sgeot .lm-eot-sec--pale th, body.lm-template-sgeot .lm-eot-sec--pale label, body.lm-template-sgeot .lm-eot-sec--pale b, body.lm-template-sgeot .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-sgeot .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-trolley-hub .lm-eot-sec--pale h1, body.lm-template-trolley-hub .lm-eot-sec--pale h2, body.lm-template-trolley-hub .lm-eot-sec--pale h3, body.lm-template-trolley-hub .lm-eot-sec--pale h4, body.lm-template-trolley-hub .lm-eot-sec--pale p, body.lm-template-trolley-hub .lm-eot-sec--pale li, body.lm-template-trolley-hub .lm-eot-sec--pale span, body.lm-template-trolley-hub .lm-eot-sec--pale strong, body.lm-template-trolley-hub .lm-eot-sec--pale td, body.lm-template-trolley-hub .lm-eot-sec--pale th, body.lm-template-trolley-hub .lm-eot-sec--pale label, body.lm-template-trolley-hub .lm-eot-sec--pale b, body.lm-template-trolley-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-trolleyelec .lm-eot-sec--pale h1, body.lm-template-trolleyelec .lm-eot-sec--pale h2, body.lm-template-trolleyelec .lm-eot-sec--pale h3, body.lm-template-trolleyelec .lm-eot-sec--pale h4, body.lm-template-trolleyelec .lm-eot-sec--pale p, body.lm-template-trolleyelec .lm-eot-sec--pale li, body.lm-template-trolleyelec .lm-eot-sec--pale span, body.lm-template-trolleyelec .lm-eot-sec--pale strong, body.lm-template-trolleyelec .lm-eot-sec--pale td, body.lm-template-trolleyelec .lm-eot-sec--pale th, body.lm-template-trolleyelec .lm-eot-sec--pale label, body.lm-template-trolleyelec .lm-eot-sec--pale b, body.lm-template-trolleyelec .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-trolleyelec .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-trolleyman .lm-eot-sec--pale h1, body.lm-template-trolleyman .lm-eot-sec--pale h2, body.lm-template-trolleyman .lm-eot-sec--pale h3, body.lm-template-trolleyman .lm-eot-sec--pale h4, body.lm-template-trolleyman .lm-eot-sec--pale p, body.lm-template-trolleyman .lm-eot-sec--pale li, body.lm-template-trolleyman .lm-eot-sec--pale span, body.lm-template-trolleyman .lm-eot-sec--pale strong, body.lm-template-trolleyman .lm-eot-sec--pale td, body.lm-template-trolleyman .lm-eot-sec--pale th, body.lm-template-trolleyman .lm-eot-sec--pale label, body.lm-template-trolleyman .lm-eot-sec--pale b, body.lm-template-trolleyman .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-trolleyman .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-underslung-hub .lm-eot-sec--pale h1, body.lm-template-underslung-hub .lm-eot-sec--pale h2, body.lm-template-underslung-hub .lm-eot-sec--pale h3, body.lm-template-underslung-hub .lm-eot-sec--pale h4, body.lm-template-underslung-hub .lm-eot-sec--pale p, body.lm-template-underslung-hub .lm-eot-sec--pale li, body.lm-template-underslung-hub .lm-eot-sec--pale span, body.lm-template-underslung-hub .lm-eot-sec--pale strong, body.lm-template-underslung-hub .lm-eot-sec--pale td, body.lm-template-underslung-hub .lm-eot-sec--pale th, body.lm-template-underslung-hub .lm-eot-sec--pale label, body.lm-template-underslung-hub .lm-eot-sec--pale b, body.lm-template-underslung-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-usdg .lm-eot-sec--pale h1, body.lm-template-usdg .lm-eot-sec--pale h2, body.lm-template-usdg .lm-eot-sec--pale h3, body.lm-template-usdg .lm-eot-sec--pale h4, body.lm-template-usdg .lm-eot-sec--pale p, body.lm-template-usdg .lm-eot-sec--pale li, body.lm-template-usdg .lm-eot-sec--pale span, body.lm-template-usdg .lm-eot-sec--pale strong, body.lm-template-usdg .lm-eot-sec--pale td, body.lm-template-usdg .lm-eot-sec--pale th, body.lm-template-usdg .lm-eot-sec--pale label, body.lm-template-usdg .lm-eot-sec--pale b, body.lm-template-usdg .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-usdg .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-usg .lm-eot-sec--pale h1, body.lm-template-usg .lm-eot-sec--pale h2, body.lm-template-usg .lm-eot-sec--pale h3, body.lm-template-usg .lm-eot-sec--pale h4, body.lm-template-usg .lm-eot-sec--pale p, body.lm-template-usg .lm-eot-sec--pale li, body.lm-template-usg .lm-eot-sec--pale span, body.lm-template-usg .lm-eot-sec--pale strong, body.lm-template-usg .lm-eot-sec--pale td, body.lm-template-usg .lm-eot-sec--pale th, body.lm-template-usg .lm-eot-sec--pale label, body.lm-template-usg .lm-eot-sec--pale b, body.lm-template-usg .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-usg .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-wrh-hub .lm-eot-sec--pale h1, body.lm-template-wrh-hub .lm-eot-sec--pale h2, body.lm-template-wrh-hub .lm-eot-sec--pale h3, body.lm-template-wrh-hub .lm-eot-sec--pale h4, body.lm-template-wrh-hub .lm-eot-sec--pale p, body.lm-template-wrh-hub .lm-eot-sec--pale li, body.lm-template-wrh-hub .lm-eot-sec--pale span, body.lm-template-wrh-hub .lm-eot-sec--pale strong, body.lm-template-wrh-hub .lm-eot-sec--pale td, body.lm-template-wrh-hub .lm-eot-sec--pale th, body.lm-template-wrh-hub .lm-eot-sec--pale label, body.lm-template-wrh-hub .lm-eot-sec--pale b, body.lm-template-wrh-hub .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-wrhsh .lm-eot-sec--pale h1, body.lm-template-wrhsh .lm-eot-sec--pale h2, body.lm-template-wrhsh .lm-eot-sec--pale h3, body.lm-template-wrhsh .lm-eot-sec--pale h4, body.lm-template-wrhsh .lm-eot-sec--pale p, body.lm-template-wrhsh .lm-eot-sec--pale li, body.lm-template-wrhsh .lm-eot-sec--pale span, body.lm-template-wrhsh .lm-eot-sec--pale strong, body.lm-template-wrhsh .lm-eot-sec--pale td, body.lm-template-wrhsh .lm-eot-sec--pale th, body.lm-template-wrhsh .lm-eot-sec--pale label, body.lm-template-wrhsh .lm-eot-sec--pale b, body.lm-template-wrhsh .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-wrhsh .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-wrhstd .lm-eot-sec--pale h1, body.lm-template-wrhstd .lm-eot-sec--pale h2, body.lm-template-wrhstd .lm-eot-sec--pale h3, body.lm-template-wrhstd .lm-eot-sec--pale h4, body.lm-template-wrhstd .lm-eot-sec--pale p, body.lm-template-wrhstd .lm-eot-sec--pale li, body.lm-template-wrhstd .lm-eot-sec--pale span, body.lm-template-wrhstd .lm-eot-sec--pale strong, body.lm-template-wrhstd .lm-eot-sec--pale td, body.lm-template-wrhstd .lm-eot-sec--pale th, body.lm-template-wrhstd .lm-eot-sec--pale label, body.lm-template-wrhstd .lm-eot-sec--pale b, body.lm-template-wrhstd .lm-eot-sec--pale a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) h1, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) h2, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) h3, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) h4, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) p, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) li, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) span, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) strong, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) td, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) th, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) label, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) b, body.lm-template-wrhstd .lm-eot-sec:has(+ .lm-eot-sec--tech) a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer h1, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer h2, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer h3, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer h4, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer p, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer li, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer span, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer strong, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer td, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer th, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer label, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer b, body[class*="lm-template-ind-"] footer.lm-footer, body[class*="lm-template-ind-"] .lm-footer a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
footer.lm-footer, .lm-footer, .lm-ff h1, footer.lm-footer, .lm-footer, .lm-ff h2, footer.lm-footer, .lm-footer, .lm-ff h3, footer.lm-footer, .lm-footer, .lm-ff h4, footer.lm-footer, .lm-footer, .lm-ff p, footer.lm-footer, .lm-footer, .lm-ff li, footer.lm-footer, .lm-footer, .lm-ff span, footer.lm-footer, .lm-footer, .lm-ff strong, footer.lm-footer, .lm-footer, .lm-ff td, footer.lm-footer, .lm-footer, .lm-ff th, footer.lm-footer, .lm-footer, .lm-ff label, footer.lm-footer, .lm-footer, .lm-ff b, footer.lm-footer, .lm-footer, .lm-ff a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
html body #lm-cep .lm-ce-close h1, html body #lm-cep .lm-ce-close h2, html body #lm-cep .lm-ce-close h3, html body #lm-cep .lm-ce-close h4, html body #lm-cep .lm-ce-close p, html body #lm-cep .lm-ce-close li, html body #lm-cep .lm-ce-close span, html body #lm-cep .lm-ce-close strong, html body #lm-cep .lm-ce-close td, html body #lm-cep .lm-ce-close th, html body #lm-cep .lm-ce-close label, html body #lm-cep .lm-ce-close b, html body #lm-cep .lm-ce-close a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] h1, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] h2, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] h3, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] h4, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] p, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] li, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] span, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] strong, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] td, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] th, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] label, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] b, html body .lm-footer, html body footer.lm-footer, html body .lm-ff, html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
html body[class] #lm-priorities h1, html body[class] #lm-priorities h2, html body[class] #lm-priorities h3, html body[class] #lm-priorities h4, html body[class] #lm-priorities p, html body[class] #lm-priorities li, html body[class] #lm-priorities span, html body[class] #lm-priorities strong, html body[class] #lm-priorities td, html body[class] #lm-priorities th, html body[class] #lm-priorities label, html body[class] #lm-priorities b, html body[class] #lm-priorities a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]),
html body[class] .lm-ceo-sec--paper h1, html body[class] .lm-ceo-sec--paper h2, html body[class] .lm-ceo-sec--paper h3, html body[class] .lm-ceo-sec--paper h4, html body[class] .lm-ceo-sec--paper p, html body[class] .lm-ceo-sec--paper li, html body[class] .lm-ceo-sec--paper span, html body[class] .lm-ceo-sec--paper strong, html body[class] .lm-ceo-sec--paper td, html body[class] .lm-ceo-sec--paper th, html body[class] .lm-ceo-sec--paper label, html body[class] .lm-ceo-sec--paper b, html body[class] .lm-ceo-sec--paper a:not([class*="btn"]):not([class*="button"]):not([class*="applybtn"]) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* readable link accents inside converted bands */
.lm-footer a:not([class*="btn"]):not([class*="button"]):hover,
.lm-ff a:not([class*="btn"]):hover {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* form fields inside converted bands stay white with dark text */
.lm-footer input, .lm-footer textarea, .lm-ff input, .lm-ff textarea {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid rgba(0,0,0,0.18) !important;
}
/* LM-LIGHT-THEME-V1 end */
/* ==========================================================================
   LM-PALETTE-LOCK v1 — FOUR-COLOUR SYSTEM
   The site palette is now exactly four values and nothing else:

       #ffffff   page / card surfaces
       #f1f1f1   section bands, wells, dividers, inactive states
       #ffb600   the only accent — CTAs, rules, icons, focus, highlights
       #000000   TEXT ONLY (never a background)

   The blue family (#115C88 / #0B2C44 and every tint of it) has been removed
   from every stylesheet, template, inline style and SVG in the theme.
   This block is the final guard: it re-states the rules that other
   stylesheets, the Customizer and plugins most often fight over.
   ========================================================================== */

/* --- interaction feedback -------------------------------------------------
   Gold buttons used to darken to blue on hover. With one accent left, the
   feedback is luminance + lift, so NO fifth colour is introduced.          */
html body a[class*="btn"]:hover,
html body button[class*="btn"]:hover,
html body .lm-btn:hover,
html body input[type="submit"]:hover,
html body button[type="submit"]:hover {
    filter: brightness(0.93);
    transition: filter .18s ease, transform .18s ease;
}

/* --- accent is gold, never blue ------------------------------------------ */
html body ::selection            { background: #ffb600; color: #000000; }
html body ::-moz-selection       { background: #ffb600; color: #000000; }
html body :focus-visible         { outline: 2px solid #ffb600 !important; outline-offset: 2px; }
html body hr                     { border: 0; border-top: 1px solid rgba(0,0,0,.12); }
html body mark                   { background: #ffb600; color: #000000; }

/* --- text is black, full stop -------------------------------------------- */
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6 { color: #000000; }
html body p, html body li, html body td, html body th,
html body dd, html body dt, html body figcaption, html body small,
html body label, html body blockquote { color: #000000; }
html body a:not([class*="btn"]):not([class*="button"]) { color: #000000; }
html body a:not([class*="btn"]):not([class*="button"]):hover { color: #000000; text-decoration-color: #ffb600; }

/* --- surfaces are white or #f1f1f1 --------------------------------------- */
html body input, html body select, html body textarea {
    background: #ffffff;
    color: #000000;
    border-color: rgba(0,0,0,.18);
}
html body input::placeholder, html body textarea::placeholder { color: rgba(0,0,0,.55); }

/* --- scrollbar ------------------------------------------------------------ */
html body ::-webkit-scrollbar-track { background: #f1f1f1; }
html body ::-webkit-scrollbar-thumb { background: #ffb600; }

/* LM-PALETTE-LOCK v1 end */

/* ==========================================================================
   LM-PALETTE-LOCK v1b — DATABASE-PAINTED SURFACES
   Astra theme options, Max Mega Menu settings and Customizer "Additional
   CSS" store colour in the DATABASE, not in this theme. Their CSS prints
   INLINE in <head>, so it beats an enqueued stylesheet at equal specificity.
   Everything below is therefore double-prefixed + !important. The runtime
   enforcer (LM-PALETTE v1 in partials/lm-footer.php) is the final net for
   anything a selector here cannot predict.
   ========================================================================== */

/* --- Astra shell ---------------------------------------------------------- */
html body.ast-separate-container,
html body .site, html body #page, html body .site-content,
html body .ast-container, html body #content { background-color: #ffffff !important; }

html body .ast-above-header-bar,
html body .ast-above-header-wrap,
html body .ast-primary-header-bar,
html body .main-header-bar,
html body .ast-below-header-bar { background-color: #f1f1f1 !important; background-image: none !important; }

html body .ast-above-header-bar a,
html body .ast-above-header-bar .ast-header-html,
html body .main-header-bar a,
html body .main-navigation a,
html body .ast-header-break-point .main-header-menu a { color: #000000 !important; }

html body .ast-above-header-bar svg,
html body .ast-above-header-bar i,
html body .main-header-bar svg { fill: #000000 !important; color: #000000 !important; }

/* --- Max Mega Menu -------------------------------------------------------- */
html body #mega-menu-wrap-primary,
html body #mega-menu-wrap-primary #mega-menu-primary,
html body [id^="mega-menu-wrap"] { background: #ffffff !important; }

html body [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item > a.mega-menu-link { color: #000000 !important; }
html body [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:hover > a.mega-menu-link,
html body [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    color: #000000 !important;
    background: #f1f1f1 !important;
}
html body [id^="mega-menu-wrap"] ul.mega-sub-menu { background: #ffffff !important; }
html body [id^="mega-menu-wrap"] ul.mega-sub-menu a.mega-menu-link { color: #000000 !important; }
html body [id^="mega-menu-wrap"] ul.mega-sub-menu a.mega-menu-link:hover { background: #f1f1f1 !important; color: #000000 !important; }
html body [id^="mega-menu-wrap"] .mega-menu-toggle,
html body [id^="mega-menu-wrap"] .mega-toggle-block { background: transparent !important; color: #000000 !important; }

/* --- Astra footer / copyright bar ----------------------------------------- */
html body .ast-small-footer,
html body .site-footer, html body .ast-footer-overlay,
html body .site-below-footer-wrap, html body .site-above-footer-wrap,
html body .site-primary-footer-wrap { background-color: #f1f1f1 !important; background-image: none !important; }
html body .ast-small-footer, html body .ast-small-footer a,
html body .site-footer, html body .site-footer a { color: #000000 !important; }

/* --- widgets, pagination, breadcrumbs ------------------------------------- */
html body .page-numbers, html body .nav-links a, html body .pagination a { color: #000000 !important; background: #f1f1f1 !important; }
html body .page-numbers.current, html body .pagination .current { background: #ffb600 !important; color: #000000 !important; }
html body .ast-breadcrumbs a, html body .trail-items a { color: #000000 !important; }

/* LM-PALETTE-LOCK v1b end */

/* ==========================================================================
   LM-PALETTE-LOCK v1c — TEXT-FILL FIX + HEADER/NAV VISIBILITY

   `-webkit-text-fill-color` OVERRIDES `color`. Earlier light-theme passes
   set it to white on header/nav (which were excluded from conversion at the
   time, because the menu bar was still blue). Once the bar went white, the
   links kept painting white -> the main menu went invisible.
   Every text rule below therefore sets BOTH properties.
   ========================================================================== */

/* --- main menu: black, always, whatever Astra or Mega Menu says ---------- */
html body header a,
html body .site-header a,
html body .main-header-bar a,
html body .ast-primary-header-bar a,
html body .main-navigation a,
html body .main-header-menu a,
html body .main-header-menu .menu-link,
html body .ast-header-break-point .main-header-menu a,
html body [id^="mega-menu-wrap"] a.mega-menu-link,
html body [id^="mega-menu-wrap"] ul.mega-menu > li.mega-menu-item > a.mega-menu-link,
html body [id^="mega-menu-wrap"] ul.mega-sub-menu a.mega-menu-link,
html body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
html body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}
/* descendants of a menu link (spans, icon labels) inherit the same */
html body header a *,
html body .main-header-bar a *,
html body [id^="mega-menu-wrap"] a.mega-menu-link * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}
/* hover / current: gold underline, text stays black */
html body [id^="mega-menu-wrap"] ul.mega-menu > li.mega-menu-item:hover > a.mega-menu-link,
html body [id^="mega-menu-wrap"] ul.mega-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
html body [id^="mega-menu-wrap"] ul.mega-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
html body .main-header-menu .current-menu-item > a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    box-shadow: inset 0 -3px 0 0 #ffb600;
}
/* the menu bar itself */
html body [id^="mega-menu-wrap"],
html body [id^="mega-menu-wrap"] ul.mega-menu,
html body [id^="mega-menu-wrap"] ul.mega-sub-menu,
html body .main-header-bar, html body .ast-primary-header-bar,
html body .main-header-menu, html body .main-navigation {
    background-color: #ffffff !important;
    background-image: none !important;
}
/* mega-menu / hamburger toggle bars */
html body [id^="mega-menu-wrap"] .mega-toggle-animated-inner,
html body [id^="mega-menu-wrap"] .mega-toggle-animated-inner::before,
html body [id^="mega-menu-wrap"] .mega-toggle-animated-inner::after,
html body .ast-mobile-menu-buttons .menu-toggle .ast-mobile-svg { background-color: #000000 !important; fill: #000000 !important; }

/* --- text-fill safety net across the whole document --------------------- */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body p, html body li, html body td, html body th, html body dd, html body dt,
html body figcaption, html body small, html body label, html body blockquote, html body span {
    -webkit-text-fill-color: currentColor;
}

/* --- pseudo-element accents: gold or grey, never blue ------------------- */
html body *::before, html body *::after { border-color: currentColor; }

/* --- scrollbar / scroll-progress ---------------------------------------- */
html::-webkit-scrollbar-track, html body ::-webkit-scrollbar-track { background: #f1f1f1 !important; }
html::-webkit-scrollbar-thumb, html body ::-webkit-scrollbar-thumb { background: #ffb600 !important; }
html { scrollbar-color: #ffb600 #f1f1f1; }

/* LM-PALETTE-LOCK v1c end */

/* ==========================================================================
   LM-PALETTE-LOCK v1d — HERO IMAGERY + BLACK/GOLD TYPE SYSTEM

   (a) Inner-page heroes keep their PHOTOGRAPH. The old navy overlay is now
       a WHITE scrim at reduced opacity, so hero text is black-on-light.
       Any leftover white hero text is forced black here, because white on
       a light scrim is invisible.
   (b) Solid black everywhere reads flat. Gold (#ffb600) is promoted to a
       working TEXT colour for the supporting layer — eyebrows, numbers,
       accents, markers, icons, inline links — while body copy and headings
       stay black for readability. Black carries the message; gold carries
       the emphasis.
   ========================================================================== */

/* ---------- (a) hero legibility ------------------------------------------ */
/* .lm-hero = home slider (white text over photography) — excluded. */
html body [class*="hero"]:not(.lm-hero):not([class*="hslide"]) h1,
html body [class*="hero"]:not(.lm-hero):not([class*="hslide"]) h2,
html body [class*="hero"]:not(.lm-hero):not([class*="hslide"]) h3,
html body [class*="hero"]:not(.lm-hero):not([class*="hslide"]) p,
html body [class*="hero"]:not(.lm-hero):not([class*="hslide"]) li,
html body [class*="hero"]:not(.lm-hero):not([class*="hslide"]) [class*="lede"],
html body [class*="hero"]:not(.lm-hero):not([class*="hslide"]) [class*="__sub"] {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* the photo must never be covered by an opaque sheet */
html body [class*="hero"]:not(.lm-hero) { background-color: transparent; }
html body [class*="hero"]:not(.lm-hero)::after { background: transparent !important; }

/* ---------- (b) gold as a text colour ------------------------------------ */

/* eyebrows / kickers / section labels */
html body [class*="eyebrow"], html body [class*="kicker"],
html body [class*="__label"], html body [class*="-label"],
html body [class*="overline"], html body [class*="__tag"] {
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
}

/* headline accent spans — the second line of a two-tone headline */
html body h1 [class*="accent"], html body h2 [class*="accent"],
html body h3 [class*="accent"], html body [class*="heading-accent"],
html body h1 em, html body h2 em, html body h1 i, html body h2 i {
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
    font-style: normal;
}

/* big numbers: stats, counters, step numerals */
html body [class*="stat"] [class*="num"], html body [class*="stat"] strong,
html body [class*="__no"], html body [class*="__count"],
html body [class*="counter"], html body [class*="step"] [class*="num"],
html body [class*="metric"] [class*="value"] {
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
}

/* list markers */
html body .lm-page li::marker, html body main li::marker { color: #ffb600; }

/* Inline content links only — gold, black on hover.
   Scoped tightly: a link that WRAPS a card, tile or list item is
   navigation, not inline text. Underlining those turned every industry
   and role card gold. Card/tile/item/nav anchors are excluded. */
html body .lm-page p > a:not([class*="btn"]):not([class*="button"]):not([class*="card"]):not([class*="tile"]):not([class*="item"]):not([class*="link-block"]),
html body main p > a:not([class*="btn"]):not([class*="button"]):not([class*="card"]):not([class*="tile"]):not([class*="item"]):not([class*="link-block"]) {
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(255,182,0,.5);
}
html body .lm-page p > a:not([class*="btn"]):not([class*="card"]):hover,
html body main p > a:not([class*="btn"]):not([class*="card"]):hover {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-decoration-color: #ffb600;
}
/* card / tile / list-item links: black text, no underline, gold arrow */
html body a[class*="card"], html body a[class*="tile"],
html body li > a:not([class*="btn"]):not([class*="button"]),
html body a[class*="card"] *, html body li > a:not([class*="btn"]) * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-decoration: none !important;
}
html body a[class*="card"] svg, html body li > a svg { fill: #ffb600; stroke: #ffb600; }

/* card / feature icons */
html body [class*="card"] svg:not([class*="btn"] svg),
html body [class*="feature"] svg, html body [class*="icon"] svg,
html body [class*="__icon"] svg { fill: #ffb600; stroke: #ffb600; }

/* quote marks, dividers, table headers */
html body blockquote::before, html body [class*="quote"]::before { color: #ffb600 !important; }
html body thead th { color: #000000; border-bottom: 2px solid #ffb600; }

/* emphasis inside body copy stays black — gold is for the supporting layer,
   not for long runs of text (gold on white fails contrast at body sizes) */
html body p strong, html body li strong { color: #000000; -webkit-text-fill-color: #000000; }

/* LM-PALETTE-LOCK v1d end */

/* ==========================================================================
   LM-PALETTE-LOCK v1e — HERO STAT RULE + PATHFINDER ICON PARITY
   ========================================================================== */

/* --- hero trust stats -----------------------------------------------------
   Each stat is: black number -> short gold rule -> uppercase label.
   The v1d eyebrow rule matched `[class*="-label"]`, which caught
   .lm-hero__trust-label and turned it gold. With a gold label sitting
   directly beneath a gold rule, the rule stopped reading as a separate
   element. Label goes back to black so the gold rule is the accent again. */
html body .lm-hero__trust-label,
html body [class*="trust-label"],
html body [class*="stat__label"] {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* the short gold rule under each number — forced visible */
html body .lm-hero__trust-value::after {
    content: '' !important;
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    background: #ffb600 !important;
    background-image: none !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: .5rem 0 .55rem !important;
}
/* <hr> dividers used inside the numbers strip */
html body .lm-stat__divider {
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    background: #ffb600 !important;
    border: 0 !important;
    opacity: 1 !important;
    margin: .5rem 0 .55rem !important;
}

/* --- pathfinder icons: identical in BOTH cards --------------------------- */
html body .lm-path__title svg,
html body .lm-path--roles .lm-path__title svg {
    color: #ffb600 !important;
    fill: none !important;
    background: #f1f1f1 !important;
    border-radius: 50% !important;
    padding: 10px !important;
    width: 42px !important;
    height: 42px !important;
    box-sizing: content-box !important;
}
html body .lm-path__title svg [stroke]:not([stroke="none"]),
html body .lm-path--roles .lm-path__title svg [stroke]:not([stroke="none"]) {
    stroke: #ffb600 !important;
}
html body .lm-path__title svg [fill]:not([fill="none"]),
html body .lm-path--roles .lm-path__title svg [fill]:not([fill="none"]) {
    fill: #ffb600 !important;
}

/* LM-PALETTE-LOCK v1e end */

/* ==========================================================================
   LM-SCROLLJITTER v1 — CURE FOR THE SCROLL "FLICKER"

   DIAGNOSIS (from the screen recording, frame-by-frame):
   the page was not flickering in colour — it was JUMPING. Measured across
   88 frames, the content column oscillates -31px then +31px, repeatedly,
   while the pointer is stationary. That distance is exactly the reveal
   animation's travel: `.lm-reveal { transform: translateY(26–28px) }`.

   CAUSE: CSS scroll anchoring. When a `.lm-reveal` element near or above
   the viewport animates its transform, Chrome picks an anchor node and
   adjusts scrollTop to hold it visually still. The node is mid-transition,
   so the browser keeps compensating — and the page is yanked up and down
   by the transform distance for the life of the animation. Every scroll
   past a reveal boundary re-triggers it.

   FIX: opt the document out of scroll anchoring, and specifically exclude
   animating elements from ever being chosen as an anchor.
   ========================================================================== */

html, body                    { overflow-anchor: none; }
.lm-reveal, .lm-reveal *      { overflow-anchor: none; }

/* Compositor hygiene: `will-change: opacity, transform` is declared on every
   .lm-reveal, and a long page carries 28+ of them. That promotes dozens of
   permanent GPU layers, which thrashes the compositor and reads as flicker
   in its own right. Release each layer once its animation has finished. */
.lm-reveal.is-visible {
    will-change: auto;
    transform: none;
}
.lm-reveal { backface-visibility: hidden; }

/* Smooth-scroll and scroll anchoring fight each other during a reveal.
   Anchoring is off above; keep smooth scrolling for anchor-link jumps only. */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    .lm-reveal, .lm-reveal.is-visible {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* LM-SCROLLJITTER v1 end */

/* ==========================================================================
   LM-PALETTE-LOCK v1f
   (a) home blog card CTA — white arrow to match the white label
   (b) header / hero separator removed at the CSS layer too
   ========================================================================== */

/* (a) The "Read article" CTA renders as a gold bar with white text, but the
   arrow is an inline SVG using stroke="currentColor". Several rules compete
   over `color` on that span, and whichever wins also decides the arrow.
   Pin the label and the arrow together so they can never diverge. */
html body[class] .lm-blog-card__cta,
html body[class] .lm-blog-card__cta *,
html body[class] a.lm-blog-card__cta,
html body[class] a.lm-blog-card__cta * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body[class] .lm-blog-card__cta svg,
html body[class] .lm-blog-card__cta svg *,
html body[class] a.lm-blog-card__cta svg,
html body[class] a.lm-blog-card__cta svg * {
    stroke: #ffffff !important;
    fill: none !important;
    color: #ffffff !important;
}

/* (b) no rule between the header and the page */
html body .site-header,
html body header#masthead,
html body .ast-main-header-wrap,
html body .ast-primary-header-bar,
html body .main-header-bar {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* LM-PALETTE-LOCK v1f end */

/* ==========================================================================
   LM-HERO-PARITY v1
   Media Center and Careers heroes adopt the COMPANY hero exactly.

   Company is the reference because it is the only one of the three already
   built for the light palette: no text-shadow, black lede at normal weight,
   gold kicker preceded by a 34x3 gold dash. Media Center and Careers were
   authored for the OLD dark hero — white text carrying heavy multi-layer
   drop shadows to stay legible over a dark photo. On a light scrim those
   shadows read as a black halo, and the 600-weight lede reads as bold.

   Every value below is copied from tpl-company-1-9b5276eb.css lines 108-130.
   ========================================================================== */

/* ---- kicker / eyebrow: gold, 0.75rem, .16em, with the gold dash --------- */
html body .lm-mc-eyebrow,
html body .lm-cr-hero__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    font-family: var(--lm-font-heading) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
    text-shadow: none !important;
    margin: 0 0 1.5rem !important;
}
html body .lm-mc-eyebrow::before,
html body .lm-cr-hero__eyebrow::before {
    content: '' !important;
    width: 34px !important;
    height: 3px !important;
    background: #ffb600 !important;
    flex: 0 0 auto !important;
}

/* ---- headline: black, no shadow, Company metrics ----------------------- */
html body.lm-template-media-center .lm-mc-hero__heading,
html body .lm-mc-hero__heading,
html body.lm-template-career .lm-cr-hero__quote,
html body .lm-cr-hero__quote {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-family: var(--lm-font-heading) !important;
    font-size: clamp(2.125rem, 5vw + 0.25rem, 4.25rem) !important;
    font-weight: 800 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 1.75rem !important;
    max-width: none !important;
    text-shadow: none !important;
    background: none !important;
    background-image: none !important;
}
/* accent half of the headline stays gold */
html body .lm-mc-hero__heading .lm-mc-hero__heading-accent,
html body .lm-cr-hero__quote .lm-cr-hero__quote-accent,
html body .lm-mc-hero__heading em,
html body .lm-cr-hero__quote em {
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
    font-style: normal !important;
    text-shadow: none !important;
}

/* Company has no decorative quote marks — remove them for parity.
   Delete this rule to bring the gold quotes back on Careers. */
html body .lm-cr-hero__quote-mark { display: none !important; }

/* ---- lede: black at normal weight, no shadow --------------------------- */
html body.lm-template-media-center .lm-mc-hero__lede,
html body .lm-mc-hero__lede,
html body.lm-template-career .lm-cr-hero__lede,
html body .lm-cr-hero__lede {
    color: rgba(0,0,0,0.92) !important;
    -webkit-text-fill-color: rgba(0,0,0,0.92) !important;
    font-family: var(--lm-font-body) !important;
    font-size: 1.0625rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    max-width: 56ch !important;
    margin: 0 0 2.75rem !important;
    text-shadow: none !important;
    background: none !important;
    background-image: none !important;
}
@media (min-width: 768px) {
    html body .lm-mc-hero__lede,
    html body .lm-cr-hero__lede { font-size: 1.1875rem !important; }
}
html body .lm-mc-hero__lede a,
html body .lm-cr-hero__lede a {
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
    text-shadow: none !important;
}

/* ---- the standalone 72x5 gold bar: Company uses the kicker dash -------- */
html body .lm-mc-hero__accent,
html body .lm-cr-hero__accent { display: none !important; }

/* ---- scrim + framing identical to Company ------------------------------ */
html body .lm-mc-hero,
html body .lm-cr-hero {
    background-color: #f1f1f1 !important;
    background-image:
        linear-gradient(105deg,
            rgba(255,255,255,0.816) 30%,
            rgba(255,255,255,0.748) 58%,
            rgba(255,255,255,0.527)),
        url('/wp-content/uploads/2025/03/Double-Girder-EOT-Crane-2.jpg') !important;
    background-position: center 35% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    /* Top padding matches Company. Company closes its hero with the stats
       band, so it carries padding-bottom:0 — these two have no stats band,
       so they keep a bottom padding or the hero would collapse onto the
       next section. */
    padding: 5.5rem 0 4.5rem !important;
}
@media (min-width: 768px)  { html body .lm-mc-hero, html body .lm-cr-hero { padding-top: 7rem !important;   padding-bottom: 5.5rem !important; } }
@media (min-width: 1024px) { html body .lm-mc-hero, html body .lm-cr-hero { padding-top: 8.5rem !important; padding-bottom: 6.5rem !important; } }

/* LM-HERO-PARITY v1 end */

/* ==========================================================================
   LM-STATDIVIDER-OFF v1
   No vertical rules between stat items, anywhere.

   The home hero drew them as `.lm-hero__trust-item:not(:first-child)::before`
   — an absolutely-positioned 1px #f1f1f1 bar. Being a pseudo-element it was
   invisible to every element-level pass and to a `border-left` search.
   Removed at source in front-page-1 / revamp-preview; this block is the
   site-wide guarantee, and also clears the same pattern where product and
   hub heroes use a real border-left on `.lm-eot-hero__stat`.
   ========================================================================== */

html body .lm-hero__trust-item::before,
html body .lm-hero__trust-item:not(:first-child)::before,
html body .lm-co-hero__stat::before,
html body .lm-co-hero__stat:not(:first-child)::before,
html body [class*="hero"] [class*="stat"]:not(:first-child)::before,
html body [class*="hero"] [class*="trust-item"]:not(:first-child)::before {
    content: none !important;
    display: none !important;
    background: none !important;
    width: 0 !important;
    border: 0 !important;
}

/* product / hub heroes use a real border instead of a pseudo-element */
html body .lm-eot-hero__stat,
html body .lm-hero__trust-item,
html body .lm-co-hero__stat {
    border-left: 0 !important;
    border-right: 0 !important;
    border-inline: 0 !important;
}

/* the rule above the stats row goes too */
html body .lm-hero__trust { border-top: 0 !important; }

/* LM-STATDIVIDER-OFF v1 end */

/* ==========================================================================
   LM-SEARCHICON v1 — white glass, hollow lens
   The button was a gold chip with a BLACK magnifier, and the lens circle was
   picking up a fill so the middle read as a solid disc. Now: white stroke,
   fill:none on every part, so the lens is a clean open ring with the gold
   showing through the middle.
   ========================================================================== */
html body .lm-hdr-search button {
    background: #ffb600 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    margin-left: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: filter .18s ease !important;
}
html body .lm-hdr-search button svg,
html body .lm-hdr-search button:hover svg { color: #ffffff !important; }

/* stroke white, fill NONE — the open lens is the whole point */
html body .lm-hdr-search button svg circle,
html body .lm-hdr-search button svg path,
html body .lm-hdr-search button svg line,
html body .lm-hdr-search button svg *,
html body .lm-hdr-search button:hover svg circle,
html body .lm-hdr-search button:hover svg path {
    stroke: #ffffff !important;
    fill: none !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
}
html body .lm-hdr-search button:hover { background: #ffb600 !important; filter: brightness(.93) !important; }

/* ==========================================================================
   LM-GOLDTEXT-LEGIBILITY v1 — gold eyebrows readable on light surfaces

   #ffb600 on #ffffff is about 1.9:1 contrast — well under the WCAG 4.5:1
   floor for body text and 3:1 for large text. That is why "OR REACH US
   DIRECTLY" and "ENGINEERED FOR PRECISION, BUILT TO LAST" wash out.

   Gold is kept as the accent colour (brand intent) and made legible by
   raising WEIGHT and TRACKING rather than by changing the hue. Small gold
   labels go to 800 weight with wider letter-spacing, which thickens the
   strokes and materially improves how they read at small sizes.
   ========================================================================== */
html body [class*="eyebrow"],
html body [class*="kicker"],
html body [class*="overline"],
html body [class*="__tag"],
html body [class*="-label"]:not([class*="trust-label"]):not([class*="stat__label"]),
html body [class*="__label"]:not([class*="trust-label"]):not([class*="stat__label"]) {
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    -webkit-font-smoothing: antialiased;
}

/* Size floor. Most eyebrows are 0.6875rem (11px); at 1.76:1 contrast that
   is the worst case on the site. 0.8125rem (13px) with 800 weight is
   materially easier to read. A floor, not a resize: anything already
   larger is left alone. */
html body [class*="eyebrow"],
html body [class*="kicker"],
html body [class*="overline"] {
    font-size: 0.8125rem !important;
}
@media (min-width: 768px) {
    html body [class*="eyebrow"],
    html body [class*="kicker"],
    html body [class*="overline"] { font-size: 0.875rem !important; }
}

/* MEASURED, for whoever reads this next:
       #ffb600 on #ffffff = 1.76:1
       #ffb600 on #f1f1f1 = 1.56:1
       WCAG floor = 4.5:1 normal, 3:1 large/bold
   Weight and size improve PERCEIVED legibility (thicker strokes) but do
   not change the measured ratio — gold on white cannot reach the floor
   without darkening the gold, which the locked 4-colour palette forbids.
   The accessible alternative is black label + gold dash; the switch is
   the commented block directly below. */

/* --- ACCESSIBLE ALTERNATIVE (currently OFF) ---------------------------
   Uncomment to make eyebrows black (21:1) while keeping the gold dash as
   the brand accent.
html body [class*="eyebrow"],
html body [class*="kicker"],
html body [class*="overline"] {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
html body [class*="eyebrow"]::before,
html body [class*="kicker"]::before {
    content: ''; display: inline-block;
    width: 34px; height: 3px; background: #ffb600;
    margin-right: .75rem; vertical-align: middle;
}
--------------------------------------------------------------------- */

/* Gold on a GOLD button must stay white — never gold-on-gold */
html body [class*="btn"] [class*="label"],
html body [class*="button"] [class*="label"] {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* LM-GOLDTEXT-LEGIBILITY v1 end */

/* ==========================================================================
   LM-FEEDBACK-15AUG v1 — client logos in colour, site-wide guard
   Client logos were desaturated (grayscale + reduced opacity). Brand marks
   belong to the customer and are shown as issued.
   ========================================================================== */
html body .lm-trust-strip__cell,
html body .lm-trust-strip__cell img,
html body .lm-marquee__cell img,
html body .lm-co-circle__logo img,
html body [class*="client"] img,
html body [class*="logo-strip"] img {
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

/* LM-FEEDBACK-15AUG v1 end */

/* --- application-card dots: all gold ---------------------------------------
   .dot--s was #f1f1f1 — invisible against the white card, which is why some
   dots appeared missing while others showed. Both variants are now gold. */
html body .lm-eot-app__h .dot,
html body .dot--s, html body .dot--d { background: #ffb600 !important; }

/* ==========================================================================
   LM-FEEDBACK-17AUG v1
   (a) Chapter 08 spec-library: all four cards the same height
   (b) Blog listing: faint separator between every card
   (c) Careers intern "Minimum duration" callout: black body text
   ========================================================================== */

/* --- (a) equal-height spec cards -----------------------------------------
   The grid rows were sized to content, so a 3-line brief made one card
   taller than its neighbour. Stretch every cell and let the link fill it,
   with the CTA pinned to the bottom so the four cards line up exactly. */
html body .lm-co-library__list {
    align-items: stretch !important;
    grid-auto-rows: 1fr !important;
}
html body .lm-co-library__list > li { display: flex !important; height: 100% !important; }

/* The card is a 2-column GRID (icon | content) — that structure is kept.
   It is stretched to fill the cell, and the content column becomes a
   column-flex so the brief can expand and push the CTA to a common
   baseline across all four cards. */
html body .lm-co-library__link {
    width: 100% !important;
    height: 100% !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}
html body .lm-co-library__link > span:last-child {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
html body .lm-co-library__brief { flex: 1 1 auto !important; }
html body .lm-co-library__cta { margin-top: auto !important; }
/* icon must not stretch with the column */
html body .lm-co-library__icon { align-self: start !important; }

/* --- (b) blog card separators --------------------------------------------
   The /blogs/ listing is DATABASE-generated (`lmbg__*`), not theme markup,
   so theme class names alone do not reach it. Both naming schemes are
   covered here, and LM-BLOGSEP-JS in partials/lm-footer.php applies the
   same rules structurally for any markup neither selector predicts. */
html body .lmbg__card,
html body .lmbg__grid > li,
html body .lmbg__grid > article,
html body .lmbg__grid > div,
html body .lm-bl-grid__list > li,
html body .lm-bl-card,
html body article.lm-bl-card,
html body .lm-blogsep-cell {
    border-bottom: 1px solid rgba(0,0,0,.10) !important;
    padding-bottom: 1.5rem !important;
}
@media (min-width: 640px) {
    html body .lmbg__card,
    html body .lmbg__grid > li,
    html body .lm-bl-grid__list > li,
    html body .lm-blogsep-cell { position: relative; }

    html body .lmbg__card::after,
    html body .lmbg__grid > li::after,
    html body .lm-bl-grid__list > li::after,
    html body .lm-blogsep-cell::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 1.5rem;
        right: -0.9rem;
        width: 1px;
        background: rgba(0,0,0,.10);
        pointer-events: none;
    }
    /* JS marks the right-hand card of each row so no rule is drawn
       against the outer edge of the grid */
    html body .lm-blogsep-cell.is-row-end::after { display: none !important; }
}

/* --- (c) intern callout: readable ----------------------------------------
   The block sat on #f1f1f1 in gold at ~1.56:1 contrast. Body copy goes
   black; the gold stays as the left rule and the "Minimum duration:" lead. */
html body .lm-cr-intern__note,
html body .lm-cr-intern__note * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
html body .lm-cr-intern__note {
    background: #f1f1f1 !important;
    border-left: 4px solid #ffb600 !important;
    padding: 1.15rem 1.35rem !important;
    line-height: 1.7 !important;
}
html body .lm-cr-intern__note strong {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 800 !important;
}

/* LM-FEEDBACK-17AUG v1 end */

/* ==========================================================================
   LM-TESTIMONIAL-STAR v1
   Home testimonial medallion when the customer has no logo asset: a gold
   star inside the same 80px white circle, so the row stays visually even
   whether a card shows a logo or a star.
   ========================================================================== */
html body .lm-tcard__medallion--star {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    padding: 16px !important;
}
html body .lm-tcard__star {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    fill: #ffb600 !important;
    stroke: none !important;
    color: #ffb600 !important;
}
/* company · location line */
html body .lm-tcard__company {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 700 !important;
}
/* LM-TESTIMONIAL-STAR v1 end */

/* ==========================================================================
   LM-CSR-MEDIA — REMOVED
   All the wedge focal/inset machinery is gone with the wheel it served.
   Gallery-tile rules kept below; pillar cards are styled in
   LM-CSR-PILLARS v1.
   ========================================================================== */
html body .csr-jstage .tile {
    background-color: #f1f1f1;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    filter: none !important;
}
html body .csr-jstage .tile img { filter: none !important; object-fit: cover; }

/* ==========================================================================
   LM-CSR-GANTRY v1 — "caring beyond the crane", built as a crane

   DIRECTION. Palette and typeface are locked (four colours, Poppins), so the
   personality has to come from STRUCTURE. The page's own line is "caring
   beyond the crane" — so the layout is a crane bay: a black girder spans
   each row, and the eight pillars hang beneath it as loads on trolleys, at
   alternating drops. Hover lifts the load and the hoist rope retracts with
   it. The client's own product does the layout's work.

   It also settles the problem the wheel never could: the media box is 1:1
   and the artwork is 1:1, so `object-fit: cover` shows each photograph
   WHOLE. Nothing is clipped, at any width, for any image swapped in later.

   Restraint: gold appears in exactly three places — the headline accent,
   the trolley dot, and the icon badge. Everything else is black, white and
   #f1f1f1.
   ========================================================================== */

html body .csr-gantry {
    background: #ffffff;
    padding: 4.5rem 1.5rem 5.5rem;
    text-align: center;
}

/* --- headline: weight contrast does the work ---------------------------- */
html body .csrg-head {
    font-family: var(--lm-font-heading, inherit);
    font-weight: 300;
    font-size: clamp(1.9rem, 4.4vw, 3.25rem);
    line-height: 1.08;
    letter-spacing: -.02em;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    margin: .6rem 0 1.1rem;
}
html body .csrg-head em {
    font-style: normal;
    font-weight: 800;
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
}
html body .csr-gantry .csr-hero__sub {
    max-width: 60ch;
    margin: 0 auto 4.25rem;
    color: #000000;
    line-height: 1.7;
}

/* --- the bay ------------------------------------------------------------ */
html body .csrg-bay {
    position: relative;
    max-width: 1180px;
    margin: 0 auto 3.25rem;
    padding-top: 12px;                 /* room for the girder */
}
/* the girder itself */
html body .csrg-girder {
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 12px;
    background: #000000;
    display: block;
}
/* a thin gold lip along the top edge — the only decoration on the beam */
html body .csrg-girder::after {
    content: '';
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 2px;
    background: #ffb600;
}

html body .csrg-loads {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.75rem;
    align-items: start;
}

/* --- a hanging load ----------------------------------------------------- */
html body .csrg-load {
    position: relative;
    margin: 0;
    --drop: 34px;
    padding-top: var(--drop);
}
html body .csrg-load:nth-child(even) { --drop: 60px; }

/* the hoist rope */
html body .csrg-load::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: var(--drop);
    background: #000000;
    transform: translateX(-1px);
    transition: height .3s cubic-bezier(.22,1,.36,1);
}
/* the trolley sitting on the girder */
html body .csrg-trolley {
    position: absolute;
    left: 50%;
    top: -12px;
    width: 26px;
    height: 12px;
    background: #000000;
    transform: translateX(-13px);
    display: block;
}
html body .csrg-trolley::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffb600;
    transform: translateX(-3px);
}

/* --- the card ----------------------------------------------------------- */
html body .csrg-card {
    display: block;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.12);
    overflow: hidden;
    transition: transform .3s cubic-bezier(.22,1,.36,1),
                box-shadow .3s ease, border-color .3s ease;
}
/* THE LIFT: the load rises and the rope pays back in */
html body .csrg-load:hover::before { height: calc(var(--drop) - 12px); }
html body .csrg-load:hover .csrg-card,
html body .csrg-card:focus-visible {
    transform: translateY(-12px);
    border-color: #ffb600;
    box-shadow: 0 20px 40px -18px rgba(0,0,0,.32);
}
html body .csrg-card:focus-visible { outline: 3px solid #ffb600; outline-offset: 3px; }

/* the photo — 1:1 box, 1:1 art, so the whole picture shows */
html body .csrg-card__media {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f1f1f1;
}
html body .csrg-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: none;
}
html body .csrg-card__badge {
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffb600;
    display: flex;
    align-items: center;
    justify-content: center;
}
html body .csrg-card__badge svg { width: 20px; height: 20px; color: #000000; }

html body .csrg-card__body { display: block; padding: .95rem 1rem 1.05rem; text-align: left; }
html body .csrg-card__ttl {
    display: block;
    font-family: var(--lm-font-heading, inherit);
    font-weight: 800;
    font-size: .82rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
html body .csrg-card__dsc {
    display: block;
    margin-top: .3rem;
    font-size: .84rem;
    line-height: 1.5;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: .72;
}

html body .csr-gantry .csr-scrollcue {
    margin-top: 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #000000;
}

/* --- responsive --------------------------------------------------------- */
@media (max-width: 1024px) {
    html body .csrg-loads { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
    html body .csrg-load:nth-child(even) { --drop: 34px; }
    html body .csrg-load:nth-child(2)    { --drop: 60px; }
    html body .csrg-load:nth-child(3)    { --drop: 60px; }
}
/* On phones the rigging stops being legible, so it is removed rather than
   shrunk — the cards simply stack. */
@media (max-width: 620px) {
    html body .csrg-bay { padding-top: 0; margin-bottom: 1.25rem; }
    html body .csrg-girder { display: none; }
    html body .csrg-trolley { display: none; }
    html body .csrg-load::before { display: none; }
    html body .csrg-load, html body .csrg-load:nth-child(n) { --drop: 0px; padding-top: 0; }
    html body .csrg-loads { grid-template-columns: repeat(2, 1fr); gap: .85rem; }
}
@media (max-width: 380px) { html body .csrg-loads { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) {
    html body .csrg-card,
    html body .csrg-load::before { transition: none !important; }
    html body .csrg-load:hover .csrg-card { transform: none; }
    html body .csrg-load:hover::before { height: var(--drop); }
}
/* LM-CSR-GANTRY v1 end */

/* --- empty state for a card whose photo is not in the Media Library ------
   lm_csr_img() returns '' when no file is found, and the template then
   omits the <img> entirely rather than pointing at a 404. The media box
   still holds its 1:1 shape, showing a quiet grey panel with the gold
   badge on it, so the row never collapses and no broken-image icon or raw
   alt text is exposed. */
html body .csrg-card__media.is-empty {
    background: #f1f1f1;
    background-image: linear-gradient(150deg, rgba(255,182,0,.18), rgba(0,0,0,.04));
}

/* --- backdrop behind every card photo ------------------------------------
   The .png files in the Media Library are the ORIGINAL wedge-shaped art with
   transparent surrounds, so in a square card their corners are see-through.
   A branded panel sits behind every photo: invisible under an opaque JPG,
   and a deliberate backdrop under a transparent PNG instead of bare white.
   Uploading the optimised .jpg set makes this moot — the resolver prefers
   .png only because that is what is currently on the server. */
html body .csrg-card__media {
    background-color: #f1f1f1;
    background-image: linear-gradient(150deg, rgba(255,182,0,.16), rgba(0,0,0,.03));
}
html body .csrg-card__media img { object-fit: cover; }

/* ==========================================================================
   LM-CO-STANDARDS-INTL v3 — international codes carry the same weight as IS

   v2 set them small and faded at 68% opacity, which read as a footnote.
   They are commitments, not footnotes, so they now use the SAME family and
   weight as the IS code (Poppins 800, black, full opacity), one step down in
   size so the hierarchy still reads IS-first. Each carries a short gold tick
   — the same gold that rules under the IS code — tying the stack together
   as one credential block. No sub-heading, as asked.

   The statement paragraphs now name every international code inline and
   explain what each one governs; those names are bolded there too, so a
   specifying engineer can scan either the column or the prose.
   ========================================================================== */

html body .lm-co-standards__row {
    grid-template-columns: 200px 220px 1fr !important;
    align-items: start !important;
}
@media (max-width: 900px) {
    html body .lm-co-standards__row { grid-template-columns: 1fr !important; }
}

html body .lm-co-standards__codes { display: block; }
html body .lm-co-standards__codes .lm-co-standards__code { display: block; }

html body .lm-co-standards__intl { display: block; margin-top: .75rem; }

html body .lm-co-standards__intl-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: var(--lm-font-heading, inherit);
    font-size: .8125rem;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.9;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1;
    white-space: nowrap;
}
/* gold tick, echoing the rule under the IS code */
html body .lm-co-standards__intl-item::before {
    content: '';
    flex: 0 0 auto;
    width: 12px;
    height: 3px;
    background: #ffb600;
}
@media (min-width: 768px) { html body .lm-co-standards__intl-item { font-size: .845rem; } }

/* codes named inside the statement prose */
html body .lm-co-standards__statement strong {
    font-weight: 800;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    white-space: nowrap;
}

/* narrow screens: the row stacks, so run the codes inline */
@media (max-width: 900px) {
    html body .lm-co-standards__intl {
        margin-top: .6rem;
        display: flex;
        flex-wrap: wrap;
        gap: .3rem 1rem;
    }
    html body .lm-co-standards__intl-item { white-space: normal; line-height: 1.6; }
}
/* LM-CO-STANDARDS-INTL v3 end */

/* ==========================================================================
   CSR PILLARS — PIE WHEEL v5 (stacked slice images + per-slice hover pop)
   ========================================================================== */
/* the pillars section itself stays WHITE — kill any theme/global grey */
html body .csr-hero.csr-gantry,
html body .csr-gantry {
    background: #ffffff !important;
    background-image: none !important;
}

html body .csrp-wheel-wrap {
    width: min(72vmin, 92vw, 840px);
    max-width: none;
    margin: 2.5rem auto 0;
}
html body .csrp-wheel-stack {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
}
html body .csrp-sliceimg {
    position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}
html body .csrp-sliceimg:hover,
html body .csrp-sliceimg:focus-visible { z-index: 2; }

html body .csrp-sliceimg img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0;
    transform-origin: 50% 50%;
    transition: transform .3s cubic-bezier(.2,.7,.3,1), filter .3s ease;
    will-change: transform;
}
/* the pop: hovered pie piece scales out from the wheel centre */
html body .csrp-sliceimg:hover img,
html body .csrp-sliceimg:focus-visible img {
    transform: scale(1.06);
    filter: drop-shadow(0 10px 22px rgba(0,0,0,.25));
}

html body .csrp-hubimg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0;
    z-index: 4;
    pointer-events: none;   /* hub never blocks slice hover */
}

/* no aspect-ratio support -> keep the stack square via padding hack */
@supports not (aspect-ratio: 1 / 1) {
    html body .csrp-wheel-stack { height: 0; padding-bottom: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    html body .csrp-sliceimg img { transition: none !important; }
    html body .csrp-sliceimg:hover img { transform: none; filter: none; }
}

/* ==========================================================================
   LM-TCARD-QUOTE-LEFT v1 (2026-08-22)
   Home + Service testimonial cards: quote paragraph forced LEFT-aligned.
   The card itself is text-align:center (name/company stay centred); the
   template CSS was being beaten by cached/centre rules, so this lives here
   in the site-wide unify layer with !important — nothing can override it.
   ========================================================================== */
html body .lm-tcard .lm-tcard__quote,
html body p.lm-tcard__quote,
html body .lm-tmarq .lm-tcard__quote {
    text-align: justify !important;
    text-align-last: left !important;      /* last line stays natural left */
    -webkit-hyphens: auto !important;      /* kills the big justify word-gaps */
    hyphens: auto !important;
    hyphenate-limit-chars: 10 5 5;         /* only 10+ letter words may break */
    text-wrap: pretty;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1.125rem !important;
    padding-right: 1.125rem !important;
}
/* LM-TCARD-QUOTE-LEFT v1 end */

/* ==========================================================================
   LM-CSR-HERO-TIGHT v1 (2026-08-22)
   CSR page: "Explore our impact" scroll cue removed; hero was min-height:100vh
   with vertical centring, which produced large empty bands above and below
   the wheel — hero now hugs its content.
   ========================================================================== */
html body .csr-scrollcue { display: none !important; }

html body .csr-hero.csr-gantry,
html body .csr-hero {
    min-height: 0 !important;
    justify-content: flex-start !important;
    padding-top: 40px !important;
    padding-bottom: 0 !important;   /* v2: below-wheel gap removed */
}
html body .csrp-wheel-wrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* subtitle -> wheel gap halved (was ~40px visual) */
html body .csr-hero__sub { margin-top: 10px !important; margin-bottom: 0 !important; }
/* LM-CSR-HERO-TIGHT v1 end */

/* LM-CSR-WHEEL-DEEPLINK v1: activity cards clear the fixed header when a
   wheel slice (or any #csract-N link) jumps to them without JS */
html body .csr-jstage { scroll-margin-top: 110px; }
/* LM-CSR-WHEEL-DEEPLINK v1 end */

/* ==========================================================================
   LM-CONTACT-TWEAKS-22AUG v1
   1) Company page "Or reach us directly": label + phone/email links BLACK
      (gold stays on hover, matching the site's link hover).
   2) Hub pages (Products main, Industries main, EOT/Goliath/Jib/Trolley/
      Underslung/EWRH/ECH/CPB hubs): the bare phone/email block gets an
      "OR REACH US DIRECTLY" label injected above the numbers.
   ========================================================================== */
/* class repeated to out-rank the global gold p>a rule (six :not() classes) */
html body[class] .lm-co-closing__contact-label,
html body main p.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines > a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-bottom-color: rgba(0,0,0,.55) !important;
    text-decoration: none !important;
}
html body main p.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines > a:hover,
html body main p.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines.lm-co-closing__contact-lines > a:focus-visible {
    color: #ffb600 !important;
    -webkit-text-fill-color: #ffb600 !important;
    border-bottom-color: #ffb600 !important;
}

html body .lm-eot-final__contact::before {
    content: 'Or reach us directly';
    display: block;
    width: 100%;
    text-align: center;
    font-family: var(--lm-font-heading, Poppins, sans-serif);
    font-weight: 700;
    font-size: .78rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: .35rem;
}
/* LM-CONTACT-TWEAKS-22AUG v1 end */


/* ===================================================================
   LM MEGA MENU — CUSTOM SOLUTIONS COLUMN v3 (25 Aug 2026)
   The Products panel now runs 5 columns. The Custom Solutions group
   carries five links where every other group carries two, so its cell
   is taller. align-items:start on the grid already stops it stretching
   the others; this only tightens its own leading so the column does not
   overhang the panel's bottom padding.
   =================================================================== */
@media (min-width: 1024px) {
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3)
        > ul.mega-sub-menu li.mega-menu-column:nth-child(3) > ul.mega-sub-menu > li.mega-menu-item
        > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        padding-top: .34rem !important;
        padding-bottom: .34rem !important;
    }
}


/* ===================================================================
   LM MEGA MENU — PRODUCTS PANEL CENTRING v4 (25 Aug 2026)
   For left:0/right:0/margin:auto to centre the panel, its containing
   block must be the full-width menu wrap rather than the narrow
   PRODUCTS <li>. Forcing the <li> to position:static hands the job to
   the nearest positioned ancestor, so the wrap is made relative here.
   =================================================================== */
/* v9: the containing block MUST be wider than the panel.

   CSS 2.1 §10.3.7: when left, right and width are all set and the auto side
   margins would resolve NEGATIVE, the browser clamps both margins to 0 and
   drops `right`. A 1580px panel inside the 1077px nav wrap hits exactly that
   case — which is why it kept pinning to the wrap's left edge and spilling
   off the right, no matter what the margins said.

   So the whole nav chain is taken out of the positioning context: the wrap,
   the top-level <ul>, and the PRODUCTS <li> are all forced static. The
   panel's containing block then becomes the nearest positioned ancestor
   above them (the sticky header, full width), where 1580px fits and the auto
   margins can finally resolve positive and centre it.

   Each OTHER menu item keeps its own position:relative, so their flyout
   panels are unaffected. */
html body[class] [id^="mega-menu-wrap"],
html body[class] #mega-menu-wrap-primary,
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu,
html body[class] #mega-menu-wrap-primary #mega-menu-primary,
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3),
html body[class] #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:nth-child(3) {
    position: static !important;
}

/* every other top-level item keeps its own positioning for its flyout */
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:not(:nth-child(3)),
html body[class] #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:not(:nth-child(3)) {
    position: relative !important;
}


/* ===================================================================
   LM MEGA MENU — ONE-LINE LABELS v6 (25 Aug 2026)
   Every product name and every group heading on a single line.

   The panel is now a real 1580px, so the longest strings
   ("Double Girder EOT Cranes", "Ultralow Headroom Series",
   "Electric Travelling Trolley", "Pillar Mounted Jib Cranes",
   "CROSS TRAVELLING TROLLEY") all fit one line in a fifth of that width.
   Tighter column gaps and slightly reduced heading letter-spacing buy the
   remaining few pixels; below 1500px the type steps down a notch rather
   than wrapping.
   =================================================================== */
@media (min-width: 1024px) {

    /* tighter gutters = more room per column */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu {
        column-gap: 1rem !important;
    }

    /* product links: one line, never clipped */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3)
        ul.mega-sub-menu ul.mega-sub-menu li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link {
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        padding-left: .7rem !important;
        padding-right: .2rem !important;
    }

    /* group headings: one line too */
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3)
        > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        letter-spacing: .02em !important;
        padding-right: .2rem !important;
    }
}

/* Between 1024px and 1500px there is not enough width for the longest
   strings at full size — step the type down instead of wrapping. */
@media (min-width: 1024px) and (max-width: 1499px) {
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3)
        ul.mega-sub-menu ul.mega-sub-menu li.mega-menu-item:not(.mega-menu-item-has-children) > a.mega-menu-link {
        font-size: .84rem !important;
    }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3)
        > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: .84rem !important;
        letter-spacing: 0 !important;
    }
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu {
        column-gap: .75rem !important;
    }
}


/* ===================================================================
   LM MEGA MENU — LAST-RESORT NUDGE v9 (25 Aug 2026)
   If, after all of the above, the panel still sits off-centre on your
   screen, this is the ONLY block to touch. Uncomment it and adjust the
   single pixel value: negative moves the panel LEFT, positive moves it
   RIGHT. Leave it commented out when the auto margins are working, which
   they should be now that the nav wrap is out of the positioning chain.
   ===================================================================
html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu,
html body[class] #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu {
    position: relative !important;
    inset-inline-start: -540px !important;
}
   =================================================================== */


/* ===================================================================
   LM MEGA MENU — PRODUCTS PANEL VERTICAL BALANCE v4 (25 Aug 2026)
   Equal breathing space above the first heading row and below the
   last link row.

   MEASURED on the live panel (1920px viewport):
     panel inner top edge  -> first heading box top ....... 38px
     last link box bottom  -> panel inner bottom edge ..... 20px

   The panel's own padding was ALREADY symmetric (1.1rem / 1.1rem).
   The 18px surplus is Max Mega Menu's own spacing that sits above
   EVERY group heading — it is not declared anywhere in this theme,
   so it cannot simply be reduced here. It is therefore used AS the
   top breathing space and the panel's own padding-top is dropped
   to zero:

   v1 dropped padding-top to 0, which brought the top gap to 18px but
   left the bottom at 23px. v2 trimmed padding-bottom 1.1rem -> .78rem
   to kill that 5px surplus. VERIFIED on the v2 screenshot: top 18px,
   bottom 17px - balanced.

   v3 kept them balanced but opened both up: .6rem (9.6px) added to
   EACH side.
     padding-top    : 0      -> .6rem     => top gap    18px -> ~28px
     padding-bottom : .78rem -> 1.38rem   => bottom gap 17px -> ~27px

   v4 opens them up one more notch, again .6rem (9.6px) on EACH side
   so the two stay level.
     padding-top    : .6rem   -> 1.2rem   => top gap    ~28px -> ~37px
     padding-bottom : 1.38rem -> 1.98rem  => bottom gap ~27px -> ~37px

   REFERENCE POINTS used, so any future re-measure is comparable:
     top    = highest ink in the panel = the gold rule left of
              "CHAIN PULLEY BLOCKS"
     bottom = lowest ink in the panel = the grey connector rule under
              the deepest group (ELECTRIC CHAIN HOIST column)

   TO TUNE: change padding-bottom only. Raising it moves the bottom
   edge down; if you ever want MORE room on both sides, raise
   padding-bottom and add the same amount to padding-top.
   =================================================================== */
@media (min-width: 1024px) {
    html body[class] [id^="mega-menu-wrap"] > ul.mega-menu > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu,
    html body[class] #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:nth-child(3) > ul.mega-sub-menu {
        padding-top: 1.2rem !important;
        padding-bottom: 1.98rem !important;
    }
}

/* LM-SPEC-TABLE v1: real <table> markup for crawler/AI readability; render as the original grid. */
table.lm-pr-specs__table{display:block;}
table.lm-pr-specs__table > tbody{display:block;}