/*
 * Blocco Gutenberg "PAGETITLE LAYERS 01"
 * Elementi impostabili: titolo, sottotitolo, testo pulsante, link pulsante e URL foto
 * Aggiornato al: 11-01-2024
 * Sviluppo completato. Vale anche per mobile.
 * NOTA BENE: prende il font size da queste variabili in style-variabili.css e le ridimensiona anche per mobile con calc():
 * --PagetitleSezione-Fs / --PagetitleTitoloPagina-Fs / --PagetitleSottoTitoloPagina-Fs
 *
 */

.gtn-ptt-layers-01{
	margin-bottom: 30px;
}
.cont-foto{
	background-size:cover;
	position:relative;
}
.cont-box-testo{
	position:absolute;
	justify-content: center;
	width:100%;
	display:flex;
}
.box-testo{
	background:white;
}

/* Altezza */
.gtn-ptt-layers-01 .cont-foto.h_basso{height:var(--pagetitle-dt-altezza-basso);}
.gtn-ptt-layers-01 .cont-foto.h_medio{height:var(--pagetitle-dt-altezza-normale);}
.gtn-ptt-layers-01 .cont-foto.h_alto{height:calc(var(--pagetitle-dt-altezza-alto)*0.75);}
.gtn-ptt-layers-01 .cont-foto.h_moltoalto{height:calc(var(--pagetitle-dt-altezza-moltoalto)*0.75);}
.gtn-ptt-layers-01 .cont-foto.h_altissimo{height:calc(var(--pagetitle-dt-altezza-altissimo)*0.75)}

/*Larghezza testo*/
@media (min-width:300px) and (max-width:599.98px) {
.gtn-ptt-layers-01 .box-testo:is(.lar_stretto,.lar_normale,.lar_largo){width:80%;}
}
@media (min-width:600px) and (max-width:767.98px) {
.gtn-ptt-layers-01 .box-testo:is(.lar_stretto,.lar_normale,.lar_largo){width:60%;}
}
@media (min-width:768px) and (max-width:1199.98px) {
.gtn-ptt-layers-01 .box-testo:is(.lar_stretto,.lar_normale,.lar_largo){width:60%;}
}
@media (min-width:1200px) {
.gtn-ptt-layers-01 .box-testo.lar_stretto{width:30%;}
.gtn-ptt-layers-01 .box-testo.lar_normale{width:50%;}
.gtn-ptt-layers-01 .box-testo.lar_largo{width:70%;}
}

/* Padding */
@media (max-width:1199.98px) {
.gtn-ptt-layers-01 .box-testo:is(.margine_stretto,.margine_normale,.margine_largo){padding:20px 20px;}
}
@media (min-width:1200px) {
.gtn-ptt-layers-01 .box-testo.margine_stretto{padding:20px 40px;}
.gtn-ptt-layers-01 .box-testo.margine_normale{padding:30px 60px;}
.gtn-ptt-layers-01 .box-testo.margine_largo{padding:40px 80px;}
}

/*Allineamento foto orizzontale per mobile*/
@media (max-width:1199.98px) {
.gtn-ptt-layers-01 .cont-foto.all-oriz-foto-sx_MB{background-position-x:5%!important;}
.gtn-ptt-layers-01 .cont-foto.all-oriz-foto-ctrsx_MB{background-position-x:25%!important;}
.gtn-ptt-layers-01 .cont-foto.all-oriz-foto-ctr_MB{background-position-x:50%!important;}
.gtn-ptt-layers-01 .cont-foto.all-oriz-foto-ctrdx_MB{background-position-x:75%!important;}
.gtn-ptt-layers-01 .cont-foto.all-oriz-foto-dx_MB{background-position-x:95%!important;}
}