@charset "utf-8";
/* CSS Document */
.slideshow-w li:nth-child(1) span { background-image: url("../images/wandering/vetrina/destination-weddings-in-italy-monferrato-langhe.jpg"); }
.slideshow-w li:nth-child(2) span { background-image: url("../images/wandering/vetrina/destination-weddings-in-italy--lago-maggiore-isole-borromee.jpg");animation-delay: 10s; }
.slideshow-w li:nth-child(3) span { background-image: url("../images/wandering/vetrina/destination-weddings-in-italy-piemonte.jpg");animation-delay: 20s; }
.vetrina-w {
   z-index:1;margin:0;position:absolute;top:calc(50% + (155px / 2));left:50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align:center;
	width:100%; padding: 0 10%;height:auto;
}
.vetrina-w h2{color:#fff;font-size:2.7rem;letter-spacing:0.01em;font-family:essonnes-display, serif;font-weight:400;font-style:italic;margin:0;display:block;position:relative;}
.vetrina-w h1{color:#fff;font-size:5.5rem;letter-spacing:0.01em;font-family:essonnes-display, serif;font-weight:400;line-height: 1.1;margin:0;margin-top:10px;display:block;position:relative;bottom:inherit!important;right:inherit!important;}
.vetrina-w h1 span{display: block}

.wandering{text-align:center;position: relative; z-index:20}
.wandering h1{background:var(--color-blu);color:#fff;display:block;display: table;width:-moz-fit-content;width:fit-content; margin: 0 auto; padding:45px 5rem;font-size:3.5rem;} 
.wandering h1 i{margin: 0 10px 0 1px}
.wandering p {/*padding:20px 15% 0 15%;*/font-size: 1.6rem;padding-top:40px; margin: 0 auto; max-width: 1050px;}
.wandering p span{display:block;margin-top: 20px;font-style: italic} .wandering p span i{text-transform:uppercase;display:block;font-style:normal;}

.trittico{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;text-align:center; margin-top:70px; padding: 0 calc(10% - 2vw)}
.tritt-item{width: calc(100% / 3);margin: 0 2vw;position:relative} .si-vert{display:none}
.wandering-txt{padding: 70px 10%;text-align:center;position:relative;}
.wandering-txt p{margin:0; padding:0 5%;} .wandering-txt p span{display:block;font-size:150%;line-height: 1.3; margin: 2vw 0;padding:0 5%;font-style:italic} 
.wandering-txt p span b{display:block;font-size:110%;font-style:normal;font-weight:300;text-transform:uppercase;margin-bottom:0.8vw;letter-spacing: 0.06em;}
.tritt-rett{width:100%;height:100%;position:absolute;bottom:0; background:#fff;z-index:2}

.wandering-img{width:calc(100vw - 20vw); height:auto;display:block;margin: 0 auto 30px auto;position:relative}
.funfact-img{overflow:hidden;padding:0;height:calc((100vw - 20vw) / 2.1);position:relative}
.funfact-img img,.pasticceria-img img{max-width:100%;max-height:100%;object-fit: cover;}
#slider-1 {width:100%;height:calc((100vw - 20vw) / 2.1);position:relative}
/*pasticceria*/
.slideshow-p li:nth-child(1) span { background-image: url("../images/pasticceria/vetrina/pasticceria-giordanino-asti-bon-bon.jpg"); }
.slideshow-p li:nth-child(2) span { background-image: url("../images/pasticceria/vetrina/pasticceria-giordanino-asti-macaron.jpg");animation-delay: 10s; }
.slideshow-p li:nth-child(3) span { background-image: url("../images/pasticceria/vetrina/pasticceria-giordanino-asti-biscotti.jpg");animation-delay: 20s; }
.vetrina-p {
   z-index:1;margin:0;position:absolute;top:calc(50% + (155px / 2) - 6%);left:50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align:center;
	width:100%; padding: 0 10%;	
}
.vetrina-p h2{color:#fff;font-size:2.8rem;letter-spacing:0.03em;font-family:essonnes-display, serif;font-weight:400;margin:0;margin-top:10px;display:block;position:relative;}
.vetrina-p h1{color:#fff;font-size:5.5rem;letter-spacing:0.01em;font-family:essonnes-display, serif;font-weight:400;line-height: 1.1;margin:0;margin-top: -10px;display:block;position:relative;bottom:inherit!important;right:inherit!important;}
.vetrina-p h1 span{;position:relative;display:block;} .vetrina-p span{display: block; width: 150px;height:auto;margin:0 auto}
.pasticceria{padding: 70px 10% 0px 10%;text-align:center;position:relative;}
.pasticceria h1{display:block;font-size:3.0rem;font-style:normal;font-weight:300;text-transform:uppercase;margin-bottom:0.8vw;letter-spacing: 0.06em;}
.pasticceria p{margin: 0 auto; max-width: 1150px; padding:20px 5% 0px 5%;}
.pasticceria-txt p i {display:block;font-size:150%;line-height:1.3; margin: 2vw auto;padding:0 0%;font-style:italic}
#slider-p {width:100%;height:calc((100vw - 20vw) / 1.84);position:relative}
.pasticceria-img{overflow:hidden;padding:0;height:calc((100vw - 20vw) / 1.84);}
.pasticceria-contatti{width:calc(100vw - 0vw); height:auto;display:block;/*margin:150px auto 50px auto;padding:100px 0; */text-align:center; /*background:var(--color-azz) url("../images/pasticceria/banner-info.jpg")*/z-index:1;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;
	width:100%; padding: 0 0%;}
.pasticceria-contatti h1{}.pasticceria-contatti h1 i {display:block}
.pasticceria-contatti h2{font-size:2.2rem;margin-top:30px}
.past-info{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;text-align:center;margin:0px auto 0 auto;padding: 0 calc(15% - 2vw);}
.past-info-item{width:calc(100% / 4);margin: 0 0vw;position:relative; }
.past-info-item:nth-of-type(2){border-left: 1px solid var(--color-blu);border-right: 1px solid var(--color-blu); } 
.past-info-item:nth-of-type(3){border-right: 1px solid var(--color-blu);}
.past-info-item p{color:var(--color-blu);transition: color .2s ease-out}.past-info-item p i{display:block;width:30px; height:45px;padding:0;margin:0 auto;text-align:center;}
.past-info-item.insta p i{background:url("../images/ico-instagram.svg") center 55% no-repeat; background-size:contain;width:30px}
.past-info-item.faceb p i{background:url("../images/ico-facebook.svg") center center no-repeat; background-size:contain;width: 14px}
.past-info-item.posta p i{background:url("../images/ico-email.svg") center center no-repeat; background-size:contain;width: 30px}
.past-info-item.phone p i{background:url("../images/ico-phone.svg") center center no-repeat; background-size:contain;width: 30px}
.past-info-item p i{filter:invert(9%) sepia(11%) saturate(7084%) hue-rotate(195deg) brightness(95%) contrast(94%);  -webkit-transition: -webkit-filter 0.2s ease-out;
  transition: -webkit-filter 0.1s ease-out;transition: filter 0.1s ease-out;transition: filter 0.1s ease-out, -webkit-filter 0.1s ease-out;}
.past-info-item a:hover p {color:var(--color-oro)}.past-info-item a:hover p i {filter: invert(55%) sepia(78%) saturate(432%) hue-rotate(5deg) brightness(96%) contrast(95%);} 

#parallaxF{width:100%;height:600px;display:block;overflow:hidden;text-align:center;position:relative;margin:200px auto 50px auto;}
.info-banner{width:100%;height:700px;position:absolute;top:-30%;background-image: url("../images/pasticceria/banner-info.jpg");background-size:130%;z-index:0;background-repeat:no-repeat;background-position: center}


@media screen and (max-width:1440px) {
	.pasticceria-txt p{padding:0 0%;}.past-info{flex-wrap:wrap;padding: 0 5%}
}

@media screen and (max-width:1194px) {
	.slideshow{top:0px;}
	.vetrina-w {top:50%;padding: 0 5%;}.vetrina-w h2{font-size:4.0rem;margin-bottom:0px }.vetrina-w h1{font-size:6.0rem}
	.wandering h1{margin-top:-30px;}
			h1{font-size:3.5vw;}
			h2{font-size:1.4vw;margin-bottom:4vw;}
			p,.wandering p{font-size:1.6vw;}	
	.wandering p{padding:40px 5% 0 5%;}.wandering p span i{font-size:120%;line-height:3}
	.wandering-txt{padding: 70px 5%;}.wandering-txt p{margin:0; padding:0 5%;}.wandering-txt p span b{margin-bottom:1.5vw;}
	.vetrina-p h2{font-size:4.0rem;}.vetrina-p h1{font-size:5.8rem;} .wandering-txt{padding: 70px 5%;}
	.past-info{flex-wrap:wrap;padding: 0 5%}.past-info-item{width:calc(100% / 2); margin-top:10px}
	.past-info-item:nth-of-type(1){border-right: 1px solid var(--color-blu);} .past-info-item:nth-of-type(2){border:none;}
	
	#parallaxF{height:600px}.info-banner{width:100%;height:800px;top:-30%;background-size:150%;}
}
@media screen and (max-width:900px) {
	.slideshow-w li:nth-child(1) span { background-image: url("../images/wandering/vetrina/verticale/destination-weddings-in-italy-monferrato-langhe.jpg"); }
	.slideshow-w li:nth-child(2) span { background-image: url("../images/wandering/vetrina/verticale/destination-weddings-in-italy--lago-maggiore-isole-borromee.jpg");}
	.slideshow-w li:nth-child(3) span { background-image: url("../images/wandering/vetrina/verticale/destination-weddings-in-italy-fontanafredda-wine-cellar.jpg");}
	
			h1{font-size:5.0vw;}
			h2{font-size:2.0vw;margin-bottom:4vw;}
			p,.wandering p{font-size:2.1vw;}.wandering p span i{font-size:105%;}
	
	.trittico{flex-wrap:wrap;justify-content:space-between;align-items:stretch; margin-top:70px; padding: 0 calc(5% - 0.5vw)}
	.tritt-item{width: calc(100% / 2 - 1vw);margin: 1vw 0.5vw 0 0.5vw;} .si-vert{display:inline-block}
	.wandering-img{margin: 0 auto 70px auto;}
	.funfact-img{height:calc((100vw - 20vw) / 0.666);}
	#slider-1 {height:calc((100vw - 20vw) / 0.666);}.gallery-cell {height:calc((100vw - 20vw) / 0.666);}
	
	.vetrina-p h2{font-size:5.0rem;}.vetrina-p h1{font-size:6.8rem;}
	.slideshow-p li:nth-child(1) span { background-image: url("../images/pasticceria/vetrina/pasticceria-giordanino-asti-bon-bon.jpg"); }
	.slideshow-p li:nth-child(2) span { background-image: url("../images/pasticceria/vetrina/pasticceria-giordanino-asti-macaron.jpg");animation-delay: 10s; }
	.slideshow-p li:nth-child(3) span { background-image: url("../images/pasticceria/vetrina/pasticceria-giordanino-asti-biscotti.jpg");animation-delay: 20s; }
	.pasticceria{padding: 70px 5% 0px 5%;}.pasticceria h1{font-size:4.5rem;}.pasticceria p{padding:20px 0% 0px 0%;}
.pasticceria-txt p span b i{display:block;font-style:normal;font-size:125%;margin-bottom: 20px} 
	.pasticceria-img{height:calc((100vw - 20vw) / 0.666);} 
	#slider-p {height:calc((100vw - 20vw) / 0.666);}.gallery-cell {height:calc((100vw - 20vw) / 0.666);}
	#parallaxF{}.info-banner{height:800px;top:-30%;background-size:200%;}
	
}
@media screen and (max-width:600px) {
	.vetrina-w {top:calc(50% + 60px);padding: 0 5%;}.vetrina-w h2{font-size:6.5vw;margin-bottom:13px }.vetrina-w h1{font-size:10.0vw;width:100%!important;}
	.wandering h1{margin: 0 auto;margin-top:-30px;padding:45px 16vw;font-size:4.5rem}.wandering h1 i{margin:0 5px 0 1px} .wandering h1 span{display:block;font-size:135%;font-style:italic;margin-top:8px}
			h1{font-size:10.0vw;padding-bottom:6vw}
			h2{font-size:3.2vw;margin-bottom:10vw;line-height: 1.8}
			p,.wandering p{font-size:5.0vw;}
	.wandering p span{}  .wandering p span {line-height: 1.5}.wandering p span i{margin:8px 0;line-height:1.6}
	.trittico{margin-top:50px; padding: 0 calc(0% - 0.0vw)}.tritt-item{width: calc(100% / 1 - 0vw);margin: 1vw 0.0vw 0 0.0vw;}
	.wandering-txt{padding:40px 5%;}
	.wandering-txt p{padding:0 0%;} .wandering-txt p span{font-size:150%;line-height: 1.3; margin:4vw 0;padding:0 10%;} 
	.wandering-txt p span b{font-size:125%;margin-bottom:0.9vw;line-height:1.4;}
	.wandering-img{width:calc(100vw - 10vw); height:auto;display:block;margin: 0 auto 60px auto;}
	.funfact-img,.pasticceria-img{height:calc((100vw - 10vw) / 0.666);}
	#slider-1,#slider-p {height:calc((100vw - 10vw) / 0.666);}.gallery-cell {height:calc((100vw - 10vw) / 0.666);}
	
	.pasticceria h1{font-size:6rem;line-height: 1.4;}.pasticceria p{padding:0px 5% 0px 5%;} .tritt-past .si-vert{display:none}
	.past-info-item{width:calc(100% / 1); margin-top:10px}
	.past-info-item:nth-of-type(1){border-right:none;} .past-info-item:nth-of-type(2){border:none;}
	.pasticceria-contatti{/*margin:100px auto 50px auto;padding:60px 0;*/}
	.pasticceria-contatti h1{font-size:8.0vw;}
	.pasticceria-contatti h2{font-size:6.0vw;margin-top:0px;margin-bottom:0px;}
	#parallaxF{margin-bottom: 40px;height:900px;}.info-banner{width:100%;height:1000px;top:-30%;background-image:url("../images/pasticceria/banner-info-v.jpg");background-size:130%;}
}




