/*
Theme Name:  Jampaa
Theme URI: https://www.jampaa.it/
Description:  Tema Jampaa
Author:  Jampaa
Author URI: https://www.jampaa.it/
Template:  hello-elementor
Version:  1.0.2
*/

/*
*	1.0 SETTINGS
	* stile pulsanti custom
*	2.0 HEADER
*       2.1 BOOKING FORM
*   3.0 MENU
*	4.0 POPUP ELEMENTOR PER MENU
*	5.0 HOMEPAGE
	* stile card camere
*	6.0 BREADCRUMBS
*	7.0 CAMERE
*   8.0 GALLERY
*	9.0 LABEL STATICA
*   10.0 WPML
*   11.0 BUTTON BOLOGNA
*   12.0 HOTEL PAGE
*   13.0 COMPARATORE
*   14.0 ANCORE
*   15.0 NEWS
*   16.0 NEWSLETTER
*   17.0 MAPPA
*   18.0 OFFERTE
*/

/*
*	Root
*/
:root {
    /* colors */
    --green: #0B4D45;
    --beige: #EAE5E1;
    --black: #000000;
    --white: #ffffff;
	--brown: #A09790;
    /* fonts */
    --font-p-regular: 18px;
    --font-p-medium: 16px;
    --font-p-small: 14px;
    --font-p-extrasmall: 12px;
}

.green {
    background-color: var(--green);
	color: white;
}

.brown {
    background-color: var(--brown);
	color: white;
}

strong{
    font-weight: 700 !important;
}

a {
	text-underline-offset: 4px;
}

a .no-decoration {
	text-decoration: none !important;
}

h2 a {
    text-decoration: none !important;
    font-size: 55px;
    font-family: 'Cormorant Infant' !important;
    font-weight: 500 !important;
}

div#virgolette-citazione span:before {
    content: '\"';
    font-size: 55px;
    font-family: 'Indie Flower';
    position: relative;
    top: 10px;
    margin-right: 5px;
}

div#virgolette-citazione span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

p#breadcrumbs,
p#breadcrumbs a {
    text-transform: lowercase;
    text-decoration: none !important;
    font-size: 12px;
    color: black;
}

span.breadcrumb_last {
    font-weight: 700;
    font-family: 'Raleway Thin' !important;
}

.img-atf {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


/*
*	1.0 SETTINGS    ---------------------------------------------
*/
p.iubenda-cs-preferences-link {
    margin-bottom: 0px;
}

:root {
    /* colors */
    --green: #007363;
    --light-blue: #87B2C4;
    --black: #000000;
    --white: #ffffff;
    /* fonts */
    --font-p-regular: 16px;
    --font-p-medium: 14px;
    --font-p-small: 12px;
    --font-p-extrasmall: 10px;
}

.full-height {
	height: 100% !important;
}

.cover-image {
    width: 100%;
    height: 100%;
}

.cover-image div img {
    object-fit: cover !important;
    width: 100%;
	height: 100%;
}

/* stile pulsanti custom */
#button-arrow span.elementor-button-text::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
	font-size: 16px;
    margin-left: 10px;
    font-style: normal;
    display: inline-block;
    transform: rotate(320deg);
	transition: transform 0.3s ease-in-out;
}

#button-arrow:hover span.elementor-button-text::after {
    transform: rotate(360deg);
}

.button-absolute {
    position: absolute !important;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

div.button-absolute span {
    font-size: 55px !important;
    line-height: 54px;
    color: white;
    font-weight: 500;
}

div.button-absolute span.elementor-button-text::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
	font-size: 48px !important;
}


/*
*	2.0 HEADER
*/
.left-icons-header .elementor-icon-list-items {
	gap: 5px;
}

.explore {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: space-between !important;
    flex-direction: column !important;
	gap: 5px !important;
}

.explore:after {
    content: "";
    height: 70px;
    display: block;
    width: 1px;
    background-color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
}

a.js-wpml-ls-item-toggle.wpml-ls-item-toggle,
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle:hover {
    background: transparent !important;
    width: fit-content !important;
	color: white;
	border: none;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	display: none !important;
}

li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-last-item.wpml-ls-item-legacy-dropdown-click {
    width: fit-content;
}

span.wpml-ls-display {
    color: black;
}

#container-header {
    height: 120px;
    transition: height 0.1s;
}

#container-header.shrink div.e-con-inner{
	padding: 10px 0px;
}

#container-header.shrink {
    height: 100px !important;
}

#container-header {
    transition: background 0.5s ease-in-out, height 0.3s ease-in-out;
}

#container-header.shrink {
    height: 80px !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
}

#container-header-mobile {
    transition: background 0.5s ease-in-out, height 0.5s ease-in-out;
}

#container-header-mobile.shrink {
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
}

.burger-menu-open {
	background: white;
	background-color: white;
}

#logo-header img{
    width: 240px;
    transition: width 0.3s;
}

#logo-header.shrink img {
    width: 160px;
}

.elementor-nav-menu {
	padding: 30px 0px !important;
}

div#container-header,
div#container-header.border-bottom-header.shrink,
div#container-header.shrink.border-bottom-header {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: white;
    transition: border-color 0.1s ease; /* Aggiunta transizione */
}

div#container-header.border-bottom-header,
div#container-header.border-bottom-header.shrink,
div#container-header.shrink.border-bottom-header {
	border-color: transparent !important;
    border-style: solid !important;
    border-width: 0px !important;
}

div#menu-close-label {
    display: none;
}

body:not(.home) .above-the-fold {
    min-height: 550px;
}

div#open-close-menu {
    pointer-events: none;
}

div#open-close-menu a {
    pointer-events: fill;
}

.header-menu-container .elementor-menu-toggle{
    background-color: unset !important;
}

.elementor-menu-toggle .e-font-icon-svg {
    fill: #ffffff !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
    z-index:9999;
}

/*
*   2.1 BOOKING FORM
*/

