/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.heroPortfolio, .innerServiziOfferti::after, .interventoPortfolio{
	background-color: #A5AECD;
}
h1.titleHeroPortfolio, button.returnPortfolio a, h2.titleAboutPortfolio, h2.titleIntervento,  .interventoPortfolio button.buttonBorder, h2.titleSapernePortfolio, button.buttonCaseHistory a, .buttonTorna a, .buttonProssimo a, .buttonTorna a:hover, .buttonProssimo a:hover, .buttonTorna a:focus, .buttonProssimo a:focus {
    color: white;
}
h2.titleServiziOfferti, p.title-serviziOfferti, blockquote::before, .citazioneCliente blockquote > p:nth-child(2), h2.titleAboutPortfolio, h2.titleobiettiviPortfolio, h2.titleSfideProgetto, p.titoloSfida, h2.titleStrategia, .strategia button.buttonBorder, h2.titleGalleryPortfolio, h2.titleVideoPortfolio, h2.titleTeamPortfolio, h3.nomeMembro, p.ruoloMembro {
    color: #A5AECD;
}
li.itemServiziOfferti, p.clienteServiziOfferti, p.annoServiziOfferti, p.sitoServiziOfferti a, .citazioneCliente blockquote > p:first-child, .textAbout p, .textObiettivi p, p.textSfida, p.textStrategia, .containerTextInteervento p{
	color: #000;
}
.aboutPortfolio, .sfideProgetto{
	background-color: #EDEDED;
}
.aboutPortfolio {
    border-image-slice: 0 0 100 0;
    border-image-repeat: stretch;
    border-image-outset: 0 0 14px 0;
    border-image-width: 0 0 25px 0;
}
.strategia{
	margin: 0;
	width: 100%;
	background-color: #F2F4FE;
	background-repeat: no-repeat;
}
.strategia button.buttonBorder {
	border-color: #A5AECD;
}
.strategia .dot{
	background-color: #A5AECD;
}
.interventoPortfolio .dot, .teamPortfolio{
	background-color: white;
}
.interventoPortfolio button.buttonBorder{
	border-color: white;
}
.interventoPortfolio{
	border-image-slice: 100 0 0 0;
    border-image-repeat: stretch;
    border-image-outset: 11px 0 0 0;
    border-image-width: 25px 0 0 0;
}
button.buttonCaseHistory .blueDot{
	background-color: white;
}
h2.titleIntervento{
	font-weight: bold;
}
.precImage, .nextImage{
	filter: brightness(0) saturate(100%);
}
button.buttonTorna, button.buttonProssimo {
	border: 0.5px solid #FFFFFF;
}
.sapernePiuPortfolio{
	background-color: #98A0BE;
}
.gridSapernePortfolio{
	background-repeat: no-repeat;
}
@media (max-width: 420px) {
	h2.titleServiziOfferti {
		width: 78vw;
	}
    blockquote::before {
        left: 15vw;
    }
	.citazioneCliente blockquote > p:first-child {
		width: 76vw;
	}
    p.textStrategia {
    	width: 72vw;
	}
	.gridSapernePortfolio{
	  	height: calc((100vw /(1000 / 1091)) + 51vw);
	}
	.col1-sapernePortfolio {
    	width: 86vw;
	}
}
@media (min-width: 421px) and (max-width: 550px){
	h2.titleServiziOfferti, .citazioneCliente blockquote > p:first-child {
		width: 81vw;
	}
    blockquote::before {
        left: -7vw;
    }
    p.textStrategia {
    	width: 77vw;
	}
	.gridSapernePortfolio{
	  	height: calc((100vw /(1000 / 1091)) + 49vw);
	}
}
@media (max-width: 550px){
	.citazioneCliente blockquote > p:first-child {
		margin-right: 0;
		margin-left: auto;
	}
	.serviziOfferti {
    	background-size: 54vw !important;
    	background-position: left bottom !important;
	}
	.textAbout {
    	width: 76vw;
	}
	img.picComposizioneObiettivi {
        padding-top: 6vw;
    }
	.sfideProgetto {
    	padding: 0;
	}
	h2.titleSfideProgetto {
		padding-top: 10vw;
    	padding-left: 10vw;
	}
	.gridSfideProgetto {
		padding-inline: 10vw;
	}
	.strategia {
    	grid-gap: 5vw;
		padding: 10vw;
    	flex-direction: column;
	}
    .buttonContainerPortfolio {
        bottom: -23.5vw;
    }
	.col2-sapernePortfolio{
		flex: 1;
	}
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (max-width: 550px),
only screen and (        max-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (                max-resolution: 1dppx)  and (max-width: 550px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotona-500.webp');
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAbout-500.webp');
	}
	.col2-obiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettivi-500.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategia-500.webp');
	}
	.col2-intervento {
		background-image: url('/wp-content/uploads/2025/07/fotonaIntervento-500.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperne-500.webp');
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (max-width: 550px),
only screen and (        min-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (                min-resolution: 1.2dppx)  and (max-width: 550px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotonaRetina-500.webp');
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAboutRetina-500.webp');
	}
	.col2-obiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettiviRetina-500.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategiaRetina-500.webp');
	}
	.col2-intervento {
		background-image: url('/wp-content/uploads/2025/07/fotonaInterventoRetina-500.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperneRetina-500.webp');
	}
}
@media (min-width: 551px) and (max-width: 766.9px){
	h2.titleServiziOfferti {
    	width: 80vw;
	}
	blockquote::before {
		left: 20vw;
	}
	.citazioneCliente blockquote > p:first-child {
	    width: 78vw;
    	margin-left: auto;
	}
	.textAbout {
    	width: 73vw;
	}
	img.picComposizioneObiettivi {
		width: 65vw;
		padding-top: 5vw;
	}
	.sfideProgetto {
    	padding: 0;
	}
	h2.titleSfideProgetto {
		padding-top: 10vw;
    	padding-left: 10vw;
	}
	.gridSfideProgetto {
		padding-inline: 10vw;
	}
	.strategia {
    	grid-gap: 5vw;
		padding: 10vw 10vw;
    	flex-direction: column;
		background-size: contain;
		background-position: right;
	}
    p.textStrategia {
        width: 69vw;
    }
	img.bigliettiVisitaEmporio {
		width: 44vw;
		bottom: 74.2vw;
	}
	.gridSapernePortfolio{
		padding-top: 8vw;
	  	height: calc((100vw /(1200 / 1079)) + 42vw);
	}
	.col2-sapernePortfolio{
		flex: 1;
	}
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 551px) and (max-width: 766.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 551px) and (max-width: 766.9px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotona-551.webp');
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAbout-551.webp');
	}
	.col2-obiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettivi-551.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategia-551.webp');
	}
	.col2-intervento {
		background-image: url('/wp-content/uploads/2025/07/fotonaIntervento-551.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperne-551.webp');
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 551px) and (max-width: 766.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 551px) and (max-width: 766.9px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotonaRetina-551.webp');
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAboutRetina-551.webp');
	}
	.col2-obiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettiviRetina-551.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategiaRetina-551.webp');
	}
	.col2-intervento {
		background-image: url('/wp-content/uploads/2025/07/fotonaInterventoRetina-551.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperneRetina-551.webp');
	}
}
@media (max-width: 766.9px){
	.gridCampagne > div:first-child {
		padding: 10vw;
		order: 2;
	}
	h2.titleCampagne {
		font-size: 10vw;
		line-height: 10vw;
		width: 60vw;
	}
}
@media (min-width: 767px) and (max-width: 899.9px){
    .heroPortfolio {
        row-gap: 2vw;
    }
	h1.titleHeroPortfolio span {
    	width: 73vw;
	}
	h2.titleServiziOfferti {
		width: 72vw;
	}
    blockquote::before {
        left: 9vw;
    }
	.citazioneCliente {
    	padding: 10vw 15vw 10vw 0;
	}
	.citazioneCliente blockquote > p:first-child {
		width: 74vw;
	}
	.textAbout {
		width: 66vw;
	}
	.textObiettivi {
    	width: 68vw;
	}
	img.picComposizioneObiettivi {
		width: 57vw;
		padding-top: 5vw;
	}
	.sfideProgetto {
    	padding: 0;
	}
	h2.titleSfideProgetto {
		padding-top: 10vw;
    	padding-left: 15vw;
	}
	.gridSfideProgetto {
		padding-inline: 15vw;
	}
	p.titoloSfida {
    	width: 54vw;
	}
	p.textSfida {
		width: 61vw;
	}
	.strategia {
    	grid-gap: 2vw;
		padding: 8vw 15vw;
    	flex-direction: column;
		background-size: contain;
		background-position: right;
	}
	p.textStrategia {
		width: 51vw;
	}
	.containerTextInteervento p {
		width: 68vw;
	}
	.gridSapernePortfolio{
		padding-top: 6vw;
	  	height: calc((100vw /(1400 / 1149)) + 22vw);
	}
	.col2-sapernePortfolio {
    	margin: 1vw 0 8vw;
	}
	.col2-sapernePortfolio{
		flex: 1;
	}
}
@media (min-width: 767px) and (max-width: 1400px){
    .citazioneCliente blockquote > p:first-child {
        margin-right: 0;
        margin-left: auto;
    }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 767px) and (max-width: 899.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 767px) and (max-width: 899.9px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotona-767.webp');
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAbout-767.webp');
	}
	.col2-obiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettivi-767.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategia-767.webp');
	}
	.col2-intervento {
		background-image: url('/wp-content/uploads/2025/07/fotonaIntervento-767.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperne-767.webp');
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 767px) and (max-width: 899.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 767px) and (max-width: 899.9px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotonaRetina-767.webp');
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAboutRetina-767.webp');
	}
	.col2-obiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettiviRetina-767.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategiaRetina-767.webp');
	}
	.col2-intervento {
		background-image: url('/wp-content/uploads/2025/07/fotonaInterventoRetina-767.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperneRetina-767.webp');
	}
}
@media (max-width: 899.9px){
    .backHeroPortfolio {
        border-top: 1px solid #fff;
    }
	.col2-intervento {
		border-bottom: 1px solid #fff;
	}
	.gridCampagne {
		display: flex;
		flex-direction: column;
	}
	.gridCampagne > div:nth-child(2), .gridSapernePortfolio {
		background-size: contain;
	}
	.backHeroPortfolio {
		height: calc(100vw / (1400 / 885));
	}
	.col1-aboutPortfolio {
		height: calc(100vw / (1400 / 928));
 	}
	.col2-obiettiviPortfolio {
		height: calc(100vw / (1400 / 936));
	}
	.col2-intervento{
		height: calc(100vw / (1400 / 872));	 
	}
}
@media (min-width: 900px) and (max-width: 1099.9px){
	.heroPortfolio {
    	height: 64vw;
	}
	.backHeroPortfolio {
		background-position: 7vw;
		background-size: cover !important;
	}
	h1.titleHeroPortfolio {
		width: 51vw;
	}
	h2.titleServiziOfferti {
		width: 80vw;
	}
	.citazioneCliente {
    	padding: 7vw 10vw 7vw 0;
	}
	blockquote::before {
        left: 22vw;
    }
	.citazioneCliente blockquote > p:first-child {
		width: 70vw;
	}
	.serviziOfferti {
    	background-size: 41vw !important;
    	background-position: left bottom !important;
	}
	.gridServiziOfferti {
    	grid-gap: 3vw;
	}
	.gridAboutPortfolio {
		background-size: 70%;
		background-position: -7vw;
	}
	.col2-aboutPortfolio {
        padding: 5vw 0;
    }
	.textAbout {
		width: 47vw;
	}
    .gridObiettiviPortfolio {
		background-position: 61vw;
        background-size: 55.5% !important;
    }
	.col1-obiettiviPortfolio {
    	padding: 5vw 0 4vw 10vw;
	}
	.textObiettivi p {
		width: 49vw;
	}
	img.picComposizioneObiettivi {
		width: 31vw;
	}
	.sfideProgetto {
    	padding: 0;
	}
	h2.titleSfideProgetto {
		padding-top: 8vw;
    	padding-left: 10vw;
	}
	.gridSfideProgetto {
		padding: 0 10vw 8vw;
	}
	.strategia {
    	grid-gap: 2vw;
		padding: 6vw 10vw;
    	flex-direction: column;
		background-size: cover;
		background-position: 9.5vw;
	}
	p.textStrategia {
		width: 43vw;
		padding-top: 0;
	}
	.gridInterventoPortfolio {
		background-size: 46%;
		background-position: right center;
	}
	.col1-intervento {
    	padding: 5vw 0;
		margin-right: 7vw;
	}
	.containerTextInteervento p {
		width: 51vw;
	}
	.gridSapernePortfolio {
		padding-top: 5vw;
		background-size: 100%;
		background-position: top;
		height: calc((100vw /(3000 / 1768)) + 13.5vw);
	}
	h2.titleSapernePortfolio{
		margin-bottom: 0;
	}
	.col2-sapernePortfolio {
    	flex: 1;
	}
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 900px) and (max-width: 1099.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 900px) and (max-width: 1099.9px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotona-900.webp');
	}
	.gridAboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAbout-900.webp');
	}
	.gridObiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettivi-900.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategia-900.webp');
	}
	.gridInterventoPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaIntervento-900.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperne-900.webp');
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 900px) and (max-width: 1099.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 900px) and (max-width: 1099.9px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotonaRetina-900.webp');
	}
	.gridAboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAboutRetina-900.webp');
	}
	.gridObiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettiviRetina-900.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategiaRetina-900.webp');
	}
	.gridInterventoPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaInterventoRetina-900.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperneRetina-900.webp');
	}
}
@media (min-width: 1100px) and (max-width: 1400px){
	.heroPortfolio{
		height: 61vw;
	}
	.backHeroPortfolio {
		background-size: cover !important;
    	background-position: 10vw center;
	}
	h1.titleHeroPortfolio {
    	width: 51vw;
	}
    h2.titleServiziOfferti {
    	width: 80vw;
	}
	.gridServiziOfferti {
    	max-width: 80vw;
	}
	.citazioneCliente {
    	padding: 7vw 10vw 7vw 0;
	}
	blockquote::before {
        left: 23vw;
    }
	.citazioneCliente blockquote > p:first-child {
		width: 70vw;
	}
	.serviziOfferti {
    	background-size: 38vw !important;
    	background-position: left bottom !important;
	}
	.gridAboutPortfolio {
		align-items: center;
    	background-position: -2vw center;
	}
	.gridAboutPortfolio.start {
		animation: fadeInZoomAbout1200 3s linear;
		background-size: 68%;
	}
	.col2-aboutPortfolio {
		padding: 4vw 0;
	}
	.textAbout {
		width: 43vw;
	}
	.textObiettivi{
		width: 44vw;
	}
	img.picComposizioneObiettivi {
		width: 33vw;
	}
	.gridObiettiviPortfolio {
		background-position: 56vw center;
	}
	.gridObiettiviPortfolio.start {
		animation: fadeInZoomObiettivi1200 3s linear;
		background-size: 56%;
	}
	.sfideProgetto {
    	padding-bottom: 0 !important;
	}
	.strategia {
		grid-gap: 2vw;
		padding: 5vw 10vw;
    	flex-direction: column;
		background-size: cover;
		background-position: 14vw;
	}
	p.textStrategia {
		width: 36vw;
		padding-top: 0;
	}
	img.bigliettiVisitaEmporio {
		width: 30vw;
		bottom: 11vw;
	}
	.gridInterventoPortfolio {
		background-position: right center;
	}
	.gridInterventoPortfolio.start {
		animation: fadeInZoomIntervento1200 3s linear;
		background-size: 52%;
	}
	.containerTextInteervento p {
		width: 47vw;
	}
	.gridSapernePortfolio {
		background-size: 100%;
		background-position: top;
		height: calc((100vw /(3000 / 1768)) + 8.7vw);
	}
	.col2-sapernePortfolio {
    	flex: 1;
		padding-bottom: 2vw !important;
	}
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 1100px) and (max-width: 1400px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (                max-resolution: 1dppx)  and (min-width: 1100px) and (max-width: 1400px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotona-1100.webp');
	}
	.gridAboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAbout-1100.webp');
	}
	.gridObiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettivi-1100.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategia-1100.webp');
	}
	.gridInterventoPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaIntervento-1100.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperne-1100.webp');
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 1100px) and (max-width: 1400px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 1100px) and (max-width: 1400px){ 
	.backHeroPortfolio {
		background-image: url('/wp-content/uploads/2025/07/heroFotonaRetina-1100.webp');
	}
	.gridAboutPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaAboutRetina-1100.webp');
	}
	.gridObiettiviPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaObiettiviRetina-1100.webp');
	}
	.strategia{
		background-image: url('/wp-content/uploads/2025/07/fotonaStrategiaRetina-1100.webp');
	}
	.gridInterventoPortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaInterventoRetina-1100.webp');
	}
	.gridSapernePortfolio {
		background-image: url('/wp-content/uploads/2025/07/fotonaSaperneRetina-1100.webp');
	}
}
@media (max-width: 1400px){
	img.bigliettiVisitaEmporio {
		right: 0;
	}
}
@media (min-width: 1401px){
	.backHeroPortfolio {
    	background-position: 4vw center;
	}
	h1.titleHeroPortfolio {
		width: 40vw;
	}
	h2.titleServiziOfferti {
		width: 57vw;
	}
	li.itemServiziOfferti {
    	width: 10vw;
	}
	blockquote::before {
	  left: 33.5vw;
	 }
	.citazioneCliente blockquote > p:first-child {
		width: 52vw;
	}
	.gridAboutPortfolio {
		align-items: center;
    	background-position: center left;
		height: calc(100vw / (1920 / 974));
	}
	.gridAboutPortfolio.start {
		animation: fadeInZoomAbout2000 3s linear;
		background-size: 67%;
	}
	.textAbout {
		width: 29vw;
	}
	.gridObiettiviPortfolio {
		background-position: right center;
	}
	.gridObiettiviPortfolio.start {
		animation: fadeInZoomObiettivi2000 3s linear;
        background-size: 53%;
    }
	.textObiettivi {
		width: 29vw;
	}
	img.picComposizioneObiettivi {
        width: 25vw;
    }
	.sfideProgetto{
		padding-bottom: 0;
	}
	.gridSfideProgetto {
        padding: 0 0 8.5vw;
    }
	p.titoloSfida {
    	width: 18vw;
	}
	.strategia {
		grid-gap: 2vw;
		padding-bottom: 5vw;
		padding-inline: 16vw;
    	flex-direction: column;
		background-size: contain;
		background-position: right;
	}
	.gridObiettiviPortfolio.start {
        background-size: 53%;
		animation: fadeInZoomObiettivi2000 3s linear;
    }
	p.textStrategia {
		width: 24vw;
		padding-top: 0;
	}
	img.bigliettiVisitaEmporio {
    	right: 0;
		bottom: 0;
    	width: 36vw;
		height: 28.84vw;
    	object-fit: cover;
	}
	.containerTextInteervento p {
		width: 33vw;
	}
	.gridInterventoPortfolio {
		background-position: right center;
	}
	.gridInterventoPortfolio.start {
		background-size: 52%;
		animation: fadeInZoomIntervento2000 3s linear;
	}
	.gridSapernePortfolio {
		background-size: 100%;
		background-position: top;
		height: calc((100vw /(3000 / 1768)) + 7.3vw);
	}
	.col2-sapernePortfolio {
    	flex: 1;
	}
}
@media
	only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 1401px),
	only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 1401px),
	only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 1401px),
	only screen and (        max-device-pixel-ratio: 1)      and (min-width: 1401px),
	only screen and (                max-resolution: 1dppx)  and (min-width: 1401px){ 
		.backHeroPortfolio {
			background-image: url('/wp-content/uploads/2025/07/heroFotona-1401.webp');
		}
		.gridAboutPortfolio {
			background-image: url('/wp-content/uploads/2025/07/fotonaAbout-1401.webp');
		}
		.gridObiettiviPortfolio {
			background-image: url('/wp-content/uploads/2025/07/fotonaObiettivi-1401.webp');
		}
		.strategia{
			background-image: url('/wp-content/uploads/2025/07/fotonaStrategia-1401.webp');
		}
		.gridInterventoPortfolio {
			background-image: url('/wp-content/uploads/2025/07/fotonaIntervento-1401.webp');
		}
		.gridSapernePortfolio {
			background-image: url('/wp-content/uploads/2025/07/fotonaSaperne-1401.webp');
		}
}
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 1401px),
	only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 1401px),
	only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 1401px),
	only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 1401px),
	only screen and (                min-resolution: 1.2dppx)  and (min-width: 1401px) { 
		.backHeroPortfolio {
			background-image: url('/wp-content/uploads/2025/07/heroFotonaRetina-1401.webp');
		}
		.gridAboutPortfolio {
			background-image: url('/wp-content/uploads/2025/07/fotonaAboutRetina-1401.webp');
		}
		.gridObiettiviPortfolio {
			background-image: url('/wp-content/uploads/2025/07/fotonaObiettiviRetina-1401.webp');
		}
		.strategia{
			background-image: url('/wp-content/uploads/2025/07/fotonaStrategiaRetina-1401.webp');
		}
		.gridInterventoPortfolio {
			background-image: url('/wp-content/uploads/2025/07/fotonaInterventoRetina-1401.webp');
		}
		.gridSapernePortfolio {
			background-image: url('/wp-content/uploads/2025/07/fotonaSaperneRetina-1401.webp');
		}
}
@keyframes fadeInZoomAbout1200{
	 0%{opacity:0; background-size: 65%;}
	 75%{opacity:1;}
	 100%{background-size: 68%;}
}
@keyframes fadeInZoomAbout2000{
	 0%{opacity:0; background-size: 64%;}
	 75%{opacity:1;}
	 100%{background-size: 67%;}
}
@keyframes fadeInZoomObiettivi1200{
	0%{opacity:0; background-size: 54%;}
	75%{opacity:1;}
	100%{background-size: 56%;}
}
@keyframes fadeInZoomObiettivi2000{
	0%{opacity:0; background-size: 51.5%;}
	75%{opacity:1;}
	100%{background-size: 53%;}
}
@keyframes fadeInZoomIntervento1200{
	0%{opacity:0; background-size: 49%;}
	75%{opacity:1;}
	100%{background-size: 52%;}
}
@keyframes fadeInZoomIntervento2000{
	0%{opacity:0; background-size: 49%;}
	75%{opacity:1;}
	100%{background-size: 52%;}
}