@charset "utf-8";
/* CSS Document */
.slideshow-r li:nth-child(1) span { background-image: url("../images/real-wedding/vetrina/matrimonio-piemonte-claire-maggiora-wedding-planner.webp"); }
.slideshow-r li:nth-child(2) span { background-image: url("../images/real-wedding/vetrina/wedding-planner-piemonte-claire-maggiora.webp");animation-delay: 10s; }
.slideshow-r li:nth-child(3) span { background-image: url("../images/real-wedding/vetrina/wedding-planner-piemonte-claire-maggiora-events.webp");animation-delay: 20s; }
.vetrina-r {
   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-r 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;text-shadow: 1px 1px 6px rgba(0,0,0,0.5);}
.vetrina-r 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;  text-shadow: 1px 1px 10px rgba(0,0,0,0.5);}
.vetrina-r h1 span{display: block}

.real-wedding{text-align:center;position: relative; z-index:10}
.real-wedding 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;} 
.real-wedding h1 i{margin: 0 10px 0 1px}
.real-wedding p {/*padding:20px 15% 0 15%;*/font-size: 1.6rem;padding-top:40px; margin: 0 auto; }
.real-wedding p span{display:block;margin: 0} .real-wedding p span i{text-transform:uppercase;display:block;font-style:normal;margin-top: 4px}