.booking-form-container {
    grid-column: 1 / -1;
    z-index: 99 !important;
  }
  
  body.home .booking-form-container {
    z-index: 1;
    position: relative;
  }
  
  .site-booking-form {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-right: 10px;
    grid-template-rows: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  .site-booking-form.sticky {
    position: fixed;
    width: 100%;
    top: -100%;
    bottom: auto;
    background-color: #001C38;
    max-width: 300px;
    margin-right: 0;
    margin-left: auto;
    left: auto;
    right: 0;
    display: flex !important;
    flex-direction: column;
    padding: 0;
    z-index: 100 !important;
  }
  
  .site-booking-form.sticky a.btn-open-bf {
    text-transform: uppercase !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    width: 100%;
    display: block;
    padding: 1rem;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #192E4B;
  }
  
  .site-booking-form.sticky a.btn-close-bf {
    background: #192E4B;
    color: #ffffff !important;
    text-decoration: none !important;
    text-align: center;
    padding: 5px 15px;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  
  .site-booking-form:not(.sticky) a.btn-open-bf,
  .site-booking-form.sticky.open a.btn-open-bf,
  .site-booking-form:not(.sticky) a.btn-close-bf,
  .site-booking-form.sticky:not(.open) a.btn-close-bf {
    display: none;
  }
  
  .site-booking-form.sticky.open{
    background-color: #17586C;
  }
  
  .site-booking-form.sticky.open #booking-form div.sb__form .sb__form-field-input{
    background-color: white !important;
    color: black !important;
  }
  
  .sticky.open .sb__btn.sb__btn--block.sb__btn--verify.sb-custom-button-color.sb-custom-button-bg-color.sb-custom-button-hover-bg-color#sb-container_sb__form-field--checkavailability{
    background-color: #192E4B !important;
  }
  
  @media (max-width:970px) {
    .booking-form-container {
        display: none !important;
    }
  }
  
  .booking-form-container .freecanc {
    grid-row: 3;
    grid-column: 1 / 5;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 5px;
    justify-content: center;
    background-color: #F8F8F8B2;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:20px;
    padding-right:20px;
  }
  
  .freecanc i{
    color:black;
  }
  
  .site-booking-form.sticky .freecanc {
    display: none;
  }
  
  .booking-form-container .freecanc p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.40);
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: normal;
    color: #000000 !important;
    margin-bottom: 0 !important;
  
  }
  
  #booking-form.booking-form {
    grid-row: 2;
    grid-column: 1 / 5;
    margin: 0;
    padding-left: 15px;
    padding-top: 15px;
  }
  
  .site-booking-form.sticky #booking-form.booking-form {
    padding: 55px 20px 20px;
  }
  
  .site-booking-form.sticky #booking-form.booking-form {
    display: none;
  }
  
  #slider-home .booking-form-container {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
  }
  
  
  #booking-form.booking-form {
    padding: 10px 0;
  }
  
  .site-booking-form .booking-form .container {
    width: auto;
    padding: 0;
  }
  
  .site-booking-form .booking-form div.sb {
    box-shadow: none;
    padding: 0 !important;
  }
  
  .site-booking-form .booking-form #sb-container_sb__form-field--checkin span.sb__form-field-label,
  .site-booking-form .booking-form #sb-container_sb__form-field--checkout span.sb__form-field-label {
    display: none;
  }
  
  #booking-form div.sb__form div.sb__dates>* {
    margin-top: 0 !important;
  }
  
  #booking-form .sb__guests-rooms .sb__form-field .sb__guests {
    width: 100% !important;
  }
  
  #booking-form .sb__guests-rooms .sb__form-field .sb__guests button.sb__guests-add-room {
    padding: 0 1rem 0 2.5rem !important;
    margin-left: 2rem;
  }
  
  #booking-form .sb__guests-rooms .sb__panel-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
  }
  
  #booking-form .sb__guests-rooms .sb__panel-actions button {
    padding: 1rem 1.5rem !important;
    line-height: 1.5rem;
  }
  
  #sb-container .sb-custom-button-bg-color {
    background-color: #B7A09F !important;
    border-radius: 0px;
    font-weight: 800;
    text-transform: uppercase;
  }
  
  button.sb__btn.sb__btn--secondary.sb-custom-widget-element-hover-color.sb-custom-widget-element-hover-bg-color {
    border-radius: 0px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 167, 31) !important;
    margin: 0px !important;
    box-sizing: border-box;
  }
  
  #booking-form div.sb__form {
    display: grid;
    grid-template-columns: 5fr 1fr 2fr 2fr;
    grid-template-rows: auto;
    gap: 0rem;
  }
  
  .site-booking-form.sticky #booking-form div.sb__form {
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    gap: 10px;
  }
  
  #booking-form div.sb__form div.sb__dates {
    width: 100%;
    display: flex;
    gap: 0.5rem;
  }
  
  .site-booking-form.sticky #booking-form div.sb__form div.sb__dates {
    flex-direction: column;
    -ms-flex-direction: column;
    gap: 10px;
  }
  .sb__guests-add-room.sb-custom-icon-color.sb-custom-add-room-box-shadow-color svg{
    fill:black !important;
  }
  
  #booking-form div.sb__form .sb__form-field-input {
    border-radius: 0 !important;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: white !important;
    color:black !important;
   }
  
  #booking-form div.sb__form div.sb__dates div.sb__form-field--checkin,
  #booking-form div.sb__form div.sb__dates div.sb__form-field--checkout {
    width: 100%;
    display: flex;
    align-items: center;
  }
  
  #booking-form div.sb__form div.sb__guests-rooms {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
  }
  
  #booking-form div.sb__form div.sb__guests-rooms span.sb__form-field-label {
    display: none;
  }
  
  #booking-form div.sb__form input.sb__btn--verify,
  #booking-form div.sb__form input.sb__btn--verify:focus,
  #booking-form div.sb__form input.sb__btn--verify:visited,
  #booking-form div.sb__form input.sb__btn--verify:active,
  #booking-form div.sb__form input.sb__btn--verify:hover {
    width: 100% !important;
    margin: 0;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    text-wrap: balance;
    line-height: normal;
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    padding: 0px !important;
    grid-row: 1 / 3;
    grid-column: -3;
    background-color: #B7A09F !important;
    border-radius: 0 !important;
    margin-left: 150pxpx !important;
    text-transform: uppercase;
  }
  
  #booking-form div.sb__form input.sb__btn--verify:hover {
    background-color: #192E4B !important;
  }
  
  .site-booking-form.sticky #booking-form div.sb__form input.sb__btn--verify,
  .site-booking-form.sticky #booking-form div.sb__form input.sb__btn--verify:focus,
  .site-booking-form.sticky #booking-form div.sb__form input.sb__btn--verify:visited,
  .site-booking-form.sticky #booking-form div.sb__form input.sb__btn--verify:active,
  .site-booking-form.sticky #booking-form div.sb__form input.sb__btn--verify:hover {
    background-color: #A1968A !important;
    padding: 15px 0 !important;
  
  }
  
  #booking-form div.sb__form div.sb__footer {
    grid-row: 3;
    grid-column: 1 / -3;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
  }
  
  #booking-form div.sb__form div.sb__footer div.sb__footer-actions {
    float: unset;
    display: flex;
    align-items: center;
    gap: 10px 30px;
  }
  
  .site-booking-form.sticky #booking-form div.sb__form div.sb__footer div.sb__footer-actions {
    flex-direction: column;
    -ms-flex-direction: column;
    gap: 10px;
    padding: 20px 0 10px;
  }*/
  
  /*
  #booking-form div.sb__form div.sb__footer div.sb__footer-actions div.sb__footer-promo-wrapper {
    float: unset;
    margin-right: 1rem !important;
  }*/
  
  .sb__panel-actions button {
    margin: 0.5rem 0 !important;
  }
  
  #sb-container .sb__panel-actions .sb__btn.sb__btn--secondary:hover {
    color: #000000 !important;
  }
  
  #booking-form div.sb__form div.sb__footer div.sb__footer-actions a,
  #booking-form div.sb__form div.sb__footer div.sb__footer-actions a:active,
  #booking-form div.sb__form div.sb__footer div.sb__footer-actions a:focus,
  #booking-form div.sb__form div.sb__footer div.sb__footer-actions a:visited {
    float: unset;
    margin: 0;
    padding: 0;
    color: #ffffff !important;
    font-weight: normal;
    font-size: 12px !important;
    line-height: normal !important;
    text-transform: uppercase;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.40);
  }
  
  #booking-form div.sb__form div.sb__footer div.sb__footer-actions a:hover {
    color: #fff !important;
  }
  
  .site-booking-form.sticky #booking-form div.sb__form div.sb__footer div.sb__footer-actions a {
    text-align: left;
  }
  
  #booking-form div.sb__form div.sb__footer div.sb__footer-actions a svg {
    display: none;
  }
  
  #booking-form div.sb__form .sb__calendar-btn-icon {
    line-height: 0 !important;
  }
  
  #booking-form div.sb__form button.sb__guests-add-room.sb-custom-icon-color.sb-custom-add-room-box-shadow-color {
    font-size: 1.2rem !important;
  }
  
  #booking-form div.sb__form button.sb__calendar-btn.sb__calendar-btn--next,
  #booking-form div.sb__form button.sb__calendar-btn.sb__calendar-btn--prev {
    padding: 0.4rem 0.8rem !important;
    background: none;
  }
  
  #booking-form div.sb__form button.sb__guests-add-room.sb-custom-icon-color.sb-custom-add-room-box-shadow-color {
    background: none;
    font-size: 12px !important;
    margin-left: 20px;
  }
  
  #booking-form a#bfPreventivo,
  #booking-form a#bfPreventivo:active,
  #booking-form a#bfPreventivo:focus,
  #booking-form a#bfPreventivo:visited {
    margin: auto;
    background: #ffffff;
    background-color: #ffffff;
    border: 1px solid #17586C;
    color: #17586C;
    letter-spacing: normal;
    font-weight: 500;
    border-radius: 0;
    font-size: 14px;
    line-height: normal;
    padding: 10px !important;
    grid-row: 1 / 3;
    grid-column: -2;
    justify-content: center;
  }
  
  #booking-form a#bfPreventivo, #booking-form a#bfPreventivo:active, #booking-form a#bfPreventivo:focus, #booking-form a#bfPreventivo:visited {
    margin: 0;
    background: #ffffff;
    border: unset;
    background-color: #ffffff;
    color: black;
    letter-spacing: normal;
    font-weight: 500;
    border-radius: 0;
    font-size: 14px;
    line-height: normal;
    padding: 5px !important;
    grid-row: 1 / 3;
    grid-column: -2;
    justify-content: center;
    display: none;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    height: 100%;
  }
  
  #booking-form a#bfPreventivo:hover {
    background: white;
    background-color: #ffffff;
    color: #192E4B;
  }
  
  .site-booking-form.sticky #booking-form a#bfPreventivo {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
  }
  
  #booking-form a#bfPreventivo::after {
    display: none !important;
  }
  
  div#sb-container_sb__form-field--guests,
  input#sb-container_sb__form-field--checkavailability,
  #booking-form a#bfPreventivo, #booking-form a#bfPreventivo:active, #booking-form a#bfPreventivo:focus, #booking-form a#bfPreventivo:visited {
    margin-left: 0rem;
  }
  
  .site-booking-form.sticky.open #booking-form div.sb__form .sb__form-field-input {   
    margin-left: 0px;
  }
  
  .site-booking-form.sticky.open #booking-form div.sb__form input.sb__btn--verify, #booking-form div.sb__form input.sb__btn--verify:focus, #booking-form div.sb__form input.sb__btn--verify:visited, #booking-form div.sb__form input.sb__btn--verify:active, #booking-form div.sb__form input.sb__btn--verify:hover,
  .site-booking-form.sticky #booking-form a#bfPreventivo {
    width: 100% !important;
    margin: 0;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    text-wrap: balance;
    line-height: normal;
    font-weight: 300;
    letter-spacing: normal;
    font-size: 14px;
    grid-row: 1 / 3;
    grid-column: -3;
    background-color: #17586C !important;
    border-radius: 0 !important;
    margin-left: 0px;
    text-transform: uppercase;
  }
  
  .site-booking-form.sticky.open #booking-form a#bfPreventivo {
    background-color: transparent !important;
    border-color: white !important;
    color: white;
    text-decoration: underline;
  }
  
  .site-booking-form.sticky.open .sb__footer-actions {
    text-align: center !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  
  .sb__calendar.is-bound{
    color: black !important;
  }

#searchbox {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    background: transparent;
    padding: 5px;
}

