/* Mod Mikel*/

.ninjamenus-horizontal {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Magezon flota los items a la izquierda; centrar el bloque de nivel 0 */
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal>.magezon-builder {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
}

.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal>.magezon-builder>.nav-item.level0 {
  float: none !important;
}

.ninjamenus.ninjamenus-desktop.ninjamenus-vertical .nav-item.level0.active>a,
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0.active>a {
  background-color: #f5f5f5 !important;
  color: #090909 !important;
}

.nav-item>a:hover {
  color: #4b9228 !important;
}

.mgz-element.nav-item a span.title {
  /* text-align: center !important;*/
  line-height: 2em !important;
}

/*.magezon-builder{
  max-width: 110em!important;
}
*/
.magezon-builder a {
  padding: 0.6em !important;
}

.navigation>.ninjamenus.ninjamenus-desktop {
  margin: 0 0 !important;
}

.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0:hover>a {
  background-color: #4b9228 !important;
  color: #fff !important;
}

/* Primera linea: compactar padding por categoria */
.ninjamenus.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0>a {
  padding: 0 5px !important;
  font-size: 11.5px !important;
  text-transform: uppercase !important;
}

#ninjamenus11.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0>a span.title,
#ninjamenus15.ninjamenus-desktop.ninjamenus-horizontal .nav-item.level0>a span.title {
  line-height: 1.5em !important;
}

/* Segundo nivel: sin padding lateral */
.ninjamenus .item-submenu .nav-item>a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mgz-element.nav-item a {
  display: flex;
  align-items: center;
}

.caret.fas.mgz-fa-caret-down {
  margin-left: 5px;
}

.magezon-builder .mgz-element .nav-item a {
  padding: 0em !important;
  font-size: 14px !important;
}

.magezon-builder .mgz-element .nav-item .item-submenu a {
  padding: 0.6em !important;
}

.magezon-builder .mgz-element .nav-item .item-submenu a span {
  text-align: left !important;
  line-height: 1em !important;
}

#ninjamenus7,
#ninjamenus16 {
  display: none !important;
}

@media screen and (max-width: 768px) {
  #ninjamenus3,
  #ninjamenus11,
  #ninjamenus15 {
    display: none !important;
  }

  #ninjamenus7,
  #ninjamenus16 {
    display: block !important;
  }

  .magezon-builder {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
  }

  .navigation {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}

/* Desplegable categorias: limitar ancho del dropdown */
@media (min-width: 1024px) {
  #ninjamenus11 .nav-item.level0>.item-submenu,
  #ninjamenus15 .nav-item.level0>.item-submenu {
    max-width: 118em;
    margin-left: auto;
    margin-right: auto;
    left: 50% !important;
    transform: translateX(-50%);
  }
}


/* Fix NinjaMenus dropdown text style */
#ninjamenus11 .item-submenu .nav-item>a span.title,
#ninjamenus11 .item-submenu .nav-item>a,
#ninjamenus15 .item-submenu .nav-item>a span.title,
#ninjamenus15 .item-submenu .nav-item>a {
  text-transform: none !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}