.real-cont{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;text-align:center; margin-top:70px; padding: 0 calc(15% - 2vw)}
.real-item{width: calc(100% / 2 - 4vw);margin: 0 2vw 2vw 2vw;position:relative}
.real-rett{width:100%;height:100%;position:absolute;bottom:0; background:#fff;z-index:2} .real-item a img{width:100%;height:auto}
.real-cont figcaption {color:var(--color-blutxt);font-family:essonnes-display, serif;letter-spacing:0.10em;font-size:1.40rem;line-height:1.5;font-weight:400;transition: color .2s ease-out;margin:0 auto;padding:1.5rem 3rem 0 3rem; } 
.real-item:hover figcaption {color:var(--color-oro);}


/* matrimonio  */
.vetrina-wedding{width:100%;height:calc(85% - 155px);display:block;overflow:hidden;position:relative;z-index:0;text-align:left;}
.vetrina-wedding img{height:100%; width:100%; object-fit: cover;}
.vetrina-wedding h2{position:absolute;top:50%;left:15vw;transform: translate(-0%, -50%);z-index:2;
	color:#fff;font-family: essonnes-display, serif;font-size:3.5rem;letter-spacing:0.01em;line-height:1.1;}
.vetrina-wedding h2 i{font-size: 70%;margin-top:6px }
.about{display:flex;flex-wrap:nowrap;padding:0 15vw; margin:0 0 0px 0;justify-content:center;position:relative;z-index:1!important; }
.about-img{width:30vw;height:40vw; overflow:hidden; margin:auto;z-index:2;}
.about-img img{/*object-fit:cover;*/width:100%;/*max-width:100%;*/; height: auto}
.about-txt{width:calc((60% - 0px) );padding:150px 0px 0px calc(75px + 2vw);}
.about-txt ul{list-style:none;padding:0;margin-top:40px}
.about-txt li{margin:15px 0;font-family: essonnes-display, serif;font-size:140%;letter-spacing:0.04em;color:var(--color-black-90);font-weight: 300}
.about-txt li:first-child{margin-top:40px}
.about-txt ul:before{content: "";position: relative;display: block;width:100px;height:1px; background:var(--color-blu)}
/* GALLERIA */
.matrimoni-gallery{text-align:center;margin-top:-160px;background:var(--color-azz);padding-bottom:70px}
.matrimoni-gallery h2{color:var(--color-black-70);margin: 0;text-transform:uppercase;/*font-family: essonnes-display, serif;font-style:italic*/} 
.matrimoni-gallery h3{font-size:3.8rem;color:var(--color-blutxt);text-transform:uppercase;font-weight: 400}
.my-gallery {
  display: grid;padding-top:160px; width: calc(100vw - 10vw - 1rem);margin-left: 5vw;
	grid-template-columns: repeat(4, calc(( (100vw - 10vw ) / 4) - 0.5rem) );
	grid-template-rows: repeat(4, calc(( (((100vw - 10vw + 2rem) / 4) / 3 ) * 2) - 0.5rem) );
  grid-gap:0vw; 
}
.my-gallery figure{margin:0!important;margin:1rem!important;overflow:hidden;background:var(--color-blu);}
.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; -webkit-transition: all .3s;transition: all .3s ease-out;
}
.gallery__item--1 {
   grid-column: 2 / span 2;  
   grid-row: 1 / span 2; 
}
.gallery__item--10 {
   grid-column: 1 / span 2;  
   grid-row: 4 / span 2; 
}
.gallery__item--V{
grid-row: span 2;	
}
.gallery__img:hover {opacity: 0.8!important;}
.matrimoni-gallery p a{margin-top:80px;display:block;font-family:'gothambook', serif;font-weight:500;font-size:1.0rem;color:var(--color-blu);text-transform:uppercase;letter-spacing:0.1em }
.matrimoni-gallery p a:before{content: ''; display: block;width:80px;height:1px;margin: 0 auto;background:var(--color-blu);margin-bottom: 15px;}
.matrimoni-gallery p a:hover{color:var(--color-oro)}

@media screen and (max-width:1440px) {
	.about-txt{width:calc((60% - 0px) );padding:100px 0px 0px calc(75px + 2vw);}
	.matrimoni-gallery{t;margin-top:-120px;padding-bottom: 140px}
}

@media screen and (max-width:1194px) {
	.vetrina-r {top:50%;padding: 0 5%;}.vetrina-r h2{font-size:4.0rem;margin-bottom:0px }.vetrina-r h1{font-size:6.0rem}
	.real-wedding h1{margin-top:-30px;}
	.real-cont{padding: 0 calc(5% - 2vw)}
	
	.vetrina-wedding{width:100%;height:calc(100% - 155px);}.vetrina-wedding img{height:100%;width: 100%;}
	.about{display:flex;flex-wrap:nowrap;padding:0 5vw; margin:-30px 0 100px 0;}
	.about-img{width:43vw;height:calc(43vw / 0.71); overflow:hidden; margin:auto;z-index:2;}
	.about-txt{width:calc(52vw - 50px);padding:100px 0px 0px calc(50px + 2vw);}
	.about-txt li{font-size:180%;}
	
	.matrimoni-gallery{margin-top:-160px;padding-left:0;padding-right:0}

	.my-gallery {width: calc(100% - 0vw - 0rem); margin-left: 0;
		grid-template-columns: repeat(3, calc(( (100vw - 0vw ) / 3) - 0.0rem) );
		grid-template-rows: repeat(3, calc(( (((100vw - 0vw + 2rem) / 3) / 3 ) * 2) - 0.0rem) );
	  grid-gap:0vw;
	}
	.my-gallery figure{margin:1rem!important;}
		.gallery__item--1 {
	   grid-column: 1 / span 2;  
	   grid-row: 1 / span 2; 
	}
	.gallery__item--2 {
	   grid-column: 2 / span 2;  
	   grid-row: 3 / span 2; 
	}
	.gallery__item--10 {
	   grid-column: 1 / span 2;  
	   grid-row: 5 / span 2; 
	}
	.gallery__item--V{
	grid-row: span 2;	
	}
	.matrimoni-gallery p a{font-size:1.5vw; }
	
	
}
@media screen and (max-width:900px) {
	.slideshow-r li:nth-child(1) span { background-image: url("../images/real-wedding/vetrina/matrimonio-piemonte-claire-maggiora-wedding-planner.jpg"); }
	.slideshow-r li:nth-child(2) span { background-image: url("../images/real-wedding/vetrina/wedding-planner-piemonte-claire-maggiora-pad.jpg");animation-delay: 10s; }
	.slideshow-r li:nth-child(3) span { background-image: url("../images/real-wedding/vetrina/wedding-planner-piemonte-claire-maggiora-events-pad.jpg");animation-delay: 20s; }
	.vetrina-r h2{font-size:3.0vw;margin-bottom:13px}.vetrina-r h1{font-size:6.0vw;width:100%!important;}
	.real-wedding h1{font-size:5.0vw;}
	p,.real-wedding p{font-size:2.2vw;}.real-wedding p span i{font-size:105%;}
	.real-cont figcaption {font-size:2.0vw;padding:1.5rem 0rem 1.5rem 0rem; } 
	
	.vetrina-wedding{width:100%;height:calc(75% - 0px);display:block;overflow:hidden;position:relative;z-index:0;text-align:left;}

	.about{display:flex;flex-wrap:wrap;padding:0 5vw; margin:0 0 0px 0;}
	/*.about-img{display:none}*/
		.about-img{display:block;width:100vw;height:calc(100vw / 0.71);order:2;margin-top:60px }
	.about-txt{width:calc(100vw - 0px);padding:80px 0px 0px 0;order:1;}
	/*.about-txt{width:calc((100% - 0px) );padding:100px 0px 0px 0;}*/
	.about-txt li{font-size:210%;}
	.matrimoni-gallery{margin-top:0px;background: none}
	.my-gallery {padding-top:0px;}


}
@media screen and (max-width:600px) {
	.slideshow-r li:nth-child(1) span { background-image: url("../images/real-wedding/vetrina/matrimonio-piemonte-claire-maggiora-wedding-planner-m.jpg"); }
	.slideshow-r li:nth-child(2) span { background-image: url("../images/real-wedding/vetrina/wedding-planner-piemonte-claire-maggiora-m.jpg");animation-delay: 10s; }
	.slideshow-r li:nth-child(3) span { background-image: url("../images/real-wedding/vetrina/wedding-planner-piemonte-claire-maggiora-events-pad.jpg");animation-delay: 20s; }
	.vetrina-r {top:calc(50% + 60px);padding: 0 5%;}.vetrina-r h2{font-size:6.5vw;margin-bottom:13px }.vetrina-r h1{font-size:10.0vw;width:100%!important;}
	.real-wedding h1{margin: 0 auto;margin-top:-30px;padding:45px 16vw;font-size:4.5rem}.real-wedding h1 i{margin:0 5px 0 1px} .real-wedding h1 span{display:block;font-size:135%;font-style:italic;margin-top:8px}

	.real-wedding p{font-size:5.0vw;width:90%;}.real-wedding p span{display:inline-block!important;} .real-wedding p span i{display:block;}
	.real-item{width: calc(100% / 1 - 4vw);margin: 0 2vw 4vw 2vw;}
	.real-cont figcaption {font-size:4.0vw;padding:2rem 0rem 2rem 0rem; }
	
	.vetrina-wedding{width:100%;height:calc(100% - ((100% / 3) / 1.68 + 55px));margin-top:calc((100% / 3) / 1.68 + 20px)}
	.about{margin:0 0 0px 0;flex-wrap:wrap}
	.about-txt h1{font-size:13vw!important; line-height: 1.0}.about-txt h1 span{display:block}.about-txt p i{margin:0px 0 15px 0}
	.about-img{display:block;width:100vw;height:calc(100vw / 0.71);order:2;margin-top:60px }
	.about-txt{width:calc(100vw - 0px);padding:80px 0px 0px 0;order:1;}
	p,.real-wedding p{font-size:5.0vw;}.about-txt li{font-size:4.0vw;}
	
	.matrimoni-gallery{padding-bottom:60px}
	.my-gallery {width: calc(100vw - 0vw - 0rem);margin-left:0vw;
	grid-template-columns: repeat(2, calc(( (100vw - 0vw ) / 2) - 0.0rem) );
	grid-template-rows: repeat(2, calc(( (((100vw - 0vw + 2rem) / 2) / 3 ) * 2) - 0.0rem) );grid-gap:0vw; 
	}
	.my-gallery figure{margin:1rem!important;}

	.gallery__item--1 {
	   grid-column: 1 / span 1;  
	   grid-row: 1 / span 1; 
	}
	.gallery__item--2 {
	   grid-column: 2 / span 1;  
	   grid-row: 1 / span 1; 
	}
	.gallery__item--10 {
	   grid-column: 1 / span 2;  
	   grid-row: 4 / span 2; 
	}
	.gallery__item--V{
		grid-row: span 2;	
	}
	.matrimoni-gallery p a{font-size:2.5vw; }
}