/*
Theme Name: Sheila Geeft Woorden
Theme URI: https://example.org/
Author: OpenAI (op maat gemaakt voor Sheila)
Description: Warme, stijlvolle responsive website voor huwelijksceremonies, uitvaartspraken en nabestaandenbegeleiding. Met uilenlogo en instelbare portretfoto/contactgegevens.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sheila-geeft-woorden
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--plum:#51353e;--plum-deep:#412c34;--rose:#e9d7d3;--pink:#f5eae7;--cream:#fcf7f2;--paper:#fffdfa;--sage:#a4a992;--sage-light:#e9ece2;--gold:#ba9667;--text:#504044;--muted:#75686b;--line:#e9dcd5;--serif:Georgia,'Times New Roman',serif;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);font:400 16px/1.77 var(--sans);background:var(--paper)}img{max-width:100%;height:auto}a{color:inherit}h1,h2,h3{color:var(--plum);font-family:var(--serif);letter-spacing:-.035em;font-weight:400;line-height:1.19;margin:0 0 18px}h1{font-size:clamp(3.15rem,5.6vw,5.35rem);line-height:1.12}h2{font-size:clamp(2.35rem,4.1vw,3.9rem)}h3{font-size:1.74rem}p{margin:0 0 18px}.accent{font-style:italic;color:#8c6872}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.eyebrow{font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:#8e6a73}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:12px 21px;text-decoration:none;font-size:.82rem;font-weight:700;letter-spacing:.035em;border:1px solid var(--plum);transition:background .15s,transform .15s,color .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--plum);color:white}.btn-primary:hover{background:#795760}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:4px;font-size:.81rem;font-weight:700;text-decoration:none;letter-spacing:.055em}.text-link:hover{color:#926d76}.skip-link{position:absolute;top:-100px;left:8px;padding:10px;background:white;z-index:1000}.skip-link:focus{top:8px}.topbar{background:#efdfdb;text-align:center;color:var(--plum);padding:7px;font-size:.66rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,253,250,.97);backdrop-filter:blur(10px)}.admin-bar .site-header{top:32px}.header-content{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;flex:none}.brand img{width:60px;height:60px}.brand-main{display:block;font:400 1.75rem/.95 var(--serif);color:var(--plum);letter-spacing:-.04em}.brand-sub{display:block;font-size:.54rem;text-transform:uppercase;font-weight:700;letter-spacing:.25em;color:#9c7b80;margin-top:7px}.site-nav{display:flex;align-items:center;gap:26px}.site-nav a{text-decoration:none;font-size:.78rem;font-weight:700;white-space:nowrap}.site-nav a:not(.nav-contact):hover{color:#a17680}.site-nav .nav-contact{padding:10px 14px;background:var(--plum);color:white}.site-nav .nav-contact:hover{background:#795760}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--plum);font:700 .82rem var(--sans);padding:10px 13px}.hero{background:linear-gradient(116deg,#fcf6f1 10%,#f5e7e3 100%);overflow:hidden;position:relative}.hero::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid #d6b8a86b;left:-280px;bottom:-280px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;min-height:655px;padding:75px 0}.hero h1{margin:22px 0 25px}.divider{width:62px;height:2px;background:var(--gold);margin:0 0 26px}.hero .lead{font-size:1.09rem;line-height:1.88;max-width:555px;color:#6d5b61}.hero-actions{display:flex;flex-wrap:wrap;gap:23px;align-items:center;margin-top:28px}.motto{font:italic 1.1rem/1.65 var(--serif);color:#98747c;margin-top:37px}.portrait-holder{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.portrait-border{position:absolute;width:84%;height:94%;top:0;right:2%;border:1px solid #bc976c;border-radius:50% 50% 0 0;transform:translate(10px,-7px)}.portrait{width:84%;height:520px;border-radius:50% 50% 0 0;object-fit:cover;object-position:center 33%;box-shadow:19px 25px 38px #3a25221e;position:relative}.portrait-empty{width:84%;height:520px;border-radius:50% 50% 0 0;position:relative;background:radial-gradient(circle at 50% 35%,#f7e6dc,#d8bdb9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:65px 42px;color:var(--plum);gap:8px}.portrait-empty img{width:215px;max-width:70%;height:auto;opacity:.5}.portrait-empty span{font:italic 1.1rem/1.6 var(--serif);color:#7b5c65}.portrait-stamp{position:absolute;bottom:2%;left:-3%;width:145px;height:145px;background:white;border-radius:50%;box-shadow:0 8px 25px #4b2c2021;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;transform:rotate(-8deg)}.portrait-stamp img{width:70px;height:70px}.portrait-stamp span{font-size:.58rem;line-height:1.4;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--plum)}.intro{padding:101px 0 91px;text-align:center}.intro>p{max-width:660px;margin:0 auto;color:var(--muted);line-height:1.88}.intro h2{margin:16px auto 20px}.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:46px}.service-card{display:block;text-align:left;text-decoration:none;background:#f5ebe7;border:1px solid #eadbd6;padding:31px 29px 28px;min-height:306px;transition:transform .15s,box-shadow .15s}.service-card:nth-child(2){background:#edf0e8;border-color:#e0e4d9}.service-card:nth-child(3){background:#f3e7e8}.service-card:hover{transform:translateY(-4px);box-shadow:0 13px 28px #38221a14}.service-symbol{border-radius:50%;width:55px;height:55px;background:#e9d4d1;color:var(--plum);font:1.7rem var(--serif);display:flex;align-items:center;justify-content:center;margin-bottom:22px}.service-card:nth-child(2) .service-symbol{background:#dbe0d2}.service-card:nth-child(3) .service-symbol{background:#e4d6dd}.service-card p{font-size:.9rem;line-height:1.75;color:#695d60;margin-bottom:18px}.service-card .more{font-size:.8rem;font-weight:700;color:var(--plum)}.detail{padding:94px 0;scroll-margin-top:90px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.detail.reverse .detail-grid>.detail-panel{order:-1}.detail-copy p{line-height:1.9;color:#63595c}.detail-copy h2{margin:18px 0 25px}.detail-copy .quote{font:italic 1.15rem/1.7 var(--serif);color:#9c7580;margin-top:28px}.detail-panel{min-height:386px;padding:35px 40px;display:flex;flex-direction:column;justify-content:space-between;background:#ead7d0;position:relative;overflow:hidden}.detail-panel::after{content:"";position:absolute;width:330px;height:330px;right:-132px;bottom:-170px;border-radius:50%;border:1px solid #bd987b}.detail-panel .number{font:italic 2.7rem var(--serif);color:#a98486}.detail-panel .panel-main{font:400 clamp(2.25rem,3.2vw,3.6rem)/1.23 var(--serif);letter-spacing:-.04em;color:var(--plum);max-width:350px;position:relative;z-index:1}.detail-panel .panel-last{font-size:.64rem;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:#966f77;position:relative;z-index:1}.detail.wedding{background:#fffaf7}.detail.funeral{background:#eff1e9}.detail.funeral .detail-panel{background:#dfe4d7}.detail.funeral .number{color:#83917e}.detail.care{background:#fbf2f0}.detail.care .detail-panel{background:#ead8dc}.values{padding:103px 0;background:var(--plum);color:white}.values-grid{display:grid;grid-template-columns:1fr 240px;gap:65px;align-items:center}.values .eyebrow{color:#dfc3ad}.values h2{max-width:820px;color:white;font-size:clamp(2.4rem,4.1vw,4rem);line-height:1.32;margin:16px 0 25px}.values h2 em{font-weight:400;color:#dbb898}.values p{text-transform:uppercase;font-size:.69rem;letter-spacing:.22em;color:#ead6ce;font-weight:700}.values img{width:100%;filter:grayscale(1) brightness(0) invert(1);opacity:.65}.about{background:#fcf8f5}.about-grid{padding:84px 0;display:grid;grid-template-columns:.68fr 1.32fr;gap:10%;align-items:center}.about-photo{height:320px;border-radius:50% 50% 0 0;background:linear-gradient(#f1ddd8,#e0cac4);box-shadow:14px 17px 0 #eee0db;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 33%;filter:saturate(.65);opacity:.72}.about-photo .owl-watermark{width:65%;height:65%;object-fit:contain;opacity:.34}.about h2{margin:15px 0 24px}.about p{color:#675b5d;line-height:1.91}.contact{padding:99px 0;text-align:center;background:#f3e7e6}.contact h2{margin:18px 0}.contact p{max-width:680px;margin:0 auto 28px;color:#655a5c}.contact-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.contact-tip{color:#84696d;font-size:.85rem}.site-footer{background:#3e2b33;color:#f2e5e0;padding:38px 0 23px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{width:62px;filter:brightness(0) invert(1);opacity:.78}.footer-brand strong{display:block;font:400 1.5rem var(--serif)}.footer-brand small{display:block;color:#d7c0be;letter-spacing:.18em;font-size:.63rem;text-transform:uppercase}.footer-main em{font:italic 1.1rem var(--serif);color:#e7ccc4}.footer-base{border-top:1px solid #ffffff2b;padding-top:17px;margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:.75rem;color:#d6c6c0}.footer-base a{color:inherit;text-decoration:none}.page-content{max-width:810px;margin:70px auto;min-height:35vh}.page-content h1{font-size:3.4rem}.page-content img{height:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto;height:auto;width:auto;position:static!important}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:1000px){.wrap{width:min(100% - 48px,1160px)}.site-nav{gap:13px}.site-nav a{font-size:.7rem}.site-nav .nav-contact{padding:9px}.hero-grid{gap:22px}.portrait-holder{min-height:460px}.portrait,.portrait-empty{height:455px}.service-cards{gap:12px}.service-card{padding:25px 22px}.service-card h3{font-size:1.5rem}}@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:min(100% - 38px,580px)}.admin-bar .site-header{top:46px}.header-content{min-height:73px}.brand img{width:47px;height:47px}.brand-main{font-size:1.38rem}.brand-sub{font-size:.47rem}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fffdfa;border-bottom:1px solid var(--line);padding:12px 21px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 25px #38252018}.site-nav.open{display:flex}.site-nav a{padding:13px 10px;font-size:.86rem}.site-nav .nav-contact{text-align:center;padding:14px;margin-top:8px}.hero-grid{grid-template-columns:1fr;padding:57px 0 42px;gap:35px;min-height:auto}.hero h1{font-size:clamp(3rem,10vw,4.4rem)}.hero .lead{font-size:1rem}.portrait-holder{min-height:435px}.portrait,.portrait-empty{width:76%;height:420px}.portrait-border{width:76%;height:95%;right:8%}.portrait-stamp{left:0;bottom:1%;width:112px;height:112px}.portrait-stamp img{width:52px;height:52px}.portrait-stamp span{font-size:.48rem}.intro{padding:71px 0}.intro h2{font-size:2.6rem}.service-cards{grid-template-columns:1fr;margin-top:29px}.service-card{min-height:0}.service-symbol{margin-bottom:15px}.service-card p{margin-bottom:12px}.detail{padding:62px 0}.detail-grid{grid-template-columns:1fr;gap:29px}.detail.reverse .detail-grid>.detail-panel{order:0}.detail-copy h2{font-size:2.55rem}.detail-panel{min-height:290px;padding:27px}.detail-panel .panel-main{font-size:2.6rem}.values{padding:68px 0}.values-grid{grid-template-columns:1fr;gap:20px}.values h2{font-size:2.55rem}.values img{width:130px;margin:0 auto;opacity:.4}.about-grid{grid-template-columns:1fr;gap:33px;padding:61px 0}.about-photo{height:270px;width:240px;max-width:100%;margin:0 auto}.contact{padding:67px 0}.contact h2{font-size:2.6rem}.footer-main{align-items:flex-start;flex-direction:column;gap:17px}.page-content{margin:48px auto}.page-content h1{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}