.searchboxTitle{
    display: none;
}

.searchboxArea{
    display: none;
}

.searchboxAdd{
    display: none;
}

.searchboxCredits{
    display: none !important;
}

#searchbox form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 12px 18px;
    border-radius: 6px; /* Ridotto per un aspetto più elegante */
    max-width: 100%;
    margin: 0 auto;
}

#searchbox div {
    margin: 5px;
    display: flex;
    flex-direction: column;
}

#searchbox label {
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-transform: none;
    margin-bottom: 2px;
}

#searchbox input, 
#searchbox select {
    width: 140px;
    height: 60px;
    padding: 5px;
    font-size: 15px; /* Font leggermente più grande */
    border: 0px ;
    border-radius: 0px;
    text-align: center;
}

#searchbox input[name="checkin"], 
#searchbox input[name="checkout"] {
    background: url(https://astoria.promoservicebeta.com/wp-content/uploads/2025/02/calendar.png) no-repeat 95% center #fff;
    background-size: 16px;
}

#searchbox input[type="submit"] {
    height: 60px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    background: #D97253;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    align-self: center; /* Allineamento migliore */
    margin-top:15px;
    line-height: 0px;
}

#searchbox input[type="submit"]:hover {
    background: #D97253;
}

/* Allineamento migliore per il pulsante di ricerca */
#searchbox div.searchboxSubmit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

/* Migliore leggibilità per la sezione delle icone di sicurezza */
#searchbox .searchboxCredits {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

#searchbox .searchboxCredits img {
    height: 22px;
    margin-right: 8px;
}

/* Responsività */
@media (max-width: 768px) {
    #searchbox form {
        flex-direction: column;
        align-items: stretch;
    }

    #searchbox div {
        width: 100%;
        align-items: center;
    }

    #searchbox input, 
    #searchbox select {
        width: 100%;
    }

    #searchbox input[type="submit"] {
        width: 100%;
    }
    .booking-form-header{
        display: none !important;
    }
}


.booking-expert.scrolledpage{
    position: fixed;
    top: 15vh;
    right: 0px;
    width: 300px;
    z-index: 9999;
}

.booking-expert.scrolledpage #searchbox form{
    flex-direction: column;
    background: #17586C;
}
.booking-expert.scrolledpage #searchbox input, .booking-expert.scrolledpage #searchbox select{
    height:25px;
    width: 250px;
}

