/*
Theme Name: Rondom Westerwolde
Version: 1.1.0
Description: Toeristische website met adresgids voor Westerwolde en omgeving.
Requires at least: 6.0
Requires PHP: 8.0
*/
:root{--green:#123e2c;--cream:#faf7ef;--gold:#c5a04d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--green);font:17px/1.6 system-ui,sans-serif}a{color:inherit}h1,h2,h3,.brand{font-family:Georgia,serif;line-height:1.12}h1{font-size:clamp(38px,6vw,76px)}h2{font-size:38px}h3{font-size:25px}.wrap{max-width:1200px;margin:auto;padding:32px 24px}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px}.brand{font-size:24px;font-weight:bold;text-decoration:none;line-height:.95}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hero{min-height:420px;background:linear-gradient(90deg,rgba(9,45,26,.95),rgba(9,45,26,.6),transparent),url(assets/landschap-v2.png) center 3.7%/100% auto no-repeat;color:white;display:flex;align-items:center}.hero h1{max-width:700px;margin:20px 0}.hero .wrap{width:100%}.search-box{background:white;padding:30px;border-radius:16px;box-shadow:0 12px 35px #173b2712;margin-top:-24px;position:relative}.search-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;align-items:end}label{display:block;font-weight:600;font-size:14px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #d8ddd3;border-radius:8px;background:white;color:var(--green)}button,.button{display:inline-block;border:0;background:#206232;color:white;padding:13px 24px;border-radius:28px;font:inherit;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#123e2c}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{display:block;padding:23px;background:#efefdf;border-radius:12px;text-decoration:none}.category:hover{background:#e1e6ce}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid #e2e6dc;border-radius:14px;padding:24px}.card h3 a{text-decoration:none}.badge{font-size:13px;color:#775717;background:#fff3cf;padding:5px 10px;border-radius:20px}.meta{font-size:14px;color:#56705c}.card .button{font-size:14px;padding:9px 16px}.adventures{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.adventures a{min-height:170px;display:flex;align-items:end;padding:24px;background:linear-gradient(135deg,#416c3c,#123e2c);border-radius:12px;color:white;text-decoration:none;font:25px Georgia}.banner{background:#dde5d3;border-radius:18px;padding:35px;margin-top:35px}.pagination{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.pagination a,.pagination span{padding:8px 14px;background:white;border-radius:5px}.pagination .current{background:var(--green);color:white}footer{background:var(--green);color:white;margin-top:50px}article{max-width:850px}.entry-image{max-width:100%;height:auto;border-radius:12px}.details{display:grid;grid-template-columns:160px 1fr;gap:12px}.details dt{font-weight:bold}.details dd{margin:0;overflow-wrap:anywhere}.sr-only{position:absolute;left:-9999px}@media(max-width:800px){header .wrap{align-items:flex-start;flex-direction:column}.search-grid,.cards{grid-template-columns:1fr 1fr}.categories,.adventures{grid-template-columns:1fr 1fr}.hero{background-size:auto 1600px}h2{font-size:30px}}@media(max-width:520px){.search-grid,.cards{grid-template-columns:1fr}.wrap{padding:24px 18px}.details{grid-template-columns:1fr}.categories,.adventures{gap:10px}.category{padding:16px;font-size:15px}nav{gap:15px;font-size:15px}}

nav li{list-style:none}nav .sub-menu{padding:10px}.hero p{max-width:650px}
/* Homepage zoals het aangeleverde ontwerp */
body{background:#faf7ee;color:#103e30;font-family:Georgia,'Times New Roman',serif}header{background:#faf7ee}header .wrap{padding-block:17px;gap:24px}.wrap{max-width:1240px;padding-inline:40px}.brand{font-size:25px;position:relative}.logo-wave{display:block;height:7px;margin-top:5px;border-top:2px solid #4c938c;border-bottom:2px solid #c7a340;border-radius:50%;transform:rotate(-2deg)}nav{font-size:16px;align-items:center}nav li{position:relative}nav ul.sub-menu{position:absolute;top:100%;left:0;background:#faf7ee;min-width:200px;z-index:10;display:none;box-shadow:0 8px 16px #123e2c22}nav li:hover>ul.sub-menu,nav li:focus-within>ul.sub-menu{display:block}.search-nav{margin-left:15px}.search-nav .rw-icon{width:22px;height:22px}.hero{min-height:455px;background:linear-gradient(90deg,#102b2055,transparent 75%),url(assets/landschap-v2.png) center/cover no-repeat;align-items:flex-start}.hero .wrap{padding-top:62px}.hero h1{font-size:clamp(44px,6.4vw,84px);letter-spacing:-2px;line-height:.95;margin:10px 0 15px}.hero p{font-size:23px;text-shadow:0 1px 3px #0009;margin:0}.home-content{padding-top:0}.search-box{margin-top:-105px;margin-bottom:45px;background:#fcfaf4;padding:22px 28px 17px;border-radius:15px}.search-box h2{margin:0 0 15px;font-size:32px}.search-grid{grid-template-columns:1.2fr 1fr 1.1fr auto;gap:24px}.search-grid label{font-size:14px}input,select,textarea{font-family:Georgia,serif;font-size:15px;background:#fcfaf6;padding:10px 12px}button,.button{font-family:Georgia,serif;background:#23632d;font-weight:bold;font-size:16px;box-shadow:0 3px 7px #143d2322}.search-box summary{text-align:right;font-size:14px;cursor:pointer;margin-top:8px}.search-box details[open] .search-grid{padding-block:16px}h2{font-size:36px;color:#102537;margin:36px 0 18px;letter-spacing:-.7px}.categories{gap:12px;grid-template-columns:repeat(4,1fr)}.category{display:flex;align-items:center;gap:17px;padding:19px 18px;background:#eeeeDF;font-size:16px;border-radius:10px;min-height:74px}.category .rw-icon{flex-shrink:0;width:36px;height:36px}.category:nth-child(even) .rw-icon{color:#a47d17}.category .chevron{margin-left:auto;font-size:25px}.adventures{gap:13px}.adventures .adventure{position:relative;isolation:isolate;min-height:250px;padding:18px 16px;overflow:hidden;background:none;border-radius:10px;display:flex;align-items:end;gap:8px;font-size:23px;font-weight:bold}.adventure:before{content:'';position:absolute;inset:0;background-image:url(assets/avonturen-v2.png);background-size:200% 200%;z-index:-2}.adventure:after,.tip:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#051e10c9);z-index:-1}.adventure.a1:before{background-position:0 0}.adventure.a2:before{background-position:100% 0}.adventure.a3:before{background-position:0 100%}.adventure.a4:before{background-position:100% 100%}.round-arrow{border:1px solid #fff9;border-radius:50%;width:30px;height:30px;flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;margin-left:auto;font-size:21px;font-weight:normal}.nearby-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:30px;margin-top:4px}.nearby-layout h2{color:#103e30}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section-heading>a{font-size:13px;white-space:nowrap}.map-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.map-tabs a{background:#eeefdf;border-radius:24px;padding:5px 17px;font-size:14px;text-decoration:none}.map-tabs .is-active{background:#123e2c;color:white}.region-map{border-radius:20px;overflow:hidden;position:relative;height:360px;background:#e4eadc}.region-map iframe{width:100%;height:100%;border:0;display:block}.map-link{position:absolute;bottom:10px;right:10px;background:#fff;padding:5px 12px;border-radius:15px;font-size:13px}.tips{display:grid;gap:12px}.tip{min-height:115px;display:flex;align-items:end;padding:15px;color:white;position:relative;isolation:isolate;overflow:hidden;border-radius:10px;font-size:23px;text-decoration:none;font-weight:bold}.tip:before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}.tip-fort:before{background-image:url(assets/avonturen-v2.png);background-size:200% 200%;background-position:100% 0}.tip-river:before{background-image:url(assets/landschap-v2.png)}.tip-cottage:before{background-image:url(assets/avonturen-v2.png);background-size:200% 200%;background-position:100% 100%}.stay-banner{background:linear-gradient(90deg,#15382177,transparent),url(assets/landschap-v2.png) center 60%/cover;color:white;margin-top:25px}.stay-banner .wrap{padding-block:23px}.stay-banner h2{color:white;margin:0;font-size:39px}.stay-banner p{margin:5px 0 12px;font-size:19px}.stay-banner .button{border:1px solid #8ab66f;padding:8px 24px}footer{margin-top:0}.footer-row{display:flex;align-items:center;gap:35px;padding-block:22px;font-size:15px}.footer-row nav{margin-left:auto;font-size:14px}.footer-row .brand{font-size:22px}.cards{font-family:system-ui,sans-serif}.details{font-family:system-ui,sans-serif}.card h3{font-family:Georgia,serif}article h1{font-size:45px}
@media(max-width:1000px){.wrap{padding-inline:25px}.categories{grid-template-columns:repeat(2,1fr)}.search-grid{gap:12px;grid-template-columns:1fr 1fr}.adventures .adventure{font-size:20px;min-height:220px}.section-heading{flex-wrap:wrap}.section-heading h2{margin-bottom:8px}.nearby-layout{grid-template-columns:1.2fr 1fr;gap:22px}.footer-row{flex-wrap:wrap}}
@media(max-width:750px){header .wrap{flex-direction:row;flex-wrap:wrap;align-items:center}.search-nav{margin-left:auto}header nav{order:3;width:100%;gap:17px;font-size:14px}.hero{min-height:400px;background-size:cover}.hero .wrap{padding-top:40px}.hero p{font-size:18px}.search-box{margin-top:-65px;padding:20px;margin-bottom:28px}.nearby-layout{grid-template-columns:1fr}.adventures{grid-template-columns:repeat(2,1fr)}.adventures .adventure{min-height:240px}.region-map{height:330px}.tips{grid-template-columns:1fr}.footer-row nav{margin-left:0}.search-box h2{font-size:28px}h2{font-size:30px}.category{font-size:15px;padding:15px;gap:12px}.category .rw-icon{width:28px;height:28px}.stay-banner h2{font-size:33px}}
@media(max-width:460px){.wrap{padding-inline:16px}.search-grid{grid-template-columns:1fr}.hero h1{font-size:44px;letter-spacing:-1px}.hero p{font-size:16px}.hero{min-height:365px}.adventures .adventure{min-height:190px;font-size:18px;padding:12px}.round-arrow{width:25px;height:25px}.category{gap:8px;font-size:14px;padding:12px}.category .rw-icon{width:25px;height:25px}.footer-row{gap:18px}.map-tabs a{padding:5px 12px}}