.wpb-navigation{--nav-bg-clr:#fff;position:relative;z-index:1040;.container{--wpb-width:100%;--inline-spacing:3.2rem;display:flex;align-items:center;justify-content:space-between;column-gap:1rem}ul{list-style:none}.wpb-navigation__top{background-color:var(--clr-primary-light);color:#fff;.wpb-navigation__slogan{display:flex;align-items:center;gap:1.2rem;font-family:var(--font-accent);font-size:var(--text-20);font-weight:700;text-transform:uppercase;letter-spacing:.1rem;&::before{content:'';flex-shrink:0;width:4.6rem;height:6.2rem;background:url(https://vvcuijk.nl/app/themes/wux-theme/assets/css/../img/slogan_flag.svg) no-repeat center / contain}}.wpb-navigation__endpoints{display:flex;align-items:center;column-gap:2.4rem;font-size:var(--text-sm);text-transform:uppercase;a{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;opacity:.8;transition:opacity var(--ts-duration) var(--ts-function);&:hover{opacity:1}}}}.wpb-navigation__logo{display:inline-flex;position:absolute;top:1rem;left:50%;transform:translateX(-50%);z-index:1;img{width:clamp(10rem, 8vw, 18rem);height:auto}}.wpb-navigation__main{position:absolute;width:100%;color:#fff;&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(var(--clr-primary-dark-rgb),0) 80.62%,rgba(var(--clr-primary-dark-rgb),.6) 100%)}.wpb-navigation__menus{width:100%;display:flex;align-items:center;justify-content:space-between;.menu-item{.menu-link{&:hover{color:var(--clr-secondary)}}}.wpb-sub-menu .menu-link{color:var(--clr-primary-light);font-family:var(--font-accent);font-size:var(--text-md);font-weight:700;line-height:1.2;text-transform:uppercase;padding:.8rem 1.4rem;&:hover{color:var(--clr-primary-dark)}>.btn{--clr:currentColor;--hover-clr:currentColor}}}}.menu-item{.menu-link{color:var(--clr-white);width:100%;text-decoration:none;display:inline-flex;align-items:center;column-gap:.8rem;line-height:1;transition:color var(--ts-duration) var(--ts-function);&:hover{color:var(--clr-primary)}}&.menu-item--current>.menu-link{color:var(--clr-secondary)}&.menu-item-has-children{position:relative}}}.btn--nav-toggle{position:relative;>span{display:block;position:absolute;left:calc(50% - .9rem);width:1.8rem;height:.2rem;background-color:currentColor;transition:top var(--ts-25) ease,left var(--ts-25) ease,width var(--ts-25) ease,transform var(--ts-25) ease}>span:nth-child(1){top:calc(50% - .7rem)}>span:nth-child(2),>span:nth-child(3){top:calc(50% - .1rem)}>span:nth-child(4){top:calc(50% + .5rem)}&[aria-expanded="true"]{>span:nth-child(1),>span:nth-child(4){top:calc(50% - .1rem);left:50%;width:0}>span:nth-child(2){transform:rotate(45deg)}>span:nth-child(3){transform:rotate(-45deg)}}}.wpb-navigation-secondary{position:fixed;right:0;bottom:0;left:0;z-index:1050;pointer-events:none;padding-bottom:1.2rem;.wpb-navigation-secondary__panel{pointer-events:auto;display:flex;flex-direction:column;gap:clamp(3.2rem, 2vw, 6.4rem);max-width:56rem;margin-inline:auto;background-color:var(--clr-secondary);border-radius:1.2rem;box-shadow:0 1rem 3rem rgba(var(--clr-primary-dark-rgb),.25);overflow:hidden}.wpb-collapse{max-height:75dvh;display:none;flex-direction:column;opacity:0;padding:clamp(2.4rem, 2.4vw, 3.2rem);translate:0 1.2rem;text-transform:uppercase;transition:opacity var(--ts-25) ease,translate var(--ts-25) ease;&.is-open{opacity:1;translate:0 0}ul{list-style:none}.wpb-collapse__header{.wpb-collapse__label{font-size:1.3rem;color:rgba(var(--clr-primary-rgb),.7)}}.wpb-collapse__body{max-height:calc(100dvh - 22rem);overflow-x:clip;overflow-y:auto;overscroll-behavior:contain}.wpb-collapse__footer{margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid rgba(var(--clr-primary-rgb),.15);.wpb-collapse__footer-link{display:inline-flex;align-items:center;gap:.8rem;color:var(--clr-primary);font-size:1.3rem;font-weight:700;text-decoration:none;transition:color var(--ts-duration) var(--ts-function);&:hover{color:var(--clr-primary-dark)}}}.menu-item{position:relative;&.menu-item-has-children{.menu-link{justify-content:space-between}}.menu-link{display:inline-flex;align-items:center;column-gap:1rem;width:100%;color:var(--clr-primary-light);font-family:var(--font-accent);font-weight:700;line-height:1.2;text-decoration:none;transition:color var(--ts-duration) var(--ts-function);&:hover{color:var(--clr-primary-dark)}>.btn{--bg-clr:transparent;--border:1px solid transparent;--clr:inherit;--min-height:0;--p:0;width:auto;i{font-size:.7em;transform:rotate(90deg);transition:transform var(--ts-25) var(--ts-function)}}}}.wpb-collapse__menu--primary{.menu-link{font-size:var(--display-sm);padding:1rem 0;>i{display:none}}}.wpb-collapse__menu--secondary{margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid rgba(var(--clr-primary-rgb),.15);.menu-link{font-size:var(--display-xs);padding:.8rem 0}}.wpb-sub-menu{display:grid;grid-template-rows:0fr;padding-left:1.6rem;opacity:0;transition:grid-template-rows var(--ts-25) var(--ts-function),opacity var(--ts-25) var(--ts-function);>ul{min-height:0;overflow:hidden}&.active{grid-template-rows:1fr;opacity:1;>ul{padding-bottom:.6rem}}.menu-link{font-size:var(--display-xs);padding:.6rem 0}}.menu-item:has(>.wpb-sub-menu.active)>.menu-link>.btn i{transform:rotate(-90deg)}}.wpb-navigation-secondary__actions{display:flex;align-items:center;gap:.4rem;padding:.8rem;border-radius:1.2rem;.btn-group{background:var(--clr-light);border-radius:.6rem;flex:1 1 auto;flex-wrap:nowrap;--gap:.4rem}.wpb-navigation-secondary__action{flex:1 1 auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:6.4rem;font-family:var(--font-accent);color:var(--clr-primary-light);font-size:var(--text-md);font-weight:500;text-decoration:none;transition:color var(--ts-duration) var(--ts-function);&:hover{color:var(--clr-primary-dark)}}}}@media (max-width:991.98px){.wpb-navigation{.wpb-navigation__top{height:4rem;.wpb-navigation__slogan{display:none}.wpb-navigation__endpoints{display:none}}.wpb-navigation__main{display:none}}}@media (min-width:992px){.wpb-navigation{.menu-item{.menu-link{font-size:1.6rem;position:relative;padding:1rem 1.6rem}&.menu-item-has-children{>.menu-link{display:flex;justify-content:space-between;>.btn{--clr:currentColor;--hover-clr:currentColor;width:auto;height:auto;min-height:0}}&:hover>.wpb-sub-menu{pointer-events:all;opacity:1}}}.wpb-menu{display:flex;align-items:center;>.menu-item>.menu-link{padding:3.2rem 1.4rem;>.btn{transform:rotate(90deg)}}.wpb-sub-menu{position:absolute;top:80%;left:1.4rem;box-shadow:0 .5rem .5rem rgba(var(--clr-primary-rgb),.1);width:100%;padding:.8rem;min-width:20rem;background-color:var(--clr-light);border-radius:1.2rem;opacity:0;pointer-events:none;transition:opacity var(--ts-25) ease;.wpb-sub-menu{top:0;left:100%}}}.wpb-menu--primary-right>.menu-item>.wpb-sub-menu{left:auto;right:1.4rem}.wpb-menu--primary-right>.menu-item:last-child{margin-left:1rem;&.menu-item--current>.menu-link{color:var(--clr-primary-light)}}}.wpb-navigation-secondary{.wpb-navigation-secondary__actions{.wpb-navigation-secondary__action{flex-direction:row;gap:.8rem}}}}