/*
	Theme Name: Edita
*/


/* FONT */

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/Lato-Regular.woff') format('woff'),
         url('../font/Lato-Regular.ttf') format('truetype'),
         url('../font/Lato-Regular.svg#Lato') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Bold.eot'); 
    src: url('../font/Lato-Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/Lato-Bold.woff') format('woff'),
         url('../font/Lato-Bold.ttf') format('truetype'),
         url('../font/Lato-Bold.svg#Lato') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Italic.eot'); 
    src: url('../font/Lato-Italic.eot?#iefix') format('embedded-opentype'),
         url('../font/Lato-Italic.woff') format('woff'),
         url('../font/Lato-Italic.ttf') format('truetype'),
         url('../font/Lato-Italic.svg#Lato') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-BoldItalic.eot'); 
    src: url('../font/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../font/Lato-BoldItalic.woff') format('woff'),
         url('../font/Lato-BoldItalic.ttf') format('truetype'),
         url('../font/Lato-BoldItalic.svg#Lato') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* Applica i pesi e gli stili ai testi */
body {
    font-family: 'Lato', sans-serif;
}

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}


/* GENERIC RESET */

* {
	border: 0px;
	padding: 0px;
	margin: 0px;
	outline: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	-webkit-transition: color 0.3s, background 0.3s, opacity 0.5s, box-shadow 0.5s, border 0.3s;
	   -moz-transition: color 0.3s, background 0.3s, opacity 0.5s, box-shadow 0.5s, border 0.3s;
			transition: color 0.3s, background 0.3s, opacity 0.5s, box-shadow 0.5s, border 0.3s;
}

html {
	overflow-x: hidden;
}

body {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	line-height: 28px;
	color: #6C6C58;
	padding: 0 !important;
	background: #fff;
}

header, aside, footer, nav, section, details, summary, article, figure, figcaption, address, mark, output, button, main { display: block; margin: 0; }
address { font-style: normal; }
button, button:hover { background: transparent; cursor: pointer; text-align: left; box-shadow: none; text-shadow: none; }
mark { background: transparent; color: #202021; margin: 0; padding: 0; font-family: 'Poppins';}
label { font-weight: normal; margin: 0px }

img,
img.img-responsive {
	width: auto\9;
}

#page {
	/* max-width: 2000px; */
	margin: 0 auto;
}

.entry-content, 
.entry-summary,
.hentry {
	margin: 0;
}

h1,
h1.entry-title {
	font-family: 'Poppins';
	font-size: 40px;
	font-weight: 700;
	line-height: 40px;
	color: #434343;
	clear: none;
	/* text-align: center; */
	margin: 0 0 30px 0px;
}

h2,
h2.entry-title {
	font-family: 'Poppins';
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 36px;
	color: #434343;
	clear: none;
	/* text-align: center; */
	margin: 0 0 20px 0px;
}

h3 {
	font-family: 'Poppins';
	font-size: 26px;
	font-weight: 400;
	line-height: 30px;
	color: #434343;
	clear: none;
	margin: 0 0 10px 0px;
}

.home h1, .home h2, .home h3 {
text-align: center;
}

h1 a, h1 a:hover, h1 a:focus, h1 a:active, h1 a:visited,
h2 a, h2 a:hover, h2 a:focus, h2 a:active, h2 a:visited,
h3 a, h3 a:hover, h3 a:focus, h3 a:active, h3 a:visited {
	color: #ab8639;
	text-decoration: none;
}

p {
	margin: 0 0 40px 0;
}

a, a:active, a:visited {
	color: #434343;
	outline: 0;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #434343;
	outline: 0;
	text-decoration: none;
}

ul, ol {
	margin: 0 0 28px 20px;
}

strong, b {
	font-weight: 700;
	color: #3889d4;
}

form,
nav {
	margin: 0;
}

pre {

}

.clear {
	clear: both;
}

/* *** HEADER *** */

header {
	position: relative;
	height: auto !important;
	background: #fff;
}

header .menu-fixed-scroll.scroll {
	background: none;
}

header .logo {
	/* position: absolute;
	top: 50%;
	left: 50%;
	width: 620px;
	height: 150px;
	margin-top: -75px;
	margin-left: -310px;
	z-index: 100; */

	/* position: absolute;
    top: 8%;
    left: 28%;
    width: 330px;
    height: 85px;
    margin-top: -35px;
    margin-left: -310px;
    z-index: 100; */

	position: absolute;
    top: 8%;
    left: 28%;
    /* width: 330px; */
	width: 270px;
    height: 85px;
    margin-top: -8px;
    margin-left: 80px;
    z-index: 100;

}

.header-slideshow .widget-trip {
    width: initial;
    position: absolute;
    right: 80px;
    bottom: 50px;
}

/* *** MENU *** */

#js-fixed-menu {
	position: absolute;
	/* top: 100px; */
	top: 50px;
	left: 50px;
	z-index: 100;
}

button.navbar-toggle {
	display: inline-block;
	float: none;
	width: 66px;
	height: 66px;
	margin: 0;
	border: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	background-color: #2b5aa6;
/*	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;*/
}

button.navbar-toggle:hover {
	background-color: #2b5aa6;
	box-shadow: inset 0px 0px 4px 500px rgb(0 0 0 / 25%);
}

button.navbar-toggle .icon-bar {
	width: 26px;
	background-color: #fdfdfd;
}

button.navbar-toggle:hover .icon-bar {
	background-color: #ffffff;
}

button.navbar-toggle:after {
	content: "menu";
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	font-weight: 700;
	color: #2b5aa6;
	text-align: center;
	text-transform: uppercase;
}

