/*
Theme Name: BigHearts Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: CEI customization built directly on the official BigHearts child theme.
Version: 1.2
Template: bighearts
Text Domain: bighearts-child
*/

:root{
 --cei-teal:#005b66;
 --cei-deep:#013f47;
 --cei-gold:#c89522;
 --cei-ink:#262b2e;
 --cei-muted:#667176;
 --cei-line:#dbe3e4;
 --cei-bg:#f4f7f6;
}

/* CEI refinements layered over native BigHearts */
body{color:var(--cei-ink)}
.wgl-site-header{transition:box-shadow .25s ease,background-color .25s ease}
.wgl-site-header.sticky_active{box-shadow:0 8px 28px rgba(0,0,0,.08)}
.primary-nav ul li a,.main-menu ul li a{transition:color .2s ease}
.primary-nav ul li a:hover,.main-menu ul li a:hover{color:var(--cei-gold)!important}

/* Buttons */
.elementor-button,.wgl-button,.give-btn,.cei-btn{transition:all .22s ease!important}
.elementor-button:hover,.wgl-button:hover,.give-btn:hover,.cei-btn:hover{transform:translateY(-2px)}
.cei-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:2px solid var(--cei-teal);border-radius:3px;text-transform:uppercase;font-size:13px;font-weight:800}
.cei-btn-primary{background:var(--cei-teal);color:#fff!important}
.cei-btn-primary:hover{background:var(--cei-gold);border-color:var(--cei-gold);color:#fff!important}
.cei-btn-outline{background:#fff;color:var(--cei-teal)!important}
.cei-btn-outline:hover{background:var(--cei-teal);color:#fff!important}

/* Built-in fallback slider. Revolution Slider can replace it through Customizer. */
.cei-slider{position:relative;min-height:580px;background:#fff;overflow:hidden}
.cei-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.22fr;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}
.cei-slide.is-active{opacity:1;visibility:visible;position:relative}
.cei-slide-copy{display:flex;flex-direction:column;justify-content:center;padding:72px 54px 72px max(42px,calc((100vw - 1180px)/2))}
.cei-eyebrow{font-size:14px;letter-spacing:.04em;text-transform:uppercase;font-weight:800;color:#ad7412;margin-bottom:15px}
.cei-slide h1{font-size:50px;line-height:1.04;text-transform:uppercase;margin:0 0 18px;color:#252a2d;max-width:650px}
.cei-slide p{font-size:17px;line-height:1.65;color:#4c565a;max-width:575px;margin:0}
.cei-slide-image{min-height:580px;background-size:cover;background-position:center}
.cei-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:27px}
.cei-slider-nav{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:9px;z-index:5}
.cei-dot{width:10px;height:10px;border:0;border-radius:50%;background:rgba(0,91,102,.28);cursor:pointer}
.cei-dot.is-active{background:var(--cei-gold);transform:scale(1.25)}
.cei-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(0,91,102,.25);background:rgba(255,255,255,.94);color:var(--cei-teal);font-size:23px;cursor:pointer}
.cei-arrow:hover{background:var(--cei-teal);color:#fff}.cei-prev{left:18px}.cei-next{right:18px}

/* CEI sections */
.cei-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.cei-section{padding:65px 0}.cei-section.alt{background:var(--cei-bg)}
.cei-section-title{text-align:center;font-size:28px;line-height:1.15;text-transform:uppercase;margin:0 0 10px}
.cei-rule{width:48px;height:3px;background:var(--cei-gold);margin:0 auto 37px}
.cei-mission{background:linear-gradient(105deg,var(--cei-teal),var(--cei-deep));color:#fff}
.cei-mission-grid{display:grid;grid-template-columns:1fr 1fr;padding:29px 0}
.cei-mission-item{padding:0 42px;display:grid;grid-template-columns:58px 1fr;gap:18px}
.cei-mission-item+.cei-mission-item{border-left:1px solid rgba(255,255,255,.35)}
.cei-mission-mark{color:var(--cei-gold);font-size:50px;line-height:.9}
.cei-mission-item h3{color:var(--cei-gold);font-size:14px;text-transform:uppercase;margin:0 0 6px}
.cei-mission-item p{margin:0;color:#fff}
.cei-card-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.cei-card{text-align:center;padding:10px 30px 26px;border-right:1px solid var(--cei-line);transition:transform .2s ease,box-shadow .2s ease}
.cei-card:last-child{border-right:0}.cei-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(14,51,56,.08)}
.cei-icon{width:64px;height:64px;margin:0 auto 17px;color:var(--cei-teal)}
.cei-icon svg,.cei-step-circle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cei-card h3{font-size:17px;text-transform:uppercase;color:var(--cei-teal);margin:0 0 10px}
.cei-card p{font-size:14px;color:#545e62}
.cei-feature{display:grid;grid-template-columns:.8fr 1.4fr;gap:60px;align-items:center;border-top:1px solid var(--cei-line);padding-top:35px;margin-top:38px}
.cei-feature h2{font-size:30px;text-transform:uppercase}
.cei-journey{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;position:relative}
.cei-journey:before{content:"";position:absolute;left:6%;right:6%;top:38px;height:3px;background:var(--cei-gold)}
.cei-step{position:relative;text-align:center;z-index:2}
.cei-step-circle{width:78px;height:78px;background:#fff;border:2px solid var(--cei-teal);border-radius:50%;display:grid;place-items:center;margin:0 auto;color:var(--cei-teal);padding:19px;transition:.2s}
.cei-step:hover .cei-step-circle{background:var(--cei-teal);color:#fff;transform:translateY(-3px)}
.cei-step span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;color:var(--cei-teal);margin-top:10px}
.cei-text-link{display:inline-flex;margin-top:18px;color:var(--cei-teal)!important;font-weight:800;text-transform:uppercase;font-size:13px;transition:.2s}
.cei-text-link:hover{color:var(--cei-gold)!important;transform:translateX(4px)}
.cei-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.cei-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1024px){
 .cei-slide{grid-template-columns:1fr}.cei-slide-copy{padding:58px 35px}.cei-slide-image{min-height:390px}
 .cei-card-grid{grid-template-columns:repeat(2,1fr)}
 .cei-feature{grid-template-columns:1fr}
}
@media(max-width:700px){
 .cei-shell{width:min(100% - 30px,1180px)}
 .cei-slide h1{font-size:36px}.cei-slide-copy{padding:45px 22px}.cei-slide-image{min-height:290px}.cei-arrow{display:none}
 .cei-mission-grid{grid-template-columns:1fr}.cei-mission-item+.cei-mission-item{border-left:0;border-top:1px solid rgba(255,255,255,.3)}
 .cei-card-grid{grid-template-columns:1fr}.cei-card{border-right:0;border-bottom:1px solid var(--cei-line)}
 .cei-journey{grid-template-columns:repeat(2,1fr);gap:24px}.cei-journey:before{display:none}
}