/*
Theme Name: Westhoeks Mannenkoor
Author: Westhoeks Mannenkoor
Description: Zelfstandig koorthema met bewerkbare homepage, rode menubalk en ledenlogin.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: westhoeks-mannenkoor
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--wmk-red:#a42620;--wmk-dark:#7e1b17;--wmk-paper:#f8f6f2;--wmk-ink:#302e2b;--wmk-gold:#bd944b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wmk-paper);color:var(--wmk-ink);font:17px/1.7 Arial,Helvetica,sans-serif}a{color:var(--wmk-dark);text-underline-offset:4px}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid #d0a94f;outline-offset:4px}h1,h2,h3{line-height:1.18}h1,h2{font-family:Georgia,'Times New Roman',serif;color:var(--wmk-dark);font-weight:500}h1{font-size:clamp(36px,4.1vw,58px);margin:0 0 24px}h2{font-size:clamp(30px,3vw,40px);margin:0 0 20px}h3{font-size:19px}p{margin:0 0 18px}
.site-header{background:#302b28 center 50%/cover;min-height:235px;display:flex;align-items:center;justify-content:center;padding:44px 24px;color:#fff}.site-branding{display:flex;align-items:center;justify-content:center;gap:24px;max-width:100%}.site-identity{text-align:center;min-width:0}.site-title{font:500 clamp(28px,4.5vw,62px)/1.06 Georgia,serif;margin:0;text-transform:uppercase;max-width:880px;text-wrap:balance}.site-title a{color:inherit;text-decoration:none}.site-description{margin:14px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:3px}.custom-logo{display:block;max-width:100px;max-height:100px;width:auto;height:auto}.custom-logo-link{flex:none}
.menu-bar{background:var(--wmk-red);color:#fff;display:flex;align-items:center;gap:20px;min-height:60px;padding:0 max(28px,calc((100% - 1280px)/2 + 28px))}.primary-navigation{flex:1;min-width:0}.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 30px}.menu li{position:relative;list-style:none}.menu a{display:block;color:#fff;padding:19px 0;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;line-height:22px}.menu a:hover,.menu .current-menu-item>a{text-decoration:underline}.menu .sub-menu{display:none;position:absolute;z-index:30;top:100%;left:0;min-width:210px;margin:0;padding:8px 0;list-style:none;background:var(--wmk-dark);box-shadow:0 8px 16px #0002}.menu .sub-menu a{padding:10px 18px}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.menu .sub-menu .sub-menu{left:100%;top:0}.menu .menu-item-has-children>a:after{content:'⌄';margin-left:8px}.menu-tools{margin-left:auto;flex:none}.login-button{display:inline-block;color:#fff;border:1px solid #ffffff90;padding:7px 16px;font-size:12px;line-height:22px;font-weight:700;text-decoration:none;text-transform:uppercase}.login-button:hover{background:white;color:var(--wmk-red)}.menu-toggle{display:none;background:none;border:0;color:white;font-weight:700;padding:16px 0;cursor:pointer}
.site-main{min-height:45vh}.page-content,.reading-content{max-width:1280px;margin:auto;padding:54px 28px}.reading-content{max-width:960px}.front-content{max-width:none;padding:0}.entry-content:after{content:'';display:table;clear:both}.entry-content>*{max-width:100%}.reading-content article{margin-bottom:40px}.reading-content h2 a{color:inherit;text-decoration:none}.alignwide{max-width:1200px}.alignfull{width:100%;max-width:none}.wp-block-image{margin:0}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:14px}.alignleft{float:left;margin:0 24px 18px 0}.alignright{float:right;margin:0 0 18px 24px}.aligncenter{display:block;margin:auto}.sticky{border-left:3px solid var(--wmk-red);padding-left:18px}.bypostauthor{font-weight:inherit}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-field{max-width:100%;padding:8px}button[type=submit],.search-submit{padding:8px 16px;border:0;background:var(--wmk-red);color:#fff}.comment-form textarea{width:100%}.site-footer{background:#302b28;color:#fff;text-align:center;padding:30px 24px;font-size:13px}.site-footer p{margin:16px 0 0}.site-footer a{color:#fff}.footer-menu{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;top:10px;left:10px;z-index:1000;padding:10px;background:#fff;color:#111}
.wmk-home{max-width:1280px;margin:auto;padding:64px 28px}.wmk-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;margin-bottom:66px}.wmk-kicker{color:var(--wmk-red);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 20px}.wmk-intro{font-size:19px;line-height:1.65}.wmk-photo{margin:0}.wmk-photo img{width:100%;display:block;max-height:490px;object-fit:contain}.wmk-hero .wp-block-buttons{margin-top:28px}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.wp-block-button__link{display:inline-block;background:var(--wmk-red);color:white;padding:12px 22px;text-decoration:none;border:1px solid var(--wmk-red);border-radius:0;font-size:14px;font-weight:700}.wp-block-button__link:hover{background:var(--wmk-dark);color:#fff}.is-style-outline .wp-block-button__link{background:transparent;color:var(--wmk-dark)}.wmk-about-agenda{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;border-top:1px solid #dfd6ca;padding-top:54px}.wmk-about{padding-right:24px}.wmk-agenda-more{font-size:14px;font-weight:700;margin-top:22px}.wmk-members{margin:56px 0;padding:30px 34px;background:#eee6da;display:flex;align-items:center;justify-content:space-between;gap:28px;border-left:3px solid var(--wmk-gold)}.wmk-members h2{font-size:30px;margin-bottom:8px}.wmk-members p{margin:0}.wmk-members .wp-block-buttons{flex:none}.wmk-contact{border-top:1px solid #dfd6ca;padding-top:44px}.wmk-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:30px}.wmk-contact-person h3{margin:0 0 16px;font-size:16px;line-height:1.5}.wmk-contact-person p{margin:0 0 8px;font-size:15px;overflow-wrap:anywhere}.wmk-contact-person a{text-decoration:none}.wmk-contact-person a:hover{text-decoration:underline}.wmk-contact-name{font-weight:700}
@media(max-width:900px){.wmk-hero,.wmk-about-agenda{gap:32px}.menu{gap:0 20px}.wmk-about{padding-right:0}}
@media(max-width:760px){.site-header{min-height:185px;padding:32px 20px}.site-branding{gap:12px}.site-description{font-size:10px;letter-spacing:2px}.custom-logo{max-width:64px;max-height:72px}.menu-bar{padding:0 20px;position:relative}.has-js .menu-toggle:not([hidden]){display:block}.has-js>.menu{display:none}.has-js.is-open>.menu{display:block;position:absolute;left:0;right:0;top:100%;background:var(--wmk-red);padding:8px 20px 20px;z-index:50;box-shadow:0 8px 15px #0002}.menu a{padding:12px 0}.menu .sub-menu,.menu .sub-menu .sub-menu{position:static;display:block;box-shadow:none;background:transparent;padding:0 0 0 16px}.wmk-home{padding:36px 20px}.wmk-hero,.wmk-about-agenda{grid-template-columns:1fr;gap:32px}.wmk-hero{margin-bottom:40px}.wmk-photo img{max-height:420px}.wmk-about-agenda{padding-top:36px}.wmk-intro{font-size:18px}.wmk-members{margin:40px 0;padding:24px;align-items:flex-start;flex-direction:column}.wmk-contact-grid{grid-template-columns:1fr;gap:28px}.page-content,.reading-content{padding:32px 20px}.front-content{padding:0}.alignleft,.alignright{float:none;margin:16px 0}.footer-menu{gap:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}

/* About card: restored original image and a contained panel, like Zwanentranen. */
.wmk-about-agenda{align-items:start}
.wmk-about{padding:0 0 28px;background:#eee6da;border:1px solid #e0d5c5;border-radius:4px;overflow:hidden;min-width:0}
.wmk-about .wmk-about-image{margin:0 0 28px;background:#f4f4f4}
.wmk-about-image img{display:block;width:100%;height:300px;object-fit:contain}
.wmk-about>p,.wmk-about>h2,.wmk-about>.wp-block-buttons,
.wmk-about>.wp-block-group__inner-container>p,.wmk-about>.wp-block-group__inner-container>h2,.wmk-about>.wp-block-group__inner-container>.wp-block-buttons{margin-left:28px;margin-right:28px}
.wmk-about h2{font-size:32px}
.wmk-about p:not(.wmk-kicker){font-size:16px}
@media(max-width:760px){.wmk-about{padding:0 0 24px}.wmk-about>p,.wmk-about>h2,.wmk-about>.wp-block-buttons,.wmk-about>.wp-block-group__inner-container>p,.wmk-about>.wp-block-group__inner-container>h2,.wmk-about>.wp-block-group__inner-container>.wp-block-buttons{margin-left:24px;margin-right:24px}.wmk-about-image img{height:auto;max-height:320px}.wmk-about h2{font-size:30px}}