/* Button Styles */
.wp-block-navigation-item.wp-block-navigation-link.is-style-button a {
	padding-top: 0.4rem!important;
	padding-right: clamp(1.25rem, 1.5vw, 3rem)!important;
	padding-bottom: 0.3rem!important;
	padding-left: clamp(1.25rem, 1.5vw, 3rem)!important;
	border-radius: 100px;
	background-color: var(--wp--preset--color--foreground-1);
	color: var(--wp--preset--color--background-1);
}

.wp-block-navigation-item.is-style-button a:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background-1);
	text-decoration: none;
}

.wp-block-navigation-item.is-style-outline a {
	border: none;
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	outline: 2px solid currentColor;
	outline-offset: -2px;
	padding-top: 0.4rem;
	padding-right: clamp(1.25rem, 1.5vw, 3rem);
	padding-bottom: 0.3rem;
	padding-left: clamp(1.25rem, 1.5vw, 3rem);
	border-radius: 100px;
}

.wp-block-navigation-item.is-style-outline a:hover {
	color: var(--wp--preset--color--background-1) !important;
	outline-color: var(--wp--preset--color--foreground-1);
	background-color: var(--wp--preset--color--foreground-1);
	text-decoration: none!important;
}

/* Custom nav elements */
.wp-block-navigation-item.wp-block-navigation-link.is-style-button.spi-nav-log-in {
	margin-right: -16px;
}

.wp-block-navigation-item.wp-block-navigation-link.is-style-button.spi-nav-log-in a {
	background-color: var(--wp--preset--color--background-2);
	color: var(--wp--preset--color--foreground-1);
}

.wp-block-navigation-item.wp-block-navigation-link.is-style-button.spi-nav-log-in a:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background-1);
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
	border-radius: 10px;
	border: 1px solid var(--wp--preset--color--background-3);
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
	background-color: transparent;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	z-index: 999999;
}

/* Responsive */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content.wp-block-navigation-item__content {
	font-size: 18px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
	border-radius: 0;
	
	border: none;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content {
	font-size: 16px;
}