/* Theme Name: OceanWP Child Theme Theme URI: https://oceanwp.org/ Description: OceanWP Child Theme for Eagle Overlook Recovery — Design V4 Author: OceanWP Author URI: https://oceanwp.org/ Template: oceanwp Version: 2.0 */ /* Parent stylesheet loaded via functions.php */ /* ============================================================ GLOBAL RESETS ============================================================ */ html, body { margin-top: 0 !important; padding-top: 0 !important; } /* Hide OceanWP default header/footer on homepage — V4 nav built inside Elementor */ .home #site-header, .home #footer-inner, .home #footer-widgets, .home #footer-wrap { display: none !important; } /* ============================================================ FULL-WIDTH ELEMENTOR LAYOUT ============================================================ */ .home #content-wrap, .home #primary, .home .page-content, .home article.page { max-width: 100% !important; width: 100% !important; padding: 0 !important; } .elementor-section > .elementor-container { max-width: 100% !important; padding: 0 !important; } /* Fixed transparent nav */ .v4-nav-section { position: fixed !important; top: 0; left: 0; right: 0; z-index: 200; } /* ============================================================ DESIGN V4 — CSS VARIABLES ============================================================ */ :root { --sage: #7BA188; --sage-dark: #5A7A65; --sage-light: #A8C4B0; --terra: #C86B4F; --terra-light:#E8A088; --gold: #D4A574; --gold-light: #EDD4B0; --cream: #F5F0EB; --cream-2: #EDE8DF; --warm: #FFFDF9; --lt: #DDD4CC; --dark: #2D2520; --mid: #6B5D54; --muted: #9B8E86; --white: #FFFFFF; } /* ============================================================ DESIGN V4 — TYPOGRAPHY BASE ============================================================ */ .home body { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--dark); line-height: 1.6; } /* ============================================================ NAV — Transparent over hero, transitions to cream on scroll ============================================================ */ .v4-nav { background: transparent; display: flex; align-items: center; justify-content: space-between; padding: 0 52px; height: 80px; border-bottom: 1px solid transparent; box-shadow: none; transition: background .45s ease, box-shadow .45s ease, border-color .45s ease; } .v4-nav.v4-scrolled { background: var(--warm); border-bottom-color: rgba(221,212,204,0.6); box-shadow: 0 2px 28px rgba(45,37,32,0.07); } .v4-logo { text-decoration: none; flex-shrink: 0; } .v4-logo-main { font-family: 'Playfair Display', serif; font-size: 22px; color: white; font-weight: 700; line-height: 1; display: block; transition: color .45s ease; } .v4-nav.v4-scrolled .v4-logo-main { color: var(--dark); } .v4-logo-sub { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: white; font-weight: 500; margin-top: 5px; display: block; transition: color .45s ease; } .v4-nav.v4-scrolled .v4-logo-sub { color: var(--muted); } .v4-nav-links { display: flex; gap: 36px; list-style: none; align-items: center; margin: 0; padding: 0; } .v4-nav-links a { text-decoration: none; font-size: 15px; font-weight: 600; color: white !important; position: relative; padding-bottom: 3px; transition: color .2s; } .v4-nav.v4-scrolled .v4-nav-links a { color: var(--mid) !important; } .v4-nav-links a::after { content: ''; position: absolute; bottom: 0; left: 50%; right: 50%; height: 1.5px; background: rgba(255,255,255,0.8); transition: left .25s ease, right .25s ease, background .45s ease; } .v4-nav.v4-scrolled .v4-nav-links a::after { background: var(--sage-dark); } .v4-nav-links a:hover { color: white; } .v4-nav.v4-scrolled .v4-nav-links a:hover { color: var(--dark); } .v4-nav-links a:hover::after { left: 0; right: 0; } .v4-nav-right { display: flex; align-items: center; gap: 20px; flex-shrink: 0; } .v4-nav-phone { text-decoration: none; display: flex; align-items: center; gap: 10px; } .v4-nav-phone svg { color: rgba(255,255,255,0.8); flex-shrink: 0; transition: color .45s ease; } .v4-nav.v4-scrolled .v4-nav-phone svg { color: var(--terra); } .v4-nav-phone-num { font-size: 15px; font-weight: 700; color: white; display: block; line-height: 1; transition: color .45s ease; } .v4-nav.v4-scrolled .v4-nav-phone-num { color: var(--terra); } .v4-nav-phone-sub { font-size: 10px; color: white; font-weight: 400; display: block; margin-top: 3px; transition: color .45s ease; } .v4-nav.v4-scrolled .v4-nav-phone-sub { color: var(--muted); } .v4-nav-cta { background: rgba(255,255,255,0.15); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.35); color: white !important; padding: 13px 28px; border-radius: 30px; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background .45s ease, border-color .45s ease; } .v4-nav.v4-scrolled .v4-nav-cta { background: var(--terra); border-color: var(--terra); } .v4-nav-cta:hover { background: rgba(255,255,255,0.28); border-color: rgba(255,255,255,0.6); } .v4-nav.v4-scrolled .v4-nav-cta:hover { background: #b55a3e; border-color: #b55a3e; } .v4-hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 6px; width: 36px; height: 36px; flex-shrink: 0; } .v4-hamburger span { display: block; width: 22px; height: 2px; background: white; border-radius: 2px; transition: transform .3s, opacity .3s, background .45s ease; } .v4-nav.v4-scrolled .v4-hamburger span { background: var(--dark); } .v4-hamburger.v4-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .v4-hamburger.v4-active span:nth-child(2) { opacity: 0; } .v4-hamburger.v4-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .v4-mobile-menu { display: none; flex-direction: column; background: var(--warm); border-bottom: 3px solid var(--sage); } .v4-mobile-menu.v4-open { display: flex; } .v4-mobile-menu a { padding: 18px 24px; font-size: 16px; font-weight: 500; color: var(--mid); text-decoration: none; border-bottom: 1px solid rgba(221,212,204,0.45); transition: color .2s, background .2s; } .v4-mobile-menu a:hover { color: var(--dark); background: var(--cream); } .v4-mobile-cta-link { color: var(--terra) !important; font-weight: 700 !important; display: flex !important; align-items: center; gap: 10px; border-bottom: none !important; } /* ============================================================ HERO ============================================================ */ .v4-hero { position: relative; min-height: 680px; display: flex; align-items: center; overflow: hidden; background: #2D2520 center 75% / cover no-repeat; } .v4-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,7,5,0.30) 0%, rgba(10,7,5,0) 18%), linear-gradient(to right, rgba(45,37,32,0.68) 0%, rgba(45,37,32,0.58) 25%, rgba(45,37,32,0.28) 48%, rgba(45,37,32,0.04) 65%, rgba(45,37,32,0) 75%); } .v4-hero-content { position: relative; z-index: 3; padding: 160px 72px 140px; max-width: 640px; } .v4-coord-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(212,165,116,0.12); border: 1px solid rgba(212,165,116,0.35); border-radius: 4px; padding: 9px 20px; margin-bottom: 24px; } .v4-coord-badge svg { flex-shrink: 0; color: var(--gold); } .v4-hcb-text { display: flex; flex-direction: column; gap: 2px; } .v4-hcb-coords { font-size: 13px; font-weight: 700; letter-spacing: 1.5px; color: var(--gold-light); font-family: 'Plus Jakarta Sans', sans-serif; } .v4-hcb-location { font-size: 9px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(237,212,176,0.55); } .v4-hero-h1 { font-family: 'Playfair Display', serif; font-size: clamp(40px,4.5vw,62px); color: var(--white); line-height: 1.1; margin-bottom: 24px; font-weight: 700; } .v4-hero-h1 em { font-style: italic; color: var(--gold-light); font-weight: 300; } .v4-hero-sub { font-size: 17px; color: rgba(232,218,210,0.9); line-height: 1.85; margin-bottom: 40px; font-weight: 300; max-width: 520px; } .v4-hero-btns { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; } .v4-btn-primary { background: var(--gold); color: var(--dark) !important; padding: 17px 34px; border-radius: 30px; font-weight: 800; font-size: 14px; text-decoration: none; transition: all .2s; display: flex; align-items: center; gap: 8px; white-space: nowrap; } .v4-btn-primary:hover { background: var(--terra); color: var(--white) !important; } .v4-btn-ghost { color: rgba(255,255,255,0.85) !important; font-size: 15px; font-weight: 600; text-decoration: none; display: flex; align-items: center; gap: 6px; border-bottom: 2px solid rgba(255,255,255,0.3); padding-bottom: 2px; transition: border-color .2s; } .v4-btn-ghost:hover { border-color: rgba(255,255,255,0.7); } .v4-hero-trust { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background: rgba(26,46,28,0.88); backdrop-filter: blur(16px); padding: 28px 52px; display: flex; align-items: center; gap: 16px; justify-content: center; } .v4-ht-item { display: flex; align-items: center; gap: 12px; padding: 14px 28px; border-radius: 50px; border: 1px solid rgba(168,196,176,0.22); flex: 1; max-width: 300px; justify-content: flex-start; } .v4-ht-item svg { flex-shrink: 0; color: var(--sage-light); } .v4-ht-label { font-size: 14px; font-weight: 700; color: var(--white); line-height: 1.2; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-ht-sub { font-size: 11px; color: rgba(168,196,176,0.75); margin-top: 2px; display: block; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-ht-div { width: 1px; height: 44px; background: rgba(168,196,176,0.15); flex-shrink: 0; } /* ============================================================ STATS BAR ============================================================ */ .v4-stats-bar { background: var(--sage); display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 4px solid var(--sage-dark); } .v4-sb { padding: 32px 20px; text-align: center; border-right: 1px solid rgba(255,255,255,0.2); } .v4-sb:last-child { border-right: none; } .v4-sb-num { font-family: 'Playfair Display', serif; font-size: 48px; color: var(--white); line-height: 1; display: block; font-weight: 700; } .v4-sb-lbl { font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,0.8); margin-top: 6px; display: block; font-weight: 700; font-family: 'Plus Jakarta Sans', sans-serif; } /* ============================================================ ABOUT ============================================================ */ .v4-about { display: grid; grid-template-columns: 1fr 1fr; min-height: 560px; } .v4-about-img { position: relative; overflow: hidden; min-height: 500px; } .v4-about-badge { position: absolute; bottom: 28px; left: 28px; right: 28px; background: var(--terra); color: var(--white); padding: 24px 28px; border-radius: 8px; box-shadow: 0 16px 40px rgba(0,0,0,0.3); } .v4-about-badge strong { font-family: 'Playfair Display', serif; font-size: 40px; display: block; line-height: 1; font-weight: 700; } .v4-about-badge span { font-size: 14px; opacity: .9; margin-top: 6px; display: block; line-height: 1.5; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-about-text { background: var(--warm); padding: 80px 64px; display: flex; flex-direction: column; justify-content: center; } .v4-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 3.5px; text-transform: uppercase; color: var(--sage); margin-bottom: 14px; display: block; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-about-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; } .v4-about-tag { background: var(--cream); border: 1.5px solid var(--lt); color: var(--terra); padding: 8px 18px; border-radius: 30px; font-size: 13px; font-weight: 700; font-family: 'Plus Jakarta Sans', sans-serif; } /* ============================================================ APPROACH / THERAPY GRID ============================================================ */ .v4-approach { background: var(--cream); padding: 96px 52px; } .v4-therapy-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; max-width: 1160px; margin: 0 auto; } .v4-tc { background: var(--white); padding: 40px 32px; border-radius: 12px; transition: all .3s; border: 1.5px solid transparent; position: relative; overflow: hidden; } .v4-tc::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg,var(--sage),var(--terra)); } .v4-tc:hover { border-color: var(--sage-light); transform: translateY(-4px); box-shadow: 0 20px 44px rgba(90,122,101,0.12); } .v4-tc-icon { width: 52px; height: 52px; border-radius: 14px; background: rgba(123,161,136,0.1); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: var(--sage-dark); } .v4-tc-title { font-size: 17px; font-weight: 800; color: var(--sage-dark); margin-bottom: 10px; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-tc-desc { font-size: 15px; color: var(--mid); line-height: 1.75; font-weight: 300; font-family: 'Plus Jakarta Sans', sans-serif; } /* ============================================================ PHOTO BAND ============================================================ */ .v4-photo-band { display: grid; grid-template-columns: 2fr 1.5fr 1.5fr 2fr; height: 420px; } .v4-pb { position: relative; overflow: hidden; background-size: cover; background-position: center; transition: background-size .5s ease; } .v4-pb:hover { background-size: 108%; } .v4-pb::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top,rgba(30,50,30,0.75) 0%,transparent 55%); } .v4-pb-label { position: absolute; bottom: 22px; left: 24px; color: var(--white); font-size: 12px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; z-index: 2; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-pb-line { display: block; width: 28px; height: 2px; background: var(--gold-light); margin-bottom: 8px; } /* ============================================================ WHY EAGLE OVERLOOK ============================================================ */ .v4-why { background: var(--dark); padding: 96px 52px; } .v4-why-inner { display: grid; grid-template-columns: 1fr 2fr; gap: 80px; align-items: center; max-width: 1160px; margin: 0 auto; } .v4-why-h2 { font-family: 'Playfair Display', serif; font-size: clamp(28px,3vw,44px); color: var(--white); line-height: 1.15; margin-bottom: 18px; font-weight: 700; } .v4-why-h2 em { font-style: italic; color: var(--gold-light); font-weight: 300; } .v4-why-p { font-size: 17px; color: rgba(212,165,116,0.8); line-height: 1.85; font-weight: 300; margin-bottom: 32px; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-btn-gold { background: var(--terra); color: var(--white) !important; padding: 16px 34px; border-radius: 30px; font-weight: 700; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background .2s; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-btn-gold:hover { background: var(--gold); color: var(--dark) !important; } .v4-why-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .v4-wc { background: rgba(255,255,255,0.04); border: 1px solid rgba(123,161,136,0.2); border-radius: 12px; padding: 28px 24px; transition: all .3s; } .v4-wc:hover { background: rgba(123,161,136,0.08); border-color: rgba(123,161,136,0.4); } .v4-wc-num { font-family: 'Playfair Display', serif; font-size: 11px; font-weight: 700; color: var(--sage-light); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; display: block; } .v4-wc-icon { width: 44px; height: 44px; border-radius: 12px; background: rgba(123,161,136,0.15); display: flex; align-items: center; justify-content: center; color: var(--sage-light); margin-bottom: 16px; } .v4-wc-title { font-size: 16px; font-weight: 700; color: var(--white); margin-bottom: 8px; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-wc-text { font-size: 14px; color: rgba(212,165,116,0.7); line-height: 1.75; font-weight: 300; font-family: 'Plus Jakarta Sans', sans-serif; } /* ============================================================ STAFF ============================================================ */ .v4-staff { background: var(--cream); padding: 96px 52px; } .v4-staff-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; max-width: 1160px; margin: 0 auto; margin-top: 56px; } .v4-staff-card { background: var(--white); border-radius: 12px; overflow: hidden; border: 1.5px solid var(--lt); transition: all .3s; } .v4-staff-card:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(45,37,32,0.10); } .v4-staff-photo { height: 220px; background: var(--cream-2); display: flex; align-items: center; justify-content: center; } .v4-staff-avatar { width: 88px; height: 88px; border-radius: 50%; background: var(--sage); display: flex; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 700; color: var(--white); } .v4-staff-info { padding: 22px 22px 26px; } .v4-staff-name { font-size: 15px; font-weight: 800; color: var(--dark); margin-bottom: 4px; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-staff-role { font-size: 12px; color: var(--sage-dark); font-weight: 700; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 10px; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-staff-bio { font-size: 13px; color: var(--mid); line-height: 1.7; font-weight: 300; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-staff-cta { text-align: center; margin-top: 44px; } .v4-btn-outline-forest { border: 2px solid var(--sage-dark); color: var(--sage-dark) !important; padding: 15px 34px; border-radius: 30px; font-weight: 800; font-size: 14px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all .2s; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-btn-outline-forest:hover { background: var(--sage-dark); color: var(--white) !important; } /* ============================================================ TESTIMONIALS ============================================================ */ .v4-testimonials { background: var(--warm); padding: 96px 52px; } .v4-testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; max-width: 1160px; margin: 0 auto; margin-top: 56px; } .v4-testi-card { background: var(--white); border-radius: 12px; padding: 36px 32px; border: 1.5px solid var(--lt); transition: all .3s; } .v4-testi-card:hover { box-shadow: 0 20px 44px rgba(45,37,32,0.08); transform: translateY(-3px); } .v4-testi-stars { display: flex; gap: 4px; margin-bottom: 18px; color: #F59E0B; } .v4-testi-quote { font-family: 'Playfair Display', serif; font-size: 15px; line-height: 1.85; color: var(--dark); font-style: italic; font-weight: 300; margin-bottom: 24px; } .v4-testi-author { display: flex; align-items: center; gap: 12px; } .v4-testi-avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--sage); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; color: var(--white); flex-shrink: 0; font-family: 'Playfair Display', serif; } .v4-testi-name { font-size: 13px; font-weight: 800; color: var(--dark); font-family: 'Plus Jakarta Sans', sans-serif; } .v4-testi-source { font-size: 11px; color: var(--muted); margin-top: 2px; display: flex; align-items: center; gap: 4px; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-testi-cta { text-align: center; margin-top: 40px; } .v4-testi-link { color: var(--sage-dark) !important; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--sage-light); font-family: 'Plus Jakarta Sans', sans-serif; } .v4-testi-link:hover { color: var(--dark) !important; } /* ============================================================ FAMILY CTA ============================================================ */ .v4-family-cta { position: relative; min-height: 540px; display: flex; align-items: center; overflow: hidden; padding: 80px 0; } .v4-fcta-overlay { position: absolute; inset: 0; background: linear-gradient(to right,rgba(45,37,32,0.88) 0%,rgba(45,37,32,0.65) 60%,rgba(45,37,32,0.15) 100%); } .v4-fcta-content { position: relative; z-index: 2; padding: 0 88px; max-width: 620px; } .v4-fcta-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 3.5px; text-transform: uppercase; color: rgba(212,165,116,0.9); margin-bottom: 14px; display: block; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-fcta-h2 { font-family: 'Playfair Display', serif; font-size: clamp(28px,3.5vw,48px); color: var(--white); line-height: 1.15; margin-bottom: 18px; font-weight: 700; } .v4-fcta-h2 em { font-style: italic; color: var(--gold-light); font-weight: 300; } .v4-fcta-p { font-size: 17px; color: rgba(255,255,255,0.82); line-height: 1.85; font-weight: 300; margin-bottom: 36px; max-width: 480px; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-fcta-btns { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 40px; } .v4-btn-cream { background: var(--cream); color: var(--dark) !important; padding: 17px 34px; border-radius: 30px; font-weight: 800; font-size: 14px; text-decoration: none; display: flex; align-items: center; gap: 8px; white-space: nowrap; transition: background .2s; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-btn-cream:hover { background: var(--white); } .v4-btn-outline-white { border: 2px solid rgba(255,255,255,0.5); color: var(--white) !important; padding: 15px 30px; border-radius: 30px; font-weight: 700; font-size: 14px; text-decoration: none; display: flex; align-items: center; gap: 8px; white-space: nowrap; transition: border-color .2s; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-btn-outline-white:hover { border-color: rgba(255,255,255,0.9); } /* ============================================================ TRUST BAR ============================================================ */ .v4-trust-bar { background: var(--cream-2); padding: 32px 52px; display: flex; flex-direction: column; align-items: center; gap: 18px; border-top: 3px solid var(--sage); } .v4-trust-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: var(--mid); font-family: 'Plus Jakarta Sans', sans-serif; } .v4-trust-inner { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1100px; } .v4-trust-item { display: flex; align-items: center; gap: 14px; padding: 14px 32px; border-right: 1px solid var(--lt); flex: 1; justify-content: center; } .v4-trust-item:last-child { border-right: none; } .v4-trust-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--sage); display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0; } .v4-trust-label { font-size: 13px; font-weight: 700; color: var(--dark); font-family: 'Plus Jakarta Sans', sans-serif; white-space: nowrap; } /* ============================================================ FOOTER ============================================================ */ .v4-footer { background: var(--dark); color: rgba(255,255,255,0.65); padding: 64px 52px 32px; font-family: 'Plus Jakarta Sans', sans-serif; } .v4-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 52px; margin-bottom: 48px; } .v4-footer-logo-main { font-family: 'Playfair Display', serif; font-size: 20px; color: var(--gold-light); display: block; margin-bottom: 4px; } .v4-footer-logo-sub { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--sage-light); display: block; margin-bottom: 4px; } .v4-footer-logo-coords { font-size: 9px; letter-spacing: 2px; color: rgba(168,196,176,0.45); display: block; margin-bottom: 18px; } .v4-footer-tagline { font-size: 13px; line-height: 1.85; font-weight: 300; margin-bottom: 22px; } .v4-footer-contact { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; } .v4-footer-contact svg { color: var(--sage-light); margin-top: 2px; flex-shrink: 0; } .v4-footer-contact span { font-size: 13px; line-height: 1.6; } .v4-footer-contact a { color: var(--gold-light) !important; text-decoration: none; font-weight: 700; font-size: 15px; } .v4-footer-contact a:hover { color: var(--white) !important; } .v4-coord-block { display: flex; align-items: center; gap: 12px; margin-top: 20px; padding: 12px 16px; border: 1px solid rgba(168,196,176,0.12); border-radius: 6px; background: rgba(168,196,176,0.04); } .v4-coord-block svg { color: var(--sage-light); flex-shrink: 0; } .v4-fcb-coords { font-size: 12px; font-weight: 700; color: rgba(237,212,176,0.7); letter-spacing: 1px; display: block; } .v4-fcb-label { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.25); margin-top: 2px; display: block; } .v4-footer-col-title { font-size: 10px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: var(--sage-light); margin-bottom: 16px; } .v4-footer-links { list-style: none; margin: 0; padding: 0; } .v4-footer-links li { margin-bottom: 10px; } .v4-footer-links a { color: rgba(255,255,255,0.55) !important; text-decoration: none; font-size: 15px; font-weight: 400; transition: color .2s; } .v4-footer-links a:hover { color: var(--white) !important; } .v4-footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px; display: flex; justify-content: space-between; font-size: 12px; align-items: center; } .v4-footer-bottom-links { display: flex; gap: 22px; } .v4-footer-bottom-links a { color: rgba(255,255,255,0.4) !important; text-decoration: none; transition: color .2s; } .v4-footer-bottom-links a:hover { color: var(--white) !important; } .v4-footer-bottom-coords { font-size: 10px; letter-spacing: 2px; color: rgba(168,196,176,0.3); } /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width: 1024px) { .v4-nav, .v4-about-text, .v4-fcta-content { padding-left: 32px; padding-right: 32px; } .v4-hero-content { padding: 120px 40px 80px; max-width: 520px; } .v4-hero-trust { padding: 16px 32px; } .v4-approach, .v4-why, .v4-staff, .v4-testimonials, .v4-trust-bar { padding-left: 32px; padding-right: 32px; } .v4-footer { padding: 52px 32px 0; } .v4-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } .v4-why-inner { grid-template-columns: 1fr; gap: 40px; } .v4-therapy-grid { grid-template-columns: repeat(2,1fr); } .v4-staff-grid { grid-template-columns: repeat(2,1fr); } .v4-testi-grid { grid-template-columns: repeat(2,1fr); } .v4-photo-band { grid-template-columns: 1fr 1fr; height: 480px; grid-template-rows: 1fr 1fr; } } @media (max-width: 959px) { .v4-nav { padding: 0 24px; } .v4-nav-links { display: none; } .v4-nav-phone { display: none; } .v4-hamburger { display: flex; } } @media (max-width: 767px) { .v4-nav { padding: 0 20px; height: 68px; } .v4-hero { min-height: 520px; } .v4-hero-content { padding: 108px 24px 60px; max-width: 100%; } .v4-hero-overlay { background: rgba(18,26,19,0.80); } .v4-hero-h1 { font-size: 32px; } .v4-hero-sub { font-size: 14px; } .v4-hero-trust { padding: 12px 20px; gap: 4px; flex-wrap: wrap; } .v4-ht-item { padding: 6px 10px; max-width: none; } .v4-ht-div { display: none; } .v4-stats-bar { grid-template-columns: repeat(2,1fr); } .v4-sb { border-right: none; border-bottom: 1px solid rgba(255,255,255,.18); } .v4-about { grid-template-columns: 1fr; } .v4-about-img { min-height: 340px; } .v4-about-text { padding: 52px 24px; } .v4-approach { padding: 64px 20px; } .v4-therapy-grid { grid-template-columns: 1fr; } .v4-photo-band { grid-template-columns: 1fr 1fr; height: 400px; grid-template-rows: 1fr 1fr; } .v4-why { padding: 64px 20px; } .v4-why-cards { grid-template-columns: 1fr; } .v4-staff { padding: 64px 20px; } .v4-staff-grid { grid-template-columns: 1fr 1fr; } .v4-testimonials { padding: 64px 20px; } .v4-testi-grid { grid-template-columns: 1fr; } .v4-fcta-content { padding: 0 24px; } .v4-family-cta { min-height: 480px; } .v4-trust-bar { padding: 28px 16px; } .v4-trust-inner { flex-wrap: wrap; } .v4-trust-item { flex: 0 0 50%; border-right: none; border-bottom: 1px solid var(--lt); padding: 14px 16px; } .v4-trust-item:nth-child(odd) { border-right: 1px solid var(--lt); } .v4-trust-item:last-child { flex: 0 0 100%; border-right: none; border-bottom: none; } .v4-footer { padding: 48px 20px 0; } .v4-footer-grid { grid-template-columns: 1fr; gap: 32px; } } /* ============================================================ V7 — MEET OUR TEAM (page id 5160) — Elevated Editorial Native Elementor widgets; OceanWP shell hidden on this page. ============================================================ */ /* --- Foundation: hide stale OceanWP shell + go full width (all V7 pages) --- */ .eagleor-v7 #site-header, .eagleor-v7 .page-header, .eagleor-v7 #footer-inner, .eagleor-v7 #footer-widgets, .eagleor-v7 #footer-wrap { display: none !important; } .eagleor-v7 #content-wrap, .eagleor-v7 #primary, .eagleor-v7 #main, .eagleor-v7 .page-content, .eagleor-v7 article.page { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; } .eagleor-v7 .elementor-section > .elementor-container { max-width: 100% !important; } /* inner-section containers carry no padding — gaps come from columns */ .page-id-5160 .eagleor-leader-row > .elementor-container { padding: 0 !important; } .page-id-5160 .eagleor-seals > .elementor-container { padding: 42px 0 0 !important; } .page-id-5160 .eagleor-seals { margin-top: 0 !important; } /* V7 palette + fonts — shared across every V7 page via the eagleor-v7 body class */ .eagleor-v7 { --t-brown:#73563f; --t-brown-d:#5f4733; --t-espresso:#3f352c; --t-taupe:#736a5c; --t-sand:#c7bbac; /* taupe darkened from #a19385 -> #736a5c for WCAG AA contrast (small muted labels), 2026-06-22 */ --t-cream:#f6f1ea; --t-cream2:#fffdf9; --t-sand-bg:#efe7da; --t-ink:#2c2118; --t-line:#e7ded1; --t-blue:#2e6e8e; --t-blue-d:#285f7a; --t-blue-soft:#eaf1f4; /* Footer palette — Deep Overlook Blue (client-approved 2026-06-15, replaces dark brown) */ --f-bg:#1d4257; --f-title:#ffffff; --f-body:#bdd3dd; --f-muted:#aecada; --f-line:#2d5a70; --f-accent:#9bd2ec; --t-serif:"Playfair Display",Georgia,serif; --t-sans:"Plus Jakarta Sans","Avenir Next",Arial,sans-serif; } /* ============================================================================ ELEMENTOR-INTERNAL (LOAD-BEARING) — RE-VERIFY AFTER EVERY ELEMENTOR MAJOR UPDATE ---------------------------------------------------------------------------- These rules MUST target Elementor's own markup because free Elementor gives us no .eagleor-* hook on those auto-generated elements. They are the watch-list if an Elementor major (e.g. 4.x atomic) restructures the DOM. Everything else has been re-anchored to .eagleor-* + semantic tags (headings, buttons, section backgrounds, footer lists) so it is NOT exposed to Elementor class changes. Load-bearing clusters still coupled to Elementor internals (by design): 1. `.eagleor-X > .elementor-container` — the section's inner flex wrapper (padding / gap / flex-direction / max-width / centering). Elementor generates it; there is nowhere to put our class. Biggest blast radius if renamed (~165 rules). 2. `.elementor-widget-wrap` / `.elementor-element-populated` — Elementor's default 10px column padding lives here; we zero/re-add it. 3. `.eagleor-v7 .elementor-widget { margin-bottom }` — Elementor's default 20px inter-widget margin lives on .elementor-widget; the global reset must hit it. 4. `.eagleor-v7 .elementor-heading-title { margin:0 }` (base reset) + `.elementor-widget-text-editor` (content scope + list resets) — scope body/ heading/list styling to Elementor content only. Re-anchorable only by adding classes to those widgets in the build scripts (deferred Phase 2). 5. `.eagleor-footer .elementor-icon-list-icon` — hides Elementor's empty bullet slot. After an Elementor major: smoke-test section padding/gaps, column padding, widget spacing, footer list, and the rendered header on canvas pages, at 1280/768/390. ============================================================================ */ .eagleor-v7, .eagleor-v7 .elementor-widget-text-editor, .eagleor-v7 p { font-family: var(--t-sans); color: var(--t-espresso); line-height: 1.65; } /* zero Elementor's default widget/heading/paragraph spacing; HTML margins re-applied per element below. .eagleor-v7 out-specifies Elementor's default inter-widget margin without !important, so intentional per-widget margins (e.g. .eagleor-cta-p) are preserved. */ .eagleor-v7 .elementor-widget { margin-bottom: 0 !important; } .eagleor-v7 .elementor-heading-title { margin: 0; } .eagleor-v7 .elementor-widget-text-editor p { margin: 0; } .page-id-5160 .eagleor-bio p { margin-top: 16px; } .page-id-5160 .eagleor-pull { margin-top: 22px; } /* CTA paragraph spacing lives on the inner