button.navbar-toggle:hover:after {
	color: #433d2f;
}

.menu-offcanvas {
	left: -50%;
	background-color: #2b5aa6;
	-webkit-transition: left 0.3s ease-in-out;
	   -moz-transition: left 0.3s ease-in-out;
		 -o-transition: left 0.3s ease-in-out;
			transition: left 0.3s ease-in-out;
}

.menu-offcanvas.offcanvas-open {
	left: 0;
}

.menu-command {
	margin: 120px 70px 40px;
}

button.menu-offcanvas-button-close {
	float: left;
	width: 26px;
	height: 26px;
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	background: url("../images/background/close.png") no-repeat;
}

.menu-lang {
	float: right;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	color: #ffffff;
	text-transform: lowercase;
	text-align: right;
}

.language-list {
	margin: 0;
}

.language-item {
	width: auto;
	height: auto;
	margin: 0;
	padding: 4px 8px;
}

.language-item a {
	color: #ffffff;
	text-decoration: none;
}

.language-item a:hover {
	color: #afe4b3;
}

.menu-wrap {
	margin: 0 70px;
}

.main-navigation {
	font-size: 22px;
	line-height: 24px;
	background-color: #2b5aa6;
}

.main-navigation .menu-item {
	text-align: left;
}

.main-navigation a {
	color: #ffffff;
	margin: 4px 0;
	padding: 4px 24px 4px 0;
	border-bottom: 1px solid transparent;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-parent > a {
	border-bottom: 1px solid #ffffff;
}

.main-navigation .sub-menu {
	display: block;
	margin-bottom: 20px;
	background-color: transparent;
}

.main-navigation .sub-menu .menu-item {
	margin-left: 20px;
}

.main-navigation .sub-menu a {
	font-size: 26px;
	/*font-size: 18px;*/
	color: #272727;
	padding: 6px 0;
	border-bottom: none;
}

.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu .current-menu-item > a {
	color: #ffffff;
}

.main-navigation .sub-menu .current-menu-item > a:before {
	content: "•";
	padding-right: 5px;
	margin-left: -10px;
}

/* *** BOX INFORMAZIONI *** */

.info-box {
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 100;
}

.info-box .address {
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	color: #1c4b98;
	margin-right: 60px;
	margin-bottom: 30px;
}

.info-box .address a {
	color: #1c4b98;
	text-decoration: none;
}
.info-box .address a.whats {
	color: #58bb27;
}

.info-box .address a:hover {
	text-decoration: underline;
}

.info-box .reserve {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	color: #ffffff;
	padding: 20px 25px 20px 40px;
	background: #ab5050;
	text-decoration: none;
}

.info-box .reserve .fa {
	font-size: 24px;
	padding-left: 20px;
	vertical-align: -10%;
}

.info-box .reserve:hover {
	color: #ffffff;
	background: #ab5050e2;
}

.info-box .social {
	margin-top: 35px;
	margin-right: 60px;
	text-align: right;
}

.info-box .social a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-left: 8px;
	background-image: url("../images/background/social-sprite.png");
	background-repeat: no-repeat;
	-webkit-transition: none;
	   -moz-transition: none;
			transition: none;
}

.info-box .social .facebook {
	background-position: 0 0;
}

.info-box .social .facebook:hover {
	background-position: -32px 0;
}

.info-box .social .instagram {
	background-position: 0 -32px;
}

.info-box .social .instagram:hover {
	background-position: -32px -32px;
}

/* *** SLIDESHOW *** */

#header-slideshow {
	background: #ffffff;
}

#header-slideshow .arrow {
	position: absolute;
	bottom: 100px;
	left: 50%;
	width: 40px;
	height: 40px;
	font-size: 40px;
	line-height: 40px;
	color: #ffffff;
	margin-left: -20px;
	text-align: center;
	z-index: 100;
}

#header-slideshow .owl-carousel .owl-item {
	filter: alpha(opacity=80);
	/* opacity: 0.80; */
}

#header-slideshow .owl-controls {
	position: absolute;
	bottom: 48px;
	width: 100%;
	text-align: center;
}

#header-slideshow .owl-dots {
	line-height: 12px;
}

#header-slideshow .owl-dots .owl-dot {
	display: inline-block;
}

#header-slideshow .owl-dots .owl-dot span {
	display: block;
	width: 6px;
	height: 6px;
	margin: 3px 4px;
	background: #ffffff;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}

#header-slideshow .owl-dots .owl-dot.active span,
#header-slideshow .owl-dots .owl-dot:hover span {
	width: 12px;
	height: 12px;
	margin: 0 1px;
	border: 2px solid #ffffff;
	background: transparent;
}

/* *** MAIN CONTAINER *** */

.site-content {
	padding: 70px 0 60px;
}

.home .entry-content {
	text-align: center;
}
.entry-content {
	text-align: justify;
}

.type-offert .entry-content {
	text-align: left;
}
.text-pacchetto ul{
	margin: 0;
    left: -30px;
    /*top: 0;*/
    
}
.entry-content p{
color: #333;	
}


.fa-angle-down  {
font-size: 23px; 
color: #ffffff;
padding-right: 5px;

}

.text-pacchetto {
    line-height: 2;
	margin-bottom: 20px;
}


.titolo-pacchetto {
    color: #434343;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 900;
    margin-top: 5px;
	    font-family: 'Poppins';
}

.site-main {

}


/*	WordPress Gallery
	------------------------------------------ */
			 
.gallery {
	margin-bottom: 1.5em;
}

.entry-content .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 2.8% 0px 0px;
}

