/* ----------------------------------------------------------------
	BANNER JUICE COOKIE & PRIVACY
-----------------------------------------------------------------*/

/*Banner Juice Cookie*/
.cc-window {
	border-radius: 24px 24px 24px 0px!important;
	padding: 1.2em!important;
	width: 300px!important;
}

.cc-message {
	font-size: 13px!important;
	line-height: 1.2!important;
	text-align: center!important;
}

.cc-btn {
	border-radius: 24px!important;
	font-size: 13px!important;
	line-height: 1.2!important;
	text-align: center!important;
	color: #fff!important;
}

.cc-btn:hover {
	background-color: #86745C!important;
}

.cc-deny {
	border-radius: 24px!important;
	background-color: #578A86!important;
	text-decoration: none!important;
	color: #fff!important;
}

.cc-deny:hover {
	background-color: #426966!important;
}

/*Custom Font Juice Cookie & Privacy policy*/
.juice_container {
	color: #000!important;
	font-family: "DM Sans", Helvetica, Arial, Lucida, sans-serif !important;
}

.juice_container h1, .juice_container h2, .juice_container h3 {
	color: #000 !important;
}

#juice_policy .juice_content {
	padding: 32px 0px!important;
}

/*Banner Juice ridotto ad icona Cookie*/

.cc-revoke.cc-bottom {
	border-radius: 8px 8px 8px 0px!important;
	background-color: #253836!important;
	transform: translate;
	transition: 300ms ease-in-out!important;
}

.cc-revoke.cc-bottom:hover {
	border-radius: 8px 8px 8px 0px!important;
	background-color: #B39D79!important;
	transform: translateX(2px)!important;
}


/* ----------------------------------------------------------------
	CUSTOM CSS • TRANSLATE(Y) SU TUTTE LE ANCORE ON HOVER
-----------------------------------------------------------------*/

a {
	transform: translate;
	transition: 150ms ease-in-out!important;
}

a:hover {
	transform: translateY(2px)!important;
}


/* ----------------------------------------------------------------
	CUSTOM CSS • TRANSLATE(Y) SUI BUTTON DIVI ON HOVER
-----------------------------------------------------------------*/

/*Divi button*/
.et_pb_button {
	transform: translate;
	transition: 150ms ease-in-out!important;

}
/*Divi button on hover*/
.et_pb_button:hover {
	transform: translateY(2px)!important;
}


/* -----------------------------------------------------------------------
	CUSTOM CSS • TRANSLATE(Y) SUI BUTTON DIVI SUPREME PRO LOAD MORE ON HOVER
-------------------------------------------------------------------------*/

/*Divi Supreme Pro load more button*/

.dipi-loadmore-btn {
	transform: translate;
	transition: 150ms ease-in-out!important;
}

/*Divi Supreme Pro load more button on hover*/
.dipi-loadmore-btn:hover {
	transform: translateY(2px)!important;
}


/* ----------------------------------------------------------------
	CUSTOM CSS • TRANSLATE(Y) BACK TO TOP BUTTON
-----------------------------------------------------------------*/

.et_pb_scroll_top {
	transform: translate;
	transition: 150ms ease-in-out!important;
}

.et_pb_scroll_top:hover {
	transform: translateY(2px)!important;
}


/* ----------------------------------------------------------------
	CUSTOM CSS • SUBMENU MENU DI NAVIGAZIONE DIVI
-----------------------------------------------------------------*/

/*Divi submenu*/

.et_pb_menu li ul {
	border-radius: 24px!important;
	box-shadow: none;
}

/*Divi submenu links*/

.et_pb_menu li li a {
	background-color: none!important;
}

/*Divi submenu links on hover*/
.et_pb_menu li li a:hover {
	background-color: #be393e!important;
	border-radius: 24px!important;

}



/* ----------------------------------------------------------------
	CUSTOM CSS • DIVI GALLERY
-----------------------------------------------------------------*/

/* Cambia il colore del background della lightbox */
.mfp-bg {
	background-color: #365250 !important;
	opacity: 0.85!important;

}

/* Cambia la stile dell'icona di chiusura */
.mfp-close {
	font-size: 50px!important;
	color: #B39D79!important;
    top: -50px !important;
    right: -10px !important;
	opacity: 1!important;
	transform: translate;
	transition: 200ms ease-in-out!important;
}

/* Cambia la stile dell'icona di chiusura on hover */
.mfp-close:hover {
	color: #fff!important;
	transform: translateY(2px)!important;	
}

/* Translate delle frecce */
.mfp-arrow  {
	transform: translate;
	transition: 150ms ease-in-out!important;
	opacity: 1!important;
}

/* Translate delle frecce on hover */
.mfp-arrow:hover {
	transform: translateY(2px)!important;
	color: #fff!important;
}

/* Posizionamento delle frecce*/
.mfp-arrow-left {
    left: 24px !important;
}

.mfp-arrow-right {
    right: 32px !important;
}

/* Colore del background delle frecce di navigazione */
.mfp-arrow:before, .mfp-arrow:after {
    background-color: #365250 !important; /* Verde scuro */
	border-radius: 32px!important;
	font-size: 40px!important;
	padding: 8px 8px 8px 8px!important;
}

/* Colore delle frecce (simbolo) */
.mfp-arrow-left:before, .mfp-arrow-right:before {
    color: #ffffff !important; /* Bianco per il simbolo della freccia */
}

/* Cambia l'icona della freccia sinistra */
.mfp-arrow-left .mfp-a,.mfp-arrow-left:after {
    content: "\23"
}

/* Cambia l'icona della freccia destra */
.mfp-arrow-right .mfp-a,.mfp-arrow-right:after {
    content: "\24"
}

/* Cambia lo stile del contenitore principale dell'immagine nella lightbox */
.mfp-img {
    background: #fff !important; /* Sfondo chiaro per l'immagine */
    padding: 0px !important; /* Spaziatura intorno all'immagine */
    border-radius: 6px; /* Angoli arrotondati per l'immagine */
}

/* Nascondi il counter delle immagini */
.mfp-counter {
	display: none;
}


/* ----------------------------------------------------------------
	CUSTOM CSS • DIVI GALLERY animazione apertura
-----------------------------------------------------------------*/

/* Nascondi la lightbox e riducila leggermente per l'inizio */
.mfp-wrap {
    opacity: 0;
    transform: scale(0.9); /* Inizia al 80% della dimensione */
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

/* Quando la lightbox è pronta, ingrandiscila alla dimensione normale */
.mfp-wrap.mfp-ready {
    opacity: 1;
    transform: scale(1);
}

/* Animazione di uscita (riduci nuovamente) */
.mfp-wrap.mfp-removing {
    opacity: 0;
    transform: scale(0.8);
}

/* Per l'overlay, un fade semplice */
.mfp-bg {
    transition: opacity 0.4s ease-in-out;
}
.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-bg.mfp-removing {
    opacity: 0;
}