/* Lanzini internal navigation — exact match to index.php */
@font-face {
  font-family: 'Nueva Std';
  src: url('fonts/NuevaStd-Regular.woff2') format('woff2'),
       url('fonts/NuevaStd-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.menu-container {
  padding: 5px 0 !important;
  margin: 0 !important;
  text-align: center !important;
  position: relative !important;
}

.menu-container nav ul,
nav > ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  position: static !important;
  background: transparent !important;
}

.menu-container nav ul li,
nav > ul > li {
  margin: 0 15px !important;
  padding: 0 !important;
  position: relative !important;
  width: auto !important;
  white-space: nowrap !important;
}

.menu-container nav ul li a,
nav > ul > li > a {
  font-family: 'Nueva Std', Arial, sans-serif !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: normal !important;
  letter-spacing: 1px !important;
  color: #fff !important;
  padding: 0 !important;
  display: inline !important;
  transition: all .3s ease !important;
}

.menu-container nav ul li a:hover,
nav > ul > li > a:hover {
  text-shadow: 0 0 6px rgba(255,255,255,.6), 0 0 12px rgba(255,255,255,.4) !important;
}

/* Match index dropdown treatment when a page has one. */
.menu-container nav ul li ul.dropdown,
nav ul li ul.dropdown {
  display: none !important;
  position: absolute !important;
  background: #111 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 5px !important;
  box-shadow: 0 0 4px rgba(255,215,0,.5) !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 99 !important;
  width: auto !important;
  flex-direction: column !important;
}
.menu-container nav ul li ul.dropdown li,
nav ul li ul.dropdown li {
  margin: 0 !important;
  width: 160px !important;
}
.menu-container nav ul li ul.dropdown li a,
nav ul li ul.dropdown li a {
  display: block !important;
  padding: 10px !important;
  color: #fff !important;
  font-size: 14px !important;
  text-align: left !important;
}
.menu-container nav ul li:hover ul.dropdown,
nav ul li:hover ul.dropdown {
  display: block !important;
}

@media (max-width: 768px) {
  .menu-container { padding: 0 !important; margin: 0 !important; }
  .menu-container nav ul,
  nav > ul {
    display: none !important;
    flex-direction: column !important;
    background: #111 !important;
    position: absolute !important;
    top: 60px !important;
    right: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    z-index: 99 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height .4s ease !important;
  }
  .menu-container nav ul.active,
  nav > ul.active {
    display: flex !important;
    max-height: 500px !important;
    padding: 20px 0 !important;
  }
  .menu-container nav ul li,
  nav > ul > li {
    margin: 10px !important;
  }
  .menu-container nav ul li ul.dropdown,
  nav ul li ul.dropdown {
    position: static !important;
  }
}


/* Exact 5px spacing: move the page content BELOW the menu.
   This stylesheet is loaded by internal pages only. */
body.internal-page .menu-container + .content-container,
body.internal-page .menu-container + .gallery-container,
body.internal-page .menu-container + .slider-wrapper,
body.internal-page .menu-container + main,
body.internal-page .menu-container + section:not(.menu-container) {
  margin-top: 5px !important;
}

/* Do not create spacing by enlarging the menu itself. */
body.internal-page .menu-container {
  margin-bottom: 0 !important;
}