/*
Theme Name: Floreersafari
Version: 1.2.0
Description: Rustig, speels WordPress-thema voor De Floreersafari. Voorbereid op WooCommerce.
Text Domain: floreersafari
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600;700&display=swap");

:root{--ink:#263b34;--paper:#fffdf7;--green:#325b46;--yellow:#ffcf25;--muted:#64736a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.8 "Open Sans",sans-serif}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto}header{max-width:1360px;margin:auto;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;gap:35px}header img{width:210px}nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}nav a{font:14px/1.5 "Open Sans",sans-serif;text-decoration:none}nav a:hover,nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#e7b300;text-decoration-thickness:3px}nav a:last-child{border:1px solid #9baa91;border-radius:30px;padding:9px 20px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;z-index:5}.hero{max-width:1260px;margin:60px auto 100px;padding:30px 6%;display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center}.eyebrow{font:12px/1.4 "Open Sans",sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--green)}h1{font-size:clamp(44px,5.4vw,78px);line-height:1.12;font-weight:400;letter-spacing:-2px;margin:25px 0 30px;max-width:760px}.hero .lead{font-size:22px;max-width:570px}.hero figure{margin:0;position:relative;text-align:center}.hero figure:before{content:'';position:absolute;inset:10% 0 2%;background:#f5edcb;border-radius:49% 51% 63% 37%;z-index:-1;transform:rotate(-8deg)}.hero figure img{max-height:430px;object-fit:contain;filter:drop-shadow(0 14px 15px #263b3412)}.hero figcaption{font:12px "Open Sans",sans-serif;color:var(--muted);margin-top:20px}.button{display:inline-flex;gap:32px;align-items:center;background:var(--green);color:white;text-decoration:none;border-radius:30px;padding:12px 26px;font:15px/1.6 "Open Sans",sans-serif}.button:hover{background:#21412f}.content{max-width:800px;padding:0 30px;margin:0 auto 100px}.content p{max-width:660px;margin:0 0 20px}.content h2{font-size:38px;line-height:1.25;font-weight:400;margin:78px 0 25px}.content h2:before{content:'✳';display:block;color:#bb9300;font:25px "Open Sans",sans-serif;margin-bottom:20px}.content blockquote{font-size:28px;line-height:1.5;margin:65px -35px 20px;padding:35px;background:#f5edcb;border-radius:3px 35px 3px 35px}.content .document-pending{font-style:italic;color:var(--muted)}.trail{border-top:1px solid #dbe0ce;max-width:1180px;margin:auto;padding:60px 5%;display:flex;justify-content:space-between;gap:30px;align-items:center}.trail h2{font-size:36px;font-weight:400;margin:0}.trail p{margin:5px 0;color:var(--muted)}footer{background:#eaf0e3;padding:45px 7%;font:14px/1.8 "Open Sans",sans-serif;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer img{width:170px}a:focus-visible,button:focus-visible{outline:3px solid #b57700;outline-offset:5px}.woocommerce{max-width:1180px;margin:60px auto;padding:0 25px}.woocommerce button.button{border:0}.woocommerce ul.products{padding:0}.notice{font:13px "Open Sans",sans-serif;color:#64736a}@media(max-width:850px){header{align-items:flex-start;flex-direction:column;gap:20px}nav{gap:14px}nav a{font-size:13px}.hero{margin:25px auto 55px;grid-template-columns:1fr;gap:35px}.hero figure img{max-height:280px}.hero figure{max-width:350px;margin:auto}.content{padding:0 7%}.content blockquote{margin:40px 0 20px;font-size:23px;padding:25px}.content h2{font-size:32px}.trail{flex-direction:column;align-items:flex-start}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:no-preference){a{transition:background .2s}}
h1,.content h2,.trail h2{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:-.035em}nav a,.button{font-weight:700}


/* Bestaande website als uitgangspunt */
:root{--ink:#222;--paper:#fff;--green:#510b65;--yellow:#ffcd36;--muted:#555}
header{background:#510b65;max-width:none;padding:22px 5%;border:0;gap:35px;justify-content:center}header img{width:190px}nav{gap:22px;justify-content:center}nav a{color:#ffcd36;font-weight:700}nav a:last-child{background:transparent;color:#ffcd36;padding:0;border:0;border-radius:0}nav a:hover,nav a[aria-current=page]{color:white;text-decoration-color:#ffcd36}
.hero{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:relative;isolation:isolate;max-width:none;margin:0 0 55px;min-height:500px;padding:65px 7%;background:linear-gradient(#0006,#0006),url('assets/safari-foto.webp') center/cover;color:white}
.hero:after{display:none}.hero>div{width:100%;max-width:1080px}.hero .eyebrow{background:none;padding:0;margin:0;color:#ffcd36;letter-spacing:1.5px}.hero h1{color:white;font-size:clamp(34px,4.4vw,56px);max-width:1100px;margin:25px auto 35px;line-height:1.2;font-weight:700;letter-spacing:-.02em}.hero figure{display:none}.hero-logo{width:350px;max-width:75%;margin:0 auto 25px;display:block}.hero .button{background:#ffcd36;color:#222;border-radius:30px;font-weight:700}
.content{max-width:1160px;padding:0 6%;margin:auto auto 70px;counter-reset:none}.content:before{display:none}.content p{max-width:900px}.content>p:first-child{max-width:100%;font-size:24px;text-align:center;line-height:1.65;font-style:italic;margin:0 auto 40px}.content h2{font-size:32px;color:#510b65;margin-top:55px;padding:0;counter-increment:none}.content h2:before{display:none}.content blockquote{background:transparent;color:#222;font:italic 25px/1.65 'Open Sans',sans-serif;text-align:center;border-radius:0;padding:30px 5%;margin:30px 0}.button{background:#ffcd36;color:#222;border-radius:30px;padding:12px 24px}.button:hover{background:#efb900}.brand-beast{width:110px;float:right;margin:0 0 20px 30px}.trail{background:#510b65;text-align:center;display:block;padding:55px 7%}.trail:before{display:none}.trail h2{color:white;font-size:32px}.trail p{color:white;margin:12px 0 22px}.trail .button{display:inline-block}footer{background:#eee;color:#333;padding:40px 7%}footer img{padding:0;background:none;border-radius:0;width:180px}
@media(max-width:1000px){header{flex-direction:column;align-items:center;gap:18px}nav{gap:17px}.hero{min-height:430px}.content>p:first-child{font-size:21px}}@media(max-width:600px){nav{gap:12px 18px}nav a{font-size:13px}.hero{padding:45px 6%;min-height:390px}.hero h1{font-size:34px}.hero-logo{width:270px}.content{padding:0 7%}.content h2{font-size:27px}.content>p:first-child{font-size:20px}.content blockquote{font-size:21px}.trail h2{font-size:27px}}

.story-photo{margin:42px 0 48px;max-width:100%;clear:both}.story-photo img{display:block;width:100%;max-height:560px;object-fit:cover;object-position:center;border-radius:0}.story-photo figcaption{font:14px/1.6 'Open Sans',sans-serif;color:#555;padding:12px 0}.content .story-photo+p{margin-top:24px}.content .story-photo img[src*="samen"]{max-height:560px;object-position:center 35%}.content .story-photo img[src*="kaarten"]{object-fit:contain;background:#f5f5f5;max-height:400px}