.overlay-body.active {
opacity: 0.38;
}
.overlay-body {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #001422;
opacity: 0;
z-index: 8;
content: '';
pointer-events: none;
transition: all 0.12s linear 0s;
}
.menu-container .inner {
background-color:#fff;
display:flex;
border-radius:15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
padding:20px;
padding-left:23px;
}
.dropdown-item.active, .dropdown-item:active {
color: inherit;
text-decoration: none;
background-color: inherit;
}
.navbar {
padding:0;
margin-left:100px;   
}
.bg-light {
background:transparent !important;
}
.navbar li a {
font-weight: 600;
color:#000;
font-size:15px;
}
ul.navbar-nav > li {
margin-right:45px;
}
.navbar ul li:last-child {
margin-right:0;
}
.dropdown-toggle {
position: relative;
}
ul.navbar-nav > li.menu-item-has-children > a:after {
border:none !important;
content:'+';
color:#019EE3;
font-size:15px;
font-weight: 600;
position: relative;
top: 0;
right: -13px;
position: absolute;
margin: auto;
padding-left:10px;
}
ul.navbar-nav > li.menu-item-has-children.active-submenu > a:after {
content:'-';
top: -1px;
}
.navbar div > ul {
display: flex;
align-items: center;
}
.top-menu {
text-align:right;
padding-top:25px;
padding-bottom:25px;
position: relative;
}
.top-menu ul {
margin:0;
padding:0;
list-style-type:none;
}
.top-menu ul li {
display:inline-block;
}
.top-menu li a {
font-weight: 600;
}
.top-menu li:last-child a {
padding-right:0;
}
.menu-container-outer {
position: relative;
z-index:9;
}
.dropdown-menu {
min-width: 10rem;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background-color:#fff;
}
.mm ul.dropdown-menu.depth_0 > li.dropdown-menu {
background-color:transparent;
}
.mm .dropdown:hover ul.dropdown-menu.depth_0 {
display: block;
right: auto;
left: calc(50% - 13px);
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.mm ul.navbar-nav li.menu-item-has-children:first-of-type ul.dropdown-menu.depth_0 {
left: calc(50% - 123px);
}
.mm ul.dropdown-menu.depth_0 {
border-radius: 20px;
border: 0 !important;
padding: 35px;
padding-left:30px;
z-index: 9999;
margin-top: 41px;
}
.mm ul.dropdown-menu.depth_0, .mm li.last-level ul {
}
.mm ul.dropdown-menu.depth_0:before {
height: 50px;
width: 100%;
opacity: 0.5;
content: '';
position: absolute;
top: -40px;
left: 0;
}
.mm li.current-menu-ancestor > a:before, .mm ul.navbar-nav > li > a:hover:before, .mm ul.navbar-nav > li.current-menu-item > a:before, .mm ul.navbar-nav > li.active-submenu > a:before, .mm ul.navbar-nav > li.current-menu-parent > a.nav-link:before {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 4px;
background-color: #E5017D;
border-radius: 0px;
display: block;
border: none !important;
margin-left: auto;
}
.mm li.current-menu-ancestor > a:before, .mm ul.navbar-nav li.current-menu-parent a.dropdown-toggle:before, .mm ul.navbar-nav > li > a.dropdown-toggle:hover:before, .mm ul.navbar-nav > li.current-menu-item > a.dropdown-toggle:before, .mm ul.navbar-nav > li.active-submenu > a.dropdown-toggle:before, .mm ul.navbar-nav > li.current-menu-parent > a.nav-link.a.dropdown-toggle:before {
width:calc(100% + 13px);
}
.mm a.nav-link {
position: relative;
padding: 0 !important;
}
.mm ul.dropdown-menu li.title a {
font-size: 18px;
font-weight: 700 !important;
text-decoration: none !important;
pointer-events: none;
}
.mm ul.dropdown-menu li a {
width:100%;
}
.mm ul.dropdown-menu li:not(.title):not(.last-level) {
padding-bottom:5px;
}
.mm ul.dropdown-menu li.title {
padding-bottom:5px;
}
.mm ul.dropdown-menu.depth_0 li.menu-item-has-children {
position: initial;
}
.mm ul.dropdown-menu.depth_0 > li.menu-item-has-children {
display:block;     
}
.mm ul.dropdown-menu.depth_0 li:not(.title) a {
padding-top:8px;
padding-bottom:8px;
font-weight: 500;
padding-right:45px;
min-width: 240px;
}  
.mm li.title a {
padding-right:0 !important;
}
.mm ul.dropdown-menu.depth_0 li:not(.title) a:before {
display: block;
content: attr(title);
font-weight: bold;
height: 1px;
color: transparent;
overflow: hidden;
visibility: hidden;
}
.mm ul.dropdown-menu.depth_0 li:not(.title) a:hover {
font-weight: 700;
}
.mm .active-menu-item a {
font-weight: 700 !important; 
background-color: #B3E2F7;
border-radius:5px;
}
.mm ul.depth_1 {
display:none !important;
}
.mm li.last-level ul.depth_1 {
display:block !important;
position: initial;
}
.mm .dropdown-item:hover {
color: #121210;
background-color: #B3E2F7;
border-radius:5px;
}
.mm .dropdown-item:focus {
}
.mm ul.dropdown-menu.depth_0 a.dropdown-toggle {
position: relative;
}
.mm ul.dropdown-menu.depth_0 a.dropdown-toggle::after {
border:none;
display:block;
background-image:url(//cmostamm.nl/wp-content/themes/cmo2024/assets/images/breadcrumbs.svg);
width:8px;
height:15px;
background-size:cover;
position: absolute;
content:'';
right:15px;
top:0;
bottom:0;
margin:auto;
} 
.mm ul li.last-level {
position: absolute;
height: 100%;
width: 1px;
top: 0;
right: 22px;
}
.mm li.title a {
padding-top:0 !important;
padding-bottom:5px !important;
display:block;
line-height: 50px !important;
}
.mm li.last-level li.title a {
}
.mm li.title {
padding:0 !important;
}
.mm ul li.last-level div.contents-wrap {
height:100%;
width:480px;
padding:35px;
border-radius:0 20px 20px 0;
background-color:#fff; 
}
.mm ul.dropdown-menu.depth_0.is-mm {
min-height:320px;
}
.mm ul.dropdown-menu.depth_0.is-mm {
background-color:#C9EEFF !important;
padding-right:45px;
}
header.sticky .menu-container-outer {
position: fixed;
top: 0;
z-index: 99;
width: 100%;
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
transition: all 0.2s ease;
}
header.sticky .menu-container .inner {
box-shadow:none;
}
header .menu-container-outer-d {
display:none;
height:90px;
width:100%;
}
.top-menu li a:hover {
text-decoration: underline;
}