/*
 * Blocco Gutenberg "SOVRATITOLO 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-svt {
	position: relative;
	width: 100%;
	display: block !important;
	background: transparent;
	margin-bottom: 30px;
}

/*
.gtn-svt h1, .gtn-svt h2, .gtn-svt h3, .gtn-svt h4, .gtn-svt h5, .gtn-svt h6 {
	margin-top: 0px !important;
	padding: 0px;
}
*/

.gtn-svt .pretitolo {
	color: var(--grigiochiaro);
	font-weight: bold;
	/* font-size: var(--Gtn-PreTitolo-Fs); */
	text-transform: uppercase;
	/* margin-bottom: 1.5em; */
}
.gtn-svt .titolo {
	/* font-size: var(--Gtn-Titolo-Fs) !important; */
	color: var(--col1);
	text-transform: uppercase; 
	/* margin-bottom: 0.9em; */
}
.gtn-svt .sottotitolo {
	color: var(--nero);
	/* font-size: var(--Gtn-SottoTitolo-Fs); */
	/* margin-bottom: 1.0em; */
}
.gtn-svt .pulsante {
	/* margin: 20px 0; */
}

/*
 * STILE 01
 */

.gtn-svt-01 {}

/*
 * STILE 02
 */

.gtn-svt-02 {}



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

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

.gtn-svt .pretitolo.ais, .gtn-svt .titolo.ais, .gtn-svt .sottotitolo.ais, .gtn-svt .pulsante.ais { text-align: left !important; }
.gtn-svt .pretitolo.aic, .gtn-svt .titolo.aic, .gtn-svt .sottotitolo.aic, .gtn-svt .pulsante.aic { text-align: center !important; }
.gtn-svt .pretitolo.aie, .gtn-svt .titolo.aie, .gtn-svt .sottotitolo.aie, .gtn-svt .pulsante.aie { text-align: right !important; }

@media (min-width: 300px) and (max-width: 359.98px) {
/*
.gtn-svt .pretitolo { font-size: calc( var(--Gtn-PreTitolo-Fs) * 0.7 ); }
.gtn-svt .titolo { font-size: calc( var(--Gtn-Titolo-Fs) * 0.6 ) !important; }
.gtn-svt .sottotitolo { font-size: calc( var(--Gtn-SottoTitolo-Fs) * 0.8 ); }
*/
	.gtn-svt .foto { width: 100% !important; position: relative !important; }
	.gtn-svt .boxtesto { position: relative !important; background: white; padding: 25px 35px 0px 35px; bottom: 0px; }

	.gtn-svt-altezza-400px .foto { height: 150px !important; }
	.gtn-svt-altezza-600px .foto { height: 300px !important; }
	.gtn-svt-altezza-800px .foto { height: 400px !important; }

	.gtn-svt-01 { width: 90% !important; position: relative !important; background: white !important; bottom: 50px !important; margin-bottom: -50px !important; }
}
@media (min-width: 360px) and (max-width: 767.98px) {
/*
.gtn-svt .pretitolo { font-size: calc( var(--Gtn-PreTitolo-Fs) * 0.88 ); }
.gtn-svt .titolo { font-size: calc( var(--Gtn-Titolo-Fs) * 0.71 ) !important; }
.gtn-svt .sottotitolo { font-size: calc( var(--Gtn-SottoTitolo-Fs) * 0.8 ); }
*/
	.gtn-svt .foto { width: 100% !important; position: relative !important; }
	.gtn-svt .boxtesto { position: relative !important; background: white; padding: 30px 40px 0px 40px; bottom: 0px; }

	.gtn-svt-altezza-400px .foto { height: 150px !important; }
	.gtn-svt-altezza-600px .foto { height: 300px !important; }
	.gtn-svt-altezza-800px .foto { height: 400px !important; }

	.gtn-svt-01 { width: 90% !important; position: relative !important; background: white !important; bottom: 50px !important; margin-bottom: -40px !important; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*
.gtn-svt .pretitolo { font-size: calc( var(--Gtn-PreTitolo-Fs) * 0.88 ); }
.gtn-svt .titolo { font-size: calc( var(--Gtn-Titolo-Fs) * 0.71 ) !important; }
.gtn-svt .sottotitolo { font-size: calc( var(--Gtn-SottoTitolo-Fs) * 0.8 ); }
*/
	.gtn-svt .foto { width: 100% !important; position: relative !important; }
	.gtn-svt .boxtesto { position: relative !important; background: white; padding: 30px 40px 0px 40px; bottom: 0px; }

	.gtn-svt-altezza-400px .foto { height: 150px !important; }
	.gtn-svt-altezza-600px .foto { height: 300px !important; }
	.gtn-svt-altezza-800px .foto { height: 400px !important; }

	.gtn-svt-01 { width: 90% !important; position: relative !important; background: white !important; bottom: 50px !important; margin-bottom: -40px !important; }
}
@media (min-width: 1200px) {

	.gtn-svt .foto { position: absolute !important; }
	.gtn-svt .boxtesto { position: absolute !important; background: white; padding: 40px 50px 0px 50px; bottom: 0px; }

	.gtn-svt-altezza-400px { height: 250px !important; }
	.gtn-svt-altezza-600px { height: 400px !important; }
	.gtn-svt-altezza-800px { height: 600px !important; }

	.gtn-svt-altezza-400px .foto { height: 250px !important; }
	.gtn-svt-altezza-600px .foto { height: 400px !important; }
	.gtn-svt-altezza-800px .foto { height: 600px !important; }

}