#content {
  width: 100%;
  background: #FAF4EA !important;
  padding: 90px 0 90px 0;
  z-index: 100;
}

.bg-light{background: #FAF4EA !important;}

header div#logo img {
    width: 135%;
}

.bg-dark,
.bg-dark-1{
    background-color: #402c30 !important;

}

a.btn-main:hover,
.btn-main:hover {
    color: #402c30;

}

#mainmenu a {
  padding-bottom: 10px;
}


.rounded_10 {
	border-radius:10px
}

#mainmenu>li {
    margin-right: 20px;

}

.menu_side_area {
    margin-left: 0px;
}

:root {
  --bg-dark-1: #402c30 ; /* #181818 */;
  --bg-dark-1-rgb: rgba(23, 23, 23, 1);
}


h3{
  font-size: 27px;
  font-weight: var(--h3-font-weight); 
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  margin-bottom: var(--h3-margin-bottom);
}  

h1.slider-title{ 
  font-size: 52px;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

h2.slider-title{
  font-size: 52px;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

p.slider-teaser{
  font-size: 20px !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.text-light, .text-light p {
    color: rgba(255, 255, 255, 0.9);

}

.textarea_book_form {
	min-width: 100%	;
	height: 150px ;
}

input.booking_form { width: 100%}

ul.footer_list {
	list-style: none
}


/* MARGIN */
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }
.mb-55 { margin-bottom: 55px; }
.mb-60 { margin-bottom: 60px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mb-75 { margin-bottom: 75px; }
.mb-80 { margin-bottom: 80px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mb-95 { margin-bottom: 95px; }
.mb-100 { margin-bottom: 100px; }

.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }
.mt-65 { margin-top: 65px; }
.mt-70 { margin-top: 70px; }
.mt-75 { margin-top: 75px; }
.mt-80 { margin-top: 80px; }
.mt-85 { margin-top: 85px; }
.mt-90 { margin-top: 90px; }
.mt-95 { margin-top: 95px; }
.mt-100 { margin-top: 100px; }

.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }

.mt-minus-70 { margin-top: -70px; }

/* PADDING */

.pb-0 { padding-bottom: 0px }

.pt-0 { padding-top: 0px }
.pt-80 { padding-top: 80px }
.pt-100 { padding-top: 100px }

.pl-30 { padding-left:30px !important}

p { font-size: 17px !important; }

/* FOOTER */
.footer .row {
    display: flex;
    flex-wrap: wrap;
}

.footer .row > div {
    display: flex;
    flex-direction: column;
}

.footer .row h3.fs-20 {
    margin-top: 0;  /* rimuove margini diversi */
}

.footer .row h3.fs-20 {
    min-height: 40px; /* regola a seconda dell’altezza del titolo */
}

/* SWIPER */

.box-slider-decor {
	backdrop-filter: blur(0px);
	border: 0px;
}


#subheader {
    overflow: hidden;
    position: relative;
    padding: 250px 0 150px 0;

}


section {
  padding: 80px 0 80px 0;
}

/* MENU */

header.header-mobile {
    background: var(--bg-dark-1);

}

/* COLORI */

.white {
	color: #ffffff !important;
}

.de-overlay{
	background: linear-gradient(0deg, rgba(0 ,0 ,0, .3), rgba(0 ,0 ,0,.1));
}

#mainmenu li li a {
    text-wrap: nowrap;

}

/* ==================================================
   SLIDER RECENSIONI
================================================== */

.reviews-custom-nav {
    position: relative;
    padding: 0 90px;
}

/* Pulsanti */
.owl-custom-nav .reviews-arrow.btn-prev,
.owl-custom-nav .reviews-arrow.btn-next {
    position: absolute !important;
    top: 50% !important;
    z-index: 20;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 50% !important;
    box-shadow: none !important;

    cursor: pointer;
    overflow: hidden !important;
    text-decoration: none !important;

    transform: translateY(-50%) !important;
    transition:
        border-color 0.3s ease,
        background-color 0.3s ease;
}

/* Posizione laterale */
.owl-custom-nav .reviews-arrow-prev.btn-prev {
    left: 0 !important;
    right: auto !important;
}