.entry-content .gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.entry-content .gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.entry-content .gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.entry-content .gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.entry-content .gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.entry-content .gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.entry-content .gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.entry-content .gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.entry-content .gallery-caption {
	display: block;
}

.entry-meta {

}

.entry-meta a {

}

#primary main .entry-content .gallery {
	margin-bottom: 50px;
}

#primary main .entry-content .gallery-item {
	padding: 30px 0 0;
}

/* *** LISTE OGGETTI: RECENSIONI & OFFERTE *** */

.item-list {
	margin-top: 30px;
}

.item-list.feedback-list {
	border-top: 1px dashed #cbc4b6;
	padding-top: 25px;
}

.item-list h2 {
	margin-bottom: 20px;
}

.item-list article {
	position: relative;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	padding: 20px;
	margin-bottom: 30px;
	/*border: 1px solid #cbc4b6;*/
	/*background: #faf4e8;*/
	text-align: left;
}

.feedback-list.item-list article {
	color: #767575;
	padding: 30px 60px;
	border: 0;
	
}

.item-list article.allclick:hover {
	background: #ffffff;
}

.feedback-list.item-list article:before {
	content: '“';
	position: absolute;
	top: 5px;
	left: 15px;
	font-size: 100px;
	line-height: 102px;
	color: #6ebebg;
}

.feedback-list.item-list article:after {
	content: '”';
	position: absolute;
	bottom: -55px;
	right: 15px;
	font-size: 100px;
	line-height: 102px;
	color: #6ebebg;
}

#feedback {
	position: relative;
	margin-bottom: 40px; /* spazio sotto la slideshow */
  }
  
  .feedback-slideshow {
	position: relative; /* serve per evitare sovrapposizioni */
	min-height: 350px;   /* forza un'altezza visibile */
	overflow: hidden;    /* nasconde slide fuori vista */
  }
  
  .feedback-slideshow .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
  }
  

.item-list article img.preview {
	float: left;
	display: block;
	margin: 0 20px 0 0;
	/*border: 5px solid #ffffff;
	-webkit-border-radius: 100px;
	   -moz-border-radius: 100px;
			border-radius: 100px;*/
	-webkit-box-shadow: 2px -2px 2px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: 2px -2px 2px 0px rgba(0,0,0,0.15);
			box-shadow: 2px -2px 2px 0px rgba(0,0,0,0.15);
	overflow: hidden;
}

.item-list article .author {
	color: #66a350;
	margin-bottom: 10px;
}

.item-list article a.title {
	display: block;
	color: #000000;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 10px;
	text-decoration: none;
}

.feedback-list.item-list article mark {
	color: #484848;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 10px;
}

#feedback.mark{

}
#feedback h2{ 
text-align: center;	
}

.item-list article .rating,
.item-list article .date {
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	text-align: right;
}

.item-list article .rating img {
	margin-left: 2px;
}

.item-list article .description {
font-size: 15px;
line-height: normal;
}

.item-list article .more {
	color: #000;
	margin-top: 10px;
}

.search-form {
display: none;	
}

/* *** MAPPA *** */

#map_canvas {
	width: 100%;
	height: 430px;
	margin: 20px 0 20px 0;
}

#map_canvas img {
	max-width: none; 
}

#map_canvas .infowindow {
	min-width: 200px;
	text-align: left;
}

.adp-placemark td {
	padding: 5px;
}

.adp-placemark img {
	display: inline-block;
	max-width: none; 
}

#position_box {
	display: none;
}

/* *** IMMAGINI ALLEGATE *** */
/* *** IMMAGINI ALLEGATE *** */

.content-area.image-attachment .entry-attachment {
	margin-bottom: 30px;
	text-align: center;
}

.content-area.image-attachment .entry-attachment .attachment a {
	display: inline-block;
}

.content-area.image-attachment .entry-attachment .attachment a img {
	display: inline-block;
}

/* .contatti-section {
    background-color: #aa9389;
	background: rgb(195 195 195 / 31%) url('../images/background/filigrana2.png') no-repeat center center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	background-size: 500px auto;
}

.form-box {
    width: 65%;
    margin: 50px auto;
    padding: 40px;
    background: rgb(195 195 195 / 31%) url('../images/background/filigrana2.png') no-repeat center center;
    background-size: contain;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
} */

/* Stile per il form con la filigrana */
.form-box {
    width: 65%;
    margin: 50px auto;
    padding: 40px;
    background: rgb(195 195 195 / 31%);
    position: relative;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    z-index: 1;
}

.form-box::before {
    /* content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/background/filigrana2.png') no-repeat center center;
    background-size: 700px auto;
    opacity: 0.1;
    z-index: -1; */
}


/* *** SINGOLO MENU *** */

.single-menu h4 {
	display: inline-block;
	font-size: 32px;
	font-weight: 700;
	line-height: 32px;
	color: #fafafa;
	padding: 4px 26px;
	background: #434343;
}

.single-menu h4:before {
	content: "euro ";
	font-size: 22px;
}

.single-menu .entry-content {
	font-size: 22px;
	font-weight: 700;
	line-height: 38px;
	margin-top: 40px;
	padding-top: 50px;
	border-top: 1px solid #d5d5d1;
}

h2.single-menu-subtitle {
	font-size: 25px;
	font-weight: 400;
	line-height: 30px;
	color: #000000;
	margin-bottom: 60px;
	clear: none;
	text-align: center;
}

.single-menu-content .gutter-sizer {
	width: 6%;
}

.single-menu-content .item {
	width: 46%;
	margin-bottom: 50px;
}

.single-menu-content .title {
	font-size: 32px;
	font-weight: 700;
	line-height: 36px;
	color: #434343;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.single-menu-content .text {
	font-size: 22px;
	font-weight: 700;
	line-height: 38px;
}

