/* Theme Name: E3 2026 Theme URI: https://exploreengageenjoy.org/ Author: Systech Consulting Author URI: https://www.systech.io/ Description: Block theme for Explore Engage Enjoy Pediatric Therapy (Roseburg, Oregon). Ported from the approved 2026 homepage mockup: brand palette from the E3 logo, Fraunces + Nunito Sans (self-hosted), 1160px content column. Content types live in the e3-content plugin. Requires at least: 6.6 Tested up to: 7.1 Requires PHP: 8.1 Version: 1.2.2 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: e3-2026 */ /* The mockup CSS (website-rebuild/mockup/index.html) ported to block markup. Class names are the mockup's; selectors differ only where a core block wraps or renames an element (noted inline). */ :root{ --navy:#263990; --navy-deep:#1B2A6B; --green:#6FA23B; --green-btn:#54812A; --green-text:#487622; /* mockup #55832B/#4A7A23 darkened ~1% to pass 4.5:1 */ --sky:#AFD6F2; --sun:#F9D21B; --bg:#FFFFFF; --surface:#F3F7FC; --band:#E3F0FA; --ink:#1E2340; --muted:#596283; --line:#D9E2EE; --accent:#263990; --btn-bg:#263990; --btn-fg:#FFFFFF; --on-navy:#FFFFFF; --on-navy-muted:#C9D2F2; --card:#FFFFFF; --shadow:0 12px 32px rgba(30,35,64,.10); --focus:#F9D21B; --display:var(--wp--preset--font-family--display,"Fraunces",Georgia,"Times New Roman",serif); --body:var(--wp--preset--font-family--body,"Nunito Sans","Segoe UI",system-ui,-apple-system,sans-serif); --r:18px; --r-sm:12px; color-scheme:light; } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:90px} @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto} *{transition:none!important;animation:none!important}} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} a{color:var(--accent)} a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px} h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.12;margin:0;text-wrap:balance;color:var(--ink)} h1{font-size:clamp(2.1rem,4.4vw,3.6rem);letter-spacing:-.01em} h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.01em} h3{font-size:1.3rem} p{margin:0} /* Block resets: the mockup spaces everything with grid gaps, so core block margins are zeroed. */ .wp-site-blocks > *,.wp-block-post-content > *,.is-layout-flow > *{margin-block:0} figure.wp-block-image{margin:0} .wp-block-quote{margin:0;padding:0;border:0} .wp-block-buttons{gap:12px} .wp-block-button{margin:0} .wrap{max-width:1160px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))} .eyebrow{font-family:var(--body);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-text)} .lead{font-size:1.125rem;color:var(--muted);max-width:62ch} .sec{padding-block:clamp(56px,8vw,104px)} .sec-head{display:grid;gap:14px;max-width:70ch;margin-bottom:clamp(28px,4vw,48px)} /* Buttons: .btn = the core button link; variants are block styles on the wrapper (no style = primary). */ .wp-block-button .wp-block-button__link,.wp-block-button .wp-element-button{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.35em;border-radius:999px;font-weight:800;font-size:1rem;text-decoration:none;border:2px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease;cursor:pointer;font-family:var(--body);line-height:1.2;background:var(--green-btn);color:#fff;width:auto} .wp-block-button .wp-block-button__link:hover{transform:translateY(-1px)} .wp-block-button.is-style-e3-navy .wp-block-button__link{background:var(--btn-bg);color:var(--btn-fg)} .wp-block-button.is-style-e3-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--line)} .wp-block-button.is-style-e3-outline .wp-block-button__link:hover{border-color:var(--accent)} .wp-block-button.is-style-e3-light .wp-block-button__link{background:#fff;color:var(--navy-deep)} .wp-block-button.is-style-e3-ghost .wp-block-button__link{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)} .wp-block-button.is-style-e3-ghost .wp-block-button__link:hover{border-color:#fff} /* the mockup's own .btn classes, for buttons printed by the e3 blocks */ .btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.35em;border-radius:999px;font-weight:800;font-size:1rem;text-decoration:none;border:2px solid transparent;transition:transform .15s ease,background .15s ease;cursor:pointer;font-family:var(--body);line-height:1.2;justify-self:start} .btn:hover{transform:translateY(-1px)} .btn-primary{background:var(--green-btn);color:#fff} .btn-navy{background:var(--btn-bg);color:var(--btn-fg)} .btn-outline{background:transparent;color:var(--ink);border-color:var(--line)} .btn-light{background:#fff;color:var(--navy-deep)} /* the mockup's inline ↗ svg on external buttons */ .wp-block-button.has-arrow .wp-block-button__link::after{content:"";width:1em;height:1em;flex:none;background:currentColor;-webkit-mask:url(assets/icons/arrow-up-right.svg) center/contain no-repeat;mask:url(assets/icons/arrow-up-right.svg) center/contain no-repeat} /* header (template part
). core/navigation copies its class onto the inner