/**
 * Sim & Sam Booking - header navigation alignment.
 *
 * Loaded on every front-end page (not just the booking pages) and after the
 * theme / Header Footer Elementor stylesheets, so it can override HFE's
 * `.hfe-nav-menu__align-* .hfe-nav-menu { justify-content: flex-end }` rule and
 * keep the primary menu centred, including when the items wrap to a second row.
 */

.elementor-widget-hfe-nav-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu,
.hfe-nav-menu__align-right .hfe-nav-menu,
.hfe-nav-menu__align-left .hfe-nav-menu,
.hfe-nav-menu__align-center .hfe-nav-menu,
.hfe-nav-menu__align-justify .hfe-nav-menu {
	margin-left: auto !important;
	margin-right: auto !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	-webkit-justify-content: center !important;
	-moz-box-pack: center !important;
	justify-content: center !important;
}

/* The HFE widget container is a column flex box - keep the <ul> centred in it. */
.elementor-widget-hfe-nav-menu .elementor-widget-container,
.elementor-widget-hfe-nav-menu .hfe-nav-menu-wrapper {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

/* Centre each wrapped row of menu items as well. */
.elementor-widget-hfe-nav-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
}