:root{
    --background-color: #faf5ee;
}
.yes-mobile{
    display: none;
}
#book-now-box {
    position: absolute;
    bottom: 60px;
    width: 50%;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
}
#book-now-content {
    padding: 10px;
    background-color: var(--background-color);
    width: 89%;
    margin-right: 1%;
    float: left;
}
#cform_dfrom, #cform_nights{
    width: 38%;
    margin-right: 1%;
    float: left;
}
.whatsapp-button {
    float: right;
    width: 10%;
    /* background-color: var(--background-color); */
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer-text{
    font-weight: 200;
    font-size: 0.6rem;
}
.form-control{
    background-color: #faf5ee;
    border: 1px solid #212529;
    border-radius: 0;
}
.btn-book-now{
    border-radius: 0!important;
}
.rooms-content{
    height: 95vh;
    padding-top: 5vh
}
.room-box{
    height: 50%;
    padding-top: .5rem;
    padding: .25rem;
}


::-webkit-scrollbar-button {
    display: none;
}
::-webkit-scrollbar {
    width: 10px;  /* Larghezza della barra di scorrimento verticale */
    height: 10px; /* Altezza della barra di scorrimento orizzontale */
}
::-webkit-scrollbar-track {
    background: #ede5bd;  /* Colore dello sfondo */
    border-radius: 5px;   /* Angoli arrotondati */
}
::-webkit-scrollbar-thumb {
    background: #d5ba98;  /* Colore della barra */
    border-radius: 5px;  /* Angoli arrotondati */
}
::-webkit-scrollbar-thumb:hover {
    background: #b7966d;  /* Colore della barra al passaggio del mouse */
}
* {
    scrollbar-width: thin;  /* "auto" o "thin" per una barra più sottile */
    scrollbar-color: #d5ba98 #ede5bd; /* Colore maniglia e sfondo */
}
.scrollable-content {
    scrollbar-width: thin;
    scrollbar-color: #b7966d #ede5bd;
}


#pop-up-button{
    z-index: 10;
}
#pop-up-button img, #pop-up-button-mobile img {
    width: 24px;
    height: 24px;
}
#pop-up-content{
    width: 30%;
}
.page-title{
    top: 5vh;
}
.menu-container{
    height: 90vh;
    font-weight: 200;
}
.btn-header-book{
    border: 0;
    background: transparent;
    /* font-weight: 200; */
    color: #212529;
    line-height: 1.4em;
}

.bold-mobile{
    font-weight: 200;
}
.font-weight-200{
    font-weight: 200;
}

.home-img-logo{
    background-size: contain;
    background-repeat: no-repeat;
    height: 12vh;
    width: 100%;
}


@media (max-height: 768px) {
    .contatti-box .bg-hotel{
        max-height: 70%;
        overflow-y: auto;
    }
    .reduce-text{
        font-size: 0.8rem!important;
    }
    .btn-header-book{
        line-height: 1.5em;
    }
}

@media (max-width: 1024px) {
    .btn-book-now{
        font-size: 14px;
        padding-top: 7px;
        padding-bottom: 8px;
    }
    .footer-text{
        font-size: 0.7rem;
    }
}


@media (min-width: 1024px) {
    .h-lg-100{
        height:100vh !important;
    }
}