/* Reiro parks Ghost nav items after the first three in .is-dropdown (dots).
   When JS adds .is-nav-expanded, show those extra items inline on desktop. */

@media (min-width: 1025px) {
   .header-nav nav.is-nav-expanded > ul:first-of-type > .is-dropdown {
      display: flex;
      align-items: center;
      position: static;
      cursor: default;
   }

   .header-nav nav.is-nav-expanded > ul:first-of-type > .is-dropdown > span {
      display: none;
   }

   .header-nav nav.is-nav-expanded > ul:first-of-type > .is-dropdown > ul {
      display: flex !important;
      position: static;
      top: auto;
      left: auto;
      right: auto;
      min-width: 0;
      margin: 0;
      padding: 0;
      background: transparent;
      box-shadow: none;
      border-radius: 0;
      cursor: default;
   }

   .header-nav nav.is-nav-expanded > ul:first-of-type > .is-dropdown > ul > li {
      display: inline-block;
      margin-left: 1.3vw;
      padding-bottom: 0;
      white-space: nowrap;
   }

   .header-nav nav.is-nav-expanded > ul:first-of-type > .is-dropdown > ul > li:first-child {
      margin-left: 0;
   }
}