/*
Theme Name: CrowPuut - Het Evangelie
Theme URI: https://crowpuut.ddns.net/
Author: CrowPuut
Description: Warm christelijk WordPress-thema met drie aanklikbare evangelie-onderwerpen en een apart ledengedeelte voor preken. Bijbehorende plugin: CrowPuut - Evangelie inhoud.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: crowpuut-evangelie
*/
:root{--navy:#152b41;--navy-deep:#102337;--ink:#1b3347;--brown:#5b3826;--gold:#c6933e;--gold-soft:#f0c374;--cream:#fbf6ed;--white:#fffdfa;--line:#e8dccb;--shadow:0 20px 60px rgba(51,40,25,.09);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#282826;font-family:Georgia,'Times New Roman',serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3,h4{font-weight:700;line-height:1.18;letter-spacing:-.025em;margin-top:0}p{margin:0 0 1.2em}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.screen-reader-text:focus{position:fixed!important;clip:auto;width:auto;height:auto;top:10px;left:10px;z-index:99999;padding:12px;background:#fff;color:#000}
.site-header{position:relative;z-index:5;background:var(--navy);color:white;border-bottom:1px solid rgba(255,255,255,.13)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:91px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none}.brand-mark{display:flex;color:var(--gold-soft)}.brand-type{display:flex;flex-direction:column;gap:1px}.brand-type strong{font-size:clamp(25px,2.4vw,36px);line-height:1.05;letter-spacing:-.035em}.brand-type small{font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:#e6ded1}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:9px;font:600 15px/1.4 system-ui,sans-serif}.site-nav a{text-decoration:none;padding:12px 15px;border-radius:9px;transition:background .15s,color .15s}.site-nav a:hover{background:rgba(255,255,255,.11)}.site-nav a[aria-current="page"]{background:var(--gold-soft);color:var(--navy)}.site-nav .nav-private{border:1px solid rgba(247,220,172,.38)}
.hero{background:linear-gradient(135deg,#fff7e9,#f6e5c7 65%,#f7e7d1);overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:56% 44%;min-height:570px;position:relative;align-items:stretch}.hero-text{position:relative;z-index:2;padding:82px 18px 80px 0;align-self:center}.eyebrow{font:700 12px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#b77f2f}.hero .eyebrow{display:flex;align-items:center;gap:14px}.gold-line{width:36px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(52px,5.8vw,82px);color:var(--navy-deep);margin:22px 0 12px}.hero h1 em{color:#ae7929;font-style:italic;font-weight:400}.hero-intro{font-size:clamp(19px,1.6vw,24px);color:var(--brown);margin:0 0 27px}.hero-quote{background:rgba(255,252,246,.9);padding:26px 30px 18px;border:1px solid rgba(207,173,115,.7);box-shadow:var(--shadow);font-size:clamp(18px,1.65vw,24px);line-height:1.6;font-style:italic;color:#4c3524;max-width:630px;border-radius:15px;margin:0 0 27px}.hero-quote cite{display:block;text-align:right;font:700 13px/1.4 system-ui,sans-serif;letter-spacing:.02em;font-style:normal;color:#a8792e;margin-top:15px}.hero-art{position:relative;min-height:570px;background-image:url('assets/hero.webp');background-position:50% center;background-repeat:no-repeat;background-size:cover}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#f7e6c9 0%,rgba(247,230,201,.08) 18%,transparent 50%)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(117,75,26,.12),transparent 35%)}.button{font:700 15px/1.3 system-ui,sans-serif;display:inline-flex;gap:15px;align-items:center;justify-content:center;padding:16px 24px;text-decoration:none;border-radius:10px;box-shadow:0 7px 17px rgba(64,45,22,.12);transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(64,45,22,.18)}.button-primary{background:linear-gradient(120deg,#ad7925,#ca9b45);color:white}.button-outline{border:1px solid #debd86;color:#fff;background:rgba(255,255,255,.1)}.button-gold{background:var(--gold-soft);color:var(--navy-deep)}
.meaning-section{padding:88px 0 110px;background:linear-gradient(180deg,#fffcf5,#fbf7f0)}.section-heading{text-align:center;margin-bottom:43px}.section-heading .decor{color:var(--gold);font-size:29px;display:block;line-height:1.1;margin-bottom:10px}.section-heading .eyebrow{margin-bottom:11px}.section-heading h2{color:var(--navy-deep);font-size:clamp(36px,4vw,53px);margin:0 0 11px}.section-heading>p:last-child{font-size:17px;color:#666258;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.topic-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid #f0e6d5;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(51,40,25,.18)}.card-image{height:225px;display:flex;align-items:center;justify-content:center;background:#fffaf1;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center}.card-copy{padding:25px 27px 28px;display:flex;flex:1;flex-direction:column}.topic-label{font:700 11px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#b38440}.card-copy h3{color:var(--navy);font-size:29px;margin:9px 0 12px}.card-copy p{font-size:17px;line-height:1.7;flex:1;color:#56524c}.read-more{display:flex;justify-content:space-between;align-items:center;font:700 14px/1.3 system-ui,sans-serif;color:#a97728;border-top:1px solid #eee5d8;padding-top:18px;margin-top:6px}.read-more span{font-size:20px;line-height:1}
.gospel-ribbon{background:linear-gradient(120deg,#14324a,#244359);color:#fff;padding:52px 0}.gospel-ribbon-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.gospel-ribbon h2{font-size:clamp(28px,3vw,42px);margin:0 0 7px;color:#fff3d7}.gospel-ribbon p:last-child{color:#ebdbcc;margin:0}.members-section{padding:82px 0 96px;background:#faf2e6}.member-panel{display:flex;gap:27px;align-items:center;padding:45px 50px;background:linear-gradient(115deg,var(--navy-deep),#1d405c);border-radius:20px;box-shadow:var(--shadow);color:#fff}.lock-mark{font-size:55px;line-height:1}.member-copy{flex:1}.member-copy h2{font-size:38px;margin:5px 0 8px;color:white}.member-copy p:last-child{font-size:17px;margin:0;color:#dfdfdf}.member-panel .eyebrow{margin:0;color:var(--gold-soft)}
.page-banner{background:linear-gradient(125deg,#f2dfc1,#fff6e9 45%,#e8d8bd);padding:61px 0 65px;border-bottom:1px solid #e7d9c6}.page-banner-inner{text-align:center}.page-banner h1{font-size:clamp(43px,5vw,65px);color:var(--navy-deep);margin:9px auto 13px}.page-banner .eyebrow{margin:24px 0 5px}.page-subline{color:#625749;font-size:19px;max-width:760px;margin:0 auto}.back-home{font:700 13px/1.4 system-ui,sans-serif;text-decoration:none;color:#936528}.back-home:hover{text-decoration:underline}.private-banner{background:linear-gradient(125deg,#f3ddbb,#fff9ec)}.article-shell{padding:60px 0 100px}.article-content{width:min(830px,100%);margin:0 auto;background:white;box-shadow:var(--shadow);border:1px solid #eee6da;border-radius:20px;padding:46px clamp(24px,5vw,68px);font-size:18px}.article-image{width:100%;height:260px;object-fit:cover;border-radius:14px;background:#fff7ed;margin:0 0 34px}.entry-content h2{font-size:31px;color:var(--navy);margin:37px 0 14px}.entry-content h3{font-size:25px;color:var(--brown);margin:28px 0 12px}.entry-content p{color:#383a35;line-height:1.83}.entry-content blockquote{margin:22px 0 27px;background:#fffaf1;border-left:4px solid var(--gold);padding:19px 24px;color:#3c3833;font-size:20px;font-style:italic}.entry-content blockquote p{margin-bottom:.6em}.entry-content a{color:#8a5b1f;text-decoration:underline;text-underline-offset:3px}.entry-content hr{border:0;border-top:1px solid #e8dcca;margin:40px 0}.entry-content ul,.entry-content ol{padding-left:1.3em}.entry-content li{margin-bottom:.6em}.entry-content strong{color:#1a3348}.topic-next{border-top:1px solid #eadfd0;margin-top:38px;padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;font:700 14px/1.4 system-ui,sans-serif}.topic-next strong{color:var(--navy)}.topic-next a{color:#996a2b;text-decoration:none}.topic-next a:hover{text-decoration:underline}.post-summary{border-bottom:1px solid #eee1d4;margin:0 0 25px;padding:0 0 25px}.post-summary h2{font-size:26px}.post-summary h2 a{text-decoration:none;color:var(--navy)}
.cp-members-intro{color:#4c4b47}.cp-lock{background:#f2f6fa;border:1px solid #cedde8;border-radius:14px;padding:26px}.cp-lock h2{margin-top:0!important}.cp-lock label{font:600 14px/1.5 system-ui,sans-serif;color:var(--ink);display:block;margin:11px 0 4px}.cp-lock input[type="text"],.cp-lock input[type="password"]{width:100%;padding:12px 14px;border:1px solid #b4c8d6;border-radius:7px;background:white;font:16px system-ui,sans-serif}.cp-lock .login-remember label{display:flex;gap:8px;align-items:center}.cp-lock input[type="submit"]{border:0;border-radius:8px;background:#c18e3a;color:white;padding:14px 22px;cursor:pointer;font:700 15px system-ui,sans-serif}.cp-sermon{padding:22px 0;border-bottom:1px solid #e8ddcb}.cp-sermon h3{margin:0 0 10px;color:var(--navy)}.cp-logout{font:700 14px system-ui,sans-serif;display:inline-block;margin-bottom:25px}.cp-note{font:13px/1.6 system-ui,sans-serif;color:#585751}
.site-footer{background:var(--navy-deep);color:#e9ebed;padding:30px 0}.footer-inner{display:flex;gap:16px;align-items:center}.footer-logo{font-size:26px;color:var(--gold-soft)}.footer-inner p{margin:0;font:13px/1.4 system-ui,sans-serif;flex:1}.footer-inner nav{display:flex;gap:22px;font:600 13px/1.4 system-ui,sans-serif}.footer-inner nav a{text-decoration:none}.footer-inner nav a:hover{text-decoration:underline}
@media(max-width:950px){.header-inner{min-height:86px}.brand-type strong{font-size:27px}.site-nav{gap:3px}.site-nav a{padding:11px 9px;font-size:13px}.hero-grid{grid-template-columns:58% 42%}.hero-text{padding:62px 0}.hero-art{min-height:540px}.hero h1{font-size:57px}.hero-quote{font-size:19px}.card-image{height:185px}.card-copy{padding:20px}.card-copy h3{font-size:25px}.card-copy p{font-size:16px}.member-panel{padding:34px}.member-copy h2{font-size:33px}}
@media(max-width:720px){.container{width:min(100% - 30px,600px)}.header-inner{padding:13px 0;min-height:auto;flex-wrap:wrap;gap:12px}.brand-mark svg{width:44px;height:41px}.brand-type strong{font-size:25px}.brand-type small{font-size:8px;letter-spacing:.16em}.site-nav{width:100%;justify-content:space-between;gap:4px;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}.site-nav a{font-size:12px;padding:9px 9px}.hero-grid{display:flex;flex-direction:column}.hero-text{padding:55px 0 30px;order:1}.hero-art{min-height:285px;order:0;margin:0 -15px;background-position:center 47%}.hero-art:before{background:linear-gradient(to bottom,transparent 50%,#f8eacb 100%)}.hero h1{font-size:clamp(47px,10vw,64px);margin:15px 0 8px}.hero-intro{font-size:19px}.hero-quote{padding:21px;font-size:18px}.meaning-section{padding:55px 0 66px}.section-heading h2{font-size:36px}.cards{grid-template-columns:1fr;gap:20px}.topic-card{max-width:550px;margin:0 auto;width:100%}.card-image{height:230px}.card-copy{padding:23px 25px}.card-copy h3{font-size:28px}.gospel-ribbon{padding:40px 0}.gospel-ribbon-inner{flex-direction:column;align-items:start;gap:21px}.members-section{padding:50px 0 65px}.member-panel{flex-direction:column;align-items:start;gap:15px;padding:29px 25px}.lock-mark{font-size:37px}.member-copy h2{font-size:30px}.page-banner{padding:42px 0}.page-banner h1{font-size:43px}.article-shell{padding:30px 0 65px}.article-content{padding:30px 22px;font-size:17px}.article-image{height:210px}.entry-content h2{font-size:27px}.footer-inner{flex-wrap:wrap}.footer-inner nav{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.topic-card{transition:none}}