.single-menu-content .text ul {
	list-style-type: disc;
}

.single-menu-content .text em {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #5b5b5b;
}

.single-menu-content .price {
	display: inline-block;
	font-size: 32px;
	font-weight: 700;
	line-height: 32px;
	color: #fafafa;
	padding: 4px 26px;
	background: #434343;
}

.single-menu-content .price span {
	font-size: 22px;
}

/* *** SEZIONI MENU RISTORANTE *** */

/* .restaurant-menu {

}

.restaurant-menu .item {
	position: relative;
	float: left;
	max-width: 25%;
	background: #332d28;
} */

.restaurant-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colonne di uguale larghezza */
    gap: 0px; /* Nessun bordo tra gli elementi */
	background-color: #fff;
}

.restaurant-menu .item {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 420px; /* Altezza fissa per uniformità */
    display: flex;
    align-items: center;
    justify-content: center;
}

.restaurant-menu .item-data {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #ffffff;
    text-align: center;
   /*  background: rgba(0, 0, 0, 0.5); Sfondo trasparente */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1;
    z-index: 1;
	
}
.restaurant-menu .item-data:hover
{
	background-color: #58bc254d;
}

.restaurant-menu .item-data .title {
	font-family: 'Lato';
	font-size: 30px;
	line-height: 50px;
	padding-top: 35%;
	margin-bottom: 15px;
	text-transform: lowercase;
	color: #000;
}

.restaurant-menu .item:hover .item-data .title {
	display: none;
	color: #000;
	
}

.restaurant-menu .item.disable .item-data .title {
	display: block;
	color: #000;
}

.restaurant-menu .item.disable .item-data .title:before {
	content: "";
	display: block;
	max-width: 200px;
	margin: 0 auto;
	padding-bottom: 29px;
	border-top: 2px solid #434343;
}

.restaurant-menu .item.disable .item-data .title:after {
	content: "";
	display: block;
	max-width: 200px;
	margin: 0 auto;
	padding-top: 39px;
	border-bottom: 2px solid #434343;
}

.restaurant-menu .item-data .subtitle {
	font-family: 'Poppins';
	display: none;
	max-width: 80%;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	padding-top: 30%;
	margin: 0 auto 30px;
	color: #000;
}

.restaurant-menu .item:hover .item-data .subtitle {
	display: block;
	
}

.restaurant-menu .item.disable .item-data .subtitle {
	display: none;
}

.restaurant-menu .item-data .link {
	display: block;
	max-width: 200px;
	margin: 0 auto;
	padding-bottom: 32px;
	border-bottom: 2px solid #434343;
}

.restaurant-menu .item .image {
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.restaurant-menu .item.disable .image,
.restaurant-menu .item:hover .image {
	filter: alpha(opacity=5);
	opacity: 0.6;
}


/* *** SEZIONI MENU GATTI *** */

.gatti-menu {
margin: 0 auto;

}

.gatti-menu .item {
	position: relative;
	float: left;
	background: #332d28;
}

.gatti-menu .item-data {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #ffffff;
	text-align: center;
	z-index: 1;
}

.gatti-menu .item-data .title {
	font-family: 'Poppins';
	font-size: 51px;
	line-height: 100px;
	padding-top: 40%;
	margin-bottom: 30px;
	text-transform: lowercase;
}

.gatti-menu .item:hover .item-data .title {
	display: none;
}

.gatti-menu .item.disable .item-data .title {
	display: block;
}

.gatti-menu .item.disable .item-data .title:before {
	content: "";
	display: block;
	max-width: 200px;
	margin: 0 auto;
	padding-bottom: 29px;
	border-top: 2px solid #434343;
}

.gatti-menu.item.disable .item-data .title:after {
	content: "";
	display: block;
	max-width: 200px;
	margin: 0 auto;
	padding-top: 39px;
	border-bottom: 2px solid #434343;
}

.gatti-menu .item-data .subtitle {
	font-family: 'Poppins';
	display: none;
	max-width: 80%;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	padding-top: 60%;
	margin: 0 auto 30px;
}

.gatti-menu .item:hover .item-data .subtitle {
	display: block;
}

.gatti-menu .item.disable .item-data .subtitle {
	display: none;
}

.gatti-menu .item-data .link {
	display: block;
	max-width: 200px;
	margin: 0 auto;
	padding-bottom: 32px;
	border-bottom: 2px solid #434343;
}

.gatti-menu .item .image {
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.gatti-menu .item.disable .image,
.gatti-menu .item:hover .image {
	filter: alpha(opacity=5);
	opacity: 0.05;
}




.bt_bb_color_scheme_3.bt_bb_button.bt_bb_style_outline a {
    box-shadow: 0 0 0 1px #2b5aa6 inset;
    color: #2b5aa6;
    background-color: transparent;
}
.bt_bb_color_scheme_3.bt_bb_button.bt_bb_style_outline a:hover {
    color: #fff;
}

.bt_bb_style_outline.bt_bb_button a {
    -webkit-box-shadow: 0 0 0 1px black inset;
    box-shadow: 0 0 0 1px black inset;
}



.bt_bb_color_scheme_3.bt_bb_button.bt_bb_style_outline a:hover {
    box-shadow: 0 0 0 2em #2b5aa6 inset;
    color: #ffffff;
}

.bt_bb_button.bt_bb_icon_position_left .bt_bb_button_text {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
	color: #2b5aa6;
}
.bt_bb_button.bt_bb_icon_position_left .bt_bb_button_text:hover {
	color: #fff;
}

.bt_bb_button .bt_bb_button_text {
    letter-spacing: 1px;
    font-family: "Montserrat";
    font-weight: 600;
}

.bt_bb_button.bt_bb_icon_position_left:not(.bt_bb_style_clean) .bt_bb_link {
    padding: .9em 1.8em;
}

.bt_bb_button .bt_bb_button_text {
    color: #2b5aa6; /* Verde di default */
}

.bt_bb_button:hover .bt_bb_button_text {
    color: #ffffff !important; /* Bianco al passaggio del mouse */
}



/* *** EVENTI *** */

.events {
	padding: 70px 0;
}

.events mark {
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 100px;
	text-align: center;
}

.events .image {
	float: left;
	max-width: 33%;
	margin-right: 30px;
}

.events .data, .speciale .data, {
	margin-right: 30px;
}
.speciale .data {
float: left;
text-align: left;
width: 255px;
}
.events.speciale {
width: 590px;
margin-right:0 ;
float: left;
padding: 30px 0;
}

.events.speciale .image {
max-width: 70%;	
}


.events .title {
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 20px;
}

.events .summary {
	font-size: 17px;
	line-height: 27px;
}

.events .more {
	font-size: 19px;
	font-weight: 700;
	line-height: 22px;
	color: #000000;
	text-decoration: none;
}

.events .more:after {
	content: url("../images/arrow-maroon.png");
	padding-left: 12px;
	-webkit-transition: padding 0.3s;
	   -moz-transition: padding 0.3s;
			transition: padding 0.3s;
}

.events .item:hover .more:after {
	padding-left: 24px;
}

#events-slideshow .owl-controls {
	margin-top: 70px;
	text-align: center;
}

#events-slideshow .owl-dots {
	line-height: 12px;
}

