/* nav-fix.css
   Fix for the Services / More mega-menu opening off to the right on export-stack pages
   (home, services, forge, etc.). The classic Webflow dropdown JS applies inline positioning
   to the .w-dropdown-list when opened in the scrolled/floating-nav state, which shifts the
   fixed full-width overlay so its centered content ends up right-aligned.
   On desktop we force the open mega-menu back to its intended full-width, viewport-fixed
   state so the inner container (margin:auto) stays centered. Mobile (<=991px, where the
   menu is in-flow inside the hamburger) is untouched. This is a no-op where it already works. */
@media screen and (min-width: 992px) {
  .n-nav_dropdown-navigation.w-dropdown-list.w--open,
  .nav_dropdown-navigation.w-dropdown-list.w--open {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 6.375rem !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  /* keep the inner panel + container centered regardless of any inline margin the JS sets */
  .n-nav_dropdown-navigation .n-nav-dropdown_main-wrapper,
  .n-nav_dropdown-navigation .container-large,
  .nav_dropdown-navigation .n-nav-dropdown_main-wrapper,
  .nav_dropdown-navigation .container-large {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}