/*
Theme Name:     Hello Elementor Child
Theme URI:      http://www.ssd.it
Description:    Tema Child custom Agim per il tema Hello Elementor
Author:         SSD srl
Author URI:     http://www.ssd.it/
Template:       hello-elementor
Version:        0.1.0
*/

button.cta-button.correzione-bordo-colorato {
    background-color: transparent !important;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    font-family: var(--agim-primary-font);
    border: 1px solid #000000 !important;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    padding: 0.5rem 1.5rem !important;
    font-size: 20px;
    line-height: 20px;
    transition: all 0.3s;
    height: 40px !important;
    outline: 0 !important;
}
#elencoImmobili h2 a {
    text-transform: uppercase;
    font-family: "Raleway", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: var(--e-global-color-secondary);
    margin-left: 10px;
}

.elementor-location-header {
    width: 100% !important;
    position: fixed !important;
    z-index: 9 !important;
}

@media (min-width: 600px) and (max-width: 1089px) {
    #elenco-immo .item {
        max-width: 48%;
    }
}


@media (min-width: 1090px) {
    .due-colonne {
        display: grid; 
        grid-template-columns: 1fr 1fr; 
        gap: 10px;
        margin-bottom: 20px;
    }
    button.cta-button.correzione-bordo-colorato {
      
        outline: 0;
        margin-bottom: 0 !important;
    }
    #elenco-immo.col3 .item {
        max-width: 32.5%;
    }
}

button.cta-button.correzione-bordo-colorato:hover{
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

#ricerca form .property-search-form #select_typologies,
#ricerca form .property-search-form #select_cities
{
    width: 10vw;
    min-width: 8em;
    margin: 0 0 0 0 !important;
    border: 0px !important;
    background-color: transparent !important;
    color: black !important;
    height: 40px !important;
    text-align: center;
}

.ricerca-barra-unica {
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid black !important;
    padding: 10px;
    background-color: white;
    margin-left: 10px;
    height: 60px !important;
}

.ricerca-barra-unica .ric_row {
    flex: 1 1 22%;
    min-width: 150px;
    height: 40px !important;
}

.ricerca-barra-unica input[type="text"],
.ricerca-barra-unica select,
.ricerca-barra-unica .summary {
    width: 100%;
    box-sizing: border-box;
    /*padding: 8px;*/
    background-color: white;
    color: black;
}
.ric_row.code {
    min-height: 40px !important;
    border: 0px !important;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    font-family: var(--agim-primary-font);
}
.ric_row.locali, .ric_row.bathrooms, .ric_row.beds, .ric_row.price, .ric_row.area,
#ricerca-avanzata .beds input, #ricerca-avanzata .bathrooms input, #select_districts,
#select_cities, #select_typologies, #select_chart, #select_subtypology, #select_contract,
#select_price, #select_contratto, #select_area, #prezzo-min, #prezzo-max, #ricerca-codice {
    display: flex;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background-color: transparent !important;
    box-sizing: border-box;
    color: black !important;
    border-radius: 0 !important;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    padding: 0.2rem 0.5rem;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    font-family: var(--agim-primary-font);
}

input::placeholder {
    color: black !important;
}

textarea::placeholder {
    color: black !important;
}

.ric_row.price label, .ric_row.area label, .ric_row.locali label, .ric_row.bathrooms label, .ric_row.beds label, #select_districts label, #select_cities label, #select_typologies label, #select_chart label, #select_subtypology label, #select_contract select, #select_area select {
    background-color: #ffffff !important;
    color: #000000 !important;
    cursor: pointer;
    outline: 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    font-family: var(--agim-primary-font);
    width: 100%;
    border-radius: 0 !important;
}

/* elemento proprietà dell'elenco immobili */
.vetrina .item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    flex: 1 1 auto; /*add*/
    cursor: pointer;
    width: auto;  /*add*/
    margin: 0 5px;  /*add*/
    box-sizing: border-box;  /*add*/
    border: 0px solid black;
    border-radius: 0 !important;
    background-color: black !important;
    color: white !important;
    transition: all 0.3s ease-in-out;
}

.vetrina .item:hover{
    border-color: 10px solid #f0f0f0 !important;
    background-color: #111 !important;
}

.vetrina-content .item .contratto,
#elenco-immo .item .contratto {
    font-size: 20px;
    font-weight: 300;
    font-family: var(--agim-secondary-font);
    text-transform: uppercase;
}
.vetrina .item-info .location {
    font-size: 17px;
    font-weight: 600;
    font-family: var(--agim-secondary-font);
}
.vetrina .item-info .location strong{
    font-size: 15px;
    font-weight: 600;
    font-family: var(--agim-secondary-font);
    text-transform: uppercase;
}
.vetrina .item .item-info {
    min-height: 145px;
    background-color: #1D1C18;
    color: #FFFFFF !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 0px 0px 0px 0px;
    /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;*/
    transition: all 0.4s;
    padding-top: 1em;
}
.vetrina .item .item-info .price,
.vetrina .item .item-info .price small,
#elenco-immo .item .item-info .price,
#elenco-immo .item .item-info .price small{
    font-size: 17px;
    font-weight: 600;
    font-family: var(--agim-secondary-font);
    text-transform: uppercase;
}
.vetrina .item .item-info .rif,
#elenco-immo .item .item-info .rif {
    font-size: 13px;
    font-weight: 600;
    font-family: var(--agim-primary-font);
    text-transform: uppercase;
}

.vetrina .item-info .location,
#elenco-immo .item-info .location {
    color: #FFFFFF !important;
}

#elenco-immo .item-info .bottom {
    align-items: flex-end;
   
}

#elenco-immo .item .item-info .characteristics {
    font-size: 17px;
    font-weight: 300;
    font-family: var(--agim-primary-font);
    text-transform: uppercase;
    margin-top: 7px
}
.paged ul li.current {
    background: #fff;
    color: var(--agim-primary-color) !important;
    font-family: var(--agim-primary-font);
    outline: 0px;
    padding: 2px 10px;
   
  
    border-radius: 3px;
    margin: 10px;
}
.paged ul li.current a,
.paged ul li.current:hover a {
    color: var(--agim-primary-color) !important;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}
.paged ul li a {
    color: var(--agim-primary-color) !important;
    font-size: 18px;
    line-height: 18px;
  
}
.paged ul li:hover a {
    color: var(--agim-primary-color) !important;
    font-weight: 700;
}
.vetrina .item .foto {
    width: 100%;
    position: relative;
    max-width: 100%;
    min-height: 300px;
    aspect-ratio: var(--aspect-ratio);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0px 0px 0px 0px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.vetrina .slick-track {
    display: flex !important;
    gap: 0 !important;
}

.vetrina .slick-slide {
    height: auto;
    display: flex;
    justify-content: center;
}

.vetrina {
    padding: 0 !important;
    margin: 0 auto;
}


/* new */
.contract-options {
    display: flex;
    gap: 10px;
}

.contract-options label {
    text-transform: uppercase;
    background: #ffffff;
    padding: 10px 25px;
    border: 1px solid #000000 !important;
    border-radius: 0px;
    cursor: pointer;
    transition: background 0.3s ease;
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    font-family: var(--agim-primary-font);
}
#ricerca-avanzata .checkboxes label, #select_districts .multi_select li label, #select_cities .multi_select li label, #select_typologies .multi_select li label, #select_chart .multi_select li label, #select_price .multi_select li label, #select_contratto .multi_select li label, #select_subtypology .multi_select li label {

    font-size: 16px;
}
.contract-options input[type="radio"] {
    display: none;
}

.contract-options label:hover {
    background: black;
    color: white;
}

.contract-options input[type="radio"]:checked + label {
    background: black;
    color: white;
}

.contract-options input[type="radio"]:checked + label span {
    color: white;
    background: black;
}

@media (min-width: 1090px) {
    .container-select-top {
        height: auto;
    }
    #ricerca form .property-search-form .code {
        height: 40px;
    }
}

.main-container-gallery {
    width: 100%;
    display: block;
    overflow: visible;
}

/* DETTAGLIO IMMOBILE */

.container-sito {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 40px 20px;
   
}
.colonna-sinistra {
    width: 70%;
}
.colonna-destra {
    width: 30%;
}
.colonna-sinistra,
.colonna-destra {
    min-width: 300px; /*larghezza minima per le colonne per evitare overflow*/
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid transparent;
    border-radius: 0;
}

@media (max-width: 768px) {
    .container-sito {
        flex-direction: column;
        padding: 20px 10px;
        gap: 20px;
    }
.ric_row.code{
    border-bottom: 1px solid #eee !important;
}
button.cta-button.correzione-bordo-colorato, .ric_row.price label, .ric_row.area label, .ric_row.locali label, .ric_row.bathrooms label, .ric_row.beds label, #select_districts label, #select_cities label, #select_typologies label, #select_chart label, #select_subtypology label, #select_contract select, #select_area select,
    .ric_row.locali, .ric_row.bathrooms, .ric_row.beds, .ric_row.price, .ric_row.area, #ricerca-avanzata .beds input, #ricerca-avanzata .bathrooms input, #select_districts, #select_cities, #select_typologies, #select_chart, #select_subtypology, #select_contract, #select_price, #select_contratto, #select_area, #prezzo-min, #prezzo-max, #ricerca-codice {
    font-size: 17px;
}
    .ricerca-barra-unica {
        flex-direction: column;
        height: auto !important;
        justify-content: center;
        align-items: center;
    }
    #ricerca form .property-search-form #select_typologies, #ricerca form .property-search-form #select_cities {
        width: 100%;
        min-width: 100%;
        padding-bottom: 10px;
        margin: 0 0 0px 0 !important;
        border: 0px !important;
        border-bottom: 1px solid #eee !important;
        background-color: transparent !important;
        color: black !important;
        height: 40px !important;
        text-align: center;
    }
    .ric_row.price label span, .ric_row.area label span, .ric_row.locali label span, .ric_row.bathrooms label span, .ric_row.beds label span, #select_districts label span, #select_cities label span, #select_typologies label span, #select_chart label span, #select_price label span, #select_contratto label span, #select_subtypology label span {
        justify-content: center;
    }
    .contract-options {
        display: flex;
        gap: 10px;
        padding: 10px 0px;
        margin-left: 10px;
    }
    .contract-btn {
        width: 50% !important;
    }
    #content-ric form .ric_row {
        margin-bottom: 0px;
    }
 .vetrina .item .item-info .price smal {
        font-size: 15px;
        margin-top: -3px;
    }
    .vetrina-content {
        padding: 0px
    }
    button.cta-button.correzione-bordo-colorato {
        width: 100%;
    }
}

.main-image {
    height: auto;
}



.menu-dettaglio {
    width: 100%;
    background: #fff;
    margin: 315px 0px 20px 0px;
    border-radius: 0;
}

#property-gallery-top {
    position: relative;
    z-index: auto;
}

.separatore {
    border: 0;
    height: 0.5px;
    width: 100%;
    background-color: #707070;
    margin: 20px 0;
}

.separatore2 {
    border: 0;
    height: 1px;
    width: 60%;
    background-color: #B8B8B8 !important;
    margin: 20px 0;
}
.mini-separatore {
    display: inline-block;
    border: 0;
    height: 1px;
    width: 75%;
    background-color: #707070 !important;
    margin: 5px 0 25px 0;
}
.separatore-menu {
    border: 0;
    height: 1px;
    width: 26%;
    background-color: #B8B8B8;
    margin: -5px 0 0 40px;
    display: block;
}

.tipo-contratto-con-separatore {
    text-align: left;
    margin: auto;
    margin-top: 50px;

}




.btn-submit-modulo-contatti-dettaglio-immobile {
    weight: 100%;
    padding: 10px;
    color: black !important;
    background-color: transparent !important;
    border: 1px solid black !important;
    border-radius: 0 !important;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: end;
    gap: 10px;
    text-align: end;
}
.btn-submit-modulo-contatti-dettaglio-immobile:hover {
    background-color: black !important;
    color: white !important;
    fill: white;
}
.btn-submit-modulo-contatti-dettaglio-immobile .arrow-icon {
    fill: black;
    transition: fill 0.3s ease;
}

.btn-submit-modulo-contatti-dettaglio-immobile:hover .arrow-icon {
    fill: white;
}

.modulo{
    width: 100%;
    border: 1px solid black;
    color: black;
    background-color: white;
    border-radius: 0;
    margin-bottom: 40px;
    padding: 16px;
}
.modulo form {
    text-align: left;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    width: 100%;
    border: none;
    border-radius: 0;
    margin-bottom: 12px;
    background-color: transparent;
    color: black;
    text-align: left;
}
label {
    width: 100%;
    border: none;
    border-bottom: none !important;
    border-radius: 0;
    background-color: transparent;
    color: black;
    text-align: left;
}

.riga-modulo {
    display:flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-between;
}

.riga-modulo .campo {
    flex: 1 1 25%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    /*border-bottom: 1px solid black !important;*/
 }

@media (max-width: 769px) {
    .riga-modulo .campo {
        flex: 1 1 100%;
    }
    .tipo-contratto-con-separatore {
        text-align: left;
        margin: auto;
        margin-top: 20px;
    }
    .tipo-contratto {
        margin: 0% 4% !important;
    }
    .colonna-sinistra, .colonna-destra {
        min-width: 300px;
        box-sizing: border-box;
        background-color: #ffffff;
        padding: 20px;
        border: 1px solid transparent;
        border-radius: 0;
        width: 100%;
        padding: 1% 4%;
        margin: 0px;
    }
    .dettaglio .w3-bar {
        gap: 0px;
        align-items: flex-end;
        padding-bottom: 0;
        position: relative;
    }
    #immobile-dettaglio {
        font-family: var(--agim-title-font);
        width: 100%;
        padding: 0px 0px;
    }
    .container-sito.dettaglio {
            flex-direction: column;
            padding: 0;
            gap: 0;
        
    }
    .property-gallery-grid {
        max-height: 100% !important;
    }
    .menu-dettaglio {
        width: 100%;
        background: #fff;
        margin: 0px 0px 20px 0px; 
        border-radius: 0;
        padding: 0% 0%;
    }
    .foto-team-invia-messaggio {
        margin-top: 0px;
    }
    .dettagli-principali::after {
        width: auto !important;
    }
    #elementor-popup-modal-44 .dialog-message {
        width: 80vw !important;
        height: 100vh !important;
        align-items: flex-start !important;
    }
}

.campo{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.campo label,
label[for="email"],
label[for="message"] {
    font-weight: 500;
    font-size: 14px;
    color: black;
    margin-bottom: 6px;
    text-transform: uppercase;
}

#modulo input[type="text"],
#modulo input[type="email"],
#modulo textarea {
    border: none;
    border-bottom: 1px solid black !important;
    background-color: transparent;
    padding: 8px;
    font-size: 12px;
    color: black;
    transition: border-color 0.3s;
    outline: none;
    width: 100%;
    border-radius: 0;
}
/*per l'effetto focus*/
#modulo input[type="text"]:focus,
#modulo input[type="email"]:focus,
#modulo textarea:focus {
    border-bottom: 2px solid black !important;
}

#modulo input::placeholder,
#modulo textarea::placeholder {
    color: black !important;
    opacity: 0.7; /* Opacità del placeholder */
}

textarea {
    resize: vertical;
    min-height: 100px;
}

.checkbox-container {
    margin: 20px 0;
    font-size: 10px;
}
.checkbox-label input[type="checkbox"] {
    margin-right: 8px;
}
.privacy-policy-link {
    color: black;
    text-decoration: underline;
}
.privacy-policy-link:hover {
    text-decoration: none;
}

.tipo-contratto {
    margin-left: 60px;
    font-size: 18px;
    border-bottom: 5px solid black;
    test-transform: uppercase !important;
    display: inline-block;
    padding-bottom: 6px;
}

