/* The mobile menu: a [data-hessian-menu] element opened and closed by a [data-hessian-menu-toggle] button
   (hessian-site-header.js). Pages style their components by id, which outranks any rule here, so the hide states use
   !important; whenever the toggle or the menu is shown, the page's own display applies. */

/* Without JavaScript the toggle is hidden and the menu stays in full view, so every link is in the page for any
   reader. */
html:not(.hessian-site-header-ready) [data-hessian-menu-toggle] {
	display: none !important;
}

@media (min-width: 769px) {
	[data-hessian-menu-toggle] {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.hessian-site-header-ready [data-hessian-menu]:not(.hessian-menu-open) {
		display: none !important;
	}
}