/* Original Noordenhoek theme, with scoped accessibility and account controls.
   The original mainstylesheet.css, typography.css and photographs are unmodified. */
html{scroll-behavior:smooth}
#head{display:block}
#navigatie{z-index:20}
#head .nav li:focus-within>ul{visibility:visible}
#head .nav li ul{z-index:30}
#head .nav li ul li{height:auto;min-height:20px}
#head .nav li ul a{display:block}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:2px}
.skip-link{position:fixed;top:-100px;left:10px;z-index:99;background:#3f4739;color:#fff;padding:10px}
.skip-link:focus{top:10px}
#page #article h2{font-family:"Lucida Calligraphy",Serif;font-size:24px;line-height:normal;color:#b7c0c5}
#article h2 span{font-size:64px}
#content-leftsidebar{box-sizing:content-box}
.prose{font-family:Verdana,sans-serif;font-size:14px;line-height:20px;color:#f6f7f7;overflow-wrap:break-word}
.prose:after{content:"";display:block;clear:both}
.prose img{max-width:100%;height:auto}
.prose iframe{max-width:100%;border:0}
.prose figure{margin:10px 0}
.old-width-full{width:100%}
.old-width-170{width:170px}
.old-underline{text-decoration:underline}
.old-card-180{width:180px;float:left}
.prose table{max-width:100%}
[hidden]{display:none!important}
#bigpicture{max-width:100%;height:420px;object-fit:contain}
#thumbs1,#thumbs2,#thumbs3{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:10px 0}
.gallery-thumb{display:block;border:2px solid transparent}
.gallery-thumb[aria-current=true]{border-color:#f6f7f7}
.gallery-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.prose [data-gallery-page]{display:inline-block;padding:3px 8px;margin:4px;border:1px solid #b7c0c5}
.prose [data-gallery-page][aria-current]{background:#3f4739}
.editable-home-photo{width:100%;height:100%;object-fit:cover}
.home-extra{clear:both;padding:10px;color:#f6f7f7}
.account-tools{clear:both;padding:10px;background:#3f4739;text-align:right;font:12px Verdana,sans-serif}
.account-tools a,.account-tools form{display:inline-block;margin-left:14px}
.account-tools button{font:12px Verdana,sans-serif;background:none;color:#f6f7f7;border:0;cursor:pointer}
.account-shell,.message-shell{clear:both;min-height:600px;padding:35px 35px 70px;background:#4a523f;color:#f6f7f7;font:14px/20px Verdana,sans-serif;box-sizing:border-box}
.account-shell{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.account-shell h1,.message-shell h1{font:24px/1.4 "Lucida Calligraphy",Serif;color:#b7c0c5;margin:0 0 20px}
.account-shell h2,.message-shell h2{font:20px/1.4 Verdana,sans-serif;margin-bottom:16px}
.account-shell p,.message-shell p{margin-bottom:15px}
.account-intro>a{display:inline-block;margin:20px 0}
.eyebrow{display:block;font-size:12px;margin-bottom:15px}
.account-card{background:#3f4739;padding:25px;box-sizing:border-box}
.account-card label,.search-form label{display:block;margin-bottom:5px}
.account-card input,.search-form input{font:14px Verdana,sans-serif;width:100%;box-sizing:border-box;padding:9px;border:1px solid #b7c0c5;background:#fff;color:#222}
.account-card input[type=hidden]{display:none}
.button{display:inline-block;background:#899061;border:1px solid #b7c0c5;color:#fff;padding:9px 15px;font:14px Verdana,sans-serif;cursor:pointer}
.account-card .button{margin:10px 0 20px}
.form-error,.errorlist{color:#fff;background:#8f444b;padding:10px;margin-bottom:15px}
.search-form{margin:20px 0}
.search-form>div{display:flex;gap:10px}
.search-results>a{display:block;border-top:1px solid #899061;padding:15px 0}
.messages{clear:both;padding:10px;background:#3f4739}
@media(max-width:972px){
  #page,#main{width:100%;box-sizing:border-box}
  #head{width:100%;height:auto;aspect-ratio:970/200;background-size:100% 100%}
  #homepagelink{width:25.257732%;height:100%;background-size:100% 100%;aspect-ratio:245/200}
  #navigatie{width:74.742268%;height:100%;aspect-ratio:725/200}
  #head .nav{height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}
  #head .nav>li{top:0;width:auto;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8%;box-sizing:border-box}
  #head .nav>li>a{font-size:clamp(8px,1.44vw,14px);line-height:1.25}
  #head .nav>li>ul{position:absolute;top:100%;left:0;width:100%;min-width:140px;text-align:left}
  #head .nav>li:nth-child(4)>ul{left:auto;right:0}
  #head .nav li ul li{width:100%;height:auto;padding:4px 8px;box-sizing:border-box}
  #head .nav li ul a{font-size:12px;line-height:1.4}
  #homepage{width:100%;height:auto;aspect-ratio:970/749;background-size:100% 100%}
  #banner img{height:auto;aspect-ratio:970/196;object-fit:cover}
  #article{width:100%;display:flow-root}
  #leftsidebar{width:25.257732%}
  #content-leftsidebar{width:74.742268%;box-sizing:border-box}
}
@media(max-width:600px){
  #article{min-height:600px}
  #leftsidebar{width:100%;min-height:0}
  #leftsidebar .nav{width:auto;margin:0;padding:10px 14px;display:flex;flex-wrap:wrap;gap:5px 15px}
  #leftsidebar .nav a{font-size:12px}
  #content-leftsidebar{width:100%;padding:10px 14px 30px;min-height:0}
  #article h2 span,#page h1 span{font-size:44px}
  #page #article h1,#page #article h2{font-size:21px;line-height:1.5}
  .prose .float-left,.prose .float-right{float:none;max-width:100%;box-sizing:border-box}
  .prose .old-width-170{width:auto}
  .prose img.float-left,.prose img.float-right{float:left;max-width:45%;margin-bottom:10px}
  .prose table{display:block;overflow-x:auto}
  #bigpicture{height:250px}
  #thumbs1,#thumbs2,#thumbs3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .account-shell{display:block;padding:25px 15px;min-height:600px}
  .account-card{padding:18px}
  .message-shell{padding:25px 15px}
  .account-tools{text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}