/*
 * Aggiunte al tema originale (Hielo). Non si tocca main.css: qui solo le
 * differenze volute rispetto al sito precedente.
 *
 * Menu su riga singola nei formati desktop (da 981px in su): il pannello a
 * comparsa (drawer) di main.css resta invariato su tablet e telefono
 * (fino a 980px), qui viene solo esteso in una barra fissa a tutta
 * larghezza, sopra lo slider, per gli schermi più larghi.
 */
@media screen and (min-width: 981px) {

	#header.alt {
		position: fixed;
		top: 0;
		background: rgba(51, 26, 0, 0.95);
		box-shadow: none;
		overflow: visible;
	}

	#header > a[href="#menu"] {
		display: none;
	}

	/* body.subpage riserva già 3.25em per l'header fisso (main.css); qui
	   facciamo lo stesso anche in home, dove l'header parte trasparente. */
	body:not(.subpage) {
		padding-top: 3.25em;
	}

	#menu {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		transform: none;
		visibility: visible;
		height: auto;
		max-width: 100%;
		width: 100%;
		margin-top: 0;
		padding: 0;
		box-shadow: none;
		background: rgba(38, 19, 0, 0.95);
		overflow: visible;
		z-index: 9999;
	}

	#menu > ul.links {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
		padding: 0;
	}

	#menu > ul.links > li {
		padding: 0;
	}

	#menu > ul.links > li > a:not(.button) {
		border-top: 0;
		line-height: 3rem;
		padding: 0 1.1rem;
		display: inline-block;
	}

	#menu > ul.links > li.lb-lang {
		padding: 0 1.1rem;
		line-height: 3rem;
		color: rgba(255, 255, 255, 0.5);
	}

	#menu > ul.links > li.lb-lang a {
		text-decoration: none;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.5);
	}

	#menu > ul.links > li.lb-lang a:hover {
		color: #fff;
	}

	#menu .close {
		display: none;
	}
}