
/* ---------------------------------------------------------------------------- GALLERIA PRODUCT (Locale) --------------------------------------------------------------------------- */
/* ex: https://lenottidimilano.developlab.biz/yihon/                                                                           */

/* --------------------------------------------------- Prima colonna -------------------------------------------------- */
@media not all, (-webkit-transform-3d) { /* overide animazione galleria */
	.carousel-inner>.item {
			-webkit-transition: -webkit-transform .6s cubic-bezier(1, 0.08, 0.01, 1.1) !important;
			-o-transition: -o-transform .6s cubic-bezier(1, 0.08, 0.01, 1.1) !important;
			transition: transform .6s cubic-bezier(1, 0.08, 0.01, 1.1) !important;
	}
}
@media screen and (min-width: 769px) {	      /* calcola la larghezza del box per l'immagine grande */
	#myCarousel { width: calc(100% - -60px); }  /* della prima colonna                                */
}
#carousel-bounding-box .carousel-inner { height: 350px; } /* altezza dell'immagine */

.carousel-control { opacity: 0 !important; }        /* comparsa dei pulsanti    */
.carousel-control:hover { opacity: 1 !important; }  /* per scorrere le immagini */

@media screen and (max-width: 767px) { /* varrei padding e margin per il mobile */
	div#carousel-bounding-box {
    margin-left: -17px;
		margin-right: -21px;
    padding-right: 0px;    
	}
}
div#slider { padding-left: 0px; } /* allinea a desta il l'immagine grande  */

.carousel-inner div.item { /* impostazione centrale del background  */
	height: 100%;
  background-size: cover !important;
	background-position: center !important;
}
/* -------------------------------------------------- end Prima Colonna ------------------------------------------------- */

/* ---------------------------------------------------- Seconda colonna -------------------------------------------------- */
@media screen and (max-width: 575px) {
	#slider-thumbs { display: none; }
}
.hide-bullets { list-style:none; position: relative; left: -8px; } /* css agiuntivo della libreria usata per la galleria*/
@media screen and (max-width: 768px) { /* skin di tutte le thumb image (.hide-bullets) in versione mobile */
	.hide-bullets { left: -17px; } /* allinea il box con le thumb con il bordo   */
                                 /* sinistro dell'immagine della prima colonna */
	
	.hide-bullets { width: calc(100% - -16px); } /* allinea il box con le thumb con il bordo  */
	                                             /* destro dell'immagine della prima colonna  */
	ul.hide-bullets{ margin-left: 0px !important; }
}
ul.hide-bullets li { margin-left: 0px !important; padding-right: 0; }

#slider-thumbs { /* elimina il padding impostato di default da jupiter */
		padding-right: 0px !important;
    padding-left: 0px !important; 
		height: 350px;
    overflow: auto;
	  overflow-x: hidden;
}

/* custom webkit scrollbars */
#slider-thumbs::-webkit-scrollbar { width: 8px; }
#slider-thumbs::-webkit-scrollbar-track { /*out scrollbar top and bottom*/
    background-color: hsla(0, 0%, 0%, 0.17);
		border-radius: 50px;
    border-width: 0;
}
#slider-thumbs::-webkit-scrollbar-thumb {/*scrollbar*/
    border-radius: 50px;
    background-color: hsla(0, 0%, 0%, 0.8);
    border-style: solid;
    border-color: transparent;
    border-width: 3px;
    background-clip: padding-box;
}
/* hidden elements */
#slider-thumbs::-webkit-scrollbar-button,
#slider-thumbs::-webkit-scrollbar-track-piece,
#slider-thumbs::-webkit-scrollbar-corner,
#slider-thumbs::-webkit-resizer { display: none; }

.thumbnail { /* skin delle imagini piccole */
	border-radius: 0px !important;
	padding: unset !important;
	height: 103.5px;
  background-size: cover !important;
  background-position: center !important;
	
}
.thumbnail img { opacity: 0; } /* nasconde l'immagine che ce dentro le thumb e mostra soltato il background per questioni */
                               /* di pratticita il tag image impostato da js deve essere lasciato all'interno della       */
                               /* pagina                                                                                  */
a.thumbnail.active { border: 5px solid #F7931E !important; } /* applica il bordo arancione alle immagini selezionate */


/* -------------------------------------------------- end Seconda Colonna ------------------------------------------------- */

/* ------ GENERAL CODE valido per tutta la galeria ------ */
.custom-top-gallery { background : white; padding: 8px 8px 8px 17px; margin-bottom: 25px;} /* skin galleria */
.custom-top-gallery .row { margin-right: -8px !important; }
@media screen and (max-width: 768px) {
	.custom-top-gallery .row { margin-left: -22px !important; }
	.custom-top-gallery div.col-xs-12.col-sm-6.col-lg-6 { margin-right: -14px; }
	.custom-top-gallery div#slider {
		padding-left: 0px !important;
    padding-right: 0px !important;
	}
}
@media screen and (max-width: 575px) {
	div#carousel-bounding-box {
    margin-left: 7px;
    margin-right: -11px;
    padding-right: 0px;
    padding-left: 0px;
	}
}


@media screen and (min-width: 1141px) { .custom-top-gallery { max-width: calc(100% - 22.5em) !important; } } /* nella verione desktop calcola la larghezza */
                                                                                                             /* del contenuto in base alla sidebar         */
/* ---- end GENERAL CODE valido per tutta la galeria ---- */

/* -------------------------------------------------------------------------- end GALLERIA PRODUCT (Locale) -------------------------------------------------------------------------- */


