/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#dilef-lab-bar {
	background-color: #1A3D7B !important;
}

#hero-header {
	/* Sostituisci con il percorso della tua immagine di sfondo */
	background-image: url('/assets/images/sfondo_giallo_def.jpg');
	background-size: cover; /* Copre l'intera area, ritagliando se necessario */
	background-position: center; /* Centra l'immagine */
	background-repeat: no-repeat; /* Non ripete l'immagine */
	color: #fff; /* Colore del testo, utile se l'immagine è scura */
	text-align: left; /* Centra il testo all'interno dell'header */
}

.card-forme {
	background-color: #f7f0de;
}
.card-note {
	background-color: #d8dacd;
}
.card-italia-eu {
	background-color: #dbe0e2;
}

.testo-scheda a {
	color: #008000 !important;
}

.my-bg {
	position: relative;
}

	/* immagine fissa */
	.my-bg::before {
		content: "";
		position: absolute;
		top: 20px;
		right: 20px;
		width: 250px; /* desktop */
		height: 250px;
		background-image: url('/assets/images/Logo_ocra_LeSEF_trasparente.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		pointer-events: none;
		z-index: 0;
	}

	/* testo sopra */
	.my-bg > * {
		position: relative;
		z-index: 1;
	}

/* tablet */
@media (max-width: 991.98px) {
	.my-bg::before {
		width: 180px;
		height: 180px;
		top: 15px;
		right: 15px;
	}
}

/* mobile */
@media (max-width: 575.98px) {
	.my-bg::before {
		width: 130px;
		height: 130px;
		top: 10px;
		right: 10px;
	}
}

span[ref] {
	font-weight: bold;
	text-decoration: underline;
	color: #0056b3;
	cursor: pointer;
}