.site-booking-form.sticky a.btn-open-bf {
    text-transform: uppercase !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    width: 100%;
    display: block;
    padding: 1rem;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #17586C;
  }
  
  .site-booking-form.sticky a.btn-close-bf {
    background: white;
    color: black !important;
    text-decoration: none !important;
    text-align: center;
    padding: 5px 15px;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  
  .site-booking-form:not(.sticky) a.btn-open-bf,
  .site-booking-form.sticky.open a.btn-open-bf,
  .site-booking-form:not(.sticky) a.btn-close-bf,
  .site-booking-form.sticky:not(.open) a.btn-close-bf {
    display: none;
  }
  
  .site-booking-form.sticky.open{
    background-color: #17586C;
  }
  
  .site-booking-form.sticky.open #booking-form div.sb__form .sb__form-field-input{
    background-color: white !important;
    color: black !important;
  }
  
  .sticky.open .sb__btn.sb__btn--block.sb__btn--verify.sb-custom-button-color.sb-custom-button-bg-color.sb-custom-button-hover-bg-color#sb-container_sb__form-field--checkavailability{
    background-color: #17586C !important;
  }

  #booking-form a#bfPreventivo::after {
    display: none !important;
  }
  
  div#sb-container_sb__form-field--guests,
  input#sb-container_sb__form-field--checkavailability,
  #booking-form a#bfPreventivo, #booking-form a#bfPreventivo:active, #booking-form a#bfPreventivo:focus, #booking-form a#bfPreventivo:visited {
    margin-left: 0rem;
  }
  
  .site-booking-form.sticky.open #booking-form div.sb__form .sb__form-field-input {   
    margin-left: 0px;
  }
  
  .site-booking-form.sticky.open #booking-form div.sb__form input.sb__btn--verify, #booking-form div.sb__form input.sb__btn--verify:focus, #booking-form div.sb__form input.sb__btn--verify:visited, #booking-form div.sb__form input.sb__btn--verify:active, #booking-form div.sb__form input.sb__btn--verify:hover,
  .site-booking-form.sticky #booking-form a#bfPreventivo {
    width: 100% !important;
    margin: 0;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    text-wrap: balance;
    line-height: normal;
    font-weight: 300;
    letter-spacing: normal;
    font-size: 14px;
    grid-row: 1 / 3;
    grid-column: -3;
    background-color: #17586C !important;
    border-radius: 0 !important;
    margin-left: 0px;
    text-transform: uppercase;
  }
  
  .site-booking-form.sticky.open #booking-form a#bfPreventivo {
    background-color: transparent !important;
    border-color: white !important;
    color: white;
    text-decoration: underline;
  }
  
  .site-booking-form.sticky.open .sb__footer-actions {
    text-align: center !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  .site-booking-form.sticky.open input, .site-booking-form.sticky.open select{
    width: 200px !important;
    padding: unset !important;
    height: 35px !important;
  }


  .searchboxPlaces{
    display: none !important;
  }
  .searchboxHotels{
    padding-top:15px
  }

/*
*   3.0 MENU    ---------------------------------------------
*/
/*li.wpml-ls-item a:hover {
	color: white !important;
}

header#header .menuAnimation {
	position: absolute;
	width: 100vw;
	z-index: 0;
}

header#header .menuWrapper {
	grid-column-start: 4;
	grid-column-end: 12;
	z-index: 21;
	position: relative;
	opacity: 0;
	transition: 100ms all;
	transition-delay: 0s;
	pointer-events: none;
}

header#header .menuWrapper #menu {
	position: fixed;
	left: 0;
	top: 160px;
	transform: translateY(0) scale(0.8);
	transition: 100ms all;
	transition-delay: 0s;
	transition-timing-function: ease-out;
	display: grid;
	grid-column-gap: var(--grid-gap);
	grid-template-columns: var(--grid-margin) 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr var(--grid-margin);
	width: 100vw;
	opacity: 0;
	z-index: -1;
	pointer-events: none;

	max-height: calc(100vh - 180px);
	overflow: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

header#header .menuWrapper #menu ul {
	display: flex;
	flex-wrap: wrap;
	grid-column-start: 2;
	grid-column-end: 12;
	align-items: flex-start;
	align-content: flex-start;
}

header#header .menuWrapper #menu ul>li {
	margin-bottom: 30px;
	transition: 200ms;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

header#header .menuWrapper #menu ul>li>a.isHover span.mainlink,
header#header .menuWrapper #menu ul>li>a.isHover .subtitle {
	color: rgba(255, 255, 255, 0.5);
}*/

header#header .menuWrapper #menu ul>li>a.isHover span.mainlink {
	/*border-top-color: rgba(0, 0, 0, 0.5);*/
}
/*
header#header .menuWrapper #menu ul>li.hassub a {
	cursor: pointer;
}

header#header .menuWrapper #menu ul>li>a {
	display: inline-block;
	transition-timing-function: ease;
}

header#header .menuWrapper #menu ul>li>a .mainlink {
	width: fit-content;
	border-top: 0px solid white;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	padding-top: 2px;
	font-family: 'Manrope';
	font-size: 28px;
	line-height: 45px;
	letter-spacing: 0;
	transition: 200ms;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.open header#header .menuWrapper #menu ul>li>a .mainlink {
	color: rgba(255, 255, 255, 0.5);
}

header#header .menuWrapper #menu ul>li>a .subtitle {
	transition: 200ms;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

header#header .menuWrapper #menu ul li {
	width: 100%;
	display: flex;
	position: relative;
}

header#header .menuWrapper #menu ul li a {
	display: inline-flex;
	text-decoration: none;
	align-items: flex-start;
}

header#header .menuWrapper #menu ul li a .subtitle {
	margin-left: 45px;
	letter-spacing: 0;
	transform: translateY(2px);
	color: #fff;
	font-family: Cormorant Garamond;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

header#header .menuWrapper #menu ul li ul {
	position: relative;
	top: 15px;
	left: 0;
	height: 0;
	overflow: hidden;
	transition: 200ms;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

header#header .menuWrapper #menu ul li ul span {
	font-size: 17px;
	letter-spacing: 0;
}


header#header .menuWrapper #menu ul li ul li .mainlink {
	margin-bottom: 12.5px;
	color: rgba(0, 0, 0, 0.8);
	transition: 200ms;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	will-change: color;
}

header#header .menuWrapper #menu ul li ul li .subtilte {
	display: none;
}

header#header .menuWrapper #menu ul li ul li:hover .mainlink {
	color: white;
}

header#header .menuWrapper #menu ul li.current ul li a.current .mainlink {
	color: white;
}

header#header .instatOfLottieContainer {
	position: fixed;
	left: 0;
	right: 0;
	top: 0; 
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 20;
	pointer-events: none;
}

header#header .instatOfLottieContainer .innerAnimation {
	overflow: hidden;
	position: relative;
	width: 0vw;
	height: 0vh;
	display: flex;
	transition: 200ms;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 20;
}

header#header .instatOfLottieContainer .innerAnimation .image {
	width: 100vw;
	opacity: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

header#header .instatOfLottieContainer .innerAnimation .image:before {
	content: '';
	width: 100vw;
	background-color: rgba(30, 60, 65, 0.8);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

header#header .instatOfLottieContainer .innerAnimation .image img {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100vw;
	pointer-events: none;
}

header#header .instatOfLottieContainer.open .innerAnimation {
	width: 100vw;
}

header#header .instatOfLottieContainer.open .innerAnimation .image {
	opacity: 1;
}


header#header .mobileMenuIcons {
	display: flex;
	align-items: center;
	align-content: center;
	opacity: 0;
	position: fixed;
	bottom: 30px;
	pointer-events: none;
	width: 100vw;
	z-index: 1112;
	padding-left: 100px;
}

header#header .mobileMenuIcons .voucherMobile {
	width: 25px;
	display: flex;
	align-content: flex-start;
	align-items: flex-start;
}

header#header .mobileMenuIcons .voucherMobile a {
	display: flex;
	align-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

header#header .mobileMenuIcons .voucherMobile a svg {
	width: 100%;
}

header#header .mobileMenuIcons .galleryMobile {
	width: 35px;
	display: flex;
	margin-left: 21px;
}

header#header .mobileMenuIcons .galleryMobile a {
	display: flex;
	align-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

header#header .mobileMenuIcons .galleryMobile a svg {
	width: 100%;
}

header#header.showMenu .massenger {
	opacity: 0;
	pointer-events: none;
}

header#header.showMenu .menuAnimation {
	z-index: 20;
}

.pswp__custom-caption.pswp__hide-on-close {
    display: none;
}

@media (max-width: 1023px) {
	header#header.showMenu .hamburgerWrapper {
		background-color: transparent;
	}
}

header#header.showMenu .hamburgerWrapper #hamburger-button .lines div {
	width: 0;
}

header#header.showMenu .hamburgerWrapper #hamburger-button .close {
	opacity: 1;
	transition-delay: 0.3s;
}

header#header.showMenu .hamburgerWrapper #hamburger-button .close svg {
	transform: scale(1);
	transition-delay: 0.3s;
}

header#header.showMenu #hamburger-button .menuText {
	color: white;
}

header#header.showText .sideBar .voucher .st1 {
	display: none;
}

header#header.showText .sideBar .voucher .st0,
header#header.showText .sideBar .voucher .st1,
header#header.showText .sideBar .voucher .path2,
header#header.showText .sideBar .voucher .path3 {
	stroke: rgba(255, 255, 255, 0.5);
	transition-delay: 0.1s;
}

header#header.showText .sideBar .gallery .st0,
header#header.showText .sideBar .gallery .path2 {
	stroke: rgba(255, 255, 255, 0.5);
	transition-delay: 0.3s;
}

header#header.showText .sideBar .packages .st0,
header#header.showText .sideBar .packages .path2 {
	stroke: rgba(255, 255, 255, 0.5);
	transition-delay: 0.3s;
}

header#header.showText .sideBar .voucher .description,
header#header.showText .sideBar .gallery .description,
header#header.showText .sideBar .request .description,
header#header.showText .sideBar .packages .description,
header#header.showText .sideBar .booking .description {
	opacity: 1;
}

header#header.showText .sideBar .request .description:hover,
header#header.showText .sideBar .booking .description:hover {
	color: #a27e41;
}

header#header.showText .sideBar .voucher .description,
header#header.showText .sideBar .gallery .description {
	color: rgba(255, 255, 255, 0.5);
}

header#header.showText .sideBar .voucher .description:hover,
header#header.showText .sideBar .gallery .description:hover {
	color: white;
}

header#header.showText .sideBar .voucher.hoverState svg .st0,
header#header.showText .sideBar .voucher.hoverState svg .path2,
header#header.showText .sideBar .voucher.hoverState svg .path3 {
	stroke-dasharray: var(--length);
	stroke-dashoffset: 0;
	stroke: white;
}

header#header.showText .sideBar .voucher.hoverState .description {
	color: white;
}

header#header.showText .sideBar .gallery.hoverState svg .path2 {
	stroke-dasharray: var(--length);
	stroke-dashoffset: 0;
	stroke: white;
}

header#header.showText .sideBar .gallery.hoverState .description {
	color: white;
}

header#header.showText .menuWrapper {
	opacity: 1;
	transition-delay: 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

header#header.showText .menuWrapper #menu {
	transform: translateY(-20px) scale(1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	transition-delay: 0.2s;
	opacity: 1;
	z-index: 1;
	pointer-events: all;
}

header#header.open .menuWrapper #menu ul li:not(".submenuOpen") a .mainlink,
header#header.open .menuWrapper #menu ul li:not(".submenuOpen") a .subtitle {
	color: white;
}

#uid1.scrolled header#header.showMenu .menuAnimation {
	z-index: 0;
}

body:not(#uid1) header#header.showMenu .menuAnimation {
	z-index: 0;
}

body:not(#uid1) header#header .menuAnimation {
	display: none;
}

@media (max-width: 1023px) {
	header#header {
		height: 70px;
	}

	header#header .sideBar {
		display: none;
	}

	header#header .mobileBar {
		display: flex;
	}

	header#header.showMenu .mobileBar {
		pointer-events: none;
		opacity: 0;
	}

	header#header.showText:not(.open) .mobileMenuIcons {
		opacity: 1;
		pointer-events: all;
		transition-delay: 0.3s;
	}

	header#header .breadCrumbWrapper .breadCrumbs {
		top: 50%;
		transform: translateY(-50%);
	}

	header#header .breadCrumbWrapper .breadCrumbs span {
		display: none;
	}

	header#header .breadCrumbWrapper .breadCrumbs span a {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
	}

	header#header .breadCrumbWrapper .breadCrumbs span:first-of-type {
		display: block;
	}

	header#header .hamburgerWrapper {
		position: fixed;
		width: 80px;
		height: 75px;
		right: 0;
		top: 7px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: white;
		z-index: 999;
		transition: 200ms;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s;
	}

	header#header #hamburger-button {
		right: auto;
		top: auto;
		margin-top: -11px;
		margin-right: -2px;
		position: relative;
	}

	header#header .menuWrapper #menu {
		top: 100px;
		overflow: scroll;
		max-height: 70vh;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	header#header .menuWrapper #menu ul {
		grid-column-start: 2;
		grid-column-end: 14;
	}

	header#header .menuWrapper #menu ul>li>a .mainlink {
		width: 70px;
	}

	header#header .menuWrapper #menu ul li {
		margin-bottom: 40px;
	}

	header#header .menuWrapper #menu ul li ul {
		top: 40px;
		left: 85px;
	}

	header#header .menuWrapper #menu ul li ul li {
		margin-bottom: 10px;
	}

	header#header .menuWrapper #menu ul li ul .mainlink {
		font-size: 15px;
		line-height: 180%;
		margin-bottom: 0 !important;
	}

	header#header .menuWrapper #menu ul li a .subtitle {
		font-size: 28px;
		line-height: 125%;
		letter-spacing: 0;
		margin-left: 15px;
	}
}

@media (max-width: 1023px) and (max-width:1023px) {
	header#header .hamburgerWrapper {
		background-color: transparent;
	}
}

.browser-safari header#header .menuWrapper #menu ul li ul,
.browser-iOS header#header .menuWrapper #menu ul li ul {
	height: auto;
}

.hm-main-open-close {
	border-radius: 50% !important;
}

@media (max-width: 1023px) {
	#hub-messenger-widget .hm-main-widget-content.hm-open {
		z-index: 100000000 !important;
	}

	#hub-messenger-widget .hm-main-widget-content #hub-messenger-widget .hm-main-widget-content {
		z-index: 100000000 !important;
	}

	#hub-messenger-widget .hm-main-widget-content .hm-main-open-close {
		bottom: 20px !important;
	}
}

header#header .menuWrapper #menu ul li ul:before {
    content: '';
    width: 160px;
    color: black;
    border-width: 1px;
    border-style: solid;
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    top: 7px;
    margin-right: 20px;
    color: #76695A !important;
}

.submenuOpen a span.mainlink {
    color: white !important;
}*/

