/*
 * Blocco Gutenberg "PAGETITLE 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
 *
 */

.outer-gtn-ptt-01{
	display:flex;
	justify-content:center;
	width:100%;
	background:#eee;
	background-position:center;
  background-size:cover!important;
	margin: 30px auto;
}

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

.outer-gtn-ptt-01 .gtn-ptt {display:flex;margin: 0px 30px;}

/* Larghezza */
.outer-gtn-ptt-01 .gtn-ptt.wnorm{width:var(--W-normale);}
.outer-gtn-ptt-01 .gtn-ptt.w100{width:var(--W-intera);padding-left:30px;padding-right:30px;}

	.mobile .outer-gtn-ptt-01 .gtn-ptt.wnorm{width:100%;}
	.mobile .outer-gtn-ptt-01 .gtn-ptt.w100{width:100%;padding-left:10px;padding-right:10px;}

/* Posizione */
.outer-gtn-ptt-01 .gtn-ptt.cont-sx{justify-content:flex-start;}
.outer-gtn-ptt-01 .gtn-ptt.cont-ctr{justify-content:center;}
.outer-gtn-ptt-01 .gtn-ptt.cont-dx{justify-content:flex-end;}
.outer-gtn-ptt-01 .gtn-ptt.cont-top-sx{justify-content:flex-start;align-self:flex-start;margin-top:30px;}
.outer-gtn-ptt-01 .gtn-ptt.cont-top-dx{justify-content:flex-end;align-self:flex-start;margin-top:30px;}
.outer-gtn-ptt-01 .gtn-ptt.cont-bottom-sx{justify-content:flex-start;align-self:flex-end;margin-bottom:30px;}

.outer-gtn-ptt-01 .gtn-ptt .contenuto {
	display:flex;
	flex-direction:column;
	align-self:center;
}

/*Colore bianco*/
.outer-gtn-ptt-01 .gtn-ptt .col-bianco .pretitolo,
.outer-gtn-ptt-01 .gtn-ptt .col-bianco .titolo,
.outer-gtn-ptt-01 .gtn-ptt .col-bianco .sottotitolo{color: var(--bianco);}

.outer-gtn-ptt-01 .gtn-ptt .col-bianco .pulsante{
	color: var(--bianco)!important;
	border-color:var(--bianco)!important;
	background-color:transparent;
}
/* Colore nero*/
.outer-gtn-ptt-01 .gtn-ptt .col-nero .pretitolo,
.outer-gtn-ptt-01 .gtn-ptt .col-nero .titolo,
.outer-gtn-ptt-01 .gtn-ptt .col-nero .sottotitolo{color: var(--nero);
}
.outer-gtn-ptt-01 .gtn-ptt .col-nero .pulsante{
	color:var(--nero)!important;
	border-color:var(--nero)!important;
	background-color:transparent;
}

/*Allineamento*/
.outer-gtn-ptt-01 .gtn-ptt .contenuto.all-sx{text-align:left;}
.outer-gtn-ptt-01 .gtn-ptt .contenuto.all-ctr{text-align:center;}
.outer-gtn-ptt-01 .gtn-ptt .contenuto.all-dx{text-align:right;}

/*Larghezza*/
.outer-gtn-ptt-01 .gtn-ptt .contenuto.w50{width:50%;}
.outer-gtn-ptt-01 .gtn-ptt .contenuto.w100{width:100%;}

	.mobile .outer-gtn-ptt-01 .gtn-ptt .contenuto.w50{width:100%!important;}
	.mobile .outer-gtn-ptt-01 .gtn-ptt .contenuto.w100{width:100%;}