/* eLockers About Us Modern — scoped styles for legacy Kallyas / Zion Builder. */
body.elabout-active .elabout-native,body.elabout-active .elabout-native *{box-sizing:border-box}
body.elabout-active .elabout-native{width:100%;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.65;color:#173d60;overflow:hidden;font-size:15px;letter-spacing:normal}
body.elabout-active .elabout-native h1,body.elabout-active .elabout-native h2,body.elabout-active .elabout-native h3,body.elabout-active .elabout-native p{font-family:inherit;letter-spacing:normal;text-transform:none;margin:0;padding:0}
body.elabout-active .elabout-native h1{font-size:clamp(38px,4.45vw,64px);line-height:1.08;font-weight:850;letter-spacing:-.047em;color:white}
body.elabout-active .elabout-native h2{font-size:clamp(31px,3.1vw,44px);font-weight:830;line-height:1.19;color:#0b365a;letter-spacing:-.04em}
body.elabout-active .elabout-native h3{font-size:19px;line-height:1.32;font-weight:800;color:#113f65}
body.elabout-active .elabout-native h1 em,body.elabout-active .elabout-native h2 em{font-style:normal;color:#168ce8}
body.elabout-active .elabout-native h1 em{color:#81c9ff}
body.elabout-active .elabout-native img{display:block;max-width:100%;height:auto}
body.elabout-active .elabout-native a{text-decoration:none}
body.elabout-active .elabout-native .elabout-container{width:100%;max-width:1200px;margin:0 auto;padding-left:30px;padding-right:30px}
body.elabout-active .elabout-native .elabout-eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;color:#087fd6;line-height:1.4;margin-bottom:17px}
body.elabout-active .elabout-native .elabout-eyebrow-light{color:#88d2ff}
body.elabout-active .elabout-hero{background:linear-gradient(124deg,#0a3157 0%,#0b4876 62%,#10679a 100%);color:#fff}
body.elabout-active .elabout-hero-grid{display:grid;grid-template-columns:1fr .94fr;gap:58px;min-height:520px;align-items:center;padding-top:56px;padding-bottom:57px}
body.elabout-active .elabout-hero-lead{font-size:17px;color:#d4e8f5;line-height:1.75;margin-top:24px;max-width:565px}
body.elabout-active .elabout-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
body.elabout-active .elabout-hero-tags span{border:1px solid #4b7797;background:#ffffff12;border-radius:6px;font-size:11px;font-weight:650;color:#e8f4fd;padding:7px 10px}
body.elabout-active .elabout-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
body.elabout-active .elabout-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 21px;font-size:13px;line-height:1.2;font-weight:800;border-radius:6px;min-height:45px;box-shadow:none;transition:background .2s}
body.elabout-active .elabout-btn-primary{background:#168dec;color:#fff}
body.elabout-active .elabout-btn-primary:hover{background:#41a9fa;color:#fff}
body.elabout-active .elabout-btn-outline{border:1px solid #8ab3cf;color:#fff;background:transparent}
body.elabout-active .elabout-btn-outline:hover{background:#ffffff19;color:#fff}
body.elabout-active .elabout-hero-note{color:#b8d5e8;font-size:11px;margin-top:20px}
body.elabout-active .elabout-hero-media{height:430px;position:relative;border-radius:16px;background:#dceffc;border:8px solid #d8eaf7;box-shadow:0 20px 48px #001e3b38}
body.elabout-active .elabout-hero-media>img{height:100%;width:100%;object-fit:cover;border-radius:9px}
body.elabout-active .elabout-photo-stamp{position:absolute;bottom:17px;left:17px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:8px;padding:12px 17px;box-shadow:0 8px 20px #0002}
body.elabout-active .elabout-photo-stamp>span:first-child{font-size:29px;line-height:1;font-weight:900;color:#0b87e6;letter-spacing:-.04em}
body.elabout-active .elabout-photo-stamp>span:last-child{font-size:11px;color:#295a7b;line-height:1.32;font-weight:750}
body.elabout-active .elabout-story{padding:88px 0;background:#fff}
body.elabout-active .elabout-story-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:75px}
body.elabout-active .elabout-prose p{font-size:15px;color:#58738b;line-height:1.87;margin-bottom:14px}
body.elabout-active .elabout-flag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
body.elabout-active .elabout-flag-row span{font-size:12px;color:#1a628f;background:#eef7fe;border:1px solid #d5e9f6;border-radius:30px;padding:7px 13px;font-weight:750}
body.elabout-active .elabout-mission{background:#eef6fc;padding:84px 0 90px}
body.elabout-active .elabout-section-head{text-align:center;max-width:820px;margin:0 auto 36px}
body.elabout-active .elabout-section-head p{color:#5c7992;line-height:1.75;margin:19px auto 0;max-width:740px}
body.elabout-active .elabout-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.elabout-active .elabout-statement{position:relative;background:#fff;padding:35px 35px 28px;border-radius:13px;border:1px solid #dcebf6;min-height:270px;box-shadow:0 10px 18px #19416608}
body.elabout-active .elabout-statement-index{font-size:11px;letter-spacing:.13em;color:#0e8ee4;font-weight:800;display:block;margin-bottom:20px}
body.elabout-active .elabout-statement h3{font-size:24px;margin-bottom:12px}
body.elabout-active .elabout-statement>p{color:#5b7890;font-size:14px;line-height:1.78}
body.elabout-active .elabout-statement-foot{border-top:1px solid #dbe9f5;padding-top:15px;margin-top:23px;color:#127ac2;font-size:12px;font-weight:800}
body.elabout-active .elabout-markets{background:white;padding:86px 0}
body.elabout-active .elabout-markets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body.elabout-active .elabout-markets-grid article{background:#f5faff;padding:28px 24px;border-radius:12px;border:1px solid #dfedf7;min-height:172px}
body.elabout-active .elabout-market-number{font-size:12px;color:#178de8;font-weight:900;display:block;margin-bottom:16px}
body.elabout-active .elabout-markets-grid h3{font-size:17px;margin-bottom:9px}
body.elabout-active .elabout-markets-grid p{font-size:13px;color:#69839a;line-height:1.65}
body.elabout-active .elabout-projects{background:#ecf5fc;padding:87px 0 94px}
body.elabout-active .elabout-section-heading-line{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:29px}
body.elabout-active .elabout-section-heading-line>p{font-size:14px;color:#617e95;line-height:1.75}
body.elabout-active .elabout-gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px}
body.elabout-active .elabout-gallery figure{margin:0;border-radius:11px;overflow:hidden;background:#fff;border:1px solid #d8e8f5}
body.elabout-active .elabout-gallery img{width:100%;height:245px;object-fit:cover}
body.elabout-active .elabout-gallery figcaption{display:flex;flex-direction:column;padding:17px 19px 18px;gap:4px}
body.elabout-active .elabout-gallery figcaption strong{font-size:15px;color:#134a73}
body.elabout-active .elabout-gallery figcaption span{font-size:12px;color:#718ba0}
body.elabout-active .elabout-quality{background:#fff;padding:95px 0}
body.elabout-active .elabout-split{display:grid;grid-template-columns:1.13fr .87fr;gap:70px;align-items:center}
body.elabout-active .elabout-split>div>p{color:#607f97;font-size:15px;line-height:1.83;margin-top:20px}
body.elabout-active .elabout-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 19px;margin-top:31px}
body.elabout-active .elabout-check-grid div{border-left:3px solid #0d8ee9;padding-left:13px}
body.elabout-active .elabout-check-grid b{font-size:11px;font-weight:850;color:#0d8ee9;display:block;margin-bottom:4px}
body.elabout-active .elabout-check-grid strong{display:block;font-size:14px;color:#194a71;line-height:1.4}
body.elabout-active .elabout-check-grid span{display:block;color:#72899e;font-size:12px;line-height:1.7;margin-top:5px}
body.elabout-active .elabout-side-photo{background:#f7fbfe;margin:0;border:1px solid #d8eaf5;border-radius:14px;overflow:hidden;box-shadow:0 15px 26px #183e5f0f}
body.elabout-active .elabout-side-photo img{height:380px;width:100%;object-fit:cover;background:#f3f8fd}
body.elabout-active .elabout-side-photo figcaption{font-size:11px;line-height:1.5;color:#728ca2;padding:15px 17px}
body.elabout-active .elabout-support{background:#f0f7fd;padding:93px 0 91px}
body.elabout-active .elabout-support-split{grid-template-columns:.86fr 1.14fr}
body.elabout-active .elabout-service-list{margin-top:25px}
body.elabout-active .elabout-service-list>div{border-bottom:1px solid #d4e5f2;padding:11px 0;display:flex;gap:15px}
body.elabout-active .elabout-service-list>div>span{font-size:12px;color:#0885dd;font-weight:900;line-height:1.7}
body.elabout-active .elabout-service-list>div>p{font-size:13px;color:#657f96;line-height:1.7}
body.elabout-active .elabout-service-list>div>p strong{color:#164a74}
body.elabout-active .elabout-text-link{display:inline-flex;gap:13px;margin-top:25px;color:#0c81d6;font-size:14px;font-weight:850;border-bottom:1px solid #0c81d6;padding-bottom:5px}
body.elabout-active .elabout-text-link:hover{color:#095a94}
/* Kallyas full-width Sections containing editable native TH_TextBox elements. */
body.elabout-active section[id^="elabout-zion-section-"]{padding:0!important;margin:0!important;min-height:0!important;border:0!important;background:transparent!important}
body.elabout-active section[id^="elabout-zion-section-"]>.zn-sectionContainer{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}
body.elabout-active section[id^="elabout-zion-section-"]>.zn-sectionContainer>.row{margin:0!important;max-width:none!important}
body.elabout-active section[id^="elabout-zion-section-"] .znColumnElement,body.elabout-active section[id^="elabout-zion-section-"] .znColumnElement-innerContent{margin:0!important;padding:0!important}
body.elabout-active section[id^="elabout-zion-section-"] .zn-text{margin:0!important;padding:0!important}
body.elabout-active .elabout-native>p:empty{display:none}
@media(max-width:1000px){body.elabout-active .elabout-hero-grid{gap:30px}body.elabout-active .elabout-hero-media{height:380px}body.elabout-active .elabout-story-grid{gap:40px}body.elabout-active .elabout-split{gap:33px}}
@media(max-width:720px){body.elabout-active .elabout-native .elabout-container{padding-left:20px;padding-right:20px}body.elabout-active .elabout-hero-grid{grid-template-columns:1fr;padding-top:50px;padding-bottom:50px}body.elabout-active .elabout-hero-media{height:330px;max-width:520px;width:100%;margin:0 auto}body.elabout-active .elabout-story,body.elabout-active .elabout-mission,body.elabout-active .elabout-markets,body.elabout-active .elabout-projects,body.elabout-active .elabout-quality,body.elabout-active .elabout-support{padding-top:64px;padding-bottom:64px}body.elabout-active .elabout-story-grid,body.elabout-active .elabout-split,body.elabout-active .elabout-section-heading-line,body.elabout-active .elabout-support-split{grid-template-columns:1fr;gap:28px}body.elabout-active .elabout-dual-grid{grid-template-columns:1fr}body.elabout-active .elabout-markets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.elabout-active .elabout-gallery{grid-template-columns:1fr 1fr}body.elabout-active .elabout-gallery-primary{grid-column:span 2}body.elabout-active .elabout-gallery img{height:215px}body.elabout-active .elabout-gallery-primary img{height:300px}body.elabout-active .elabout-side-photo img{height:310px}}
@media(max-width:440px){body.elabout-active .elabout-native .elabout-container{padding-left:16px;padding-right:16px}body.elabout-active .elabout-native h1{font-size:clamp(36px,10vw,47px)}body.elabout-active .elabout-native h2{font-size:31px}body.elabout-active .elabout-hero-lead{font-size:15px}body.elabout-active .elabout-btn{font-size:12px;padding:13px 16px}body.elabout-active .elabout-hero-tags span{font-size:10px}body.elabout-active .elabout-markets-grid{grid-template-columns:1fr}body.elabout-active .elabout-markets-grid article{min-height:auto}body.elabout-active .elabout-check-grid{grid-template-columns:1fr 1fr;gap:16px 10px}body.elabout-active .elabout-gallery{grid-template-columns:1fr}body.elabout-active .elabout-gallery-primary{grid-column:auto}body.elabout-active .elabout-gallery img,body.elabout-active .elabout-gallery-primary img{height:210px}body.elabout-active .elabout-hero-media{height:260px}body.elabout-active .elabout-statement{padding:25px 23px}}
/* Suppress Kallyas' default page-title strip on this dedicated modern test page. */
body.elabout-active .page-subheader{display:none!important}

/* v1.1 targeted corrections for legacy Kallyas Text Box markup. */
body.elabout-active .elabout-hero-tags{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:25px!important;align-items:center!important}
body.elabout-active .elabout-hero-tags > .elabout-tag,body.elabout-active .elabout-hero-tags > span,body.elabout-active .elabout-hero-tags > div{display:inline-block!important;border:1px solid rgba(171,215,246,.45)!important;background:rgba(255,255,255,.08)!important;border-radius:7px!important;color:#e8f4fd!important;padding:8px 12px!important;font-weight:650!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important;margin:0!important}
body.elabout-active .elabout-flag-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:25px!important}
body.elabout-active .elabout-flag-row > .elabout-region,body.elabout-active .elabout-flag-row > span,body.elabout-active .elabout-flag-row > div{display:inline-block!important;color:#1a628f!important;background:#eef7fe!important;border:1px solid #d5e9f6!important;border-radius:20px!important;padding:7px 13px!important;font-size:12px!important;font-weight:750!important;line-height:1.5!important;margin:0!important}
body.elabout-active .elabout-photo-stamp{display:none!important}

/* v1.2 installation photo slideshow — actual Media Library photos only. */
body.elabout-active .elabout-hero-media .elabout-install-slideshow{position:absolute;inset:0;overflow:hidden;border-radius:8px;background:#e5f1fa;isolation:isolate}
body.elabout-active .elabout-install-track{position:absolute;inset:0;overflow:hidden}
body.elabout-active .elabout-install-slide{position:absolute;inset:0;display:block!important;visibility:hidden;opacity:0;z-index:0;margin:0!important;padding:0!important;transition:opacity .7s ease,visibility .7s ease;pointer-events:none;background:#eaf3fa}
body.elabout-active .elabout-install-slide.is-active{visibility:visible;opacity:1;z-index:1;pointer-events:auto}
body.elabout-active .elabout-install-slide>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none;max-height:none;background:#eaf3fa}
body.elabout-active .elabout-install-caption{position:absolute;left:14px;right:14px;bottom:47px;display:flex;flex-direction:column;gap:1px;padding:10px 13px;border-radius:8px;background:rgba(5,30,54,.84);color:#fff;backdrop-filter:blur(4px);line-height:1.45;text-align:left;max-width:calc(100% - 28px)}
body.elabout-active .elabout-install-caption strong{font-size:14px;line-height:1.3;color:#fff;font-weight:800}
body.elabout-active .elabout-install-caption span{font-size:11px;color:#e0eef9}
body.elabout-active .elabout-install-arrow{position:absolute;z-index:3;top:44%;width:35px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.7);border-radius:7px;cursor:pointer;color:#fff;font-size:28px;line-height:1;background:rgba(9,49,82,.73);box-shadow:none;padding:0}
body.elabout-active .elabout-install-prev{left:8px}
body.elabout-active .elabout-install-next{right:8px}
body.elabout-active .elabout-install-arrow:hover,body.elabout-active .elabout-install-toggle:hover{background:#0e7bc4;color:white}
body.elabout-active .elabout-install-controls{position:absolute;z-index:3;bottom:11px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;border-radius:25px;background:rgba(4,37,64,.78);padding:6px 11px;white-space:nowrap}
body.elabout-active .elabout-install-dots{display:flex;align-items:center;gap:8px}
body.elabout-active .elabout-install-dot{display:block;width:10px;height:10px;border-radius:50%;padding:0;margin:0;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.8);cursor:pointer;box-shadow:none}
body.elabout-active .elabout-install-dot.is-active{background:#2cb3ff;border-color:#c4e9ff;transform:scale(1.12)}
body.elabout-active .elabout-install-toggle{display:block;min-width:23px;height:24px;border:0;border-radius:4px;line-height:1;background:transparent;color:white;cursor:pointer;box-shadow:none;font-size:12px;padding:2px 5px}
body.elabout-active .elabout-install-slideshow button:focus-visible{outline:3px solid #ffcf58;outline-offset:2px}
@media(max-width:720px){body.elabout-active .elabout-install-caption{bottom:41px;left:8px;right:8px;max-width:calc(100% - 16px);padding:8px 10px}body.elabout-active .elabout-install-caption strong{font-size:12px}body.elabout-active .elabout-install-caption span{font-size:10px}body.elabout-active .elabout-install-arrow{width:30px;height:38px;font-size:24px}}
@media(prefers-reduced-motion:reduce){body.elabout-active .elabout-install-slide{transition:none!important}}

/* v1.3: editing preview is purposefully non-interactive — purple toolbar belongs to Zion Builder. */
body.elabout-active.elabout-zion-edit .elabout-install-slideshow::after{content:"Slideshow preview · Open View Page to play";position:absolute;z-index:8;right:8px;top:8px;padding:5px 9px;border-radius:5px;background:rgba(9,49,82,.88);color:#fff;font-size:10px;font-weight:700;pointer-events:none}
body.elabout-active.elabout-zion-edit .elabout-install-controls,body.elabout-active.elabout-zion-edit .elabout-install-arrow{pointer-events:none!important}
/* Graceful auto-rotation if a legacy theme fails to enqueue the enhancement script on the frontend. */
@keyframes elabout-css-3slide {0%,30%{opacity:1;visibility:visible}33.34%,96%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
body.elabout-active:not(.elabout-zion-edit) .elabout-install-slideshow:not([data-elabout-ready="1"])[data-slide-count="3"] .elabout-install-slide{opacity:0;visibility:hidden;animation:elabout-css-3slide 15s infinite both;z-index:1}
body.elabout-active:not(.elabout-zion-edit) .elabout-install-slideshow:not([data-elabout-ready="1"])[data-slide-count="3"] .elabout-install-slide:nth-child(2){animation-delay:-5s}
body.elabout-active:not(.elabout-zion-edit) .elabout-install-slideshow:not([data-elabout-ready="1"])[data-slide-count="3"] .elabout-install-slide:nth-child(3){animation-delay:-10s}
@media(prefers-reduced-motion:reduce){body.elabout-active .elabout-install-slideshow:not([data-elabout-ready="1"]) .elabout-install-slide{animation:none!important}body.elabout-active .elabout-install-slideshow:not([data-elabout-ready="1"]) .elabout-install-slide:first-child{visibility:visible!important;opacity:1!important}}

/* v1.4 — Kallyas absolute/sticky header compatibility on live About Us only.
   The measured header height is set by about-slideshow.js; the 92px
   fallback helps even if a performance plugin delays the script. */
body.elabout-active:not(.elabout-zion-edit) .elabout-hero{padding-top:var(--elabout-header-space,0px)!important}
@supports selector(body:has(#header.site-header--absolute)){
  body.elabout-active:not(.elabout-zion-edit):has(#header.site-header--absolute) .elabout-hero{padding-top:var(--elabout-header-space,92px)!important}
}
/* Avoid anchor targets disappearing underneath fixed site navigation. */
body.elabout-active .elabout-native [id]{scroll-margin-top:110px}

/* v1.5: Keep ALL carousel controls outside the photo viewport.
   Many LockersInstalled images are photographic collages with years/locations
   printed along their bottom edge. The previous floating controls covered them.
   Reserve a dedicated pale-blue, 58px-high control bar inside the Hero media frame.
   No changes to carousel markup or saved Zion Builder data are necessary. */
body.elabout-active .elabout-hero-media .elabout-install-slideshow{
  --elabout-controls-height:58px;
  background:#e7f2fa!important;
}
body.elabout-active .elabout-hero-media .elabout-install-track{
  inset:0 0 var(--elabout-controls-height) 0!important;
  background:#eaf3fa!important;
}
/* Any extra caption text (entered in Tools) remains within the photo area,
   above the dedicated controls, instead of competing with buttons. */
body.elabout-active .elabout-hero-media .elabout-install-caption{
  bottom:9px!important;
}
body.elabout-active .elabout-hero-media .elabout-install-arrow{
  top:auto!important;
  bottom:10px!important;
  transform:none!important;
  width:37px!important;
  height:37px!important;
  border:1px solid #bad8ea!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#0b527d!important;
  font-size:26px!important;
  box-shadow:none!important;
}
body.elabout-active .elabout-hero-media .elabout-install-prev{left:12px!important}
body.elabout-active .elabout-hero-media .elabout-install-next{right:12px!important}
body.elabout-active .elabout-hero-media .elabout-install-controls{
  bottom:11px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-height:36px!important;
  padding:4px 12px!important;
  background:#ffffff!important;
  border:1px solid #c7dfef!important;
  box-shadow:none!important;
  gap:10px!important;
  color:#0b527d!important;
}
body.elabout-active .elabout-hero-media .elabout-install-dot{
  width:10px!important;height:10px!important;
  background:#bad2e3!important;border-color:#bad2e3!important;
}
body.elabout-active .elabout-hero-media .elabout-install-dot.is-active{
  background:#128fec!important;border-color:#128fec!important;
}
body.elabout-active .elabout-hero-media .elabout-install-toggle{
  color:#0b527d!important;
  font-weight:800!important;
}
body.elabout-active .elabout-hero-media .elabout-install-arrow:hover,
body.elabout-active .elabout-hero-media .elabout-install-toggle:hover{
  background:#e4f4ff!important;color:#0878c6!important;
}
@media(max-width:440px){
  body.elabout-active .elabout-hero-media{height:290px!important}
  body.elabout-active .elabout-hero-media .elabout-install-slideshow{--elabout-controls-height:54px}
  body.elabout-active .elabout-hero-media .elabout-install-arrow{width:32px!important;height:32px!important;bottom:10px!important;font-size:23px!important}
  body.elabout-active .elabout-hero-media .elabout-install-controls{bottom:9px!important;min-height:35px!important;padding:4px 9px!important;gap:8px!important}
}