/* Mantieni le voci di primo livello sempre bianche */
#menu > ul > li > a {
    color: #ffffff !important; /* Bianco per le voci di primo livello */
}

/* Colore personalizzato per le voci attive solo nei sottomenù */
#menu li .submenu li.active > a span {
    color: #76695A !important; /* Colore del testo per la voce attiva nel sottomenù */
}

/* Assicurati che l'intero link della voce attiva nel sottomenù cambi colore */
#menu li .submenu li.active > a {
    color: #76695A !important; /* Colore della voce attiva nel sottomenù */
}

/* Per garantire che il resto delle voci di secondo livello non attive rimanga bianco */
#menu li .submenu a {
    color: #ffffff !important; /* Bianco per le voci non attive del sottomenù */
}




/*
*	4.0 POPUP ELEMENTOR PER MENU    ---------------------------------------------
*/
/*div.popup-menu {
    z-index: 99;
}

a.dialog-close-button.dialog-lightbox-close-button {
    z-index: 101;
}

.black {
	color: black;
}

@keyframes left {
    from {
        left: 0;
    }
    to {
        left: -100px;
    }
}
*/
.img-popup-color {
    visibility: hidden;
    opacity: 0;
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    transition: left 1s, visibility 0s 1s, opacity 1s; /* visibility and opacity transitions */
}
/*
#logo-header,
.img-popup-color {
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    transition: left 1s;
}

#logo-header.position-logo-popup,
.img-popup-color.position-logo-popup {
    left: -135px;
    visibility: visible;
    opacity: 1;
    transition: left 1s, visibility 0s 0s, opacity 1s; /
	position: absolute;
	top: 0px;
}

.img-popup-color img{
    width: 220px;
    transition: width 0.5s;
}

.img-popup-color.shrink {
    width: 160px;
}

i.fal.fa-xmark {
    font-size: 40px;
}*/

