.ask-menu-toggle{display:none}
.ask-menu-panel,.ask-menu-panel-clip,.ask-menu-panel-inner{display:contents}

@media(max-width:1100px){
 .ask-header-navigation{position:relative;z-index:30;border-radius:var(--ask-header-radius,16px);transition:border-radius .24s,box-shadow .24s}
 .ask-navigation{position:static;flex-wrap:nowrap}
 .ask-menu-panel,.ask-menu-panel-clip,.ask-menu-panel-inner{display:block}
 .ask-menu-panel .wp-block-navigation__container{flex-direction:column;align-items:stretch;gap:2px;width:100%}
 .ask-js .ask-header-navigation .ask-menu-toggle{
  display:grid;place-items:center;width:44px;height:44px;padding:0;
  border:0;border-radius:50%;background:transparent;color:var(--ask-navy);cursor:pointer;
 }
 .ask-js .ask-header-navigation .ask-menu-toggle:hover{background:var(--ask-hover)}
 .ask-menu-strokes{position:relative;display:block;width:22px;height:18px}
 .ask-menu-strokes>span{
  position:absolute;left:0;width:22px;height:2px;border-radius:2px;background:currentColor;
  transform-origin:center;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .16s;
 }
 .ask-menu-strokes>span:first-child{top:1px}
 .ask-menu-strokes>span:nth-child(2){top:8px}
 .ask-menu-strokes>span:last-child{top:15px}
 [data-ask-menu-open] .ask-menu-strokes>span:first-child{transform:translateY(7px) rotate(45deg)}
 [data-ask-menu-open] .ask-menu-strokes>span:nth-child(2){opacity:0;transform:scaleX(.4)}
 [data-ask-menu-open] .ask-menu-strokes>span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .ask-js .ask-header-navigation .ask-menu-panel{
  position:absolute;top:calc(100% - 1px);left:-1px;right:-1px;display:grid;grid-template-rows:0fr;
  visibility:hidden;opacity:0;pointer-events:none;
  border:1px solid #dce5e4;border-top:0;border-radius:0 0 var(--ask-header-radius,16px) var(--ask-header-radius,16px);background:#fff;
  box-shadow:0 20px 30px #102e4d10;
  transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s .28s;
 }
 .ask-menu-panel-clip{min-height:0;overflow:hidden}
 .ask-header-navigation[data-ask-menu-open]{border-radius:var(--ask-header-radius,16px) var(--ask-header-radius,16px) 0 0;box-shadow:0 6px 24px #102e4d08}
 .ask-header-navigation[data-ask-menu-open] .ask-menu-panel{
  grid-template-rows:1fr;visibility:visible;opacity:1;pointer-events:auto;
  transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s;
 }
 .ask-menu-panel-inner{max-height:var(--ask-menu-space,calc(100dvh - 185px));overflow-y:auto;overscroll-behavior:contain;padding:8px 16px 18px}
 .ask-navigation .ask-menu-panel .wp-block-navigation__container>.wp-block-navigation-item{position:relative;display:flex;flex-wrap:wrap;align-items:center;width:100%;margin:0}
 .ask-navigation .ask-menu-panel .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{
  flex:1;min-height:50px;padding:12px 14px;border-radius:12px;font-size:18px;line-height:1.4;white-space:normal;
  transition:opacity .2s,transform .24s,background-color .18s,color .18s;
 }
 .ask-js .ask-header-navigation .ask-menu-panel .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{opacity:0;transform:translateY(-5px)}
 .ask-header-navigation[data-ask-menu-open] .ask-menu-panel .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{opacity:1;transform:translateY(0)}
 .ask-navigation .ask-menu-panel .wp-block-navigation__container>.wp-block-navigation-item:nth-child(2)>.wp-block-navigation-item__content{transition-delay:20ms}
 .ask-navigation .ask-menu-panel .wp-block-navigation__container>.wp-block-navigation-item:nth-child(3)>.wp-block-navigation-item__content{transition-delay:35ms}
 .ask-navigation .ask-menu-panel .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content::after{
  content:"";width:8px;height:8px;margin-left:auto;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;
  transform:rotate(45deg);opacity:.65;flex-shrink:0;
 }
 .ask-navigation .ask-menu-panel .wp-block-navigation__container>.has-child>.wp-block-navigation-item__content::after{display:none}
 .ask-navigation .ask-menu-panel .wp-block-navigation-submenu__toggle{
  display:grid;place-items:center;width:44px;height:44px;margin:0 3px 0 0;border-radius:50%;background:var(--ask-hover);
 }
 .ask-menu-panel .wp-block-navigation-submenu__toggle svg{width:14px;height:14px;transition:transform .2s}
 .ask-menu-panel .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
 .ask-navigation .ask-menu-panel .wp-block-navigation__submenu-container{
  position:static;flex-basis:100%;display:none;width:100%;min-width:0!important;height:auto;visibility:visible;opacity:1;
  padding:4px 12px 12px;border:0!important;border-radius:0;box-shadow:none;background:transparent;
 }
 .ask-navigation .ask-menu-panel .wp-block-navigation-submenu__toggle[aria-expanded="true"]~.wp-block-navigation__submenu-container{display:flex}
 .ask-navigation .ask-menu-panel .wp-block-navigation__submenu-container a{min-height:44px;padding:10px 14px;border-radius:10px;font-size:15px;line-height:1.4;color:var(--ask-muted)}
 .ask-navigation .ask-menu-panel .wp-block-navigation__submenu-container a:is(:hover,:focus-visible){background:var(--ask-hover);color:var(--ask-navy)}
 .ask-navigation .ask-menu-panel .wp-block-navigation__submenu-icon{display:grid}
 .ask-menu-panel .wp-block-navigation__submenu-icon:hover{background:var(--ask-hover-strong)}
}


/* The links remain native Gutenberg navigation items. These images are decorative. */
.ask-menu-archive{--ask-menu-image:url('navigation/archief.webp')}
.ask-menu-container{--ask-menu-image:url('navigation/container.webp')}
.ask-menu-paper{--ask-menu-image:url('navigation/papier.webp')}
.ask-menu-data{--ask-menu-image:url('navigation/datadragers.webp')}
.ask-menu-onsite{--ask-menu-image:url('navigation/op-locatie-ask-v2.webp')}
.ask-menu-clothing{--ask-menu-image:url('navigation/bedrijfskleding.webp')}

@media(min-width:1101px){
 .ask-header-navigation{position:relative}
 .ask-header-navigation>.ask-navigation,
 .ask-header-navigation>.ask-navigation .wp-block-navigation__container{position:static}
 .ask-navigation .wp-block-navigation__container>.ask-menu-services{position:static;gap:0;border-radius:999px;transition:background-color .18s}
 .ask-navigation .wp-block-navigation__container>.ask-menu-services:is(:hover,:focus-within),
 .ask-navigation .wp-block-navigation__container>.ask-menu-services.current-menu-item{background:var(--ask-hover)}
 .ask-navigation .wp-block-navigation__container>.ask-menu-services>.wp-block-navigation-item__content{padding-right:0;background:transparent}
 .ask-menu-services>.wp-block-navigation-item__content{position:relative}
 /* A transparent extension keeps the pointer route to the panel continuous. */
 .ask-menu-services>.wp-block-navigation-item__content:after{content:"";position:absolute;left:0;right:0;top:100%;height:26px}
 .ask-navigation .ask-menu-services>.wp-block-navigation__submenu-container{
  position:absolute;top:calc(100% + 10px);left:-1px;right:-1px;width:calc(100% + 2px);min-width:0!important;height:auto;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;padding:20px;
  max-height:calc(var(--ask-menu-space,70vh) - 10px);overflow-y:auto;overscroll-behavior:contain;
  border:1px solid #dce5e4!important;border-radius:16px;background:#fff;color:var(--ask-navy);
  box-shadow:0 18px 44px #102e4d16;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);
  transition:opacity .14s,transform .14s,visibility 0s .14s;z-index:35;
 }
 .ask-navigation .ask-menu-services:is(:hover,:focus-within)>.wp-block-navigation__submenu-container,
 .ask-navigation .ask-menu-services:has(>.wp-block-navigation-submenu__toggle[aria-expanded="true"])>.wp-block-navigation__submenu-container{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .16s,transform .16s,visibility 0s;
 }
 .ask-js .ask-header-navigation .ask-menu-services:not(:has(>.wp-block-navigation-submenu__toggle[aria-expanded="true"]))>.wp-block-navigation__submenu-container{
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .14s,transform .14s,visibility 0s .14s;
 }
 .ask-navigation .ask-menu-services>.wp-block-navigation__submenu-container>.wp-block-navigation-item{width:100%;margin:0;align-self:stretch;min-width:0}
 .ask-navigation .ask-menu-services>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
  display:grid;grid-template-columns:80px minmax(0,1fr) 16px;align-items:center;gap:16px;width:100%;height:100%;min-height:108px;
  padding:14px;border-radius:12px;font-size:16px;font-weight:600;line-height:1.4;white-space:normal;
  transition:background-color .16s,color .16s;
 }
 .ask-menu-services>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:before{
  content:"";width:80px;height:72px;border-radius:10px;background-color:#f7f6f0;background-size:cover;background-position:center;background-repeat:no-repeat;
 }
 .ask-menu-services:has(>.wp-block-navigation-submenu__toggle[aria-expanded="true"])>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:before{background-image:var(--ask-menu-image)}
 .ask-menu-services>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:after{
  content:"";width:16px;height:16px;background:currentColor;mask:url('icons/action-arrow.svg') center/contain no-repeat;opacity:.55;transition:transform .18s,opacity .18s;
 }
 .ask-navigation .ask-menu-services>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:is(:hover,:focus-visible){background:var(--ask-hover);color:var(--ask-navy)}
 .ask-menu-services>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:is(:hover,:focus-visible):after{transform:rotate(-45deg);opacity:1}
 .ask-menu-services>.wp-block-navigation-submenu__toggle{position:relative;cursor:pointer;display:grid;align-items:center;justify-items:start;width:44px;height:44px;margin:0;padding:0 0 0 8px;border-radius:0 999px 999px 0;background:transparent}
 .ask-menu-services>.wp-block-navigation-submenu__toggle:hover{background:transparent}
 .ask-menu-services>.wp-block-navigation-submenu__toggle:before{content:"";position:absolute;left:0;right:0;top:100%;height:26px}
 .ask-menu-services>.wp-block-navigation-submenu__toggle svg{width:12px;height:12px;transition:transform .18s}
 .ask-menu-services>.wp-block-navigation-submenu__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
}

@media(max-width:1100px){
 .ask-navigation .ask-menu-panel .ask-menu-services>.wp-block-navigation__submenu-container{padding:4px 0 12px;gap:4px}
 .ask-navigation .ask-menu-panel .ask-menu-services>.wp-block-navigation__submenu-container a{
  display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 12px;font-weight:600;
 }
 .ask-menu-services>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:before{
  content:"";width:48px;height:44px;flex-shrink:0;border-radius:8px;background:var(--ask-menu-image) center/cover no-repeat #f7f6f0;
 }
}