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

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

.yellow-cda {
	background-color: #fad776 !important;
}

.testo-themecolor {
	color: var(--cnvs-themecolor) !important;
}

.testo-logo {
	font-family: "Splash", cursive;
	font-weight: 400;
	font-style: normal;
}

.livello-1 {
	margin-left: 1.5rem; /* equivalente a ml-2 di Bootstrap */
}
.livello-2 {
	margin-left: 3rem; /* equivalente a ml-4 di Bootstrap */
}
.livello-3 {
	margin-left: 4.5rem; 
}
.livello-4 {
	margin-left: 6rem;
}

.bottoni-riga {
	display: block; /* forza il div su una nuova riga */
	margin-top: 6px; /* spazio sopra i bottoni */
	text-align: right; /* allinea i bottoni a destra */
}

	.bottoni-riga a {
		display: inline-block; /* i bottoni restano affiancati */
		margin-left: 8px; /* spazio tra i due bottoni */
	}


.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, transform .25s ease-in-out;
}
.badge-success {
	color: #fff;
	background-color: #6dbb30;
}
.badge-indigo {
	color: #fff;
	background-color: #533be2;
}

.highlight {
	background-color: yellow;
	color: black;
}

.text-purple-pala{
	color: #77445A;
}

.bg-white-transparent {
	background-color: rgba(255, 255, 255, 0.8); /* bianco con 80% opacità */
}