/* ------------------------ ANCOR LINK SOTTO LA GALLERIA ------------------------- */
.custom-top-gallery .fas, .custom-top-gallery .far, .font-45 { 
	font-size: 45px !important; 
	margin: 20px; 
}
/* ---------------------- end ANCOR LINK SOTTO LA GALLERIA ----------------------- */



/* ----------------------------------------------------------------------------- PROFILE PRODUCT (Locale) ----------------------------------------------------------------------------- */
#profile .row { background: white; }
#profile .row .orange span { font-size: 27px;}
@media screen and (min-width: 1141px) { /* definizione della larghezza del box versione desktop */
	#profile {    
		max-width: calc(100% - 24.6em) !important;
    left: 16px;
    position: relative;	
	}
}
@media handheld, only screen and (max-width: 960px) {
	#profile  .theme-page-wrapper:not(.full-width-layout) {
			padding-right: 0px !important; 
			padding-left: 0px !important; 
	}
}

@media screen and (max-width: 1140px) { /* definizione della larghezza del box versione tablet/mobile */
	#profile { margin: auto 15px; }
}
#profile #theme-page .theme-page-wrapper .theme-content { padding: 0px 20px !important; } /* eliminazione di padding definiti da jupiter */
#theme-page .theme-page-wrapper { margin: 0px auto !important; } /* eliminazione di margin definiti da jupiter */
/* --------------------------------------------------------------------------- end PROFILE PRODUCT (Locale) --------------------------------------------------------------------------- */



/* ------------------------------------------------------------------ MAPP PRODUCT (mappa della posizione del locale) ----------------------------------------------------------------- */
#mappa-open-map .row { background: white; }
#mappa-open-map .row .orange span { font-size: 27px;}
@media screen and (min-width: 1141px) { /* definizione della larghezza del box versione desktop */
	#mappa-open-map {    
		max-width: calc(100% - 24.6em) !important;
    left: 16px;
    position: relative;	
	}
}
@media screen and (max-width: 1140px) { /* definizione della larghezza del box versione tablet/mobile */
	#mappa-open-map { margin: auto 15px; }
}
#mappa-open-map .theme-page-wrapper .theme-content { padding: 0px 20px !important; } /* eliminazione di padding definiti da jupiter */

@media screen and (min-width: 823px) and (max-width: 992px) {
	#mappa-open-map .col-md-4 .row { padding-left: 36%; }
}
@media screen and (max-width: 542px) {
	#mappa-open-map p.f-18 { font-size: 15px !important; }
}

/* ---------------------------------------------------------------- end MAPP PRODUCT (mappa della posizione del locale) --------------------------------------------------------------- */




/* ----------------------------------------------------------------- RECENSION PRODUCT (blocco recensioni del locale) ----------------------------------------------------------------- */

#recensioni .row { 
	background: white;
	margin-right: 0 !important;
  margin-left: 0 !important;
}
#recensioni .row span.orange { font-size: 27px;}
@media screen and (min-width: 1141px) { /* definizione della larghezza del box versione desktop */
	#recensioni {    
		max-width: calc(100% - 31.3rem) !important;
    position: relative;	
	}
}

.last_recension .glsr-review-author {
	display: block !important;
}

form.glsr-form input.glsr-field-control, form.glsr-form textarea.glsr-field-control {
	font-size: 1.4rem !important;
}
.glsr-default :not(.glsr-review-avatar)+.glsr-review-author:before { 
	content: '' !important;
}

/* --------------------------------------------------------------- end RECENSION PRODUCT (blocco recensioni del locale) --------------------------------------------------------------- */


/* --------------------------------------------------------------------- EVENTI PRODUCT (blocco eventi del locale) -------------------------------------------------------------------- */
#eventi-locale .row {
	margin-right: 0 !important;
  margin-left: 0 !important;
	background: white; 
}



		
#eventi-locale .row span.orange { font-size: 27px;}
@media screen and (min-width: 1141px) { /* definizione della larghezza del box versione desktop */
	#eventi-locale {    
		max-width: calc(100% - 31.3rem) !important;
    position: relative;	
	}
}
#eventi-locale h2.ecs-event-title {
    font-size: 24px;
    text-transform: capitalize;
}
#eventi-locale h2.ecs-event-title a {
    color: #f7931e;
}
#eventi-locale .ecs-events.ecs-grid.ecs-grid-1 .ecs-event .ecs-date {
	  margin-bottom: 0px !important; 
    height: 68px;
}
#eventi-locale .ecs-events.ecs-grid.ecs-grid-1 .ecs-event .ecs-excerpt {
    height: 59px;
}
#eventi-locale .ecs-events.ecs-grid.ecs-grid-1 .ecs-button a {
	border-radius: 0px !important;
	width: 100%;
	font-size: 15px !important;
	font-weight: 100 !important;
}
#eventi-locale .ecs-event {
  border: 1px solid #e2e2e261;
  padding: 4px;
  -webkit-box-shadow: 0px 9px 20px -15px #00000061;
  -moz-box-shadow: 0px 9px 20px -15px #00000061;
  -o-box-shadow: 0px 9px 20px -15px #00000061;
  box-shadow: 0px 9px 20px -15px #00000061;
	margin-bottom: 20px;
}
#eventi-locale .ecs-events.ecs-grid.ecs-grid-1 .ecs-event .ecs-wrap {
	margin-bottom: unset !important;
}


/* ------------------------------------------------------------------- end EVENTI PRODUCT (blocco eventi del locale) ------------------------------------------------------------------ */