/**
 * Split Navigation CSS
 * Layout: [search] --- [nav1][nav2][LOGO][nav3][nav4] --- [wishlist][cart]
 */

/* Make flex-cols into flex containers and push ULs to opposite edges */
#masthead .header-inner .flex-col.hide-for-medium.flex-left,
#masthead .header-inner .flex-col.hide-for-medium.flex-right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

/* Override parent's width: 100% on nav ULs */
#masthead .header-inner .flex-col.hide-for-medium > ul.header-nav {
  width: auto;
  flex-wrap: nowrap;
}

/* Prevent text wrapping in nav items */
#masthead .header-inner .flex-col.hide-for-medium > ul.header-nav > li {
  white-space: nowrap;
}