.owl-custom-nav .reviews-arrow-next.btn-next {
    right: 0 !important;
    left: auto !important;
}

/* Freccia disegnata in CSS */
.owl-custom-nav .reviews-arrow.btn-prev::before,
.owl-custom-nav .reviews-arrow.btn-next::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    display: block !important;
    width: 12px !important;
    height: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Freccia sinistra */
.owl-custom-nav .reviews-arrow-prev.btn-prev::before {
    border-left: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    transform: translate(-35%, -50%) rotate(45deg) !important;
}

/* Freccia destra */
.owl-custom-nav .reviews-arrow-next.btn-next::before {
    border-top: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
    transform: translate(-65%, -50%) rotate(45deg) !important;
}

/* Elimina completamente la forma aggiunta dal template */
.owl-custom-nav .reviews-arrow.btn-prev::after,
.owl-custom-nav .reviews-arrow.btn-next::after {
    content: none !important;
    display: none !important;
}

/* Hover */
.owl-custom-nav .reviews-arrow.btn-prev:hover,
.owl-custom-nav .reviews-arrow.btn-next:hover {
    background-color: rgba(223, 200, 135, 0.12) !important;
    border-color: #dfc887 !important;
}

.owl-custom-nav .reviews-arrow-prev.btn-prev:hover::before {
    border-left-color: #dfc887 !important;
    border-bottom-color: #dfc887 !important;
}

.owl-custom-nav .reviews-arrow-next.btn-next:hover::before {
    border-top-color: #dfc887 !important;
    border-right-color: #dfc887 !important;
}

/* Mobile */
@media only screen and (max-width: 767px) {

    .reviews-custom-nav {
        padding: 0 10px 75px;
    }

    .owl-custom-nav .reviews-arrow.btn-prev,
    .owl-custom-nav .reviews-arrow.btn-next {
        top: auto !important;
        bottom: 0 !important;

        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;

        transform: none !important;
    }

    .owl-custom-nav .reviews-arrow-prev.btn-prev {
        left: calc(50% - 60px) !important;
        right: auto !important;
    }

    .owl-custom-nav .reviews-arrow-next.btn-next {
        right: calc(50% - 60px) !important;
        left: auto !important;
    }
}

/* END SLIDER RECENSIONI */

@media only screen and (max-width: 767px) {
	
	h1.slider-title{ 
	  font-size: 47px !important;
	}
	h2.slider-title{
	  font-size: 47px !important;
	}
	p.slider-teaser{
	  font-size: 21px !important;
	  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
	}
	
	  .swiper-inner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
	
    .reviews-custom-nav {
        padding: 0 10px 80px;
    }

    .reviews-arrow {
        top: auto;
        bottom: 0;
        transform: none;
        width: 52px;
        height: 52px;
    }

    .reviews-arrow-prev {
        left: calc(50% - 62px);
    }

    .reviews-arrow-next {
        right: calc(50% - 62px);
    }
}
/* END SLIDER RECENSIONI */


/* MOBILE */

@media (max-width: 767px) {
  
  .row.align-items-start {
    align-items: stretch;
  }
  
  #subheader h1 {
	  font-size: 45px;
  }
  
  	/*   MENU */
	header.header-mobile #mainmenu a.menu-item {
		text-align: left;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 30px;
	}
	
	#mainmenu a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
		
	#mainmenu a.menu-item {
		text-align: left;
		padding-left: 30px;
		padding-bottom: 25px;
		padding-left: 30px;
	}	

	#mainmenu li.has-child>a {
		padding-left: 30px;
	}
	
	header.header-mobile #mainmenu>li>span {
		margin-top: 10px;
		margin-right: 20px;
	}
	
	header.header-mobile #mainmenu li {
		border-bottom: none;
	}
	
	header #mainmenu li ul li:first-child {
		border-top: none;
	}
	
/* 	MARGINI-MOBILE */

	.mt-mobile-20 { margin-top: 20px; }
	.mb-mobile-20 { margin-bottom: 20px; }
	

    .mobile-margin{
        margin-top:100% !important;
    }
	
}

/* DEKSTOP */

@media (min-width: 780px) {
	
	.d-none-desktop {
		display: none !important;
	}
	
}