#events-slideshow .owl-dots .owl-dot {
	display: inline-block;
}

#events-slideshow .owl-dots .owl-dot span {
	display: block;
	width: 6px;
	height: 6px;
	margin: 3px 4px;
	background: #c1b49b;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}

#events-slideshow .owl-dots .owl-dot.active span,
#events-slideshow .owl-dots .owl-dot:hover span {
	width: 12px;
	height: 12px;
	margin: 0 1px;
	border: 2px solid #c1b49b;
	background: transparent;
}

/* *** BOX UTILITÀ *** */

.utilities {
	overflow: hidden;
}

.utilities .row > .col-md-6 {
	padding: 0;
}

.utilities .hours,
.utilities #reserve-form {
	position: relative;
	/* min-height: 546px; */
	min-height: 706px;
}

/* Orari di apertura */

.utilities .hours {
	padding: 50px 60px 0 15px;
	background: #e9e3da;
}

.utilities .hours:before {
	content: "";
	position: absolute;
	top: 0;
	right: 50%;
	bottom: 0;
	width: 100%;
	background: #e9e3da;
	z-index: -1;
}

.utilities .hours mark {
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	color: #73706b;
}

.utilities .hours .title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	margin-top: 50px;
	text-transform: uppercase;
}

.utilities .hours .description {
	font-size: 16px;
	line-height: 20px;
}

.utilities .hours .description p
{
    margin: 0px 0px 0px 0px;	
}

/* Form per riservare tavolo */

.utilities #reserve-form {
	padding: 50px 15px 0 60px;
	border: 1px solid transparent; /* Fix per altezza in Chrome */
	background: #ffffff;
}

.utilities #reserve-form:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	bottom: -1px;
	width: 100%;
	background: #ffffff;
	z-index: -1;
}

.utilities #reserve-form mark {
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 20px;
	text-align: left;
}

.utilities .defaultForm select {
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

.utilities .defaultForm select::-ms-expand {
	display: none;
}

.utilities .defaultForm button {
	/*float: right;*/
}

/* Cartina + Video */

.utilities .map,
.utilities .video {
	float: left;
	width: 50%;
	max-width: 1000px;
}


.cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* oppure "center", a piacere */
  gap: 20px; /* spazio tra box, opzionale */
}

.card {
	border-radius: 15px;
    /* margin-top: 40px;
    padding: 35px; */
    background-color: #e8f0fb;
  box-sizing: border-box;
  flex: 1 1 calc(33.333% - 20px);
  text-align: center;
  padding: 20px; /* se vuoi un po’ di padding */
  border: 1px solid #eee; /* se vuoi un border leggero */
}


.first {
    margin-left: 0px !important;
}
.no-do { padding-bottom: 0px!important }
.no-up { padding-top: 0px!important }
.no-ma-do { margin-bottom: 0px!important }
.no-ma-up { margin-top: 0px!important;     text-align: center; }
.pa-txt { padding: 80px 0 0 }

.last { margin-right: 0px!important }

.half { width: 45% }

.third 
{ 
	flex: 0 0 33.333%;
	width: 30%; 
	float: left; 
	margin: 0 2.5%; 
	text-align: center }

.left { float: left }
.right { float: right }
.clear { clear: both }
.why {padding: 100px 0;}
.why h3 { padding: 20px 0; text-align: center; }
.why h2 { text-align: center; }
.card img {
    width: 25%;
}
.why p {font-size:20px;}
/* *** FOOTER *** */

footer {
	background: #e8f0fb;
	padding: 30px 0px 0px 0px;
}

footer a,
footer a:hover,
footer a:focus,
footer a:active,
footer a:visited {
	text-decoration: none;
	/* color: #6d6c6b; */
	color: rgba(255,255,255,0.7);
}

footer a:hover {
	text-decoration: underline;
}

footer address {
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	text-align: center;
}

footer .copyright {
	font-size: 16px;
	line-height: 20px;
	color: #fef3e8;
	text-align: center;
}

