/*
 * Top navigation bar (#top-navigation).
 * The theme floats the left and right menus. When the left menu is long, the
 * right menu (Search, Follow Us, Share) wraps below the green bar and its white
 * text disappears on the light page. Flexbox keeps both on one line.
 */
#top-navigation .wrapper-no-over {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#top-navigation .top-menu-left,
#top-navigation .top-menu-right {
  float: none;
}

#top-navigation .top-menu-left {
  flex: 1 1 auto;
  min-width: 0;
}

#top-navigation .top-menu-right {
  flex: none;
  white-space: nowrap;
}