.junto-mega-menu{
position: fixed;
top: 100px;
left: 50%;
width: 90vw;
max-width: 90vw;
transform: translateX(-50%);
background-color: #e6f6e8;
border-radius: 1rem;
z-index: 999;
box-shadow: 0 0 0 1600px rgba(0,0,0,.4);
display: none;
pointer-events: none;
}
.junto-mega-menu.junto-mega-menu__smaller{
width: 60vw;
max-width: 60vw;
transform: translateX(0);
left: auto;
right: 2rem;
}
.junto-mega-menu.active{
display: block;
pointer-events: auto;
} @media (max-width: 992px) {
.junto-mega-menu{
display: none !important;
}
}
.junto-mega-menu .title{ font-weight: 600;}
.junto-mega-menu .toggle-box{ isolation: isolate; }
.junto-mega-menu .toggle-item{ width: 120px; cursor: pointer; }
.junto-mega-menu .toggle-item.active{ color: white}
.junto-mega-menu .toggle-indicator{ z-index: -1; width: 48%; left: 0; transition: all .2s ease-in-out;}
.junto-mega-menu .toggle-indicator.bedrijf{ z-index: -1; width: 56%; left: 45%; }
.junto-mega-menu .toggle-box-links .btn, .junto-mega-menu .button-links .btn{ font-weight: 500;}
.junto-mega-menu .toggle-box-links .btn:hover, .junto-mega-menu .button-links .btn:hover{ background-color: #EFEFEF;}
.junto-mega-menu .box-image{ border-bottom-left-radius: 1.5rem; width: 100%; height: 224px; object-fit: cover; }
.junto-mega-menu .box-image.box-image-center{ border-bottom-left-radius: 0; }
.junto-mega-menu .box-image.box-image-end{ border-bottom-left-radius: 0; border-bottom-right-radius: 1.5rem;}