/*
Theme Name: De Pier Feestlocatie
Theme URI: https://depierfeestlocatie.nl
Author: De Pier Feestlocatie
Description: Modern, responsive WordPress theme for a seaside event location.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: de-pier-feestlocatie
*/
:root{--navy:#10272d;--teal:#22545b;--sand:#f6f0e6;--gold:#c6a174;--white:#fff;--ink:#23353a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.topline{background:var(--navy);color:#fff;font-size:13px;text-align:center;padding:8px}.sitehead{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ece8e0}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{font-family:Georgia,serif;font-size:27px;font-weight:bold;line-height:1.1;color:var(--navy)}.brand small{display:block;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:10px;color:#8e7152;margin-top:6px}.nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:bold}.nav a:hover{color:#ac865b}.btn{display:inline-block;border-radius:3px;padding:14px 22px;background:var(--gold);color:#152b31!important;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:800;transition:opacity .2s}.btn:hover{opacity:.85}.btn-outline{background:transparent;color:#fff!important;border:1px solid #fff}.hero{min-height:630px;display:flex;align-items:center;color:white;position:relative;background:linear-gradient(90deg,rgba(9,29,35,.85),rgba(9,29,35,.24)),url('https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=2000&q=85') center/cover}.hero h1{font:normal clamp(48px,6.8vw,91px)/1.07 Georgia,serif;max-width:850px;margin:16px 0 24px}.hero p{font-size:19px;max-width:580px;margin-bottom:34px}.eyebrow{letter-spacing:3.5px;font-weight:bold;font-size:12px;text-transform:uppercase;color:var(--gold)}.hero .eyebrow{color:#ead5bd}.heroactions{display:flex;flex-wrap:wrap;gap:12px}.section{padding:92px 0}.intro{text-align:center;max-width:760px;margin:auto}.intro h2,.section h2{font:normal clamp(34px,4vw,53px)/1.2 Georgia,serif;color:var(--navy);margin:12px 0 22px}.intro p{font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:43px}.event{background:#fff;box-shadow:0 12px 38px rgba(0,0,0,.08);border-radius:4px;overflow:hidden}.event img{width:100%;aspect-ratio:1.25;object-fit:cover;display:block}.event-body{padding:30px}.event h3{font:normal 29px Georgia,serif;color:var(--navy);margin:0 0 12px}.event p{margin:0 0 18px}.textlink{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:bold;color:#93714d}.soft{background:var(--sand)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.split img{width:100%;height:480px;object-fit:cover}.split p{font-size:17px}.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:28px 0;text-align:center}.perks strong{display:block;font:normal 31px Georgia,serif;color:#fff}.perks span{display:block;font-size:12px;letter-spacing:1.1px;text-transform:uppercase;color:#d6e3e3}.darkbar{background:var(--teal)}.cta{background:var(--navy);text-align:center;color:#fff}.cta h2{color:#fff}.cta p{max-width:680px;margin:0 auto 25px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.contact-box>div{background:#fff;padding:33px;box-shadow:0 8px 32px rgba(0,0,0,.05)}.contact-box h3{font:normal 27px Georgia,serif;color:var(--navy)}.footer{background:#081d22;color:#cbd5d8;padding:46px 0;font-size:14px}.footerinner{display:flex;justify-content:space-between;gap:20px}.footer a{text-decoration:underline}.mobile-menu{display:none}@media(max-width:850px){.head-inner{min-height:70px}.nav{display:none}.mobile-menu{display:block;font-size:13px}.hero{min-height:565px}.cards,.split,.contact-box{grid-template-columns:1fr}.split img{height:330px}.section{padding:65px 0}.perks{grid-template-columns:1fr 1fr}.footerinner{flex-direction:column}.nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:stretch;box-shadow:0 10px 20px #0002}}@media(max-width:480px){.hero h1{font-size:45px}.brand{font-size:23px}.wrap{width:min(100% - 32px,1180px)}}