/* Menu zoals de Elementor-popup van de oude site (popup 7989, gemeten op 1440, 900 en 390 breed):
   zwart paneel rechtsboven (505px, tablet 415px, gsm volle breedte), zo hoog als de inhoud, geen donkere laag over de pagina,
   items in Mada 30px (25px onder 1025px) in kleine letters, 68px per item, lijst 80% breed in het midden, huidige pagina goud,
   witte X op 4% van boven en 9,5% van rechts, inschuiven van rechts in 1s (Elementor fadeInRight).
   De hamburger van Salient opent dit paneel (menu.js); het off-canvas-menu van Salient blijft verborgen. */
#slide-out-widget-area, #slide-out-widget-area-bg { display: none !important; }
.ol-menu-laag { position: fixed; inset: 0; z-index: 100000; }   /* doorzichtig: een klik naast het paneel sluit het, zoals bij Elementor */
.ol-menu-laag[hidden] { display: none; }
.ol-menu { position: absolute; top: 0; right: 0; box-sizing: border-box; width: 505px; max-width: 100%; padding: 40px 0 20px; background: #101010; box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2); outline: none; animation: ol-menu-in 1s both; }
@keyframes ol-menu-in { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } }
.ol-menu ul { width: 80%; margin: 0 auto; padding: 0; list-style: none; }
.ol-menu li { margin: 0; padding: 0; list-style: none; }
.ol-menu li a { display: block; padding: 24px 20px; font-family: "Mada", sans-serif; font-size: 30px; font-weight: 400; line-height: 20px; letter-spacing: normal; text-transform: lowercase; color: #FFFFFF; text-decoration: none; transition: color .3s; }
.ol-menu li a:hover, .ol-menu li a:focus-visible, .ol-menu li.current-menu-item > a { color: #998B5B; }
.ol-menu-sluit { position: absolute; top: 4%; right: 9.5%; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; background: none; color: #FFFFFF; cursor: pointer; }
.ol-menu-sluit svg { display: block; width: 100%; height: 100%; }
@media (max-width: 1024px) {
  .ol-menu { width: 415px; }
  .ol-menu li a { font-size: 25px; }
}
@media (max-width: 767px) {
  .ol-menu { width: 100%; padding-top: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  .ol-menu { animation: none; }
}