﻿.nav-scroll .logo-wrapper .logo-img {
  width: 250px;
  margin-bottom: 0px;
}
.logo-wrapper .logo-img {
  width: 250px;
  text-align: center;
}

.footer .top .item .logo {
  width: 250px;
  margin-bottom: 15px;
}

.amenities .item .cont .text p {
  font-family: "Urbanist", sans-serif;
  font-size: 15px;
  line-height: 1.2em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
  padding: 0 0;
}

.footer a {text-decoration:none !important; background:none !important}
.footer .top .item .mail::before {
    background: none !important
}
.banner-header {
    position: relative;
    background-position: center;
    background-size: cover;
    padding-top: 225px !important;
    padding-bottom: 325px !important;
}
.amenities .item .cont .text {
  height: 120px;
  overflow: hidden;
}
/*-------------------------HOME PRICING-----------------*/

.pricing .item .cont .icon {
  display: flex; /* Rende le icone orizzontali */
  justify-content: center; /* Allinea al centro */
  align-items: center; /* Allinea verticalmente */
  gap: 10px; /* Aggiunge spazio tra le icone */
}
.pricing .item .cont .icon {
  flex-wrap: nowrap;
}


.map {
  -webkit-filter: none;
  filter: none;
  z-index: 9999;
  border-radius: 5px;
}

#DivMappa {
  height: 420px;
  width: 100%;
  position: relative;
  filter: none; /* Applica il filtro solo alla mappa */
}

#OL_Icon_22_innerImage {
  z-index: 9999;
  -webkit-filter: none;
  filter: none;
}

.newsletter ul {
  padding-left: 0 !important;
  color: #fff
}

  .newsletter ul a {
    color: #fff
  }

/
/*--------------------------------------------------*/
.form2 .head {
  background-color: #BD945A;
  border-radius: 5px 5px 0 0;
  padding: 30px;
}
/*--------Home booking form-------------*/


.form1 .col2 {
  float: left;
  width: 27%;
}

.form1 .col3 {
  float: left;
  width: 21%;
}

.form1 .col4 {
  float: left;
  width: 27%;
}

.form1 .col5 {
  float: left;
  width: 17%;
}

.form1 .col6 {
  float: left;
  width: 25%;
}

.input1_inner_number input {
  display: block;
  width: 100%;
  font-size: 17px;
  color: #fff !important;
  padding: 18.25px 40px 18.25px 20px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
}

.input1_inner_number::after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 23px;
  pointer-events: none;
  content: none;
  font-family: "themify";
  font-size: 17px;
  color: #fff;
  line-height: 1;
  font-weight: 400;
}

.input1_inner_number input::placeholder {
  color: #fff; /* Cambia il colore come preferisci */
  opacity: 1; /* Assicura che il colore sia visibile */
}

.booking-inner button[type="button"] {
  display: inline-block;
  height: auto;
  padding: 22px 27px;
  border: none;
  background-color: #BD945A;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  font-size: 17px;
}

  .booking-inner button[type="button"]:hover {
    border: none;
    background-color: #fff;
    color: #141414;
  }
/*-------#HoneySpot -------------*/
#HoneySpot {
  display: none;
  visibility: hidden;
}

.privacy {
  display: flex;
  align-items: center; /* Allinea verticalmente */
  gap: 0.5rem; /* Distanza tra il checkbox e il testo */
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1 !important;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal {
    position: fixed;
    top: 20px;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    outline: 0;
}

.input1_inner_form {
  position: relative;
  font-weight: 400;
}

  .input1_inner_form:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 23px;
    pointer-events: none;
    content: "\e6b6";
    font-family: "themify";
    font-size: 17px;
    color: #707070;
    line-height: 1;
    font-weight: 400;
  }

  .input1_inner_form input {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #707070;
    padding: 18.25px 40px 18.25px 20px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
    margin: 0;
  }

.input_text_wrapper.form-check {
  display: flex;
  align-items: center;
  gap: 10px; /* Spazio tra checkbox e label */
  height: 100%; /* Adatta l'altezza dell'input */
}

.form-check-input {
  width: 18px;
  height: 18px;
  appearance: none;
  background: #222;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: none;
  border: 2px solid rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .form-check-input:checked {
    background: #00c853;
    border-color: #00c853;
  }

  .form-check-input::before {
    content: "\2713"; /* Simbolo di spunta */
    font-size: 14px;
    color: white;
    text-align: center;
    line-height: 18px;
    display: none;
  }

  .form-check-input:checked::before {
    display: block;
  }

.form-check-label {
  font-size: 14px;
  color: #707070;
  cursor: pointer;
  display: inline-block !important;
}

/*------------Rooms List****************/
.section-padding-rooms {
  padding: 120px 0 60px 0;
}

/* =======Room Comfort (Accordion) style ======= */

#Rooom .section-subtitle {
  font-family: "Urbanist", sans-serif;
  font-weight: 800;
  margin-bottom: 10px;
  color: #BD945A;
  font-size: 24px;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 3px;
}
  #Rooom .page-list-text {
  margin-left: 0px;
}
#Rooom .accordion.block {
  display: flex;
  align-items: flex-start; /* Allinea l'icona in alto */
  gap: 10px; /* Aggiunge spazio tra icona e testo */
}