/*
*	5.0 HOMEPAGE   ---------------------------------------------
*/
/* stile card camere */
.caratteristiche-container {
    display: flex;
    gap: 15px;
    font-size: 16px;
    justify-content: center;
}

@media screen and (max-width: 780px) {
    .caratteristiche-container {
        flex-direction: column;
    }
  }

.button-room-cards {
	align-self: center;
}

.room-card-home .container-main-caratteristica{
    width: 30%;
}

.room-card-home .elementor-widget-shortcode{
    text-align: center;
}

@media screen and (max-width: 1550px){
    .room-card-home .caratteristica-tab{
        font-size: 12px !important;
    }
}

.carousel-home-rooms{
    height: 220px !important;
}

.label-rooms {
    width: fit-content;
    padding: 10px 20px;
    border-radius: 35px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Raleway';
    font-weight: 600;
    line-height: 28px;
    display: flex;
    gap: 10px;
	left: -30px;
    top: 20px;
    position: relative;
    background-color: #D97253;
    color:white;
}

.label-rooms i {
	font-size: 20px;
}

.room-card-home > .e-con-inner:first-of-type {
    padding-left: 30px !important;
}

.caratteristica-tab {
    font-size: var(--font-p-medium) !important;
}

.room-list-description-container{
    height: 100% !important;
}

.slider-home-rooms svg{
    fill:white !important;
}
@media screen and (max-width: 700px){
    .room-list-description-container .e-con.e-flex>.e-con-inner{
        flex-wrap: nowrap !important;
    }
    .list-rooms-homepage{
        max-height: 450px;
    }
    .list-rooms-homepage .elementor-widget-shortcode:has(.caratteristiche-container){
        max-height: 60px;
    }
}

.list-rooms-homepage .container-main-caratteristica:has(.slider-home-beds) {
    /* Stili da applicare */
    display:none;
}

.label-rooms:has(.french){
    background-color: #17586C;
}

/*
*	6.0 BRICIOLE   ---------------------------------------------
*/
body.home .briciole {
	display: none;
}

/*
*	7.0 CAMERE   ---------------------------------------------
*/
.container-servizi-tab .caratteristiche-container {
    display: flex;
    justify-content: flex-start;
}

.servizi-e-dotazioni {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.servizio {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #76695A;
    padding-bottom: 5px;
}

.slider-home-rooms{
    max-height: 250px;
}

.carousel-home-rooms img{
    max-height: 250px;
    object-fit: cover;
    object-position: 50% 50%;
}

.slider-page-rooms img{
    max-height: 350px;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
}

@media screen and (max-width: 700px){
    .slider-page-rooms img{
        max-height: 175px;
    }
}

@media screen and (min-width: 700px){
    .room-list-description{
        height:350px !important;
    }
    .tab-camera-single{
        max-height: 350px;
    }
    .slider-page-rooms img{
        height:350px !important;
    }
}

.evidenziato{
    color:#D97253;
    font-weight: 700;
}

.servizi-e-dotazioni .servizio{
    border-color:#D97253;
    display:flex;
}

.servizi-e-dotazioni .servizio .icona {
    margin-right:2%;
    width: 5%;
    text-align:center;
}

@media screen and (max-width: 769px){
    .servizi-e-dotazioni .servizio .icona{
        margin-right:10%;
    }
}

.img-camere-servizi img{
    max-width: 100% !important;
}

/*
*   8.0 GALLERY	  ---------------------------------------------
*/
div.custom-gallery {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px;

}

.gallery-column-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}

div.gallery-column {
    height: 540px;
}

div.gallery-column img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}

.gallery-sub-column {
    max-height: 260px;
}

div.gallery-sub-column img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    border-radius: 0px;
}

.gallery-sub-column.hidden-image {
    display: none;
}

