/**
 * ProLoco IMK v6.5.0 - Menu Designer
 * Regole strutturali. I valori personalizzati vengono applicati tramite variabili CSS.
 */

.site-header .main-nav > ul > li > a {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
  text-decoration: none;
}

.site-header .main-nav > ul > li > a:focus-visible,
.site-header .main-nav .sub-menu a:focus-visible,
.site-header .main-nav .children a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--proloco-menu-accent, #0E7A60) 34%, transparent);
  outline-offset: 3px;
}

@media (min-width: 881px) {
  .main-nav .sub-menu,
  .main-nav .children {
    overflow: visible;
  }

  .main-nav .sub-menu::before,
  .main-nav .children::before {
    content: "";
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    height: 12px;
  }
}

@media (max-width: 880px) {
  .main-nav.is-open > ul > li > a {
    transition: color .18s ease, background-color .18s ease;
  }

  .main-nav.is-open .sub-menu,
  .main-nav.is-open .children {
    overflow: hidden;
  }
}