footer .social {
	margin-bottom: 35px;
	text-align: right;
}

footer .social a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-left: 8px;
	background-image: url("../images/background/social-sprite.png");
	background-repeat: no-repeat;
	-webkit-transition: none;
	   -moz-transition: none;
			transition: none;
}

footer .social .facebook {
	background-position: -32px 0;
}

footer .social .facebook:hover {
	background-position: 0 0;
}

footer .social .twitter {
	background-position: -32px -32px;
}

footer .social .twitter:hover {
	background-position: 0 -32px;
}

footer .credits {
	font-size: 15px;
	line-height: 20px;
	color: #747065;
	text-align: right;
}

footer .credits a {
	color: #747065;
}

/* *** FORM FORMAT *** */

.defaultForm {
	font-family: inherit;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	margin: 20px 0;
}

.defaultForm label {
	margin: 0;
	font-weight: normal;
}

.defaultForm a {
	color: #73706b;
}

.defaultForm .gform_fields {
	margin: 0;
}

.defaultForm .gfield_label {

}

.defaultForm li.gfield {
	display: block;
	list-style: none;
	margin-bottom: 36px;
	/*margin-bottom: 40px;*/
}

.defaultForm li.gfield.gfieldNoMargin {
	margin-bottom: 0px;
}

.defaultForm li.gfield ul {
	list-style: none;
	margin: 0;
}

.defaultForm li.gfield50 {
	float: left;
	width: 48%;
}

.defaultForm li.gfield33 {
	float: left;
	width: 31%;
}

.defaultForm li.gfield25 {
	float: left;
	width: 23%;
}

.defaultForm li.gfieldLeft {
	margin-right: 2%;
}

.defaultForm li.gfieldRight {
	margin-left: 2%;
}

.defaultForm li.gfield33.gfieldCenter {
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.defaultForm li.gfield25.gfieldCenter {
	margin-left: 1%;
	margin-right: 1%;
}

.defaultForm li.gfieldClear {
	clear: left;
}

.defaultForm input[type="text"],
.defaultForm input[type="email"],
.defaultForm input[type="date"],
.defaultForm select,
.defaultForm textarea {
	/* width: 100%;
	height: 43px;
	font-size: 18px;
	line-height: 43px;
	color: #000000;
	padding: 0 15px;
	border: none;
	border-bottom: 2px solid #d7d6d2;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	background-color: #ffffff; */
	border: 1px solid #c7c7c7;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.4em;
    height: 3em;
}

.defaultForm input::-moz-placeholder,
.defaultForm textarea::-moz-placeholder {
	opacity: 1;
}

.defaultForm input::-webkit-input-placeholder,
.defaultForm textarea::-webkit-input-placeholder {
	color: #000000;
}

.defaultForm .pickadate-container input {
	background-image: url("../images/background/calendar.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.defaultForm .hours-container select {
	background-image: url("../images/background/clock.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.defaultForm textarea {
	resize: none;
	min-height: 122px;
	line-height: 24px;
	padding: 15px;
}

.defaultForm select {
	padding: 0 0 0 14px;
}

.defaultForm select option {
	padding-left: 7px;
}

/* .defaultForm button,
.defaultForm input.button,
.defaultForm input.button.gform_button {
	font-size: 23px;
	line-height: 24px;
	color: #ffffff;
	padding: 13px 60px;
	border: none;
	background: #434343;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
} */
.defaultForm button,
.defaultForm input.button,
.defaultForm input.button.gform_button {
    display: inline-block;
    font-size: 18px; /* Dimensione equilibrata per una buona leggibilità */
    font-weight: 700;
    text-transform: uppercase; /* Maiuscolo per maggiore impatto */
    letter-spacing: 1px; /* Leggera spaziatura per un tocco elegante */
    color: #ffffff;
    padding: 14px 28px; /* Più spazio per una migliore usabilità */
    background: #b83232; /* Rosso principale */
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: auto; /* Adatta la dimensione al contenuto */
    
    border-bottom: 3px solid #8a2525; /* Bordo inferiore per effetto 3D */
}

.defaultForm button:hover,
.defaultForm input.button:hover,
.defaultForm input.button.gform_button:hover {
    background: #8a2525; /* Scuro al passaggio del mouse */
    border-bottom-color: #5a1818; /* Effetto hover più raffinato */
}



.single-post .defaultForm button {
text-align: center;	
    margin: 0 auto;
}

/* 
.defaultForm button:hover,
.defaultForm input.button:hover,
.defaultForm input.button.gform_button:hover {
	background: #433d2f;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
} */

.defaultForm .privacy {
	font-size: 18px;
	line-height: 24px;
	padding: 8px 0;
	margin-bottom: 5px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.defaultForm .privacy a {
	text-decoration: none;
}

.defaultForm .privacy a:hover {
	text-decoration: underline;
}

.defaultForm .privacy .gfield_description {
	font-size: 11px;
	line-height: 14px;
	margin: 5px 0 0;
}

/* Valutazioni */

.defaultForm .gsurvey-survey-field {
	padding: 3px 5px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	margin-bottom: 5px;
}

.defaultForm .gsurvey-survey-field > .gfield_label {
	float: left;
	margin-right: 10px;
}

.defaultForm .gsurvey-rating-wrapper,
.defaultForm .gsurvey-rating {
	height: 18px;
}

.defaultForm .gsurvey-rating:not(:checked) > label {
	display: block;
}

.defaultForm .gsurvey-survey-comment {
	padding: 3px 5px;
}

.defaultForm .gsurvey-survey-comment div {
	font-style: italic;
	font-size: 11px;
	line-height: 14px;
}


/* Commenti */

.comment-form textarea {
	resize: none;
	padding: 5px;
}

.comment-form label {
	font-weight: normal;
}

.comment-form input[type="submit"] {
	float: none;
	font-size: 14px;
	line-height: 16px;
	text-transform: inherit;
}

/* Scroll to Top */

.to-top {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
	background: #434343;
	text-align: center;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
	filter: alpha(opacity=50);
	opacity: 0.50;
	z-index: 100;
}

.to-top:hover {
	color: #ffffff;
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Modal Box */

[data-toggle="modal"] {
	cursor: pointer;
}

.modal {
	overflow-y: auto;
}

.modal-dialog .close-button {
	overflow: hidden;
}

.modal-dialog button.close {
	font-size: 30px;
	line-height: 30px;
	color: #ffffff;
	padding: 7px 4px 7px 13px;
	text-shadow: none;
	filter: alpha(opacity=70);
	opacity: 0.70;
}

.modal-dialog button.close:hover,
.modal-dialog button.close:focus {
	outline: none;
	filter: alpha(opacity=100);
	opacity: 1;
}

.modal-dialog button.close span {
	display: block;
}

.modal-dialog .modal-content {
	border: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.modal-dialog .modal-content .modal-header {
	border-bottom: none;
}

.modal-dialog .modal-content mark {
	font-size: 20px;
	line-height: 30px;
}

.modal-dialog .modal-content iframe {
	display: block;
	margin: 0 auto;
}

.modal-dialog .modal-content .goodbye {
	margin: 15px auto;
}

.modal-backdrop.in {
	filter: alpha(opacity=75);
	opacity: 0.75;
}


#header-slideshow > div.widget-trip {
width: initial;
position: absolute;
right: 80px;
bottom: 50px;
z-index: 2;
}

#accordions-2318 .accordions-head, #accordions-2507 .accordions-head {
margin-bottom: 20px !important;	
margin-top: 20px !important;
}


.entry-content ul, ol {
     list-style-type: inherit;
	 color: #333333;
}

.text-pacchetto ul{
	color: #333333;
}


.entry-content .richiestapreventivo-button {
    background-color: #a99165;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.2s linear;
    padding: 20px 50px;
    display: inline-block;
    margin: 25px 0 40px;
}

.barra {
    width: 1px;
    height: 15px;
    display: inline-block;
    background-color: #000;
    margin: 0 15px;
}

.info-box .address {
display: inline-block;	
}

.oro {
    color: #0c0c0c !important;
    margin: 0px 10px;	
}
a.oro {
text-decoration: none;	
}


/* Personalizzazione stili jQuery UI datepicker */

.ui-datepicker.ui-widget {
	width: auto !important;
	border: 0;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.07);
}
	
.ui-datepicker.ui-widget .ui-datepicker-header {
	padding: 6px;
	min-height: 35px;
	color: #000;
	text-transform: lowercase;
	font-size: 18px;
	line-height: 24px;
	background-color: #ffffff;
	background-image: initial;
	border: 0;
	border-radius: 0;
}
	
.ui-datepicker.ui-widget .ui-datepicker-calendar {
	margin: 0;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar td {
	border: 1px solid #e4e7e7;
	text-align: center;
	padding: 0;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar th {
	font-size: 14px;
	color: #757575;
}

	
.ui-datepicker.ui-widget .ui-datepicker-next,
.ui-datepicker.ui-widget .ui-datepicker-prev {
	background-image: initial;
	border: 1px solid #e4e7e7;
	border-radius: 2px;
	display: inline-block;
	font: normal normal normal 14px 'edita-font';
	line-height: 20px;
	font-size: inherit;
	color: #000;
	background-color: #ffffff;
	width: 30px;
	height: 30px;
	text-align: center;
	transition: background-color 0.1s linear, border-color 0.1s linear;
	cursor: pointer;
	padding: 5px;
}

.ui-datepicker.ui-widget .ui-datepicker-next:hover,
.ui-datepicker.ui-widget .ui-datepicker-prev:hover {
	text-decoration: none;
}
		
.ui-datepicker.ui-widget .ui-datepicker-next:before,
.ui-datepicker.ui-widget .ui-datepicker-prev:before {
	position: absolute;
	font-size: 20px;
	top: 50%;
	margin-top: -10px;
}

.ui-datepicker.ui-widget .ui-datepicker-next .ui-icon,
.ui-datepicker.ui-widget .ui-datepicker-prev .ui-icon {
	display: none;
}
	
.ui-datepicker.ui-widget .ui-datepicker-next.ui-state-hover,
.ui-datepicker.ui-widget .ui-datepicker-prev.ui-state-hover {
	border: 1px solid #bbbbbb;
	font-weight: initial;
}
	
.ui-datepicker.ui-widget .ui-datepicker-prev:before {
	content: "\35";
	right: 50%;
	margin-right: 0px;
}

.ui-datepicker.ui-widget .ui-datepicker-prev.ui-state-hover {
	top: 2px;
	left: 2px;
}
	
.ui-datepicker.ui-widget .ui-datepicker-next:before {
		content: "\73";
		left: 50%;
		margin-left: 0px;
}

.ui-datepicker.ui-widget .ui-datepicker-next.ui-state-hover {
	top: 2px;
	right: 2px;
}
	
.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default {
	border: 0;
	background-color: #ffffff;
	background-image: initial;
	color: #000;
	padding: 6px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	transition: background-color 0.1s linear;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default.ui-state-hover {
	border: 0;
	background-color: #dedede;
	background-image: initial;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar .dp-highlight {
	border: 1px solid #438c16;
}
			
.ui-datepicker.ui-widget .ui-datepicker-calendar .dp-highlight .ui-state-default {
	background-color: red;
	color: #ffffff;
}
	
.ui-datepicker.ui-widget.ui-datepicker-multi {
	padding: 15px 0;
	z-index: 400 !important;
}

.ui-datepicker.ui-widget.ui-datepicker-multi .ui-datepicker-group {
	padding: 0 15px;
	border-left: 1px solid #e4e7e7;
}
			
.ui-datepicker.ui-widget.ui-datepicker-multi .ui-datepicker-group:first-child {
	border: 0;
}
		
.ui-datepicker.ui-widget.ui-datepicker-multi table {
	width: 100%;
}

.fa-angle-up:before {
    color: #fff;
}

.page-template-template-richiesta-preventivo #reserve-form, .page-template-template-richiesta-preventivo .utilities, .page-template-template-richiesta-preventivo .events {
	display: none;
}

.page-template-template-offerte .offerte {
	
display: none;	
}
.page-template-template-richiesta-preventivo .entry-content {
    max-height: 100px !important;	
}

.falco {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0 0;
	margin-bottom: 30px;
}

.hotel-list, .restaurant-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1080px;
    margin: 0 auto;
    padding: 30px 0 0;
}

.end {
    margin-top: 30px;
    padding: 30px;
    background-color: #2b5aa6;
    position: relative; /* Cambiato da absolute a relative */
    width: 100%; /* Assicura che occupi tutta la larghezza */
    color: #fff; /* Per rendere leggibile il testo su sfondo nero */
}


.titolo-servizi {
    padding: 40px 15px 30px;
    text-transform: uppercase;
    color: #000;
    font-size: 35px;
    text-align: center;
    font-weight: 200;
}

.servizi {
    padding: 40px 15px 40px;
    text-transform: uppercase;
    color: #000;
    font-size: 40px;
    text-align: center;
    font-weight: 200;
	background-color: #fff;
}

.icon-slideshow .item {
    display: flex;
    justify-content: center; /* Centra le immagini orizzontalmente */
    align-items: center; /* Centra le immagini verticalmente */
    text-align: center; /* Per sicurezza, centra il contenuto */
}

/* Posizionamento sopra le immagini */
.portfolio-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

/* Stile delle frecce */
.portfolio-slider .owl-prev, 
.portfolio-slider .owl-next {
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    transition: background 0.3s ease;
    pointer-events: all;
}

.portfolio-slider .owl-prev:hover, 
.portfolio-slider .owl-next:hover {
    background: rgba(0, 0, 0, 0.6);
}
.portfolio-title {
    margin-bottom: 40px; /* Aggiunge spazio sotto l'H1 */
    padding-bottom: 10px; /* Opzionale: per maggiore separazione */
    /* border-bottom: 2px solid #ddd; Opzionale: per un effetto più definito */
}
.single-portfolio .btn-primary {
    font-size: 23px;
    line-height: 24px;
    color: #ffffff;
    padding: 13px 60px;
    border: none;
    background: #434343; /* Verde brillante */
    text-shadow: none;
    text-transform: uppercase;
    border-radius: 0px;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}

.single-portfolio .btn-primary:hover, 
.single-portfolio .btn-primary:focus {
    background: #4ca31c; /* Colore leggermente più scuro al passaggio */
    text-decoration: none;
    transform: scale(1.05);
}

/* Slideshow */
.portfolio-slider {
    width: 100%;
    margin: 0 auto 20px;
}

/* Portfolio Content */
.portfolio-content {
    margin-bottom: 20px;
}

/* Portfolio Details */
.portfolio-details {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
/* Progetti Correlati Full Width */
.related-projects.full-width {
    width: 100vw;  /* Occupa tutta la larghezza dello schermo */
    margin-left: calc(-50vw + 50%); /* Centrato rispetto alla finestra */
    background-color: #f8f8f8; /* Sfondo opzionale */
    padding: 50px 0; /* Aggiunge spazio sopra e sotto */
}

.related-projects.full-width .row {
    max-width: 1200px; /* Mantiene un limite massimo per i contenuti */
    margin: 0 auto; /* Allinea il contenuto al centro */
}


/* Stile per il pulsante "Torna al Portfolio" */
.portfolio-back {
    text-align: center;
    padding: 40px 0; /* Aggiunge più spazio sopra e sotto */
    /* background-color: #f8f8f8; Uniforma lo sfondo con related-projects */
}

.portfolio-back a {
    display: inline-block;
    padding: 12px 25px; /* Rende il bottone più grande e leggibile */
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    background-color: #007bff; /* Colore primario del tema */
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
}

.portfolio-back a:hover {
    background-color: #0056b3; /* Cambia colore al passaggio del mouse */
}

.related-item h4 {
    font-size: 22px; /* Aumenta la dimensione */
    font-weight: 700; /* Maggiore spessore per dare importanza */
    color: #333; /* Testo più scuro per migliorare la leggibilità */
    text-align: center; /* Centra il titolo */
    padding: 12px 18px; /* Spazio intorno */
    background: #f8f8f8; /* Sfondo chiaro per separarlo meglio */
    display: inline-block;
    width: 100%; /* Occupa tutta la larghezza */
    transition: all 0.3s ease-in-out;
    text-transform: uppercase; /* Testo in maiuscolo per evidenziare il titolo */
    letter-spacing: 0.8px; /* Maggiore leggibilità */
}

.related-item a:hover h4 {
    background: #b83232; /* Cambia colore al passaggio del mouse */
    color: #fff; /* Testo bianco su sfondo rosso */

}

.portfolio-grid {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
