#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 3px 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 !important;
}

#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 {
  column-count: 2;
  column-gap: 30px;
}

#dodo-mega-menu-tab .mega-menu-item .sub-alone .sub-links {
  column-count: 4;
}

#dodo-mega-menu-tab .mega-menu-item .sub-links .megamenu-link {
  break-inside: avoid-column;
}

/* 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-black);
  }
}

@media only screen and (max-width: 1200px) {
  #dodo-mega-menu-tab .mega-menu-item .sub-alone .sub-links {
    column-count: 2;
  }
}

/* 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 !important;
  }

  #dodo-mega-menu-tab .mega-menu-item .col-12:not(.sub-alone) .sub-links {
    margin-top: 25px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 576px) {}

@media only screen and (max-width: 480px) {
  #dodo-mega-menu-tab .mega-menu-item .sub-links,
  #dodo-mega-menu-tab .mega-menu-item .sub-alone .sub-links {
    column-count: 1;
  }
}

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