/*
 * Blocco Gutenberg "SLOGAN 01"
 * Elementi impostabili: versione, pretitolo, titolo, tag titolo, sottotitolo, testo pulsante, link pulsante
 * Aggiornato al 11-01-2024
 * Completato sviluppo desktop e mobile
 * NOTA BENE: prende il font size da queste variabili in style-variabili.css e le ridimensiona anche per mobile con calc():
 * --Gtn-PreTitolo-Fs / --Gtn-Titolo-Fs / --Gtn-SottoTitolo-Fs
 *
 */
 
.gtn-slg * { 
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	line-height: 125% !important;
}

.gtn-slg {
	display: flex;
	flex-direction: column;
	/* align-items riportato nel JS */
	justify-content: center;
	background-color: transparent;
	padding: 30px 0px;
}

.gtn-slg .pulsante {
	/* margin: 20px 0; */
}

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.gtn-slg.ais { align-items: start; }
.gtn-slg.aic { align-items: center; }
.gtn-slg.aie { align-items: end; }

.gtn-slg .pretitolo.ais, .gtn-slg .titolo.ais, .gtn-slg .sottotitolo.ais { text-align: left; }
.gtn-slg .pretitolo.aic, .gtn-slg .titolo.aic, .gtn-slg .sottotitolo.aic { text-align: center; }
.gtn-slg .pretitolo.aie, .gtn-slg .titolo.aie, .gtn-slg .sottotitolo.aie { text-align: right; }