#masthead .nav-item[class*="megamenu-"] .nav-link {
  /* border-top-left-radius: 5px; */
  /* border-top-right-radius: 5px; */
}

#masthead .nav-item[class*="megamenu-"] .dropdown-menu {
  display: none !important;
}

#dodo-mega-menu-tab {
  position: relative;
  z-index: 999;
}

#dodo-mega-menu-tab .mega-menu-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: var(--global-white);
  box-shadow: 0 3px 2px rgba(0,0,0,0.16);
  z-index: 9999;
  opacity: 0;
  transition: opacity .2s ease;
}

#dodo-mega-menu-tab .mega-menu-item.is-open {
    opacity: 1;
}

#dodo-mega-menu-tab .mega-menu-item .row {
  padding: 45px;
}

#dodo-mega-menu-tab .mega-menu-item .megamenu-link {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: var(--global-black);
}

#dodo-mega-menu-tab .mega-menu-item .megamenu-link:hover {
  color: var(--global-color-1);
}

#dodo-mega-menu-tab .mega-menu-item .megamenu-link:active {
  color: var(--global-color-2);
}

#dodo-mega-menu-tab .mega-menu-item .main-links .megamenu-link {
  font-weight: 700;
}

#dodo-mega-menu-tab .mega-menu-item .main-links .megamenu-link::before {
  content: '>';
  display: inline-block;
  margin-right: 5px;
  color: var(--global-color-1);
}

#dodo-mega-menu-tab .mega-menu-item .sub-links {
  display: flex;
  flex-wrap: wrap;
}

#dodo-mega-menu-tab .mega-menu-item .sub-links .mega-menu-links {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  margin: 0 -15px;
}

#dodo-mega-menu-tab .mega-menu-item .sub-links .mega-menu-label {
  display: block;
  font-size: 19px;
  font-weight: 700;
  color: var(--global-black);
  padding: 5px 15px;
}

#dodo-mega-menu-tab .mega-menu-item .sub-links .megamenu-link {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 15px;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 992px) {
  #masthead .nav-item.is-hover .nav-link,
  #masthead .nav-item[class*="megamenu-"]:hover .nav-link {
    background-color: var(--global-white);
    color: var(--global-color-1);
  }
}

@media only screen and (max-width: 1200px) {
  #dodo-mega-menu-tab .mega-menu-item .sub-links .mega-menu-links {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .mega-menu-item {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      z-index: 999;
  }

  /* Zorg dat de nav-item de position context heeft */
  #masthead .nav-item[class*="megamenu-"] {
      position: relative;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #dodo-mega-menu-tab .mega-menu-item .sub-links,
  #dodo-mega-menu-tab .mega-menu-item .sub-alone .sub-links {
    column-count: 2;
  }

  #dodo-mega-menu-tab .mega-menu-item .row {
    padding: 25px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 576px) {
  #dodo-mega-menu-tab .mega-menu-item .sub-links .mega-menu-links {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {}