.gd-place-details {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;  /* Utilizza la variabile per il padding */
    margin-bottom: var(--box-margin-bottom);  /* Utilizza la variabile per il margine inferiore */
	margin-top: 22px;
}

.gd-place-details ul {
    list-style-type: none;
    padding: 0;
}

.gd-place-details ul li {
    margin-bottom: var(--list-margin-bottom);  /* Utilizza la variabile per il margine inferiore degli elementi della lista */
    padding: 0;
    font-size: 10px;
    color: var(--text-color);  /* Utilizza la variabile per il colore del testo */
}

.gd-place-details ul li:before {
    content: "\2022";
    color: var(--bullet-color);  /* Utilizza la variabile per il colore del bullet */
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* Stile delle icone all'interno dei dettagli della proprietà */
/* Stile delle icone all'interno dei dettagli della proprietà */
.gd-place-details ul li img.feature-icon {
    width: 25px; /* Imposta la larghezza desiderata */
    height: auto; /* Imposta l'altezza automaticamente per mantenere le proporzioni */
    margin-right: 5px; /* Aggiunge un margine a destra per separare l'icona dal testo */
}

.geodir-tabs .location-title, .geodir-tabs .location-title-inner {
    display: flex;
    line-height: 20px;
    align-items: center;
    padding-bottom: 3px;
    }
    
    .geodir-tabs .location-title .geodir-post-meta-container {
    border-bottom: 0!important;
    padding: 0 0;
    }
    .geodir-tabs .location-title .location-title-inner * {
    padding-left:3px;
    }

/* Stile generale per il menu orizzontale */
.horizontal-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Stile per ciascuna voce di menu */
.horizontal-menu li {
    display: inline-block;
}

/* Stile per i link nel menu */
.horizontal-menu li a {
    display: block;
    padding: 10px 15px; /* Modifica i valori per regolare lo spazio tra i link */
    text-decoration: none;
    color: #333; /* Colore del testo */
    transition: background-color 0.3s;
}

/* Stile per lo stato attivo del link */
.horizontal-menu li.current-menu-item a {
    background-color: #f0f0f0; /* Colore di sfondo quando il link è attivo */
}

/* Effetto hover sul link */
.horizontal-menu li a:hover {
    background-color: #f0f0f0; /* Colore di sfondo durante l'hover */
}



.tofront {
    position: relative;
    z-index: 1;
    display: none;
}
h1, h2, h3, h4, .comments-area .comment-reply-title, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 800;
    margin: 0 0 0.5407911001em;
    color: #795548;
    clear: both;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], select, textarea, .select2-container .select2-selection--single {
    color: #795548 !important;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    padding: 0 0.75em;
    height: 2.6em;
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    border-radius: 1px;
    -moz-appearance: none;
    -webkit-appearance: none;
}
label {
    color: #795548;
	    font-weight: 800;
}
#sidebar-primary{
   position: -webkit-sticky !important;
		position: sticky !important;
		top: 0px;
		
		order: 1;
		height: 100%;
}
.site-header {
   position: sticky !important;
  top: 0px;
  z-index: 100;
	
}
.page-titlebar .page-titlebar-inner {
   
    display: none;
}
.bsui h4, .bsui .h4 {
    font-size: 0.8rem !important;
}
.bsui h5, .bsui .h5 {
    font-size: 1.0rem !important;
}
.bsui .list-group-item-action {
    width: 100%;
    color: #795548;
    text-align: inherit;
}
.page-titlebar {
    padding: 0px 0 0px;
}
.bsui h6, .bsui .h6 {
    font-size: 0.7rem;
}
.bsui .text-secondary {
    color: #1e73be!important;
	font-size: 0.7rem;
	margin-top: 0.7rem !important;
}
.bsui .mr-2, .bsui .mx-2 {
    margin-right: 0.4rem !important;
	margin-top: 0.8rem !important;
}
.bsui .iconbox.iconsmall {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 0.8rem;
}
.bsui h5, .bsui .h5 {
    font-size: 0.9rem;
}
/* Search Page 
body.geodir-page-search {
filter: grayscale(50%);
}
/*All GeoDirectory Archive Pages
body.geodir-archive {
filter: invert(50%);
}
/*GeoDirectory Place Archive Pages
body.post-type-archive-gd_place {
filter: invert(50%);
}
/*All GeoDirectory Single Detail Listing
body.geodir_custom_posts {
filter: hue-rotate(120deg);
}
/*GeoDirectory Single Place Detail Listings
body.single-gd_place {
filter: hue-rotate(120deg);
}
/*GeoDirectory Location Page – Get the page ID to create something like this
body.page-id-8 {
filter: grayscale(50%);
} */