.riferimento-immobile{
    font-size: 1.5rem;
    font-weight: 300;
}
.tit-immobile-dettaglio {
    font-size: 2.8rem;
    margin: 0;
    font-weight: 500;
}
.loc {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
}

table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
    background-color: white !important;
}

table.dettagli-pre,
table.dettagli-pre tr td,
table.dettagli-pre tr td h5 {
    border: 1px solid transparent;
    padding: 3px;
    background-color: #fff;
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    margin-left: 0;
}
table.dettagli-pre tr:hover td {
    background-color: #fff !important;
}

.btn-photos {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 0;
    padding: 6px 12px;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-photos i{
    font-size: 20px;
    color: black;
    transition: color 0.3s ease;
}


.btn-photos:hover{
    background-color: black;
    color: white;
}
.btn-photos:hover i{
    color: white;
}

/*bottone colonna di destra*/
.foto-team-invia-messaggio {
    display: flex;
    border-radius: 0;
    width: 100%;
    height: 125px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-align: center;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 22px;
}

.foto-team-invia-messaggio img {
    width: 120px;
    height: 100%;
    display: block;
    object-fit: cover;
}

.btn-invia-messaggio {
    flex: 1;
    display: flex;
    border: none;
    background-color: black;
    color: white;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    border-radius: 0;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.btn-invia-messaggio:hover {
    background-color: white;
    color: black;
    border: 1px solid black;
}

.btn-invia-messaggio .il-team{
    font-size: 16px;
    color: inherit;
    margin: 0px;
}

.btn-invia-messaggio .invia-mess{
    font-size: 14px;
    color: inherit;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.btn-invia-messaggio svg polygon {
    fill: currentColor;
}

.dettagli-spalla {
    font-size: 11px;
    text-transform: uppercase;
    color: #BD9D44;
}
.dati-spalla{
    font-size: 12px;
    text-transform: uppercase;
    color: black;
    padding-top: 0;
}

.dett-agg-caratt {
    margin-bottom: 20px;
}

.dettagli-aggiuntivi-caratteristiche{
    font-size: 20px;
    font-weight: 200;
    text-transform: uppercase;
}

.caratteristiche-section-title{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
    margin-bottom: 10px;
}

.caratteristica-immobile{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}
.tab-char {
    font-size: 15px;
}
.separatore-caratteristiche {
    border: 0;
    height: 1px;
    width: 100%;
    background-color: #B8B8B8;
    display: block;
    margin-left: 0 !important;
    margin-bottom: 19px;
}
/*sfondo dettaglio immobile*/
.elementor-section {
    position: relative;
}
.dettaglio-corpo {
    background: red; /*per adesso per controllare larghezze*/
}
/*fine sfondo dettaglio immobile*/

/*caratteristiche dettaglio immobile */
.w3-bar {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    padding-bottom: 0;
    position: relative;
}

.w3-bar-item {
    font-size: 14px;
    font-weight: 500;
    color: black;
    text-transform: uppercase;
    display: inline-block;
    padding: 0;
    margin: 0 8px;
    border-radius: 0;
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
}

.w3-bar-item .text-options {
    display: inline-block;
    border-bottom: 5px solid black;
    line-height: 1;
    padding-bottom: 8px;
}

.w3-bar-item.current {
    opacity: 1;
    border-radius: 0;
}

.w3-bar-item button{
    margin: 0 0 6px 0;
    border-radius: 0;
}


.sezione-desc-con-separatore {
    text-align: left;
}
.separatore-desc {
    height: 1px;
    width: 100%;
    background-color: #B8B8B8;
    margin: 0;
    border: none;
    display: block;
    position: relative;
    top: -6px;
}

.dettagli-principali {
     overflow: hidden;
     position: relative;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
 } 
.dettagli-principali::after {
    content: '';
    width: 100%;
    height: 0.5px;
    background: #B8B8B8;
    position: absolute;
    top: 50%;
    margin-left: 1rem;
}

body:not(.home) #elenco-immo .item {
 
    border: 10px solid #fff;
}
body:not(.home) #elenco-immo .item:hover {
 
    border: 10px solid #ddd;
}

[type=button]:not(.w3-bar-item):focus, [type=button]:not(.w3-bar-item):hover, [type=submit]:not(.w3-bar-item):focus, [type=submit]:not(.w3-bar-item):hover, button:not(.w3-bar-item):focus, button:not(.w3-bar-item):hover {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none;
}
.contract-btn {
    border: 0px solid black !important;
    padding: 10px;
    background-color: var(--agim-primary-color) !important;
    height: 60px !important;
    border-radius: 0px !important;
    font-weight: 300;
    text-transform: uppercase;
    font-family: var(--agim-primary-font);
    font-size: 24px;
    font-size: 20px !important;
    line-height: 20px;
    font-weight: 300 !important;
    color: #fff !important;

}
.contract-btn.active,
.contract-btn.active:hover,
.contract-btn:hover {
    background-color: #b5902c !important;
    border: 0px solid black !important;
    color: white !important;
}

  /* MOBILE: bottoni larghi e fissi in basso, stile WhatsApp*/
  .vetrina .item .foto::after {
    content: "";
    position: absolute;
    inset: 0;
    background: none !important;
    z-index: 1;
}
  @media (max-width: 768px) {

    .tit-immobile-dettaglio {
        font-size: 1.5rem;
        line-height: 1.2;
        margin: 0;
        font-weight: 500;
    }
    .w3-bar-item {
        font-size: 10px;
        margin: 0px;
        width: auto;
    }
    .fixed-buttons-corner {
        position: fixed;
        left: 20px;
        bottom: 60px;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .fixed-buttons-corner a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #b5902c;
        color: #fff;
        font-size: 28px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        transition: background 0.2s;
        text-decoration: none;
        animation: floatBtn 2.2s ease-in-out infinite;
      }
      @keyframes floatBtn {
        0% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
        100% { transform: translateY(0); }
      }
      .fixed-buttons-corner a.chiamaci {
        background: #b5902c;
      }
      .fixed-buttons-corner a:hover {
        filter: brightness(1.1);
        color: #fff;
      }
}


.fixed-buttons-corner {
    position: fixed;
    left: 20px;
    bottom: 60px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .fixed-buttons-corner a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #B5902C;
    color: #fff;
    font-size: 28px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: background 0.2s;
    text-decoration: none;
    animation: floatBtn 2.2s ease-in-out infinite;
  }
  @keyframes floatBtn {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
  }
  .fixed-buttons-corner a.chiamaci {
    background: #B5902C;
  }
  .fixed-buttons-corner a:hover {
    filter: brightness(1.1);
  }


/* foto immobile*/
        @media (min-width: 1090px) {
            #property-top .main-container-gallery {
              width: 100%;
            }
          }
  
         #property-top {
           width: 100%;
           display: block;
           overflow: visible;
           padding-bottom: 20px;
         }
  
          .property-gallery-grid {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            gap: 20px;
            max-width: 100%;
            width: 100%;
            margin: 20px auto;
          }
  
          .main-image {
            width: 100%;
          }
  
          .main-image img{
              width: 100%;
              height: auto;
              border-radius: 0;
              max-height: 600px;
              object-fit: cover;
              object-position: center;
          }
  
          .thumbnails {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: 10px;
            /*z-index: 10;*/
            position: relative;
          }
  
          .thumbnails img{
            width: 100%;
            aspect-ratio: 4 / 3;
            object-fit: cover;
            /*height: auto;*/
            border-radius: 0;
            cursor: pointer;
          }



@media (max-width: 768px) {
    .links11 {
        margin-top: 20px !important;
    }
}

@media (max-width: 768px) {
    .mobile-bottom-buttons {
       display: none !important;
    }
        .vetrina .item-info .location {
            padding: 0 1rem;
        }
    
}

.elementor-location-header.fixed .e-con-full {
	background: #1D1C18 !important;
}

.elementor-location-header.fixed .e-con-full .elementor-widget-heading{
	display: none !important
}

.slick-lightbox-close:before {
    font-size: 35px !important;
}


.slick-lightbox-close {
    border: 0px !important;
}