(widget margins are zeroed above) */ .eagleor-v7 .eagleor-cta-p p { max-width: 560px; margin: 16px auto 28px !important; } /* shared content bound — constrain section container to wrap width */ .eagleor-v7 .eagleor-bound > .elementor-container { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; } /* eyebrow */ .eagleor-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--t-blue); display: inline-flex; align-items: center; gap: 11px; } .eagleor-eyebrow::before { content:""; width:28px; height:2px; background: var(--t-blue); border-radius:2px; } .eagleor-eyebrow.eagleor-center { justify-content: center; } /* --- Topbar --- */ /* Topbar - Sand #C7BBAC background (client-requested 2026-07-05, replaces the dark brown --t-ink). Light bar, so every text/link/icon color was re-set for legibility. WCAG AA verified on #C7BBAC: body text espresso #3d2f22 = 6.8:1; links deep-blue #22516a = 4.5:1 (brand blue #2e6e8e FAILED at 3.0:1 for this small 12.5px text, so links use the darker blue). Subtle hairline lifts it off the nav. */ .eagleor-v7 .eagleor-topbar { background: var(--t-sand); box-shadow: inset 0 -1px 0 rgba(61,47,34,.14); } .eagleor-topbar .elementor-container { min-height: 42px; align-items: center; padding: 0 44px !important; } .eagleor-topbar .eagleor-tb-l, .eagleor-topbar .eagleor-tb-r { font-size: 12.5px; } .eagleor-topbar, .eagleor-topbar .eagleor-tb-l, .eagleor-topbar .eagleor-tb-r, .eagleor-topbar .elementor-widget-text-editor, .eagleor-topbar .elementor-widget-container, .eagleor-topbar p { color:#3d2f22 !important; } .eagleor-topbar .eagleor-tb-r { text-align: right; } .eagleor-topbar strong { color:#2c2118 !important; font-weight:700; } .eagleor-topbar a { color:#22516a !important; font-weight:700; } .eagleor-topbar a:hover { color:#173b4e !important; text-decoration:underline; } .eagleor-topbar .dot { color: rgba(61,47,34,.42) !important; } /* Desktop topbar social icons (added 2026-07-04; recolored for the Sand bar 2026-07-05). Small inline chips at far right; hidden <=1000 (mobile shows them inside the burger menu via .eagleor-nav-social). */ .eagleor-topbar .eagleor-tb-social { display:inline-flex; align-items:center; gap:9px; margin-left:14px; vertical-align:middle; } .eagleor-topbar .eagleor-tb-social a { display:inline-flex; align-items:center; justify-content:center; width:23px; height:23px; border-radius:50%; border:1px solid rgba(61,47,34,.30); transition:background .15s ease, border-color .15s ease; } .eagleor-topbar .eagleor-tb-social svg { width:13px; height:13px; display:block; fill:#3d2f22 !important; transition:fill .15s ease; } .eagleor-topbar .eagleor-tb-social a:hover { background:var(--t-blue); border-color:var(--t-blue); } .eagleor-topbar .eagleor-tb-social a:hover svg { fill:#fff !important; } /* Client 2026-07-07: hide the social icons in the DESKTOP topbar only. Topbar is display:none <=600px, so this is desktop/tablet-only by nature. Footer (.eagleor-fsocial) + mobile burger (.eagleor-nav-social) social are intentionally KEPT. To restore, delete this one rule. */ .eagleor-topbar .eagleor-tb-social { display: none !important; } /* --- Nav --- */ .eagleor-v7 .eagleor-nav { position: sticky; top: 0; z-index: 80; background: rgba(246,241,234,.95); backdrop-filter: blur(14px); border-bottom: 1px solid var(--t-line); } .eagleor-nav .elementor-container { min-height: 86px; align-items: center; padding: 0 44px !important; } .eagleor-nav .eagleor-nav-logo img { height: 44px !important; width: auto !important; object-fit: contain; object-position: left center; } .eagleor-nav .eagleor-nav-logo .elementor-widget-container { line-height: 0; } .eagleor-nav .eagleor-nav-logo a { display:inline-flex; cursor:pointer; transition:opacity .2s ease; } .eagleor-nav .eagleor-nav-logo a:hover { opacity:.78; } /* nav links + dropdowns (match meet-our-team.html) */ .eagleor-nav .eagleor-nav-links .elementor-widget-container { display:flex; justify-content:center; } .eagleor-nav .eagleor-nav-links p { margin:0; display:contents; } .eagleor-nav .eagleor-nav-links .ddwrap { display:flex; align-items:center; gap:28px; flex-wrap:wrap; justify-content:center; } .eagleor-nav .eagleor-nav-links a { font-size:14.5px; font-weight:600; color:var(--t-espresso); position:relative; } .eagleor-nav .eagleor-nav-links .ddwrap > a::after, .eagleor-nav .eagleor-nav-links .dd-toggle::after { content:""; position:absolute; left:0; bottom:-5px; height:2px; width:0; background:var(--t-blue); transition:width .26s; } .eagleor-nav .eagleor-nav-links a.active { color:var(--t-blue); } .eagleor-nav .eagleor-nav-links .ddwrap > a:hover, .eagleor-nav .eagleor-nav-links .has-dd:hover .dd-toggle { color:var(--t-blue); } .eagleor-nav .eagleor-nav-links .ddwrap > a:hover::after, .eagleor-nav .eagleor-nav-links .ddwrap > a.active::after, .eagleor-nav .eagleor-nav-links .has-dd:hover .dd-toggle::after { width:100%; } .eagleor-nav .eagleor-nav-links .has-dd { position:relative; display:inline-flex; align-items:center; } .eagleor-nav .eagleor-nav-links .dd-toggle { display:inline-flex; align-items:center; gap:6px; cursor:pointer; } .eagleor-nav .eagleor-nav-links .dd-toggle .caret { width:9px; height:9px; stroke:currentColor; stroke-width:2.4; fill:none; transition:transform .2s ease; } .eagleor-nav .eagleor-nav-links .has-dd:hover .caret { transform:rotate(180deg); } .eagleor-nav .eagleor-nav-links .dd { position:absolute; top:calc(100% + 22px); left:50%; transform:translateX(-50%) translateY(8px); background:var(--t-cream2); border:1px solid var(--t-line); border-radius:12px; box-shadow:0 18px 42px -16px rgba(44,33,24,.42); min-width:218px; padding:8px; z-index:60; opacity:0; visibility:hidden; transition:opacity .18s ease,transform .18s ease; display:flex; flex-direction:column; } .eagleor-nav .eagleor-nav-links .dd::before { content:""; position:absolute; top:-22px; left:0; right:0; height:22px; } .eagleor-nav .eagleor-nav-links .has-dd:hover .dd { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); } .eagleor-nav .eagleor-nav-links .dd a { padding:10px 14px; border-radius:8px; font-size:14px; font-weight:600; white-space:nowrap; } .eagleor-nav .eagleor-nav-links .dd a::after { display:none; } .eagleor-nav .eagleor-nav-links .dd a:hover { background:var(--t-blue-soft); color:var(--t-blue); } /* Flat group heading inside a dropdown (2026-07-22) - lets "Areas We Serve" keep its grouping cue while the three geo links sit FLAT in the About dropdown. A nested .has-dd was rejected on purpose: desktop opens .dd on :hover and mobile toggles .dd-open via JS, so a second level would need both a hover chain and a second tap target. Non-interactive, so it is a span, not an anchor. */ .eagleor-nav .eagleor-nav-links .dd .dd-label { margin:6px 0 2px; padding:8px 14px 4px; border-top:1px solid var(--t-line); font-family:var(--t-sans); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--t-brown); opacity:.55; white-space:nowrap; pointer-events:none; } /* Mobile burger-menu social row (added 2026-07-04). Lives inside .ddwrap so it collapses into the burger with the links; hidden on desktop, shown as a centered chip row at the bottom of the open menu. Rules sit AFTER the .eagleor-nav-links a rules above so equal-specificity ties resolve in their favor. */ .eagleor-nav .eagleor-nav-social { display:none; } .eagleor-nav .eagleor-nav-cta { text-align: right; } .eagleor-nav .eagleor-nav-cta a { background: var(--t-blue); color:#fff; padding: 12px 24px; border-radius: 100px; font-weight: 700; font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } .eagleor-nav .eagleor-nav-cta a:hover { background: var(--t-blue-d); } /* --- Team hero --- */ .eagleor-v7 .eagleor-team-hero { text-align: center; border-bottom: 1px solid var(--t-line); overflow: hidden; background-color: var(--t-cream) !important; background-image: url('/wp-content/uploads/2026/06/topography-lines-only.webp') !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } /* Elementor caps the overlay element at opacity:.5 — force full strength so the cream gradient fades the topography to match the HTML (otherwise the lines show through too dark/heavy) */ .eagleor-team-hero .elementor-background-overlay { opacity: 1 !important; } .eagleor-team-hero .elementor-container { padding: 88px 44px 76px !important; } .eagleor-team-hero .eagleor-th-h1 :is(h1,h2,h3,h4,h5,h6) { font-family: var(--t-serif) !important; color: var(--t-brown); font-weight: 700; line-height: 1.12; letter-spacing: -.01em; font-size: clamp(38px,5vw,58px); margin: 14px 0 16px; } .eagleor-team-hero .eagleor-th-h1 em { font-style: italic; color: var(--t-blue); font-weight: 600; } .eagleor-team-hero .eagleor-th-p { font-size: 18px; color:#6a5e52; max-width: 620px; margin: 0 auto; } .eagleor-team-hero .eagleor-th-eyebrow { margin-bottom: 0; } /* --- Leaders --- */ .eagleor-v7 .eagleor-leaders { background: var(--t-cream); } .page-id-5160 .eagleor-leaders > .elementor-container { width: 100% !important; max-width: 1148px !important; margin: 0 auto !important; padding: 90px 44px !important; } .eagleor-v7 .elementor-column > .elementor-element-populated { padding: 0; } .page-id-5160 .eagleor-seals .elementor-widget-wrap { padding: 0 !important; } /* kill Elementor's 10px default around the seal cards */ .eagleor-leader-row.elementor-element { position: relative; } .eagleor-leader-row + .eagleor-leader-row { margin-top: 78px !important; padding-top: 78px; border-top: 1px solid var(--t-line); } .eagleor-leader-row > .elementor-container { width: 100% !important; gap: 0; align-items: center; } .eagleor-leader-row .eagleor-col-photo > .elementor-widget-wrap { padding-right: 29px !important; } .eagleor-leader-row .eagleor-col-info > .elementor-widget-wrap { padding-left: 29px !important; } .eagleor-leader-row.eagleor-rev .eagleor-col-photo { order: 2; } .eagleor-leader-row.eagleor-rev .eagleor-col-info { order: 1; } .eagleor-leader-row.eagleor-rev .eagleor-col-photo > .elementor-widget-wrap { padding-right: 0 !important; padding-left: 29px !important; } .eagleor-leader-row.eagleor-rev .eagleor-col-info > .elementor-widget-wrap { padding-left: 0 !important; padding-right: 29px !important; } .eagleor-tphoto { aspect-ratio: 4/5; border-radius: 14px; overflow: hidden; background-size: cover; background-position: center top; box-shadow: 0 22px 50px -24px rgba(44,33,24,.55); border: 1px solid var(--t-line); } .eagleor-tphoto.ph { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background: var(--t-blue-soft); border:1px dashed var(--t-sand); box-shadow:none; } .eagleor-tphoto.ph .pic { width:78px; height:78px; border-radius:50%; background: var(--t-cream2); border:1.5px solid var(--t-sand); display:flex; align-items:center; justify-content:center; } .eagleor-tphoto.ph .pic svg { width:38px; height:38px; stroke: var(--t-blue); fill:none; stroke-width:1.4; } .eagleor-tphoto.ph .pname { font-family: var(--t-serif); font-weight:700; color: var(--t-brown); font-size:16px; } .eagleor-tphoto.ph .plabel { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color: var(--t-taupe); } /* idx numeral positions relative to the whole leader row (like .leader in the HTML), not the vertically-centered photo column — so the column chain must be static */ .page-id-5160 .eagleor-leader-row > .elementor-container { position: relative; } .page-id-5160 .eagleor-col-photo, .page-id-5160 .eagleor-col-photo > .elementor-widget-wrap { position: static !important; } .eagleor-col-photo .eagleor-idx-widget { position: static; margin: 0; } .eagleor-col-photo .eagleor-pic-widget { position: relative; z-index: 1; } .eagleor-idx { position:absolute; top:-50px; font-family: var(--t-serif); font-size:120px; font-weight:700; color: var(--t-blue-soft); line-height:1; z-index:0; pointer-events:none; } .eagleor-idx.left { left:-10px; } .eagleor-idx.right { right:-10px; } .eagleor-role { display:inline-block; background: var(--t-blue-soft); color: var(--t-blue-d); border:1px solid #bcd6e0; padding:6px 14px; border-radius:100px; font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; } .eagleor-leaders .eagleor-name :is(h1,h2,h3,h4,h5,h6) { font-family: var(--t-serif) !important; color: var(--t-brown); font-weight:700; font-size:32px; line-height:1.12; margin:14px 0 8px; } .eagleor-cred { color: var(--t-taupe); font-size:13.5px; font-weight:600; } .eagleor-bio p { margin-top:16px; font-size:15.5px; color:#574c40; line-height:1.72; } .eagleor-pull { margin-top:22px; padding:4px 0 4px 20px; border-left:3px solid var(--t-blue); font-family: var(--t-serif); font-style:italic; color: var(--t-brown); font-size:18px; line-height:1.5; } .eagleor-leader-row.eagleor-soon .eagleor-name :is(h1,h2,h3,h4,h5,h6) { color: var(--t-taupe); } .eagleor-leader-row.eagleor-soon .eagleor-bio p { color:#8a7d6f; } /* --- Team CTA --- */ .eagleor-v7 .eagleor-team-cta { background: var(--t-blue); text-align: center; } .eagleor-team-cta .elementor-container { padding: 88px 44px !important; } .eagleor-team-cta .eagleor-eyebrow { color: rgba(255,255,255,.85); } .eagleor-team-cta .eagleor-eyebrow::before { background: rgba(255,255,255,.7); } .eagleor-team-cta .eagleor-cta-h2 :is(h1,h2,h3,h4,h5,h6) { font-family: var(--t-serif) !important; color:#fff; font-weight:700; font-size: clamp(32px,4.4vw,46px); margin-top:12px; line-height:1.12; } .eagleor-team-cta .eagleor-cta-h2 em { font-style:italic; color:#cfe6ef; font-weight:600; } /* blue CTA: also color the INNER

light - .eagleor-v7 p (line ~407) sets it espresso and out-targets the container rule, so on the blue background the body text was dark/low-contrast. */ .eagleor-team-cta .eagleor-cta-p, .eagleor-team-cta .eagleor-cta-p p { color: rgba(255,255,255,.9); font-size:17px; } .eagleor-team-cta .eagleor-cta-btn a { background: var(--t-cream); color: var(--t-blue-d); font-weight:700; font-size:15px; padding:15px 28px; border-radius:100px; min-height:52px; } .eagleor-team-cta .eagleor-cta-btn a:hover { background:#fff; } /* cream button icon must be blue (matches .btn-cream color in the HTML) */ .eagleor-team-cta .eagleor-cta-btn a i, .eagleor-team-cta .eagleor-cta-btn a svg { color: var(--t-blue-d); fill: var(--t-blue-d); } /* --- Trust --- */ .eagleor-v7 .eagleor-trust { background: var(--t-cream2); text-align: center; } .eagleor-trust .elementor-container { padding: 90px 44px !important; } .eagleor-trust .eagleor-trust-h2 :is(h1,h2,h3,h4,h5,h6) { font-family: var(--t-serif) !important; color: var(--t-brown); font-weight:700; font-size: clamp(30px,4vw,46px); margin-top:12px; } .eagleor-trust .eagleor-trust-h2 em { font-style:italic; color: var(--t-blue); font-weight:600; } .eagleor-seals > .elementor-container { padding-top: 42px; justify-content: center; gap: 22px; } .eagleor-seal .elementor-image-box-wrapper { display:flex; align-items:center; gap:16px; text-align:left; background: var(--t-cream); border:1px solid var(--t-line); border-radius:16px; padding:20px 28px; box-shadow:0 14px 32px -24px rgba(44,33,24,.5); } .eagleor-seal .elementor-image-box-img { margin:0 !important; padding:0 !important; flex-shrink:0; width:60px !important; } .eagleor-seal .elementor-image-box-content { flex:1; min-width:0; text-align:left; } .eagleor-seal .elementor-image-box-img img { height:60px !important; width:auto !important; } .eagleor-seal .elementor-image-box-title { font-family: var(--t-serif) !important; font-size:17px; color: var(--t-brown); margin:0; } .eagleor-seal .elementor-image-box-description { font-size:12.5px; color: var(--t-taupe); } .eagleor-seal > .elementor-widget-container { display:flex; justify-content:center; } .page-id-5160 .eagleor-seals > .elementor-container { align-items: flex-start; } /* --- Footer --- */ .eagleor-v7 .eagleor-footer { background: var(--f-bg); border-top: 3px solid var(--gold); } .eagleor-footer > .elementor-container { padding: 72px 44px 36px !important; align-items: flex-start; } .eagleor-footer .eagleor-flogo img { height:56px !important; width:auto !important; margin-bottom:18px; object-fit:contain; object-position:left center; } .eagleor-footer .eagleor-ftag { font-size:14px; max-width:300px; color:var(--f-body); line-height:1.7; } .eagleor-footer .eagleor-fcoord { margin-top:12px; font-size:13px; color:var(--f-muted); letter-spacing:.04em; } /* Footer social icons (Facebook/Instagram/LinkedIn) — added 2026-07-04. Inline-SVG links, our own .eagleor-fsocial hook (no Elementor coupling). Markup: v7_social_html(). */ .eagleor-footer .eagleor-fsocial { display:flex; gap:10px; margin-top:20px; } .eagleor-footer .eagleor-fsocial a { width:36px; height:36px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(155,210,236,.35); background:rgba(155,210,236,.06); transition:background .15s ease, border-color .15s ease, transform .15s ease; } .eagleor-footer .eagleor-fsocial a svg { width:16px; height:16px; display:block; fill:var(--f-body); transition:fill .15s ease; } .eagleor-footer .eagleor-fsocial a:hover { background:var(--gold); border-color:var(--gold); transform:translateY(-2px); } .eagleor-footer .eagleor-fsocial a:hover svg { fill:#1d4257; } .eagleor-footer .eagleor-fsocial a:focus-visible { outline:2px solid var(--f-accent); outline-offset:2px; } /* "Get Help Now" footer button (gold, matches the topbar CTA) */ .eagleor-footer .eagleor-fbtn-wrap { margin-top:18px; } .eagleor-footer a.eagleor-fbtn { display:inline-flex; align-items:center; gap:8px; background:var(--gold); color:#1d2b12 !important; font-weight:700; font-size:14px; padding:12px 22px; border-radius:10px; text-decoration:none; transition:background .2s, transform .2s; } .eagleor-footer a.eagleor-fbtn:hover { background:var(--gold-light); transform:translateY(-1px); } .eagleor-footer .eagleor-fcol-title :is(h1,h2,h3,h4,h5,h6) { color:var(--f-title); font-family: var(--t-sans) !important; font-size:12px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:16px; font-weight:700; } .eagleor-footer ul { padding:0; margin:0; list-style:none; } .eagleor-footer li { margin-bottom:10px !important; border:0 !important; padding:0 !important; } .eagleor-footer li, .eagleor-footer li a, .eagleor-footer li span { font-size:14px; color:var(--f-body) !important; } .eagleor-footer li a:hover { color: var(--f-accent) !important; } /* LOAD-BEARING: hides Elementor's icon-list bullet slot (empty, no icon set). No semantic-tag equivalent, so this stays coupled to the Elementor class — re-verify after Elementor majors. */ .eagleor-footer .elementor-icon-list-icon { display:none !important; } .eagleor-v7 .eagleor-fbottom { background: var(--f-bg); } .eagleor-fbottom .elementor-container { border-top:1px solid var(--f-line); padding:22px 44px 24px !important; align-items:center; } .eagleor-fbottom .eagleor-fb-l, .eagleor-fbottom .eagleor-fb-r { font-size:12.5px; color:var(--f-muted); } .eagleor-fbottom .eagleor-fb-l .elementor-widget-container, .eagleor-fbottom .eagleor-fb-r .elementor-widget-container, .eagleor-fbottom .eagleor-fb-l .elementor-widget-container p, .eagleor-fbottom .eagleor-fb-r .elementor-widget-container p { color: var(--f-muted) !important; font-size: 12.5px !important; } .eagleor-fbottom .eagleor-fb-r { text-align:right; } .eagleor-fbottom .eagleor-fb-l a { color:var(--f-body) !important; text-decoration:underline; text-underline-offset:2px; } .eagleor-fbottom .eagleor-fb-l a:hover { color:var(--f-accent) !important; } /* Footer licensing line (DBHDD) — full-width fine print at the very bottom, site-wide */ .eagleor-fbottom > .elementor-container { flex-wrap: wrap; } .eagleor-fbottom .eagleor-fb-lic { width: 100% !important; margin-top: 12px; } .eagleor-fbottom .eagleor-fb-lic .elementor-widget-container, .eagleor-fbottom .eagleor-fb-lic .elementor-widget-container p, .eagleor-asite .eagleor-fb-lic { text-align: center !important; font-family: var(--t-sans) !important; font-size: 12px !important; line-height: 1.6 !important; color: var(--f-muted) !important; margin: 0 !important; } .eagleor-asite .eagleor-fb-lic { padding: 0 0 22px; } /* --- Responsive --- */ @media (max-width: 1000px) { .eagleor-v7 .eagleor-nav > .elementor-container { flex-wrap: wrap; min-height: 0 !important; padding: 14px 44px !important; } .eagleor-nav .eagleor-nav-logo, .eagleor-nav .eagleor-nav-cta { width: auto !important; } .eagleor-nav .eagleor-nav-cta { margin-left: auto; } .eagleor-nav .eagleor-nav-links { order: 3; width: 100% !important; } .eagleor-nav .eagleor-nav-links .ddwrap { flex-direction: column; gap: 6px; } .eagleor-nav .eagleor-nav-links .has-dd { flex-direction: column; } .eagleor-nav .eagleor-nav-links .caret { display: none; } .eagleor-nav .eagleor-nav-links .ddwrap > a::after, .eagleor-nav .eagleor-nav-links .dd-toggle::after { display: none; } .eagleor-nav .eagleor-nav-links .dd { position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; border: none; background: transparent; padding: 2px 0 6px; min-width: 0; align-items: center; } .eagleor-nav .eagleor-nav-links .dd::before { display: none; } .eagleor-nav .eagleor-nav-links .dd a { color: #7a6e60; font-weight: 500; padding: 5px 10px; font-size: 13.5px; } /* AREAS WE SERVE is DESKTOP ONLY (2026-07-22, David). The burger list must stay byte-for-byte what it was before the Areas group existed, and Contact must lose no prominence, so the whole group is hidden below the nav breakpoint. The links REMAIN IN THE MARKUP on every page - hidden by CSS, present in raw HTML - which is the entire SEO value of the change. Do not "tidy" this by removing the nodes; that would delete the links from the DOM. */ .eagleor-nav .eagleor-nav-links .dd .eagleor-areas { display: none !important; } .eagleor-nav .eagleor-nav-logo img { height: 36px !important; } /* social row at the bottom of the open burger menu */ .eagleor-nav .eagleor-nav-social { display: flex; justify-content: center; gap: 16px; width: 100%; margin-top: 14px; padding-top: 16px; border-top: 1px solid var(--t-line); } .eagleor-nav .eagleor-nav-social a { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(46,110,142,.28); background: rgba(46,110,142,.06); } .eagleor-nav .eagleor-nav-social a::after { display: none !important; } .eagleor-nav .eagleor-nav-social svg { width: 19px; height: 19px; display: block; fill: var(--t-blue); } .page-id-5160 .eagleor-leader-row > .elementor-container { flex-direction: column; max-width: 520px !important; width: 100% !important; margin: 0 auto; } .page-id-5160 .eagleor-leader-row > .elementor-container > .elementor-column { width: 100% !important; max-width: 100% !important; } .page-id-5160 .eagleor-tphoto { width: 100% !important; } .eagleor-leader-row.eagleor-rev .eagleor-col-photo { order: 0; } .eagleor-leader-row.eagleor-rev .eagleor-col-info { order: 0; } .page-id-5160 .eagleor-leader-row .eagleor-col-photo > .elementor-widget-wrap, .page-id-5160 .eagleor-leader-row .eagleor-col-info > .elementor-widget-wrap, .page-id-5160 .eagleor-leader-row.eagleor-rev .eagleor-col-photo > .elementor-widget-wrap, .page-id-5160 .eagleor-leader-row.eagleor-rev .eagleor-col-info > .elementor-widget-wrap { padding: 0 !important; } .eagleor-leader-row .eagleor-col-photo > .elementor-widget-wrap { margin-bottom: 30px; } .eagleor-idx { display: none; } .eagleor-tphoto { aspect-ratio: 4/5; max-width: 360px; margin-left: auto; margin-right: auto; } .eagleor-footer > .elementor-container { flex-wrap: wrap; } .eagleor-footer > .elementor-container > .elementor-column { width: 50% !important; } } @media (max-width: 600px) { .eagleor-topbar { display: none !important; } .eagleor-v7 .eagleor-bound > .elementor-container { padding-left: 22px !important; padding-right: 22px !important; } .eagleor-v7 .eagleor-nav > .elementor-container { padding: 14px 22px !important; } .page-id-5160 .eagleor-leaders > .elementor-container { padding: 54px 22px !important; } .eagleor-leaders .eagleor-name :is(h1,h2,h3,h4,h5,h6) { font-size: 26px; } .eagleor-footer > .elementor-container > .elementor-column { width: 100% !important; } .eagleor-fbottom > .elementor-container { flex-direction: column; text-align: center; gap: 6px; } .eagleor-fbottom .eagleor-fb-r { text-align: center; } } /* ===================================================================== */ /* ABOUT PAGE (post 3623) — V7. Reuses the shared .eagleor-* shell. */ /* Source of truth: "Client Loved - V7-good copy/about.html" */ /* ===================================================================== */ /* raw elements inside Text Editor widgets inherit theme default margins; the HTML uses *{margin:0}. Reset them so card h3/ul/li don't inflate height, then re-add intended gaps. Shared across V7 pages (About, Our Approach, …). */ .eagleor-v7 .elementor-widget-text-editor h3, .eagleor-v7 .elementor-widget-text-editor ul, .eagleor-v7 .elementor-widget-text-editor ol, .eagleor-v7 .elementor-widget-text-editor li { margin: 0; padding: 0; } .eagleor-v7 .elementor-widget-text-editor ul, .eagleor-v7 .elementor-widget-text-editor li { list-style: none; } /* raw headings in Text Editors inherit body line-height (1.65); HTML uses h1-h4{line-height:1.12} */ .eagleor-v7 .elementor-widget-text-editor h3, .eagleor-v7 .elementor-widget-text-editor h4 { line-height: 1.12; } /* shared section heading (.big in HTML) + lead + section rhythm — V7-wide helpers */ .eagleor-v7 .eagleor-big :is(h1,h2,h3,h4,h5,h6) { font-family: var(--t-serif) !important; color: var(--t-brown); font-weight: 700; font-size: clamp(34px,4.6vw,52px); line-height: 1.12; letter-spacing: -.01em; margin-top: 14px; } .eagleor-v7 .eagleor-big em { font-style: italic; color: var(--t-blue); font-weight: 600; } .eagleor-v7 .eagleor-lead p { font-size: 18px; color: #6a5e52; margin: 16px auto 0; } .page-id-3623 .eagleor-lead p { max-width: 640px; } .page-id-3631 .eagleor-lead p { max-width: 660px; } .eagleor-v7 .eagleor-sec > .elementor-container { padding: 78px 44px !important; } .eagleor-v7 .eagleor-center-col { text-align: center; } .eagleor-v7 .eagleor-inner { max-width: 820px; margin: 0 auto; } .page-id-3623 .eagleor-promise .eagleor-inner { max-width: 920px; } /* ABOUT VIDEO — native Elementor Video widget, lazy-load facade. Editorial: contained max-width aligned to content, rounded, shadow, spaced so it doesn't crowd header/Mission. */ .page-id-3623 .eagleor-about-video > .elementor-container { padding: 44px 44px 44px !important; } .eagleor-v7 .eagleor-about-video-w { max-width: 900px; margin: 0 auto !important; width: 100%; } .eagleor-v7 .eagleor-about-video-w .elementor-wrapper { border-radius: 16px; overflow: hidden; box-shadow: 0 22px 50px -24px rgba(44,33,24,.45); border: 1px solid var(--t-line); } .eagleor-v7 .eagleor-about-video-w .elementor-custom-embed-image-overlay { background-size: cover; background-position: center; } /* Our Approach video: gap below the lead copy (widget margins are reset to 0). */ .page-id-3631 .eagleor-approach-video .eagleor-about-video-w { margin-top: 30px !important; } @media (max-width: 600px) { .page-id-3623 .eagleor-about-video > .elementor-container { padding: 34px 22px 34px !important; } } /* PAGE HEADER — topography (same technique as team-hero: SVG + overlay opacity:1) */ .eagleor-v7 .eagleor-pagehead { text-align: center; border-bottom: 1px solid var(--t-line); overflow: hidden; background-color: var(--t-cream) !important; background-image: url('/wp-content/uploads/2026/06/topography-lines-only.webp') !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .eagleor-pagehead .elementor-background-overlay { opacity: 1 !important; } .eagleor-pagehead .elementor-container { padding: 116px 44px 92px !important; } .eagleor-pagehead .eagleor-ph-h1 :is(h1,h2,h3,h4,h5,h6) { font-family: var(--t-serif) !important; color: var(--t-brown); font-weight: 700; line-height: 1.12; letter-spacing: -.01em; font-size: clamp(40px,5.4vw,64px); margin: 16px 0 18px; } .eagleor-pagehead .eagleor-ph-h1 em { font-style: italic; color: var(--t-blue); font-weight: 600; } .eagleor-pagehead .eagleor-ph-p p { font-size: 18px; color: #6a5e52; max-width: 680px; margin: 0 auto; } /* MISSION — full-bleed split (grid 1fr/1fr) */ .eagleor-v7 .eagleor-about { background: var(--t-cream); } .page-id-3623 .eagleor-about > .elementor-container { padding: 0 !important; align-items: stretch; gap: 0; } .page-id-3623 .eagleor-about > .elementor-container > .elementor-column { width: 50% !important; } .eagleor-about-pic { position: relative; min-height: 600px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .eagleor-about-pic > .elementor-element-populated { padding: 0 !important; } .eagleor-about-badge { position: absolute; left: 0; bottom: 42px; background: var(--t-blue); color: #fff; padding: 18px 26px; border-radius: 0 12px 12px 0; z-index: 2; } .eagleor-about-badge b { font-family: var(--t-serif); font-size: 34px; display: block; line-height: 1; } .eagleor-about-badge span { font-size: 12.5px; color: #e6eef2; } .eagleor-about-pic .eagleor-about-badge-w { position: static; } .eagleor-about-pic .elementor-widget-wrap { position: static; } .page-id-3623 .eagleor-about-body > .elementor-element-populated { padding: 90px 70px; } .page-id-3623 .eagleor-about-body p { font-size: 16.5px; color: #574c40; margin-top: 20px; } /* PHILOSOPHY — belief cards */ .eagleor-v7 .eagleor-philosophy { background: var(--t-cream2); } .page-id-3623 .eagleor-beliefs-wrap > .elementor-container { padding: 0 !important; } .page-id-3623 .eagleor-beliefs { max-width: 900px; margin: 48px auto 0; text-align: left; } .eagleor-belief { display: flex; gap: 20px; align-items: flex-start; background: var(--t-cream); border: 1px solid var(--t-line); border-radius: 14px; padding: 24px 28px; margin-bottom: 16px; } .eagleor-belief .n { flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; background: var(--t-blue-soft); color: var(--t-blue-d); font-family: var(--t-serif); font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 17px; } .eagleor-belief p { font-size: 16px; color: #574c40; line-height: 1.7; margin: 0 !important; } .eagleor-beliefs .eagleor-belief-w:last-child .eagleor-belief { margin-bottom: 0; } /* WHAT WE TREAT — 3 cards */ .page-id-3623 .eagleor-cards > .elementor-container { padding: 50px 0 0 !important; gap: 24px; align-items: stretch; } .page-id-3623 .eagleor-card-col > .elementor-element-populated { padding: 0; height: 100%; } .page-id-3623 .eagleor-card-col { width: 33.333% !important; } .eagleor-card { background: var(--t-cream2); border: 1px solid var(--t-line); border-radius: 16px; padding: 34px 32px; text-align: left; transition: .28s; border-top: 3px solid transparent; height: 100%; } .eagleor-card:hover { border-top-color: var(--t-blue); transform: translateY(-4px); box-shadow: 0 24px 46px -28px rgba(46,110,142,.4); } .eagleor-card .ic { width: 54px; height: 54px; border-radius: 13px; background: var(--t-blue-soft); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } .eagleor-card .ic svg { width: 27px; height: 27px; stroke: var(--t-blue); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } .eagleor-card h3 { font-family: var(--t-serif); font-size: 19px; color: var(--t-brown); font-weight: 700; } .eagleor-card .eagleor-treatlist { margin-top: 16px; display: grid; gap: 9px; } .eagleor-card .eagleor-treatlist li { list-style: none; font-size: 14.5px; color: #574c40; padding-left: 20px; position: relative; line-height: 1.5; } .eagleor-card .eagleor-treatlist li::before { content: ""; position: absolute; left: 0; top: 8px; width: 7px; height: 7px; border-radius: 50%; background: var(--t-blue); } /* INDIVIDUALIZED PLANS — tinted band */ .eagleor-v7 .eagleor-band { background: var(--t-sand-bg); } .page-id-3623 .eagleor-bandp p { font-size: 17px; color: #574c40; margin-top: 18px; line-height: 1.8; max-width: 820px; margin-left: auto; margin-right: auto; } /* OUR PROMISE — large serif statement */ .eagleor-v7 .eagleor-promise { background: var(--t-cream2); } .eagleor-promise .eagleor-q { font-family: var(--t-serif); font-style: italic; font-size: clamp(22px,2.6vw,30px); line-height: 1.5; color: var(--t-brown); margin: 24px auto 0 !important; max-width: 920px; } /* OUR SERVICES — tags */ .eagleor-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; justify-content: center; } .eagleor-tag { background: var(--t-cream2); border: 1px solid var(--t-sand); color: var(--t-brown); padding: 9px 18px; border-radius: 100px; font-size: 13.5px; font-weight: 600; } .eagleor-tag:nth-child(odd) { border-color: #bcd6e0; color: var(--t-blue-d); } /* reused CTA + TRUST use 100px section padding on About (HTML section{padding:100px}). Scope to the DIRECT container only — a bare ".eagleor-trust .elementor-container" also matches the inner seals container and balloons it (playbook trap #3). */ .page-id-3623 .eagleor-team-cta > .elementor-container { padding: 100px 44px !important; } .page-id-3623 .eagleor-trust > .elementor-container { padding: 100px 44px !important; } .page-id-3623 .eagleor-seals > .elementor-container { padding: 42px 0 0 !important; align-items: flex-start; } .page-id-3623 .eagleor-seals .elementor-widget-wrap { padding: 0 !important; } .page-id-3623 .eagleor-trust .eagleor-trust-h2 :is(h1,h2,h3,h4,h5,h6) { font-size: clamp(34px,4.6vw,52px); margin-top: 14px; } /* ABOUT responsive */ @media (max-width: 1000px) { .page-id-3623 .eagleor-about > .elementor-container { flex-direction: column; } .page-id-3623 .eagleor-about > .elementor-container > .elementor-column { width: 100% !important; } .page-id-3623 .eagleor-about-pic, .page-id-3623 .eagleor-about-pic > .elementor-element-populated { min-height: 360px !important; } .page-id-3623 .eagleor-about-body > .elementor-element-populated { padding: 56px 40px; } .page-id-3623 .eagleor-cards > .elementor-container { flex-direction: column; } .page-id-3623 .eagleor-card-col { width: 100% !important; } /* stacked cards: re-add the vertical gap (flex gap drops when columns stack) */ .page-id-3623 .eagleor-card-col + .eagleor-card-col { margin-top: 16px; } } @media (max-width: 666px) { /* HTML wraps the two seal cards below ~666px; force the inline-sized columns to stack (Elementor's 50% inline width leaks into mobile — playbook trap #5) */ .page-id-3623 .eagleor-seals > .elementor-container { flex-direction: column; align-items: center; } .page-id-3623 .eagleor-seals > .elementor-container > .elementor-column { width: 100% !important; max-width: 360px; } .page-id-3623 .eagleor-seals > .elementor-container > .elementor-column + .elementor-column { margin-top: 22px; } } @media (max-width: 600px) { .page-id-3623 .eagleor-sec > .elementor-container { padding: 72px 22px !important; } .page-id-3623 .eagleor-team-cta > .elementor-container, .page-id-3623 .eagleor-trust > .elementor-container { padding: 72px 22px !important; } .eagleor-pagehead .elementor-container { padding: 84px 22px 64px !important; } /* Contact hero (3651): shorten on mobile so the "Send us a message" form peeks into view under the call button. Trim hero vertical padding + zero the call-button row's container padding. */ .page-id-3651 .eagleor-pagehead .elementor-container { padding-top: 44px !important; padding-bottom: 22px !important; } .page-id-3651 .eagleor-pagehead .eagleor-ph-btnrow > .elementor-container { padding: 0 !important; } .page-id-3651 .eagleor-pagehead .eagleor-ph-btnrow { margin-top: 20px; } } /* ===================================================================== */ /* OUR APPROACH (post 3631) — V7. Reuses shared shell + .eagleor-v7 helpers. */ /* Source of truth: "Client Loved - V7-good copy/our-approach.html" */ /* ===================================================================== */ .eagleor-v7 .eagleor-clinical { background: var(--t-cream); } .eagleor-v7 .eagleor-nature { background: var(--t-cream); } .eagleor-v7 .eagleor-settings { background: var(--t-cream2); } .page-id-3631 .eagleor-pagehead .eagleor-ph-p p { max-width: 720px; } /* CLINICAL — modality blocks (mod -> Text Editor styled card; deflist -> styled