/* lei.css - additions that replace the old JavaScript (slider, mobile menu) so the site needs no scripts.
   Everything here is CSP-safe: no inline styles, no scripts, only same-origin assets. */

/* ---- mobile menu (checkbox hack instead of jQuery) ---- */
.menu-toggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
#menu-icon{cursor:pointer}
@media only screen and (max-width:640px){
  .pure-menu nav .menu-toggle:checked ~ ul{display:block !important}
}

/* ---- home slider: 3 slides, CSS-only crossfade (replaces fractionSlider) ---- */
.home-banner{height:min(623px,51.92vw)}
.content-wrapper.home-wrapper{top:min(623px,51.92vw)}
.home-banner .slider{position:relative;width:100%;max-width:1200px;height:100%;margin:0 auto;container-type:inline-size}
.home-banner .slide{position:absolute;inset:0;opacity:0;animation:leiFade 21s infinite}
.home-banner .slide1{opacity:1;animation-name:leiFade1}
.home-banner .slide2{animation-delay:7s}
.home-banner .slide3{animation-delay:14s}
.home-banner .slider:hover .slide{animation-play-state:paused}
.home-banner .slide .bg{position:absolute;top:0;left:0;width:100%;height:100%}
.home-banner .slide .ov{position:absolute;top:calc(var(--t) / 623 * 100%);left:calc(var(--l) / 1200 * 100%);width:calc(var(--w) / 1200 * 100%);height:auto}
.home-banner .slide .splash{position:absolute;margin:0;width:66.67%;left:16.67%;text-align:center}
.home-banner .slide .sp1{top:33.7%;left:0;width:100%}
.home-banner .slide .sp2{top:25.7%;left:17.5%}
.home-banner .slide .sp3{top:30.5%;left:25%}
.home-banner .slide .splash-head{font-size:min(47px,3.92cqw) !important}
.home-banner .slide .splash-subhead{font-size:min(30px,2.5cqw)}
.home-banner .slide .sh2{font-size:min(30px,2.5cqw) !important}
.home-banner .slide .sh3{font-size:min(34px,2.83cqw) !important}
.home-banner .slide .bc1{position:absolute;top:61.8%;left:9.17%;width:81.66%;margin:0 !important;display:flex;justify-content:center;letter-spacing:normal}
.home-banner .bh-link{text-decoration:none;color:#fff}
@keyframes leiFade1{0%,30%{opacity:1}36%,94%{opacity:0}100%{opacity:1}}
@keyframes leiFade{0%{opacity:0}6%,30%{opacity:1}36%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.home-banner .slide{animation:none}.home-banner .slide1{opacity:1}}

/* ---- contact form (secure backend) ---- */
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.errors{background:#fdf1ee;border-left:4px solid #b3321b;padding:.75rem 1rem;margin-bottom:1.5rem;color:#4a4a4a}
.errors p{margin:0 0 .25rem;font-weight:700}.errors ul{margin:0;padding-left:1.2rem}
#contact_form input,#contact_form textarea{width:100%}

/* converted inline styles */
.services-detail p {
	margin: 1em 0;
}
.s16d6fb{--t:350 !important;--l:500 !important;--w:128 !important}
.s2495b8{padding-bottom:0 !important}
.s27e11a{--t:348 !important;--l:926 !important;--w:147 !important}
.s310b5d{border-bottom:none !important}
.s31298a{--t:207 !important;--l:485 !important;--w:330 !important}
.s3483e2{--t:386 !important;--l:630 !important;--w:366 !important}
.s3c3bb5{--t:396 !important;--l:134 !important;--w:168 !important}
.s3d365d{--t:425 !important;--l:375 !important;--w:244 !important}
.s4fb9b6{margin-top:7px !important}
.s56a2eb{background-color:transparent !important}
.s6a0fca{background-color:#000 !important;color:#FFF !important;margin-top:1em !important}
.s6efd37{top:76px !important}
.s7a885f{color:#005573 !important;margin-top:1em !important}
.s7b17fb{--t:352 !important;--l:333 !important;--w:93 !important}
.s7c736b{--t:326 !important;--l:735 !important;--w:250 !important}
.s7fa2a4{--t:408 !important;--l:260 !important;--w:220 !important}
.s874c27{color:#4a4a4a !important}
.s933465{margin-left:0 !important}
.s9a7572{margin-top:1em !important}
.sa79cdc{margin-top:100px !important}
.sa7c5bd{margin:9px 75px 0 10px !important}
.sbcc964{margin:9px 0 0 10px !important}
.sdf2346{margin-top:70px !important}
.seb1401{--t:544 !important;--l:482 !important;--w:330 !important}