#Rooom .page-list-icon {
  flex-shrink: 0; /* Evita che l'icona si ridimensioni */
  margin-top: 5px; /* Aggiusta la posizione verticale */
}

#Rooom .page-list-text {
  flex-grow: 1; /* Permette al testo di occupare tutto lo spazio disponibile */
}

#Rooom .accordion-box {
  position: relative;
  padding: 0px;
}
#Rooom .icon-service {
  font-size: 28px;
  color: #BD945A;
}
#Rooom .accordion-box .block {
  position: relative;
  background: transparent;
  border: 0px solid rgba(203, 157, 85, 0.3);
  margin-bottom: 15px;
  border-radius: 10px;
}

    #Rooom .accordion-box .block.active-block {
      border-radius: 10px;
      border: 0px solid rgba(203, 157, 85, 0.3);
    }

    #Rooom .accordion-box .block:last-child {
      margin-bottom: 0;
    }

    #Rooom .accordion-box .block .acc-btn {
      position: relative;
      font-family: "Gilda Display", serif;
      font-size: 21px;
      line-height: 24px;
      font-weight: 400;
      cursor: pointer;
      padding: 5px 60px 5px 0px;
      color: #141414;
      transition: all 500ms ease;
    }

      #Rooom .accordion-box .block .acc-btn:hover {
        color: #141414;
      }

    #Rooom .accordion-box .block:hover .acc-btn:before,
    #Rooom .accordion-box .block:hover .acc-btn.active:before {
      background-color: #fff;
      color: #BD945A;
    }

    #Rooom .accordion-box .block .acc-btn:before {
      position: absolute;
      right: 20px;
      top: 23px;
      font-size: 14px;
      color: #BD945A;
      content: "\f107";
      font-family: "Font Awesome 6 Pro";
      transition: all 500ms ease;
      background: #fff;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border-radius: 100%;
    }

    #Rooom .accordion-box .block .acc-btn.active {
      background-color: transparent;
      color: #141414;
      border-radius: 10px 10px 0 0;
    }

      #Rooom .accordion-box .block .acc-btn.active:before {
        color: #fff;
        content: "\f106";
        font-family: "Font Awesome 6 Pro";
      }

    #Rooom .accordion-box .block .acc-content {
      position: relative;
      display: none;
      background-color: transparent;
      border-radius: 0 0 7px 7px;
      border-top: 0px solid rgba(203, 157, 85, 0.3);
    }

    #Rooom .accordion-box .block .content {
      position: relative;
      padding: 10px 0px;
    }

    #Rooom .accordion-box .block .acc-content.current {
      display: block;
    }

    #Rooom .accordion-box .block .content p {
      display: block;
      position: relative;
      color: #707070;
      margin-bottom: 0px;
    }
.RoomTextEvidence{
color:#BD945A;
font-weight:bold;
}



@media screen and (max-width: 1200px) {

    .logo-wrapper .logo-img {
        width: 180px;
        text-align: center;
    }
}
@media screen and (max-width: 900px) {

    .logo-wrapper .logo-img {
        width: 250px;
        text-align: center;
    }
}
    @media screen and (max-width: 991px) {
        #Rooom .accordion-box .block .acc-btn {
            padding: 20px 60px 20px 20px;
            font-size: 17px;
            line-height: 24px;
        }

            #Rooom .accordion-box .block .acc-btn:before {
                right: 25px;
                top: 18px;
            }

        #Rooom .accordion-box .block .content {
            padding: 20px;
        }
    }

    #faqs .animation-float1 {
        animation: float1 2000ms linear 400ms infinite alternate both;
    }

    .blog1 .item .cont {
        padding: 40px;
        position: relative;
        z-index: 2;
        border-radius: 0 0 5px 5px;
        height: 300px;
        overflow-y: hidden;
    }

    @keyframes float1 {
        0% {
            transform: translateY(30px);
        }

        50% {
            transform: translateY(20px);
        }

        100% {
            transform: translateY(10px);
        }
    }

    #faqs .animation-float2 {
        animation: float2 2000ms linear 400ms infinite alternate both;
    }

    @keyframes float2 {
        0% {
            transform: translateY(10px);
        }

        50% {
            transform: translateY(20px);
        }

        100% {
            transform: translateY(30px);
        }
    }
