/* CSS-only replacement for Twenty Twelve's navigation.js: the "Menu" label toggles a hidden checkbox.
   Only matters below 600px; style.css hides .menu-toggle and always shows the menu from 600px up. */
.menu-toggle-cb {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}
.menu-toggle-cb:checked ~ .menu-hlavni-container ul.nav-menu {
	display: block;
}
.menu-toggle-cb:checked + .menu-toggle {
	color: #757575;
	background-color: #e1e1e1;
	background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
}
.menu-toggle-cb:focus-visible + .menu-toggle {
	outline: 2px solid #21759b;
	outline-offset: 2px;
}