@media(max-width: 768px) {
    div.custom-gallery {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .gallery-column-2 {
        gap: 10px;
        display: none;
    }

    div.gallery-column {
        height: 380px;
    }

    div.gallery-column img {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
    }
}

.elementor-slideshow__description{
    display: none;
}

.elementor-slideshow__title{
    display: none;
}

.pswp--ui-visible .pswp__hide-on-close{
    display:none;
}

/*
*	7.0 CAMERE   ---------------------------------------------
*/
.label-statica {
    background-color: #D97253;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:30px;
    padding-right:30px;
    border-radius: 25px;
}

.label-statica span {
    color: white;
    font-size: 16px;
    line-height:20px;
}

.descrizione-tabs-camere:hover a {
    color: #2F2F2F !important; 
}



/*
*   8.0 Gallery
*/
.standard-gallery-wrapper {
    display: flex;
    flex-flow: column;
    gap: 30px;
    margin: 50px 0;
}

.standard-gallery-wrapper .gallery-filters {
    display: flex !important;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 10px;
}

.standard-gallery-wrapper .gallery-filters button:not(:hover):not(:active):not(.has-background),
.standard-gallery-wrapper .gallery-filters button,
.standard-gallery-wrapper .gallery-filters button:active,
.standard-gallery-wrapper .gallery-filters button:focus,
.standard-gallery-wrapper .gallery-filters button:visited {
    margin: 0;
    background: transparent;
    color: var(--link-color);
    border: 1px solid var(--link-color);
}

.standard-gallery-wrapper .gallery-filters button.active:not(:hover):not(:active):not(.has-background),
.standard-gallery-wrapper .gallery-filters button.active,
.standard-gallery-wrapper .gallery-filters button:hover {
    background: var(--link-color);
    color: #ffffff;
}

.standard-gallery-wrapper .standard-gallery-wrapper-category:not(:last-of-type) {
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(138, 147, 167, 0.3);
}

.standard-gallery-wrapper .standard-gallery-wrapper-category img {
    /* border-radius: 10px; */
    cursor: pointer;
}

.standard-gallery-wrapper .standard-gallery-wrapper-category.swiper-horizontal .swiper-slide {
    max-width: 480px;
    margin: 0 30px 0 0;
}

.standard-gallery-wrapper.gallery-container-image .standard-gallery-wrapper-category.swiper-horizontal .swiper-slide {
    max-height: 380px;
}

.standard-gallery-wrapper .standard-gallery-wrapper-category .swiper-slide h3 {
    margin: 10px 0;
}

.standard-gallery-wrapper hr {
    background: #8A93A7;
    opacity: 0.3;
    width: 100%;
}

.standard-gallery-wrapper-category.image {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(40px, 1fr);
    gap: 15px;
}

.standard-gallery-wrapper-category.image h2 {
    grid-column: 1/-1;
}

.standard-gallery-wrapper-category.image .single-image {
    position: relative;
    max-height: 300px;
}

.standard-gallery-wrapper-category.image .single-image span.panorama-widget {
    position: absolute;
    z-index: 1;
    right: 1.5rem;
    top: 1.5rem;
    width: 4rem;
    height: 4rem;
    background-color: var(--link-color);
    padding: 0.8rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.standard-gallery-wrapper-category.image .single-image span.panorama-widget:hover {
    background-color: var(--link-color-hover);
}

.standard-gallery-wrapper-category.image .single-image span.panorama-widget svg {
    fill: #ffffff;
}

.standard-gallery-wrapper-category.image .single-image:nth-of-type(1n+16) {
    display: none;
}

.standard-gallery-wrapper-category.image .single-image figure {
    margin: 0;
    height: 100%;
    width: 100%;
}

.standard-gallery-wrapper-category.image .single-image figure img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    max-height: -webkit-fill-available;
}

.standard-gallery-wrapper-category.image span.description {
    position: absolute;
    right: 12px;
    left: auto;
    bottom: 12px;
    top: auto;
    z-index: 1;
    background: var(--link-color);
    color: #ffffff;
    padding: 10px 12px;
    margin-left: 12px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    line-height: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.standard-gallery-wrapper-category.image span.description>i {
    font-size: 18px;
}

.standard-gallery-wrapper-category.image span.description.active>i {
    display: none;
}

.standard-gallery-wrapper-category.image span.description:not(.active)>span.text {
    display: none;
}


.standard-gallery-wrapper-category.image figure.cta img {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    z-index: 2;
    transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.standard-gallery-wrapper-category.image .overlay-cta:hover ~ figure.cta img {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}


.standard-gallery-wrapper-category.image figure figcaption {
    display: none;
}

.standard-gallery-wrapper-category.image .overlay-cta {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    z-index: 3;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.standard-gallery-wrapper-category.image .overlay-cta span {
    margin: auto;
    width: auto;
    padding: 10px 20px;
    text-align: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: var(--green);
    font-weight: 700;
}

.standard-gallery-wrapper-category.image .overlay-cta:hover span {
    background: var(--green);
}

.standard-gallery-wrapper-category.image .overlay-cta.overlay-cta-play {
    color: #fff;
    font-size: 7rem;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.lead-generation-slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 0 40px;

    background-image: url('/wp-content/uploads/2021/11/last-image-gallery-message.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.lead-generation-content-description {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 100px 50px;
}

.lead-generation-content-description .lead-generation-icon {
    font-size: 80px;
    margin-bottom: 40px;
    text-align: center;
}

.standard-gallery-wrapper-category.image figure.cta .overlay-cta a.btn::after {
    display: none !important;
    visibility: hidden !important;
}

.standard-gallery-wrapper .standard-gallery-wrapper-category.swiper-horizontal .swiper-slide iframe {
    height: 300px !important;
    margin-bottom: 10px;
}

.rll-youtube-player .play {
    width: 100% !important;
}

.swiper-slide .video-rate i {
    font-size: 20px !important;
}

.swiper-slide>.video-title {
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 31px !important;
    color: #484B5C !important;
}

.standard-gallery-wrapper-category.enable-slide .swiper-button-prev,
.standard-gallery-wrapper-category.enable-slide .swiper-button-next {
    position: absolute;
    top: 50%;
    background: #fff;
    z-index: 1;
    margin: 0 !important;
}

.standard-gallery-wrapper-category.enable-slide .swiper-button-next {
    right: 0;
}

.standard-gallery-wrapper-category.enable-slide .swiper-button-prev {
    left: 0;
}

.standard-gallery-wrapper .standard-gallery-wrapper-category {
    overflow: hidden;
    position: relative;
}

.standard-gallery-wrapper .standard-gallery-wrapper-category.swiper-horizontal .swiper-slide {
    max-width: 480px;
    margin: 0 30px 0 0;
}

.standard-gallery-wrapper .standard-gallery-wrapper-category.swiper-horizontal .swiper-slide iframe {
    height: 300px !important;
    margin-bottom: 10px;
}

.standard-gallery-wrapper.gallery-container-image .standard-gallery-wrapper-category.swiper-horizontal .swiper-slide {
    max-height: 380px;
}

@media (max-width: 600px) {
    .standard-gallery-wrapper-category.image {
        gap: 5px !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .standard-gallery-wrapper-category.image span.description {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        right: 5px;
        bottom: 5px;
    }

    .standard-gallery-wrapper-category.image span.description.active {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 0;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .standard-gallery-wrapper .standard-gallery-wrapper-category.swiper-container-horizontal .swiper-slide {
        max-width: 290px;
        max-height: unset;
    }
}

.overlay-cta {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    z-index: 3;
    cursor: pointer;
}

.gallery-container-wrapper-category.image figure.cta .overlay-cta a.btn {
    margin: auto !important;
    width: fit-content !important;
}

.lead-generation-slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;

    background-image: url('/wp-content/uploads/2021/11/last-image-gallery-message.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.lead-generation-content-description {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10rem 5rem;
}

.lead-generation-content-description .lead-generation-icon {
    font-size: 8rem;
    margin-bottom: 4rem;
    text-align: center;
}

.gallery-container-wrapper-category.image figure.cta .overlay-cta a.btn::after {
    /* margin-left: 0.5rem; */
    display: none !important;
    visibility: hidden !important;
}

.gallery-container-wrapper .gallery-container-wrapper-category.swiper-container-horizontal .swiper-slide iframe {
    height: 30rem !important;
    margin-bottom: 1rem;
}

.rll-youtube-player .play {
    width: 100% !important;
}

body button.pswp__button {
    border: none !important;
    margin: 0 !important;
    background: transparent !important;
}

body button.pswp__button.pswp__button--close,
body button.pswp__button.pswp__button--zoom {
    margin: 0 20px 0 0 !important;
}

body .pswp__custom-caption {
    background-color: rgba(255, 255, 255, .9);
    width: 100%;
    max-width: 500px;
    padding: 2px 10px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    color: #000;
    font-size: 14px;
    border-radius: 1px;
}

.pswp__360-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.pswp__360-image-container iframe {
    background: #444;
    width: 100%;
    height: 100%;
    max-width: calc(100vw - 20rem);
    max-height: 100vh;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none !important;
}

.pswp__video-container {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.pswp__video-container video {
    width: 100%;
    height: 100%;
    max-width: calc(100vw - 20rem);
    max-height: 100vh;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.rotate-device {
    position: fixed;
    background-color: #000000;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4rem;
    color: #fff;
}

.rotate-device.show {
    display: flex;
}

.rotate-device .phone {
    height: 5rem;
    width: 10rem;
    border: 0.3rem solid white;
    border-radius: 1rem;
    animation: rotate-device 4s ease-in-out infinite;
}

.rotate-device a,
.rotate-device a:active,
.rotate-device a:focus,
.rotate-device a:visited,
.rotate-device a:hover {
    color: #fff;
    letter-spacing: normal;
    padding: 10px 30px;
}

@keyframes rotate-device {
    0% {
        transform: rotate(-90deg)
    }

    70% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-90deg)
    }
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible;
    z-index: 100 !important;
    width: 100px;
}

body button.pswp__button.pswp__button--close, body button.pswp__button.pswp__button--zoom, body button.pswp__button.pswp__button--close:hover , body button.pswp__button.pswp__button--zoom:hover {
    width: 40px !important;
}

button.btn.filter-button {
    background-color: var(--brown) !important;
    border-radius: 0px !important;
    font-weight: 500 !important;
    color: white !important;
}

button.btn.filter-button.active {
    background-color: var(--green) !important;
}


/*
*   17.0 Energy saver
*/
:root body.energy-saver-lock {
    overflow: hidden !important;
}

#energy-saver {
    position: fixed;
    z-index: 9999999999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    display: none;

    justify-content: center;
    align-items: center;
    padding: 3rem;
    text-align: center;
    overflow-x: auto;
    color: #ffffff;
    max-height: 100vh;
}

#energy-saver.active {
    display: flex;
}

#energy-saver .energy-saver-content {
    max-width: 90rem;
}

#energy-saver .energy-saver-content img.energy-saver-logo {
    max-width: 25rem;
    height: auto;
    width: 100%;
    margin-bottom: 2rem;
}

#energy-saver .energy-saver-content .title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 3rem auto;
    font-family: var(--global--font-primary);
    font-weight: 600;
    font-size: var(--heading--font-size-h2);
    letter-spacing: var(--heading--letter-spacing-h2);
    line-height: var(--heading--line-height-h2);
    color: #ffffff;
}

#energy-saver .energy-saver-content a.btn,
#energy-saver .energy-saver-content a.btn:active,
#energy-saver .energy-saver-content a.btn:focus,
#energy-saver .energy-saver-content a.btn:visited {
    color: #ffffff;
}

#energy-saver .energy-saver-content a.btn,
#energy-saver .energy-saver-content a.btn:active,
#energy-saver .energy-saver-content a.btn:focus,
#energy-saver .energy-saver-content a.btn:visited,
#energy-saver .energy-saver-content a.btn:hover {
    margin-top: 1.5rem !important;
    display: inline-block !important;
    text-decoration: none !important;
    font-weight: 600;
}

