body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header.wp-block-template-part {
	position: relative;
	z-index: 2;

	.hamburger,
	.super-mobile {
		display: none;

	}
	@media (width < 768px ) {
		.hamburger {
			display: block;

			+ .site-menu {
				display: none;
				&.open {
					display: block;
				}
			}
		}
		.super-menu-dropdown {
			display: none;
		}
		.super-mobile {
			display: block;
		}
		.site-menu {
			position: absolute;
			top: 100%;
			width: auto;
			left: 0;
			right: 0;
			padding-bottom: 25px;
			
			.wp-block-buttons-is-layout-flex,
			.wp-block-group-is-layout-flex {
				width: 100%;
				flex-direction: column;
			}
		}
	}


	.super-menu-trigger {
		position: relative;
		& a::after {
			content: "+";
			width: 1em;
			text-align: center;
			color: #c8202f;
			display: inline-block;
			margin: 0 .25em;
		}
		&::before {
			content: "";
			width: 100%;
			height: 100px;
			display: block;
			position: absolute;
			top: 100%;
		}
	}
	.super-menu-dropdown {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 1;
		visibility: hidden;
		opacity: 0;
		top: 100%;
	}
	.super-menu {
		position: static;

		&:hover,
		&:focus-within {
			.super-menu-dropdown {
				visibility: visible;
				opacity: 1;
			}
			.super-menu-trigger a::after {
				content: "-";
			}
		}
		
	}
	.non-super-menu {
		.non-super-menu-dropdown {
			position: absolute;
			left: 0;
			/* right: 0; */
			z-index: 1;
			visibility: hidden;
			opacity: 0;
			@media (width > 990px) {
				min-width: 160px;
			}
		}
		&.open .non-super-menu-dropdown {
			visibility: visible;
			opacity: 1;
		}
	}

	/* For Site Editor */
	:is(.super-menu, .super-menu-dropdown, .non-super-menu-dropdown):is(.is-selected, :has(.is-selected)) {
		visibility: visible !important;
		opacity: 1 !important;
		.super-mobile {
			display: block !important;
		}
	}
}