/*
Theme Name: Zwanentranen Koor
Author: Zwanentranenkoor
Description: Zelfstandig, eenvoudig koorthema met fotobanner, blauw menu, ledenlogin rechts en een optioneel logo naast de titel.
Version: 2.0.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zwanentranen-koor
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--blue:#326bb2;--paper:#f4f4f4;--ink:#333}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:#285d9f}a:hover{text-decoration:underline}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 #e7a820;outline-offset:4px}h1,h2,h3,h4{line-height:1.25}h1,h2{color:var(--blue)}
.site-header{background-color:#182239;background-size:cover;background-position:center;min-height:184px;display:flex;align-items:center;justify-content:center;padding:44px 20px;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-size:clamp(24px,3.5vw,40px);font-weight:800;line-height:1.15;margin:0;text-transform:uppercase;overflow-wrap:anywhere}.site-title a{color:inherit;text-decoration:none}.site-description{margin:5px 0 0;font-size:16px;text-transform:uppercase;line-height:1.5}.custom-logo-link{flex:0 0 auto;display:block}.custom-logo{display:block;max-width:100px;max-height:100px;width:auto;height:auto;object-fit:contain}
.menu-bar{background:var(--blue);color:#fff;display:flex;align-items:center;padding:0 20px;gap:20px;min-height:50px}.primary-navigation{flex:1;min-width:0}.menu{margin:0;padding:0;list-style:none;display:flex;align-items:stretch;flex-wrap:wrap;gap:0 30px}.menu li{position:relative;list-style:none}.menu a{color:#fff;display:block;padding:15px 0;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;line-height:20px}.menu a:hover,.menu .current-menu-item>a{text-decoration:underline;text-underline-offset:5px}.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:#285b98;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{display:flex;align-items:center;gap:18px;flex-shrink:0;margin-left:auto}.login-button{color:#fff;border:1px solid #ffffffb3;border-radius:3px;padding:7px 16px;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;line-height:20px;white-space:nowrap}.login-button:hover{background:#fff;color:var(--blue);text-decoration:none}.header-search{position:relative}.header-search summary{cursor:pointer;list-style:none;display:flex;padding:8px}.header-search summary::-webkit-details-marker{display:none}.header-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.search-panel{position:absolute;right:0;top:40px;width:300px;max-width:85vw;background:#fff;padding:18px;box-shadow:0 5px 20px #0003;z-index:40;color:var(--ink)}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-form label{flex:1;min-width:0}.search-field{width:100%;min-width:0;padding:8px;border:1px solid #bbb}.search-submit,button[type=submit]{padding:8px 12px;background:var(--blue);color:white;border:0;cursor:pointer}.menu-toggle{display:none;border:0;background:none;color:white;font-weight:bold;padding:12px 0;cursor:pointer}
.site-main{min-height:45vh}.page-content{max-width:1320px;margin:0 auto;padding:40px 24px}.front-content{max-width:none;padding:0}.entry-content:after{content:'';display:table;clear:both}.entry-content>*{max-width:100%}.reading-content{max-width:1000px;margin:auto;padding:40px 24px}.reading-content article{margin-bottom:36px}.reading-content h2 a{color:inherit;text-decoration:none}.alignwide{max-width:1200px}.alignfull{width:100%;max-width:none}.wp-block-image{margin-left:0;margin-right: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-left:auto;margin-right:auto}.sticky{border-left:3px solid var(--blue);padding-left:18px}.bypostauthor{font-weight:inherit}.site-footer{background:#242424;color:#fff;text-align:center;padding:24px;font-size:13px}.site-footer p{margin:12px 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}.footer-menu .sub-menu{list-style:none;padding:0}.comment-form textarea{width:100%;max-width:100%}.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}
@media(max-width:760px){.site-header{min-height:160px;padding:35px 16px}.site-branding{gap:14px}.site-title{font-size:clamp(20px,5vw,30px)}.site-description{font-size:12px}.custom-logo{max-width:68px;max-height:78px}.menu-bar{padding:0 16px;gap:12px;position:relative}.menu-tools{gap:5px}.login-button{padding:6px 10px}.menu{gap:0 16px}.menu a{font-size:12px}.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(--blue);z-index:50;padding:8px 20px 16px;box-shadow:0 8px 15px #0002}.menu .sub-menu,.menu .sub-menu .sub-menu{position:static;display:block;box-shadow:none;background:transparent;padding:0 0 0 16px}.menu .sub-menu a{padding:8px}.page-content,.reading-content{padding:28px 18px}.front-content{padding:0}.alignleft,.alignright{float:none;margin:16px 0}.footer-menu{gap:12px 20px}}
[hidden]{display:none!important}

/* Match the homepage pattern: centered 1320px outer width and 32px gutters. */
.menu-bar{padding-left:max(32px,calc((100% - 1320px)/2 + 32px));padding-right:max(32px,calc((100% - 1320px)/2 + 32px))}
.page-content{padding-left:32px;padding-right:32px}
@media(max-width:760px){.menu-bar{padding-left:18px;padding-right:18px}.page-content{padding-left:18px;padding-right:18px}.front-content{padding:0}}

/* Keep members access and logout together at the pattern's right content edge. */
.member-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}
.members-button{color:#fff;font-size:13px;font-weight:700;line-height:20px;text-transform:uppercase;text-decoration:none;white-space:nowrap;padding:8px 0}
.members-button:hover,.members-button[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.member-controls{gap:10px}.members-button{font-size:12px}}
@media(max-width:360px){.menu-tools{gap:0}.member-controls{gap:8px}.header-search summary{padding:6px}.login-button{padding:6px 8px}.menu-toggle span{display:none}}