#energy-saver #pc_maincontainer .pc_title,
#energy-saver #pc_maincontainer .pc_stayLegend {
    color: #ffffff;
}

#energy-saver #pc_maincontainer .pc_title {
    margin-top: 0;
    background: transparent;
}

.h2-save-energy {
    color: white !important;
}

.energy-saver-content a.btn {
    background-color: var(--brown);
    padding: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
}

body:not(.home) .title-home {
	display: none;
}

p.p-save-energy {
    width: 65%;
    margin: auto;
}

/*
*   NEWSLETTER
*/
div#mc_embed_signup {
    width: fit-content;
}

div#mc_embed_signup {
    background: transparent !important;
}

div#mc_embed_signup_scroll {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#mc_embed_signup h2 {
    grid-column: -1 / 1 !important;
    margin: 0px !important;
    display: none;
}

#mc_embed_signup .indicates-required {
    grid-column: -1 / 1 !important;
    text-align: left !important;
    margin: -10px 0px 15px 0px;
}

.mc-field-group.email-field {
    grid-column: -1 / 0 !important;
}

.optionalParent {
    grid-column: -1 / 1 !important;
}

form#mc-embedded-subscribe-form {
    margin: 30px 0px !important;
}

.mc-field-group input {
    border-radius: 0px !important;
    border-width: 0px 0px 1px 0px !important;
    background: transparent;
}

.mc-field-group label {
    display: none !important;
}

/*
*   10.0 WPML
*/
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle,
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle:hover {
    background: transparent !important;
    width: fit-content !important;
	color: white !important;
	border: none;
    text-decoration: none;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	display: none !important;
}

li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-current-language.wpml-ls-last-item.wpml-ls-item-legacy-dropdown-click {
    width: fit-content;
}

span.wpml-ls-display {
    color: black;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    display: none;
}

button.iubenda-tp-btn.iubenda-cs-preferences-link {
    display: none !important;
}

ul.wpml-ls-sub-menu {
	width: fit-content;
}

.gfield_checkbox .gchoice a{
    font-size:12px;
}

.gfield_checkbox .gchoice a:hover{
    font-size:12px;
}

/* 11.0 BUTTON BOLOGNA */

.button_bookNowContainer_16d9de .button_bookNowButton_078c68 {
    background: white !important;
    color: #17586C !important;
    border-radius: 0 !important;
}

.button_bookNowContainer_16d9de .button_bookNowButton_078c68:hover{
    color: white !important;
    background-color: #17586C !important;
}

/* 12.0 Hotel Page */
.informazioni-hotel-page b{
    color:#D97253;
    border-color: #D97253;
    font-weight: 700;
}

.informazioni-hotel-page .elementor-icon-list-item:has(.elementor-icon-list-text b) .elementor-icon-list-icon svg {
    fill: #D97253;
}

/* 13.0 COMPARATORE */

.pc_gridContainer b{
    font-weight: 700;
}

@media (min-width:700px) {
    .pc_officialSite_priceNet{
        color: #219653 !important;
    }
}

.pc_officialSite_bonusTitle,.pc_officialSite_bonusText i{
    color: #219653 !important;

}

.pc_grid_item.pc_officialSite_link{
    background-color: #17586C !important;
}
.pc_grid_item.pc_director_link{
    background-color: #AA9D95 !important;
}

.pc_title.boxed{
    text-align: center;
}

/* 14.0 ANCORE */

div.ancora{
    height:0px;
    display:none;
    top:-130px;
    display: block;
    position: relative;
}

/* 15.0 NEWS */

.divisore-news .elementor-divider-separator{
    width: 5% !important;
    margin: auto !important;
}

/* 16.0 NEWSLETTER */

.appFormForm{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.ftype-TEXT.smsh_appform_singleline_col,.ftype-EMAIL.smsh_appform_singleline_col{
    width: 45%;
}

.newsletter-text p{
    margin-bottom:0px;
}

.name-form-newsletter input, .email-form-newsletter input{
    background:none !important;
    box-shadow: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important; 
}
.name-form-newsletter input:focus, .email-form-newsletter input:focus{
    --gf-local-outline-color:none !important;
    --gf-local-border-color:black !important;
    outline-style:none !important;
}
.email-form-newsletter input{
    inline-size: unset !important;
}
.gform_fields.top_label.form_sublabel_above.description_below.validation_below{
    row-gap:20px;
}

.ginput_container.ginput_container_checkbox input{
    background:none !important;
}
.ginput_container.ginput_container_checkbox input:focus{
    outline-style:none !important;
}

#gform_submit_button_1,#gform_submit_button_2,#gform_submit_button_3{
    background: none !important;
    color:#17586C !important;
    border-radius:0px !important;
    border-color:#17586C !important;
}

.gform_validation_error_link{
    font-size:12px !important;
}

/* 17.0 MAPPA */

.map-link{
    display: flex;
    justify-content: flex-end;
}

/* 18.0 OFFERTE */

.descrizione-offerte a{
    text-decoration: none !important;
}