/*
 * Blocco Gutenberg "COPERTINA"
 * Elementi impostabili: titolo, sottotitolo, testo pulsante, link pulsante e URL foto
 * Aggiornato al: 09-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
 */

.gtn-cpr {
	max-width: 100%; /* 750px */
    /* background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) ), url(foto-quadrata.jpg); */
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 10%;
    justify-content: center;
    margin: 0 auto;
}

.gtn-cpr .titolo + .pulsante { margin-top: calc( var(--titolopagina-form01-pulsantebase-sotto-sottotitolo-margintop) * var(--vpx) ) !important; }

@media (min-width: 300px) and (max-width: 359.98px) {
	.gtn-cpr {
    	height: 260px;
		margin-bottom: 10px;
	}
}
@media (min-width: 360px) and (max-width: 479.98px) {
	.gtn-cpr {
		height: 300px;
		margin-bottom: 20px;
	}
}
@media (min-width: 480px) and (max-width: 767.98px) {
	.gtn-cpr {
    	height: 400px;
		margin-bottom: 20px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.gtn-cpr {
    	height: 350px;
		margin-bottom: 30px;
	}
}
@media (min-width: 992px) {
	.gtn-cpr {
		height: 600px;
		margin-bottom: 40px;
	}
}

.gtn-cpr .testi-cont {
	position: absolute;
	text-align: center;
}
.gtn-cpr .testi-cont .titolo {
	color: var(--bianco) !important;
	line-height: 125%;
}
.gtn-cpr .testi-cont .sottotitolo {
	color: var(--bianco) !important;
	line-height: 125%;
}
.gtn-cpr .testi-cont a.pulsante-base:link,
.gtn-cpr .testi-cont a.pulsante-base:visited {
	color: var(--bianco) !important;
	background-color: transparent;
	border: 2px white solid !important;
	border-radius: 999px;
	display: inline-block;
}
.gtn-cpr .testi-cont a.pulsante-base:hover {
	background-color: rgba(0, 0, 0, 0.5);
	transition-duration: 300ms;
}