/* Stili per il form di ricerca */
#search-form {
    display: flex; /* Imposta il display flessibile per disporre i campi in una riga */
    flex-wrap: wrap; /* Abilita il wrapping dei campi in caso di spazio insufficiente */
    justify-content: space-between; /* Distribuisce uniformemente i campi lungo l'asse principale (orizzontale) */
    align-items: center; /* Centra verticalmente i campi all'interno del contenitore */
    max-width: 1200px; /* Limita la larghezza massima per evitare che il form diventi troppo largo su schermi grandi */
    margin: 0 auto; /* Centra il form orizzontalmente */
}

.search-row {
    flex: 1 1 auto; /* Imposta il campo a crescere e a restringersi in base allo spazio disponibile */
    margin-bottom: 10px; /* Aggiunge uno spazio inferiore tra i campi */
}

.search-row label {
    display: block; /* Rende il label un blocco per consentire una nuova riga per il testo */
    margin-bottom: 5px; /* Aggiunge uno spazio inferiore tra il label e l'input */
    font-size: 14px; /* Imposta la dimensione del font per le label */
    color: #333; /* Colore del testo */
}

.search-row input[type="text"],
.search-row input[type="date"],
.search-row input[type="number"] {
    width: 100%; /* Imposta la larghezza del campo input al 100% per riempire lo spazio disponibile */
    padding: 8px; /* Aggiunge spazio interno al campo input */
    border: 1px solid #ccc; /* Aggiunge un bordo sottile al campo input */
    border-radius: 4px; /* Arrotonda gli angoli del campo input */
    box-sizing: border-box; /* Imposta il box-sizing per includere il bordo e il padding nel calcolo della larghezza */
    font-size: 14px; /* Imposta la dimensione del font per i campi di input */
    color: #333; /* Colore del testo */
    background-color: transparent; /* Rende il fondo trasparente */
}

#city {
    flex: 0 0 40%; /* Imposta il campo "Città" al 40% della larghezza */
}

#check-in,
#check-out {
    flex: 0 0 20%; /* Imposta i campi "Check-in" e "Check-out" ciascuno al 20% della larghezza */
}

#adults,
#children,
#search-button {
    flex: 0 0 10%; /* Imposta i campi "N. Adulti", "N. Bambini" e il pulsante "Cerca" ciascuno al 10% della larghezza */
    font-size: 14px; /* Imposta la dimensione del font per il pulsante */
    color: #333; /* Colore del testo */
    background-color: trasparent; /* Colore di sfondo */
    /*border: none; /* Rimuove il bordo */
    border-radius: 4px; /* Arrotonda gli angoli */
    cursor: pointer; /* Cambia il cursore al passaggio sopra il pulsante */
}

#search-button {
    margin-top: 16px; /* Aggiunge uno spazio superiore al pulsante "Cerca" */
margin-left: 16px;
}

#search-button {
        color: #fff; /* Colore del testo */
   }

.booking-content-container {
    display: flex;
}

.original-content {
    flex: 1;
}

.booking-form {
    flex: 1;
    margin-left: 20px; /* Aggiungi margine per separare le colonne */
}






/* Stile per la griglia responsiva */
.grid-container {
    display: grid;
    grid-template-columns: 1fr; /* Inizia con una colonna su schermi stretti */
    gap: 20px; /* Spazio tra le celle */
}

/* Stile per gli elementi della griglia */
.grid-item {
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
}

/* Stile per le immagini */
.grid-item img {
    max-width: 100%;
    height: auto;
}

/* Due colonne su schermi larghi */
@media screen and (min-width: 768px) {
    .grid-container {
        grid-template-columns: repeat(2, 1fr); /* Due colonne */
    }
}
.book-now {
    display: inline-block; /* Assicura che il pulsante venga visualizzato come blocco */
    margin-top: 10px; /* Aggiunge uno spazio superiore al pulsante */
}

/* Stili per il pulsante "Prenota" */
.book-now {
    display: inline-block; /* Assicura che il pulsante venga visualizzato correttamente */
    margin-top: 10px; /* Aggiunge uno spazio superiore al pulsante */
    background-color: #007bff; /* Colore di sfondo blu */
    color: white; /* Colore del testo bianco */
    border: none; /* Nessun bordo */
    padding: 10px 20px; /* Spaziatura interna del pulsante */
    border-radius: 5px; /* Arrotondamento degli angoli */
    cursor: pointer; /* Cambio di icona del cursore */
}