/* Kop zoals op www.stairwayproductions.nl: contactbalk, beeld met logo en hoofdmenu */
.site{max-width:1160px;margin:0 auto}
.site-top{background:#0e2240;color:#fff;font:400 12px/1.4 Roboto,Arial,Helvetica,sans-serif;border-bottom:1px solid rgba(255,255,255,.15)}
.site-top .in{padding:14px 20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.site-top a{color:#fff;text-decoration:none;font-weight:700}
.site-top a:hover{text-decoration:underline}
.site-head{display:grid;place-items:center;min-height:112px;padding:18px 20px;
  background:#0e2240 url("https://www.stairwayproductions.nl/wp-content/uploads/2016/07/sp-header.jpg") center/cover no-repeat}
.site-head img{display:block;height:75px;width:auto;max-width:100%}
.site-nav{background:#fff;border-bottom:1px solid #e5e5e5}
.site-nav ul{list-style:none;margin:0;padding:0 20px;display:flex;justify-content:center;flex-wrap:wrap;gap:0 50px}
.site-nav a{display:block;padding:18px 0;font:700 14px/19px Roboto,Arial,Helvetica,sans-serif;color:#000;text-decoration:none}
.site-nav a:hover,.site-nav a[aria-current]{color:#aa2045}
.site-nav .menu-btn,.site-nav .sub-toggle{display:none}
/* uitklapmenu's zoals op de hoofdsite */
.site-nav{position:relative;z-index:50}
.site-nav li{position:relative}
.site-nav .sub{display:none;position:absolute;top:100%;left:-20px;min-width:230px;padding:0;margin:0;list-style:none;
  background:#0e2240;border-top:3px solid #aa2045;box-shadow:1px 1px 30px rgba(0,0,0,.06);text-align:left;z-index:60}
.site-nav .sub .sub{top:-3px;left:100%}
.site-nav .sub li{display:block}
.site-nav .sub a{padding:9px 20px;font:400 13px/1.4 Roboto,Arial,Helvetica,sans-serif;color:#fff;border-bottom:1px solid rgba(232,229,229,.25);white-space:nowrap}
.site-nav .sub a:hover,.site-nav .sub li:focus-within>a{background:#aa2045;color:#fff}
.site-nav .sub .pdf-nav>a{background:#a82346}
.site-nav .sub .pdf-nav>a:hover{background:#8e1a39}
.site-nav .sub .has-sub>a::after{content:"\203A";float:right;margin-left:12px}
@media (min-width:701px){
  .site-nav li:hover>.sub,.site-nav li:focus-within>.sub{display:block}
}
@media (max-width:860px){
  .site-nav ul{gap:0 26px}
}
@media (max-width:700px){
  .site-head{min-height:0;padding:16px 20px}
  .site-head img{height:52px}
  .site-nav{padding:10px 20px}
  .site-nav .menu-btn{display:flex;width:100%;justify-content:space-between;align-items:center;cursor:pointer;background:#fff;
    border:1px solid #dadada;padding:8px 12px;font:400 14px/1.4 Roboto,Arial,sans-serif;color:#333}
  .site-nav .menu-btn::after{content:"\2630";font-size:18px;color:#747474}
  .site-nav .menu-btn[aria-expanded="false"]+ul{display:none}
  .site-nav ul{display:block;padding:6px 0 0}
  .site-nav a{padding:10px 4px;border-bottom:1px solid #eee}
  .site-nav .sub{display:none;position:static;min-width:0;background:none;border:0;box-shadow:none;padding-left:16px}
  .site-nav li.open>.sub{display:block}
  .site-nav .sub .sub{top:auto;left:auto}
  .site-nav .sub a{color:#333;border-bottom:1px solid #eee;white-space:normal}
  .site-nav .sub a:hover{background:none;color:#aa2045}
  .site-nav .sub .has-sub>a::after{display:none}
  .site-nav .has-sub>a{padding-right:48px}
  .site-nav .sub-toggle{display:block;position:absolute;top:0;right:0;width:44px;height:41px;padding:0;border:0;background:none;cursor:pointer}
  .site-nav .sub-toggle::after{content:"";position:absolute;top:14px;left:17px;width:8px;height:8px;border:solid #747474;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s}
  .site-nav li.open>.sub-toggle::after{top:18px;transform:rotate(-135deg)}
  .site-nav .sub .pdf-nav>a{background:#a82346;color:#fff;padding-left:10px}
}