.wp-block-navigation__container li {
	&.current-menu-item {
		>a {
			text-decoration: underline !important;

		}
	}

	&.current-menu-ancestor {
		>a {
			text-decoration: underline !important;

		}

		>button {
			text-decoration: underline !important;

			ul li.current-menu-item {
				>a {
					text-decoration: underline !important;
				}
			}
		}
	}

	a {
		&:hover {
			text-decoration: underline;

		}
	}
}

@media screen and (min-width: 1035px) {
	.wp-block-navigation__submenu-container {
		li a {
			font-size: 16px;
			padding: 14px;

			&:hover {}
		}
	}

	.wp-block-navigation-item.has-child {
		padding-bottom: 19px;
		margin-bottom: -19px !important;
	}

	.mobile-menu-only {
		display: none !important;
	}
}



/*
 * Adjust the mobile navigation / button breakpoint
 * As well as fixing mobile menu styles.
*/
@media screen and (max-width: 1035px) {
	.wp-block-navigation__responsive-container-open {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		margin-top: 6px;
		width: 40px;
		height: 40px;

		svg {
			width: 33px;
			height: 33px;
		}
	}

	.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: #ECF1F5 !important;

	}

	/* Mobile dialog */
	.wp-block-navigation__responsive-dialog {
		padding: 0px 30px;
		margin-top: var(--wp--preset--spacing--60);

		.wp-block-navigation__responsive-container-close {
			top: 20px;
			right: 20px;
			width: 40px;
			height: 40px;
			margin-top: -8px;

			svg {
				width: 33px;
				height: 33px;
			}
		}

		.wp-block-navigation__responsive-container-content {
			padding-top: 0 !important;
			display: flex;
			/* flex-direction: column-reverse !important; */

			button {
				font-size: 24px;
				font-weight: 400;
				text-decoration: none;
			}

			ul {
				gap: 24px;

				li a {
					font-size: 24px !important;
					font-weight: 400 !important;
					text-decoration: none;
				}

				li.has-child {
					position: relative;

					button::after {
						content: "";
						display: inline-block;
						vertical-align: middle;
						margin-left: 8px;
						width: 16px;
						height: 16px;
						margin-top: 10px;
						background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99725 12.6316C7.85478 12.6316 7.72216 12.6073 7.5994 12.5589C7.47664 12.5104 7.35988 12.4274 7.24914 12.3097L1.93556 6.65275C1.77201 6.47842 1.68827 6.2593 1.68432 5.99539C1.68058 5.7317 1.76433 5.50859 1.93556 5.32608C2.107 5.14378 2.31469 5.05263 2.55864 5.05263C2.80259 5.05263 3.01028 5.14378 3.18171 5.32608L7.99725 10.4531L12.8128 5.32608C12.9765 5.15196 13.1823 5.0628 13.4302 5.05861C13.6779 5.05462 13.8875 5.14378 14.0589 5.32608C14.2302 5.50859 14.3158 5.7297 14.3158 5.98942C14.3158 6.24913 14.2302 6.47024 14.0589 6.65275L8.74535 12.3097C8.63461 12.4274 8.51785 12.5104 8.39509 12.5589C8.27233 12.6073 8.13971 12.6316 7.99725 12.6316Z" fill="%231B1B1D"/></svg>');
						background-size: 16px 16px;
						background-repeat: no-repeat;
						background-position: center;
						transform: translateY(-50%);
					}

					ul li a {
						font-size: 16px !important;
						font-weight: 400 !important;
						padding: 0 !important;
					}
				}
			}
		}

		.wp-block-navigation__submenu-container {
			padding: 16px 0 0 0 !important;
			gap: 12px !important;
			padding-inline-start: 20px;

			li {
				display: flex;
				flex-direction: row !important;
				justify-content: center;

				&::before {
					content: "";
					display: inline-block;
					margin-right: 8px;
					color: inherit;
					font-size: 1em;
					font-weight: 400;
				}
			}

			li a {
				font-size: 16px !important;
				font-weight: 400 !important;
				padding: 0;
			}

		}

		/* Mobile: open submenus on click using aria-expanded state */
		.wp-block-navigation-submenu.open-on-click>.wp-block-navigation__submenu-container,
		.wp-block-navigation-submenu.open-on-hover-click>.wp-block-navigation__submenu-container {
			display: none;
		}

		/* When the submenu toggle has aria-expanded=\"true\", show the submenu */
		.wp-block-navigation-submenu.open-on-click .wp-block-navigation-submenu__toggle[aria-expanded="true"]+.wp-block-navigation__submenu-icon+.wp-block-navigation__submenu-container,

		/* Variant where the toggle button itself has the icon class and is followed directly by the submenu container */
		.wp-block-navigation-submenu.open-on-hover-click .wp-block-navigation-submenu__toggle[aria-expanded="true"]+.wp-block-navigation__submenu-container {
			display: flex;
			flex-direction: column;
		}

	}

	.mobile-menu-only {
		display: flex !important;
		padding-top: 10px !important;

		a {
			font-size: 20px !important;
			font-weight: 300;
			text-decoration: underline;
		}
	}

	.desktop-menu-only {
		display: none !important;
	}
}