/*
 * Blocco Gutenberg "TAGLINE"
 * Elementi impostabili: titolo, sottotitolo, testo pulsante, link pulsante e URL foto
 * Aggiornato al 11-01-2024
 * NOTA BENE: prende il font size da queste variabili in style-variabili.css e le ridimensiona anche per mobile con calc():
 * --Gtn-BloccoTitolo-Titolo-Fs / --Gtn-BloccoTitolo-SottoTitolo-Fs / --pulsantebase-fontsize
 */

@media (min-width: 300px) and (max-width: 767.98px) {

	.gtn-tagline {
		max-width: 100%; /* 750px */
		display: block;
		align-items: center;
		justify-content: center;
		margin: 0 auto 30px auto;
		gap: 30px;
	}
	.gtn-tagline .icona-cont {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.gtn-tagline .testi-cont {
		display: block !important;
		text-align: center;
		width: 100% !important;
	}

}
@media (min-width: 768px) {

	.gtn-tagline {
		max-width: 100%; /* 750px */
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 30px auto;
		gap: 30px;
	}
	.gtn-tagline .testi-cont {
		text-align: left;
		width: 100%;
	}

}

.gtn-tagline .testi-cont .icona {
	margin-bottom: 20px;
}
.gtn-tagline .testi-cont img.icona {
	max-width: 100% !important;
}
.gtn-tagline .testi-cont .pulsante-base {
	display: inline-block;
}