.wp-block-navigation-item {
	transition: 0.5s ease;
}

.wp-block-navigation-item:hover {
	color: var(--wp--preset--color--realizer-grey);
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
	min-width: max-content;
}

@media screen and (min-width: 600px) {

	.wp-block-navigation-item__content {
		padding: 1.5rem 0rem;
	}

	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
		background-color: var(--wp--preset--color--realizer-base);
		border: none;
		border-radius: 4px;
		box-shadow: var(--wp--preset--shadow--realizer-shadow);
		color: var(--wp--preset--color--realizer-contrast);
		height: auto;
		left: 50%;
		right: 0;
		top: calc(100% - 0.5rem);
		transform: translate(-50%, 0%);
		transition: 0.5s ease;
	}

	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item {
		background: none;
	}

	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
		padding: 0.5rem 1.5rem;
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		left: 0;
		top: 0;
		transform: translate(-100%, 0%);
	}

}

@media screen and (max-width: 599px) {

	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-open {
		margin: 1rem 0rem 1rem 1rem;
	}

	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
		padding: 1rem 2.5rem;
	}

	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		gap: 0;
	}

	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item,
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content,
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu,
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation-item__content,
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item,
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
		display: block;
		width: 100%;
	}

	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
		padding: 0 0 0 1.25rem;
		width: calc(100% - 1.25rem);
	}

	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item__content {
		border-bottom: 1px solid;
		padding: 1rem 0rem;
	}

	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-buttons {
		justify-content: center;
		width: 100%;
	}

}