/*
 * Piccoli ritocchi al tema originale (Phantom by HTML5 UP), separati da
 * main.css per lasciarlo intatto.
 */

/* Frecce dello slider della home: una a sinistra (precedente), una a destra
 * (successiva), centrate verticalmente, invece che impilate in basso a destra. */
.flex-direction-nav li a.prev {
	left: 11px;
	right: auto;
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
}
.flex-direction-nav li a.next {
	right: 11px;
	left: auto;
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
}

/* Le miniature di eventi e rassegna stampa (immagine a sinistra del testo)
 * restano al massimo larghe quanto l'immagine "medium" generata da
 * WordPress (300px): main.css imponeva width:100% del contenitore, che su
 * schermi larghi diventa enorme, senza nemmeno un'altezza proporzionata.
 * Il click continua ad aprire l'immagine intera con la lightbox. */
.image.sinistra img {
	width: 100%;
	max-width: 300px;
	height: auto;
}

/* Intestazione: su computer le voci principali e le bandierine stanno a
 * fianco del logo; il menu a panino resta solo per telefoni e tablet
 * stretti (fino a 980px, come il punto "medium" del tema). */
#header .inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 3em;
}
#header .bc-topnav ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0 0 0.35em 0;
	padding: 0;
	gap: 0.4em 2em;
}
#header .bc-topnav li { padding: 0; }
#header .bc-topnav li a {
	display: block;
	border: 0;
	color: #666;
	font-size: 0.85em;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.3em 0;
	border-bottom: 2px solid transparent;
}
#header .bc-topnav li a:hover,
#header .bc-topnav li.current a { color: #f2849e; border-bottom-color: #f2849e; }
#header .bc-topnav li.bc-flag { margin-left: -0.5em; }
#header .bc-topnav li.bc-flag a { padding: 0.3em 0; border-bottom: 0; line-height: 0; opacity: 0.55; }
#header .bc-topnav li.bc-flag a:hover,
#header .bc-topnav li.bc-flag.current a { opacity: 1; }
#header .bc-topnav li.bc-flag img { display: block; border: 1px solid #c9c9c9; border-radius: 2px; }

@media screen and (max-width: 980px) {
	#header .bc-topnav { display: none; }
}
@media screen and (min-width: 981px) {
	#header .bc-hamburger { display: none; }
}