/* CSS Document */

/* GALLERIA FOTO */
.galleria-foto { position: relative; margin: 0 0 40px 0; }
.galleria-foto-inner { position: relative; margin-bottom: 30px; }
/*TESTI*/
.galleria-foto .testo { position: relative; display: inline-block; font-size: 12px; font-weight: 400; margin: 10px 0; color: #666; }
.galleria-foto .testo > h4 { font-size: 12px; font-weight: 600; margin: 0; margin-bottom: 10px; }
.galleria-foto .testo > p { padding: 0; margin: 0; }
.galleria-foto .testo-img { display: inline-block; width: 100%; margin: 0; color: #666; }
.galleria-foto .testo-img > .titolo { display: inline-block; width: 100%; font-size: 24px; font-weight: 600; margin: 10px 0 10px 0; color: #FF0000; }
.galleria-foto .testo-img > .sottotitolo { display: inline-block; width: 100%; font-size: 18px; font-weight: 400; line-height:120%; margin: 0; margin-bottom: 5px; }
/*A*/
.galleria-foto a { width: 100%; }
.galleria-foto a:hover { background-size: 120%; -webkit-transition: background-size 0.5s ease; -moz-transition: background-size 0.5s ease; -ms-transition: background-size 0.5s ease; -o-transition: background-size 0.5s ease; transition: background-size 0.5s ease; }
.galleria-foto a:hover .img >.rollover { visibility: visible; opacity: 1; transition-delay: 0s; }
/*IMG*/
.galleria-foto .img { position: relative; float: left; margin: 0 0 0 0 !important; display: block; width: 100%; height: 250px; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transition: background-size 0.2s ease; -moz-transition: background-size 0.2s ease; -ms-transition: background-size 0.2s ease; -o-transition: background-size 0.2s ease; transition: background-size 0.2s ease; }
.galleria-foto .img >.rollover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px; background-color: rgba(0,0,0,0.6); color: #fff; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.galleria-foto .img >.rollover .zoomBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.galleria-foto .img >.rollover .zoomBtn span { display: inline; text-align: center; padding: 0px; }
.galleria-foto .img >.rollover .zoomBtn span i { font-size: 20px; }
.gall-box { margin-bottom: 0px; }
/*TIPO 1*/
.galleria-foto .tipo1 .testo { display:block; margin: 0px 0 10px 0; font-size: 18px; font-weight: 400;  line-height: 120%;}
.galleria-foto .tipo1 .testo > h4 { font-size:24px; font-weight:600; color:#FF0000; border-bottom:4px solid #FF0000;  padding-bottom:10px; margin-bottom:30px; }


/*TIPO 2*/
.galleria-foto .tipo2 a { color:#31419e !important;}
.galleria-foto .tipo2 .testo { display:block; margin: 0px 0 10px 0; }
.galleria-foto .tipo2 .testo > h4 { font-size:32px; font-weight:700 !important; color:#FF0000; border-bottom:4px solid #FF0000;  padding-bottom:10px; margin-bottom:30px; }
.galleria-foto .tipo2 .testo-img > .sottotitolo > p { text-align:left !important;}

 @media screen and (max-width: 1200px) {
.galleria-foto .img { height: 200px !important;}
}
/* RESPONSIVE */
@media screen and (max-width: 992px) {
.galleria-foto .img { height: 270px !important;}
.galleria-foto h4 { margin-bottom: 20px; }
.galleria-foto .gall-box { margin-bottom: 40px !important; }
}