/* FROM https://stackoverflow.com/questions/74956603/wordpress-navigation-block-how-to-change-mobile-breaking-point */
/* FROM https://trekwebdesign.com.au/changing-navigation-menu-mobile-menu-breakpoint-in-fse-wordpress-theme-by-modifying-media-queries/*/

/* Change the WordPress default css to a 1023px media query */
@media (min-width: 1180px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
      width: 100%;
      position: relative;
      z-index: auto;
      background-color: inherit;
  }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
  }
}