/**
 * Overlay di leggibilita' (scrim) sul title bar dei CPT corso ed edizione.
 *
 * Le immagini di sfondo dell'header sono foto arbitrarie, quindi il colore del
 * testo non puo' essere garantito leggibile. Qui viene interposto un livello
 * scuro fra l'immagine e il contenuto del title bar.
 *
 * La classe .has-bg-scrim viene aggiunta da header-corso.php solo quando c'e'
 * effettivamente un'immagine di sfondo (vedi $header_scrim_class).
 *
 * Per regolare l'intensita' basta cambiare le variabili --scrim-* qui sotto.
 */

.entry-header.single-page-header.has-bg-scrim {
	--scrim-top: rgba(0, 0, 0, 0.55);
	--scrim-mid: rgba(0, 0, 0, 0.40);
	--scrim-bottom: rgba(0, 0, 0, 0.65);

	/* Contesto di impilamento locale: senza questo .header-overlay si aggancia a
	   #wrapper (position: relative) invece che all'header. */
	position: relative;
	z-index: 0;
}

/* Immagine ripetuta dal tema (stessa foto dell'header): resta sotto allo scrim,
   con la stessa inquadratura dello sfondo dell'header (vedi calendario.css). */
.entry-header.single-page-header.has-bg-scrim .header-overlay {
	z-index: 0;
	background-position: top center;
}

/* Lo scrim. */
.entry-header.single-page-header.has-bg-scrim::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		var(--scrim-top) 0%,
		var(--scrim-mid) 45%,
		var(--scrim-bottom) 100%
	);
}

/* Titolo, sottotitolo e breadcrumb sopra lo scrim. */
.entry-header.single-page-header.has-bg-scrim .single-page-heading > .container {
	position: relative;
	z-index: 2;
}

.entry-header.single-page-header.has-bg-scrim .section-heading,
.entry-header.single-page-header.has-bg-scrim .section-subheading,
.entry-header.single-page-header.has-bg-scrim .breadcrumbs,
.entry-header.single-page-header.has-bg-scrim .breadcrumbs a,
.entry-header.single-page-header.has-bg-scrim .breadcrumbs span {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}