/*
Theme Name: ABE Nation Modern
Theme URI: https://www.anom.network
Author: ABE Nation
Description: Staging-ready custom theme for ABE Nation Outreach Ministries. Does not alter existing content.
Version: 1.0.3
Requires at least: 6.0
Text Domain: abe-nation-modern
*/
:root{--navy:#10263d;--navy2:#193955;--gold:#d8a84c;--cream:#f7f4ec;--ink:#192c3e;--muted:#536477;--white:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:white}a{color:inherit}img{max-width:100%;height:auto}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{background:var(--navy);color:white;position:relative;z-index:2}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:22px}.brand{font-weight:850;text-decoration:none;font-size:1.35rem;line-height:1.1;letter-spacing:.02em}.brand small{display:block;font-size:.68rem;letter-spacing:.14em;color:#e3c78f;margin-top:8px}.menu{display:flex;align-items:center;gap:22px;list-style:none;padding:0;margin:0}.menu a{text-decoration:none;font-weight:650;font-size:.91rem}.menu a:hover,.footer a:hover{color:var(--gold)}.nav-toggle{display:none}.btn{display:inline-block;text-decoration:none;border:0;border-radius:6px;background:var(--gold);color:#10263d;padding:13px 21px;font-weight:800;cursor:pointer}.btn.secondary{background:transparent;border:1px solid #e3c78f;color:white}.btn.dark{background:var(--navy);color:white}.hero{background:linear-gradient(115deg,rgba(16,38,61,.96),rgba(16,38,61,.77)),radial-gradient(circle at 78% 45%,#53758c,#193955 55%);color:white;padding:100px 0 110px}.eyebrow{color:var(--gold);font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.1;max-width:800px;margin:15px 0 22px}.hero p{max-width:670px;font-size:1.18rem;color:#e6edf4}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:78px 0}.section.alt{background:var(--cream)}.section h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;margin:8px 0 18px}.lead{color:var(--muted);font-size:1.08rem;max-width:770px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.card{background:white;border:1px solid #e4e9ee;border-radius:12px;padding:27px;box-shadow:0 6px 24px rgba(16,38,61,.045)}.card h3{margin:0 0 8px;color:var(--navy);font-size:1.2rem}.card p{color:var(--muted);margin:0 0 15px}.card a{font-weight:750;color:#1b5275}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.feature{background:var(--navy);border-radius:14px;padding:40px;color:white}.feature h3{font-size:1.6rem}.feature p{color:#e3eaf0}.banner{background:var(--navy);color:white;padding:60px 0}.banner p{color:#e4eaf0}.footer{background:#0b1d2e;color:#e3eaf0;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}.footer h3{color:white}.footer a{color:#e3eaf0}.fine{font-size:.82rem;color:#bdcad6}.entry{max-width:850px;margin:70px auto;padding:0 24px}.entry h1{font-size:2.5rem}.entry-content{overflow-wrap:anywhere}.notice{padding:15px 18px;border-left:4px solid var(--gold);background:var(--cream)}.wp-block-button__link{background:var(--navy)}@media(max-width:800px){.cards{grid-template-columns:1fr}.split,.footer-grid{grid-template-columns:1fr}.nav{min-height:76px}.nav-toggle{display:block;background:none;color:white;border:1px solid #8190a0;border-radius:5px;padding:9px 13px;font-weight:700}.menu{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:20px 24px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero{padding:75px 0}.section{padding:55px 0}}
.brand img{width:88px;max-height:88px;object-fit:contain}.entry-content img{max-width:100%;height:auto}.preserved-widgets{margin-top:40px}.preserved-widget{margin:24px 0}.menu{flex-wrap:wrap}.menu a{font-size:13px}.entry-content iframe{max-width:100%}

.site-header .nav{align-items:center;gap:24px}.site-header nav{flex:1}.menu{justify-content:flex-end;gap:12px}.menu a{font-size:12px}.footer nav a{color:#fff}.entry-content input,.entry-content textarea,.entry-content select{max-width:100%}

/* The original movement character, refreshed for the blog. */
.movement-blog{max-width:1160px}
.movement-story{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;background:var(--cream);border:1px solid #e5dfd0;border-radius:24px;padding:40px;margin-bottom:64px;overflow:hidden}
.movement-art{position:relative;display:grid;place-items:center;min-height:450px;isolation:isolate}
.movement-orbit{position:absolute;z-index:-1;width:320px;height:320px;border:16px solid transparent;border-radius:50%;background:conic-gradient(from 20deg,#79c7ad88,#e8bd5888,#c77b6188,#76a9c988,#79c7ad88) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:abe-seasons 32s linear infinite}
.movement-character{width:auto;max-width:78%;height:410px;object-fit:contain;transform-origin:50% 95%;animation:abe-character 6s ease-in-out infinite;filter:drop-shadow(0 12px 8px #10263d12)}
.season{position:absolute;font-size:.66rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:#4e605d;background:var(--cream);padding:5px 8px;border-radius:12px}
.season-spring{top:17%;left:0}.season-summer{top:17%;right:0}.season-autumn{bottom:13%;right:0}.season-winter{bottom:13%;left:0}
.movement-copy .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#73551d}
.entry .movement-copy h1{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.14;letter-spacing:-.035em;margin:15px 0 24px}
.movement-copy p{color:#425568}.movement-copy .btn{margin-top:12px}
.movement-pause{display:block;margin:18px 0 0;padding:5px 0;border:0;border-bottom:1px solid #9badae;background:transparent;color:#425568;font:inherit;font-size:.8rem;cursor:pointer}
.movement-pause[hidden]{display:none}.movement-pause:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.movement-art.is-paused *{animation-play-state:paused}
@keyframes abe-character{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes abe-seasons{to{transform:rotate(360deg)}}
@media(max-width:760px){.movement-story{grid-template-columns:1fr;padding:25px;gap:12px}.movement-art{min-height:380px}.movement-character{height:350px}.movement-orbit{width:285px;height:285px}.movement-copy{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.movement-art *{animation:none!important}}