/*
Theme Name:   Proty Child Theme
Description:  Write here a brief description about your child-theme
Author:       Themesflat
Author URL:   https://protywp.themesflat.co/
Template:     proty
Version:      1.0.0
Tested up to: 5.8.1
Requires PHP: 5.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  proty-child-theme
*/
:root {
    --Primary: #D2B680;
    --White: #ffffff;
    --Line: #E3E3E3;
}
body.home header:not(.fixed-show) .logo img{
   
   filter: brightness(0) invert(1);
}
#header.header-default {
    background: #fff;
    /*box-shadow: 0px 55px 75px 0px #0000000D !important;*/
    opacity: 1;
}
.themesflat-boxed {
    overflow-x: unset !important;
}
@media (min-width: 1090px) {
    #elenco-immo.col2 .item {
        width: 49%;
        margin: 30px 0px;
        align-items: center;
        box-shadow: none !important;
    }
    #elenco-immo.col2 .item:hover {
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;

    }
}
#elenco-immo.con-lista .item {
    width: 100%;
    margin: 30px auto;
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
}
#elenco-immo.con-lista .item .foto {
    max-height: 250px;
    width: 70%;
}
#elenco-immo.con-lista .item .foto {
    border-radius: 10px 0px 0px 10px;
}
#elenco-immo.con-lista .item .item-info {
    min-height: 250px;
    border-radius: 0px 10px 10px 0px;
}
.vetrina .item .foto .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px !important;
    position: relative;
    z-index: 2;
}

.vetrina .item .foto .bottom {
    justify-content: flex-end;
    align-items: center;
    margin: 10px !important;
    position: absolute;
    z-index: 2;
    background-color: #ffffff !important;
    display: block;
    right: 7px;
    text-align: end;
    border: 1px solid #D2B680;
    border-radius: 10px;
    padding: 4px 12px !important;
    bottom: 4px;
    color: #D2B680;
    height: 35px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}


div:not(.cky-revisit-bottom-left) .tooltip:after, div:not(.cky-revisit-bottom-left) [data-tooltip]:after {
    z-index: 1000;
    padding: 8px 8px 30px 8px !important;
    top: -30px !important;
    border: 0px !important;
    width: 100px;
    text-align: center;
    border-radius: 4px;
    background-color: rgba(51, 51, 51, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 10px;
    line-height: 1.2;
}

.bg-bookmark .tfre-property-favorite .add {
  display: block;
}

.bg-bookmark .tfre-property-favorite .remove {
  display: none;
}

.bg-bookmark .tfre-property-favorite.saved .remove {
  display: block;
}

.bg-bookmark .tfre-property-favorite.saved .add {
  display: none;
}
.bg-bookmark .tfre-property-favorite .add i,
.bg-bookmark .tfre-property-favorite .remove i {
  color: #D2B680;
}


.bg-bookmark .tfre-property-favorite.saved .remove i {
  display: block;
}
.vetrina .item .foto .top .esclusiva {
     background-color: #D2B680;
     color: #fff;
     padding: 9px 25px;
     border-radius: 10px;
     font-family: "Raleway", sans-serif;
     font-size: 14px;
     line-height: 21px;
     font-weight: 400;
 }

.vetrina .item .foto .top .riferimento  {
    background-color: #ffffff;
    color: #D2B680;
    padding: 9px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
}
.vetrina .item .foto {
    width: 100%;
    position: relative;
    max-width: 100%;
    min-height: 250px;
    aspect-ratio: 2 / 3;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.vetrina .item .item-info {
    min-height: 160px;
    background-color: transparent !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    box-shadow: none !important;
    transition: all 0.4s;
    padding-top: 1em;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #E3E3E3;
}

#elenco-immo.col2 .item:hover {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
    border-radius: 10px;
}

.vetrina .item-info .bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: .4em 1em 1em 1em;
    border-radius: 0px 0px 10px 10px;
}

.vetrina .item-info .bottom .bookmark{
    background-color: #ffffff;
    color: #D2B680;
    padding: 9px 25px;
    border-radius: 10px;
    border: 1px solid #D2B680;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
}

.bottom {
    background-color: #ffffff;
    z-index: 2;
    position: relative;
    border-radius: 0px 0px 10px 10px;
}

.vetrina .item-info .typology {
    font-size: 30px;
    font-weight: 400;
    font-family: "Cormorant Garamond", serif;
    line-height: 43px;
    color: #333333;
}

.vetrina .item-info .location {
    color: #333333;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    margin: 5px 0px 0px 0px;
}

.vetrina .item-info .characteristics {
    color: #333333;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    margin: 15px 0px 15px 0px;
}

/* VETRINA DEL TEMA */
.tf-properties-wrap.grid5 .bottom-infor-features .list-text span.status-text {
    background: #D2B680 !important;
    padding: 12px 20px;
    font-weight: 400;
    font-size: 14px;
    margin: 10px;
    font-family: "Raleway", sans-serif;
    border-radius: 16px;
}

.tf-properties-wrap.grid5 .featured-property .bottom-infor-features {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 20px !important;
    left: 4px !important;
    right: 7px;
    z-index: 10;
}
.titolo-immo-vetrina{
    font-family: "Cormorant Garamond", Sans-serif; 
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    color: #D2B680;
    text-transform: uppercase;
    text-align: left;
}

.indirizzo-immo-vetrina{
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #333333;
    margin: 5px 0px 0px 0px;
    text-align: left;
}
.rife-immo-vetrina{
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 53px;
    font-weight: 400;
    color: #333333;
    text-transform: none;
    text-align: left;
}
.property-information .value {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #333333;
}
.tf-properties-wrap .properties-post .bottom-prop .prop-btn {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.tf-properties-wrap.grid5 .content .bottom-content {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ECECEC;
    padding-top: 18px;
    margin-top: 19px;
    align-items: center;
    width: 100%;
}

.tf-properties-wrap.grid5 .content .heading {
    margin-bottom: 14px;
    width: 100%;
}
.tf-properties-wrap.grid5 .content {
    padding: 24px;
    background: #fff;
    border-radius: 16px !important;
    position: absolute;
    bottom: 20px !important;
    left: 12px;
    right: 12px;
    z-index: 5;
}

.tf-properties-wrap.grid5 .content .description {
    all: unset;
    display: unset;
    flex-wrap: unset;
    column-gap: unset;
    row-gap: unset;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #333333;
}

.tf-properties-wrap.grid5 .content .bottom-content {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E3E3E3;
    padding-top: 18px;
    margin-top: 19px;
    align-items: center;
}

#elenco-immo .item-info .price {
    font-size: 30px;
    line-height: 43px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 0.7px;
    color: #333333;
    font-family: "Cormorant Garamond", serif;
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.dettaglio-vetrina {
    background-color: #ffffff;
    font-family: "Raleway", sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    padding: 5px 35px;
    border-radius: 16px;
    color: #D2B680 !important;
    border: 1px solid #D2B680;
}
.dettaglio-vetrina:hover {
    color: #ffffff !important;
    background-color: #D2B680;
}


.dettaglio-vetrina a {
    background-color: #ffffff;
    font-family: "Raleway", sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 36px;
    border-radius: 16px;
    color: #D2B680 !important;
    border: 1px solid #D2B680 !important;
}
.bottom a:hover, .bottom .copyright a:hover, .bottom .copyright span a:hover {
    color: #ffffff !important;
}

.titolo-elenco-immobili{
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0px;
}

.immobli-trovati{
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0px;
    margin-top: 5px;
}

.ricerca-avanzata{
    color: #333333;
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 45px;
    font-weight: 400;
    padding: 0;
    border: none;
}
.property-search-form{
    background-color: #ffffff;
    border-radius: 50px;
    border: 1px solid #E3E3E3;
    padding: 25px 25px;
    width: 100%;
}

.invia-btn-form{
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    line-height: 28px;
    color: #D2B680 !important;
    background-color: #ffffff;
    border: 1px solid #D2B680 !important;
    width: 100%;
    display: flex;
    text-align: center;
    padding: 5px;
    text-transform: none;
    justify-content: center;
}
.invia-btn-form:hover {
    color: #ffffff !important;
    background-color: #D2B680;
    border: 1px solid #D2B680 !important;
}

#ricerca-interna form .property-search-form #select_cities {
    width: 100%;
    border: 1px solid #E3E3E3;
    background-color: #ffffff !important;
    border-radius: 16px;
    padding: 0.35rem 1rem;
    margin: 0px;
    margin-bottom: 10px;
}



#select_cities .multi_select {
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    height: auto;
    left: 0;
    top: 33px;
    margin: 0;
    max-height: 40vh;
    min-width: 100%;
    overflow: auto;
    padding: 0;
    position: absolute;
    text-align: left;
    z-index: 3000;
    width: 127px;
    margin-left: 4px;
    padding-left: 10px;
    font-family: "Raleway", sans-serif !important;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
}

.ric_row.beds .multi_select.opened {
    display: block;
    overflow-x: hidden;
    font-size: 14px;
    font-family: "Raleway", sans-serif !important;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
}
#select_cities label.summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    font-family: "Raleway", sans-serif !important;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
}
/*
#select_cities .multi_select.opened,*/
/*#select_cities .multi_select.opened {
    font-family: "Raleway", sans-serif !important;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
    display: block;
    overflow-x: hidden;
}*/
.ric_row.price .multi_select.opened, .ric_row.area .multi_select.opened, .ric_row.locali .multi_select.opened, .ric_row.bathrooms .multi_select.opened, .ric_row.beds .multi_select.opened, #select_districts .multi_select.opened, #select_cities .multi_select.opened, #select_typologies .multi_select.opened, #select_chart .multi_select.opened, #select_price .multi_select.opened, #select_contratto .multi_select.opened, #select_subtypology .multi_select.opened {
    display: block;
    overflow-x: hidden;
    font-size: 14px;
    font-family: "Raleway", sans-serif !important;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
}

#select_cities .multi_select li label {
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 0px;
    height: 40px;
    background-color: #ffffff;
}



.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,
#ricerca-codice,
#camere-ricerca {
    margin: 0;
    width: 100% !important;
    background-color: #ffffff !important;
    box-sizing: border-box;
    color: #9B9B9B;
    border: 1px solid #E3E3E3;
    border-radius: 16px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    padding: 0.35rem 1rem;
    display: flex;
}
.custom-span-selection span{
    background-color: #ffffff !important;
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
}

.custom-span-selection {
    background-color: #ffffff !important;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    max-height: 25px !important;
    line-height: 16px;
    font-weight: 400;
    color: #9B9B9B;
    padding: 7px 2px 0px 0px;
}
.custom-span-selection option {
    background-color: #ffffff !important;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    max-height: 25px !important;
    line-height: 16px;
    font-weight: 400;
    color: #9B9B9B;
}

#select_cities .multi_select li label {
    padding: 0px;
    border-radius: 0px;
    width: 50%;
    background-color: #ffffff !important;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}

.elenco-localita{
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    background-color: #ffffff !important;
}

.titolo-servizi-aggiuntivi{
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 33px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 10px !important;
}
.ric_row.checkboxes label {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #333333;
    background-color: #ffffff !important;
    margin: 0;
}

.label-price {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #D2B680 !important;
    align-content: center;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 0;

}
.label-price input{
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #D2B680 !important;
    align-content: center;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 0;
}

.ric_row.code {
    margin: 0 !important;
    width: 100% !important;
    background-color: #ffffff !important;
    box-sizing: border-box;
    color: #9B9B9B;
    border: 1px solid #E3E3E3 !important;
    border-radius: 16px;
    justify-content: flex-start !important;
    align-items: center;
    /*flex-direction: row;*/
    padding: 0!important;
    display: flex !important;
}

.ric_row.submit button {
    padding: 11px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    font-size: 14px !important;
    line-height: 21px;
    height: 48px;
    text-transform: none;
    background-color: #ffffff;
    border: 1px solid #D2B680 !important;
    border-radius: 16px !important;
    color: #D2B680;
    text-align: center;
}

.ric_row.submit button:hover {
    background-color: #D2B680;
    color: #ffffff;
}
.ric_row.submit{
    margin: 10px 0px 10px 0px !important;
}

.ric_row.price-range{
    margin-bottom: 20px !important;
}


select, textarea,
textarea.form-control,
input[type="text"],
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.tfre-resset-password .reset_password_user_login,
select.form-control,
.select2-container--default
.select2-selection--single,
.select2-container--default
.select2-selection--multiple,
.nice-select {
    border-radius: 16px !important;
    height: unset;
    border: 1px solid #ECECEC;
    background-color: rgb(255, 255, 255);
    color: #2C2E33;
    /*padding: 0px 14px !important;*/
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0px !important;
    padding: 0.5rem 1rem !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.codice-immo-elenco{
    font-family: "Raleway", sans-serif;
    font-size: 14px !important;
    line-height: 28px;
    font-weight: 400;
    color: #9B9B9B;
    background-color: #ffffff !important;
    border: 1px solid #E3E3E3;
    width: 100% !important;
}
.ric_row input::placeholder {
    font-family: "Raleway", sans-serif !important;
}

select,
textarea::placeholder,
textarea.form-control,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.tfre-resset-password .reset_password_user_login,
select.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.nice-select {
    color: #9B9B9B !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 14px !important; 
    letter-spacing: 0em;
    padding: 0 10px !important;
    margin: 0 !important;

}

select, textarea::placeholder, textarea.form-control, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .tfre-resset-password .reset_password_user_login, select.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .nice-select {
    color: #A8ABAE;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
}

/****************************/
/* Nascondi il checkbox originale */
input[type="checkbox"] {
    display: none;
}

/* Stile per il contenitore del checkbox */
label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* Stile per il quadratino personalizzato */
label .inner {
    width: 20px;
    height: 20px;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Icona di spunta */
label .inner i {
    display: none;
    color: #333333;
}

/* Stato "checked" */
input[type="checkbox"]:checked + .inner {
    background-color: #D2B680;
    border-color: #E3E3E3;
}

input[type="checkbox"]:checked + .inner i {
    display: block;
}

#ricerca-avanzata .checkboxes label div.inner, #select_filters .multi_select li div.inner, #select_cities .multi_select li div.inner, #select_typologies .multi_select li div.inner, #select_subtypology .multi_select li div.inner {
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-right: 0.8em;
    z-index: 1;
    background: #ffffff !important;
    color: #E3E3E3 !important;
    line-height: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-slider-handle.ui-corner-all.ui-state-default:focus-visible{
    border: 1px solid #ffffff !important;
    background-color: #D2B680 !important;
}


/*aaaaaaaaaaaaaaaaa*/
/* container track */
#slider-range {
    height: 8px !important;              /* altezza track */
    background: #f0e6d8 !important;      /* colore linea non-riempita */
    border-radius: 8px !important;
    position: relative;
    margin: 12px 0;
}

/* parte "riempita" (a sinistra del handle o intervallo) */
#slider-range .ui-slider-range {
    background: #D2B680 !important;      /* oro */
    border-radius: 8px !important;
    height: 100% !important;
}

/* thumb / handle (Chrome/FF/Edge for jQuery UI) */
#slider-range .ui-slider-handle {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;       /* <- qui diventa pallina */
    background: #D2B680 !important;      /* colore interno */
    border: 2px solid #ffffff !important;/* bordo bianco come mockup */
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
    position: absolute !important;
    top: 50% !important;                 /* assicura allineamento cross-browser */
    transform: translateY(-50%) !important;
    cursor: grab !important;
}

/* focus / active */
#slider-range .ui-slider-handle:active,
#slider-range .ui-slider-handle:focus {
    outline: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.28) !important;
    cursor: grabbing !important;
}

/* opzionale: nascondi i bordi e gli stili di default della UI che possono dare effetto "quadro" */
#slider-range.ui-widget-content { box-shadow: none !important; border: 0 !important; }
/*slider range prezzo finito*/


/*PAGINAZIONE ELENCO IMMOBILI*/

.paged ul li.current {
    background: transparent;
    color: #fff !important;
    font-family: "Raleway", sans-serif;
    outline: 0px;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    border-radius: 16px;
    margin: 10px;
}
.paged ul li.current:hover a {
    color: #f5f5f5 !important;
    pointer-events: none;
}
.paged ul li:hover a {
    color: #D2B680;
    font-weight: 400;
}

.dettaglio_share_property a:hover {
 
    background-color: #D2B680;
    border: 1px solid #D2B680;
    transition: all 0.4s;
}
.current.button.small.grey{
    background-color: #D2B680;
    border: 1px solid #D2B680;
    border-radius: 16px;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    padding: 10px 20px;
    text-transform: none;
}
.elementor-lightbox .dialog-lightbox-close-button svg, .elementor-lightbox .elementor-swiper-button svg {

    width: 30px;
}
.button.small.grey{
    background-color: #ffffff;
    border: 1px solid #D2B680;
    border-radius: 16px;
    color: #D2B680;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    padding: 10px 20px;
    text-transform: none;
}
.paged ul li.current:hover a {
    background-color: #D2B680;
    border: 1px solid #D2B680;
    border-radius: 16px;
    color: #ffffff!important;
    pointer-events: none;
}


/* PAGE IMMOBILE */
.dettaglio_share_property a {
    color: #969696 !important;
    border: 1px solid #E3E3E3; 
}


.class-name-page-immobile #themesflat-content {
    padding-top: 2% !important;
}
.dettaglio-corpo {
    background: #ffffff;
}

#immobile-dettaglio {
    font-family: "Raleway", sans-serif;
    background-color: #ffffff;
    color: #333333;
    padding-bottom: 20px;
    margin-top: 0px;
    width: 1290px;
}

#immobile-dettaglio-2 {
    font-family: "Raleway", sans-serif;
    background-color: #ffffff;
    color: #333333;
    padding-bottom: 20px;
    width: 1290px;
    display: flex;
    margin: 30px auto;
    gap: 30px;
}

.property-gallery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr !important; /*divido in 2 colonne*/
    gap: 20px;
    max-width: 1290px;
    width: 100%;
    margin: 0;
    background-color: #ffffff !important;
    height: 600px !important;
    object-fit: cover !important;
    overflow: hidden !important;
    max-height: 100vh;
}

.property-gallery-grid .left {
    width: auto;
    height: 600px;
    object-fit: cover !important;
    overflow: hidden;

}
.property-gallery-grid .left img {
    display: grid;
    width: 100%;
    margin: 0;
    background-color: #ffffff !important;
    height: 600px !important;
    object-fit: cover !important; /* Forza l'immagine a riempire le dimensioni */
    overflow: hidden !important;
    border-radius: 50px !important;
}
.property-gallery-grid .img {
    aspect-ratio: 2 / 3;
}

.property-gallery-grid .right {
     display: grid;
     grid-template-rows: 1fr 1fr;
}
.property-gallery-grid .right img{
    height: 290px;
    width: 100%;
    object-fit: cover !important;
    object-position: center;
    border-radius: 50px;
}

.property-gallery-grid .right .top {
    width: auto;
    height: 250px;
    object-fit: cover;
    gap:20px;
}

.property-gallery-grid .right .bottom-bb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    background-color: #ffffff;
}
.property-gallery-grid .right .bottom-bb .sx,
.property-gallery-grid .right .bottom-bb .dx {
    width: auto;
    height: 240px;
    object-fit: cover;
    padding: 10px 0 0 0;
}

.dettagli{
    margin-top: 20px;
}

.btn-count-foto {
    position: relative;
    z-index: 2;
    left: 5%;
    bottom: 8%;
    background-color: #D2B680;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    border-radius: 4px;
    padding: 5px 15px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
}

.contenitore-destro {
    width: 315px !important;
    margin-bottom: 40px;
}
.contenitore-sinistro {
    width: 960px !important;
    margin-bottom: 40px;
}

.intestazione-immobile{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    padding: 20px 40px;
    border-radius: 50px;
    background-color: #ffffff;
    margin-bottom: 40px;
    justify-content: space-between;
    width: 960px !important;
}


.menu-caratteristiche-immobile{
    box-shadow: none;
    border: none;
    background-color: #ffffff;
    margin-bottom: 40px;
    justify-content: center;
    width: 960px !important;
}

/* ---------- PAGINAZIONE / paged ---------- */
.paged {
    width: 100%;
    box-sizing: border-box;
    margin: 20px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0;
}

/* lista orizzontale centrata */
.paged ul {
    list-style: none;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    white-space: nowrap;
}

/* ogni elemento */
.paged li {
    display: inline-block;
    line-height: 1;
}

/* default link/button */
.paged a.button.small.grey {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 15px;
    background: #ffffff;        /* colore base */
    color: #D2B680;
    border: 1px solid #E3E3E3;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none;
    cursor: pointer;
}

/* stato hover / focus per accessibilità */
.paged a.button.small.grey:hover,
.paged a.button.small.grey:focus {
    transform: translateY(-1px);
    background: #D2B680;
    color: #ffffff;
    opacity: 0.5;
    box-shadow: none;
    outline: none;
}

/* outline accessibile al focus via tastiera */
.paged a.button.small.grey:focus {
    box-shadow: none;
}

/* pagina corrente */
.paged li.current a.button.small.grey,
.paged li.current a.button.small.grey:hover {
    background: #D2B680;       /* scuro */
    color: #fff;
    border-color: #D2B680;
    transform: none;
    font-weight: 600;
    box-shadow: none;
}
.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: none !important;
}
/* frecce previous/next - dimensione più compatta */
.paged li a.button.small.grey i.fa {
    font-size: 14px;
    line-height: 1;
}

/* separatori (opzionale): se vuoi una linea tra gruppi */
.paged li.separator {
    padding: 0 6px;
    color: rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
}

/* stato disabilitato (se vuoi applicarlo via server) */
.paged a.button.small.grey.disabled,
.paged li.disabled a.button.small.grey {
    opacity: 0.45;
    pointer-events: none;
    transform: none;
    box-shadow: none;
}

/* RESPONSIVE: su schermi piccoli rendiamo i bottoni più compatti */
@media (max-width: 480px) {
    .paged ul {
        gap: 6px;
        padding: 6px;
    }
    #header-properties .left {
        width: 100% !important;
    }
   .immobli-trovati {
        margin-bottom: 10px !important;
   }
      .tf-properties-wrap .content {
            padding: 20px 20px !important;
        }
    
    .paged a.button.small.grey {
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        font-size: 14px;
        border-radius: 7px;
    }
    .paged li.current a.button.small.grey {
        min-width: 32px;
        height: 32px;
    }
}
/* FINE PAGINAZIONE */

/* Stile generale del select
.property-listing-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border: 1px solid #E3E3E3;
    border-radius: 16px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: #9B9B9B;
}*/

/*
.property-listing-header select {
    max-width: 150px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    color: #333;
    cursor: pointer;
}

.property-listing-header select option {
    background-color: #fff;
    color: #333;
    padding: 5px;
}

.property-listing-header select:focus {
    outline: none;
    border-color: #E3E3E3;
*/

/*BREADCRUMBS */
.top-detail {
    margin: auto;
    max-width: 1290px;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
}

#breadcrumbs,
#breadcrumbs span {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #969696;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

#breadcrumbs a {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #D2B680;
    margin-bottom: 20px;
}


.titolo-immobile{
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    color: #333333;
    text-transform: uppercase;
}

.prezzo-immobile{
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 37px;
    font-weight: 400;
    color: #333333;
}

.titolo-prezzo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.indirizzo-icone{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.icone-caratteristiche{
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
}

.riga-caratteristiche-principali-immobile{
    display: flex !important;
    width: 100%;
    justify-content: space-between;
}
.caratt-label-icon i{
    font-size: 30px;
    color: #333333;
    flex-shrink: 0; /* Impedisce all'icona di ridimensionarsi */
    border: 1px solid #E3E3E3;
    border-radius: 14px;
    padding: 10px;
}
.caratt-label-icon span{
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #969696;
    margin-left: 5px;
}
.caratt-label-icon{
    width: 24%;
    display: flex;
    align-items: center;
}


.contatta-banner {
    height: fit-content;
    position: sticky;
    top: 20px;
    align-self: flex-start;
    max-height: fit-content;

    box-sizing: border-box;
    padding: 20px 24px;
    box-shadow: none;
    border: 1px solid transparent;
    border-radius: 50px;
    background: linear-gradient(to bottom, #04264800 0%, #042648 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 85px;
}
.contatta-banner h4{
    font-size: 30px;
    line-height: 40px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    color: #ffffff;
}
.contatta-banner span{
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #ffffff;
}

.contatta-agente {
    width: 315px !important;
    padding: 20px 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    border-radius: 10px;
    background-color: #ffffff;
    margin-bottom: 40px;
    height: fit-content;
    top: 20px;
    align-self: flex-start;
    max-height: fit-content;
    max-width: 315px !important;
    min-width: 315px !important;
    box-sizing: border-box;
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    color: #333333;
}

.contatta-agente h2{
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 38px;
    color: #333333;
    font-weight: 300;
}


/**********************/
/**********************/
/* STILE PER MENU TAB IN DETTAGLIO IMOBILE */

/* Container generale */
.tabs{
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 200;
    color: #969696;
}

/* Nav (schede) */
.tabs__nav{
    display:flex;
    gap: 8px;
    position: relative;
    margin-bottom: 14px;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #E3E3E3;
    color: #969696;
}

/* Bottone singola scheda */
.tab{
    background: #ffffff;
    border: none;
    border-radius: 0;
    padding: 10px 20px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    color: #969696;
    transition: color .18s ease, transform .12s ease;
    position: relative;
    outline: none;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
}

/* stato attivo */
.tab[aria-selected="true"]{
    color: #333333;
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    border-radius: 10px 10px 0 0;

}

.tab:hover{
    background-color: transparent !important;
    color: #D2B680;
}
.tab:focus{
    background-color: transparent !important;
    color: #333333;
}

/* Indicatore grafico sotto le tabs */
.tabs__indicator{
    position: absolute;
    height: 3px;
    background: #E3E3E3;
    bottom: 0;
    left: 0;
    width: 0;
    border-radius: 3px;
    transition: transform .25s cubic-bezier(.2,.9,.3,1), width .25s cubic-bezier(.2,.9,.3,1);
    will-change: transform, width;
    pointer-events: none;
}

/* Pannelli */
.tabs__panels{
    min-height: 120px;
    border: 1px solid #E3E3E3;
    border-radius: 50px;
    padding: 20px 30px 20px 30px;
}

/* Stile pannello */
.tab-panel{
    animation: fadeIn .18s ease;
}

/* Nascondi i pannelli non attivi con attribute hidden (browser gestisce) */
.tab-panel[hidden]{ display: none; }

/* piccolo fade */
@keyframes fadeIn{
    from {opacity: 0; transform: translateY(6px);}
    to {opacity:1; transform: translateY(0);}
}

/* Responsive: su schermi piccoli schede full-width */
@media (max-width:640px){
    .tabs__nav{ gap:6px; }
    .tab{ padding:8px 10px; font-size: 14px; }
}


/*altro */
.btn-banner-dettaglio{
    background-color: #D2B680;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 36px;
    border-radius: 16px;
    color: #ffffff;
    border: 1px solid #D2B680;
    margin: 13px 0px 0px 0px;
    text-align: center;
}


#button-richiedi-info {
     width: 100%;
     background: #fff;
     margin: 0px 0px 20px 0px;
}

.form-title{
    font-size: 14px !important;
}

.titolo-sezione-dettaglio{
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.descrizione-dettagli{
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 50px;
}
.dati-immobile {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 300;
    color: #969696;
    margin-bottom: 20px;
    margin-top: 30px;
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 20px;
}

.titolo-sezione-immo{
    font-size: 30px;
    line-height: 53px;
    color: #333333;
    font-family: "Cormorant Garamond", serif;
    margin-top: 13px;
}
.detail-wrap {
    background-color: #D2B68010 !important;
    border-color: #D2B680 !important;
    padding: 30px;
    border: 1px solid;
    border-radius: 14px;
}

.list-2-cols {
    columns: 2;
}
.list-unstyled {
     padding-left: 0;
     list-style: none;
 }
.list-2-cols.list-unstyled li{
    border-bottom: 1px solid #EAE6DF !important;
}

/*
.block-content-wrap .detail-wrap li {
    border-color: rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid red !important;
}*/
.block-content-wrap .list-2-cols li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid black;
    padding: 10px 0;
    break-inside: avoid;
}

.elemento-lista-caratteristica{
    justify-content: space-between;
    display: flex;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 300;
    color: #333333;
    padding: 10px 0;
}
#ricerca-interna #ricerca-avanzata .checkboxes {
    margin-left: 0px !important;
}
#ricerca-interna #ricerca-avanzata .checkboxes label{ 
    width: 50% !important;
}
#ricerca-interna #ricerca-avanzata .checkboxes {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100% !important;
    margin-left: 0px !important;
}

#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 {
    padding: 0px;
    border-radius: 0px;
    height: 40px;
    width: 100%;
    margin-bottom: 0px !important;
}
.multi_select .category label{
    color: #D2B680 !important;
}
/* TOOLTIP */

[data-tooltip],
div:not(.cky-revisit-bottom-left)  .tooltip {
    display: inline;
    position: relative;
    cursor: pointer;
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
    margin-top: 60px
}

div:not(.cky-revisit-bottom-left) [data-tooltip]:before,
div:not(.cky-revisit-bottom-left) [data-tooltip]:after,
div:not(.cky-revisit-bottom-left) .tooltip:before,
div:not(.cky-revisit-bottom-left) .tooltip:after {
    position: absolute;
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    /*opacity: 1;*/
    pointer-events: none;
    /*-webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);*/
    transform: translateY(-12px)
}

div:not(.cky-revisit-bottom-left) .tooltip:before,
div:not(.cky-revisit-bottom-left) [data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

div:not(.cky-revisit-bottom-left) .tooltip:after,
div:not(.cky-revisit-bottom-left) [data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 100px;
    text-align: center;
    background-color: #000;
    background-color: rgba(51, 51, 51, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 10px;
    line-height: 1.2
}

div:not(.cky-revisit-bottom-left) [data-tooltip]:before,
div:not(.cky-revisit-bottom-left) [data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%
}

.l-5:before,
.l-5:after {
    left: 5%
}

.l-15:before,
.l-15:after {
    left: 15%
}

.l-25:before,
.l-25:after {
    left: 25%
}

.l-35:before,
.l-35:after {
    left: 35%
}

.l-45:before,
.l-45:after {
    left: 45%
}

.l-55:before,
.l-55:after {
    left: 55%
}

.l-65:before,
.l-65:after {
    left: 65%
}

.l-75:before,
.l-75:after {
    left: 75%
}

.l-85:before,
.l-85:after {
    left: 85%
}

.l-95:before,
.l-95:after {
    left: 95%
}

.l-none:before,
.l-none:after {
    display: none
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #000;
    border-top-color: rgba(51, 51, 51, 0.9)
}

[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    margin-left: -50px;
}

/* IMMOBILI SIMILI / SUGGERITI */
#immobili-simili {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonne di larghezza uguale */
    gap: 20px; /* Spaziatura tra le colonne */
    min-height: 400px;
    margin-bottom: 30px;
}
#immobili-sugge.item {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonne di larghezza uguale */
    gap: 20px; /* Spaziatura tra le colonne */
    min-height: 400px;
    margin-bottom: 30px;
}

#immobili-simili .item .foto .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 200px;
    position: relative;
    z-index: 2;
}
#immobili-simili .item .item-info {
    min-height: 182px;
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
    transition: all 0.4s;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
}

#immobili-simili .item .foto .top .esclusiva {
    background-color: #D2B680;
    color: #ffffff;
    padding: 8px 14px;
    border-radius: 10px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    top: 14px;
    left: 5px;
    position: absolute;
    z-index: 2;
}

#immobili-simili .item .foto .top .riferimento {
    background-color: #ffffff;
    color: #D2B680;
    padding: 8px 14px;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    top: 14px;
    right: 5px;
    position: absolute;
    z-index: 2;
}

.dettaglio-sugge{
        background-color: #ffffff;
        font-family: "Raleway", sans-serif !important;
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        padding: 5px 14px;
        border-radius: 16px;
        color: #D2B680 !important;
        border: 1px solid #D2B680 !important;
}
.dettaglio-sugge:hover {
    background-color: #D2B680;
    color: #ffffff !important;
    border: 1px solid #D2B680 !important;
}

.bottomm {
    background-color: #ffffff;
    z-index: 2;
    position: relative;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    justify-content: space-between;
    gap: 111px;
}

#header-properties .left {
    width: 66%;
    gap: 7px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.box-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 0px;
    gap: 7px;
    flex-wrap: wrap;
    flex-direction: column;
    width: 34%;
  }
  .box-title .group-layout {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 10px;
  }
  .box-title .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 10px;
  }
  .box-title .btn-layout {
    border-radius: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33px;
    width: 33px;
    border: 1px solid var(--Line);
  }
  .box-title .btn-layout:hover, .box-title .btn-layout.active {
    background-color: var(--Primary);
  }
  .box-title .btn-layout:hover svg path, .box-title .btn-layout.active svg path {
    stroke: var(--White);
  }
  .box-title .filter-popup {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    gap: 8px;
    font-size: 14px;
    line-height: 21px;
    color: var(--Heading);
    border-radius: 10px;
    border: 1px solid var(--Line);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .box-title .filter-popup:hover {
    background-color: var(--Primary);
    color: var(--White);
  }
  .box-title .filter-popup:hover svg path {
    stroke: var(--White);
  }
  /*
  .box-title .nice-select {
    width: 179px;
    height: 40px;
    border-radius: 10px;
    padding: 0 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  .box-title .nice-select::after {
    right: 18px;
  }
  .box-title .nice-select > span {
    font-size: 14px;
    line-height: 21px;
    color: var(--Heading);
  }
  .box-title.style-2 .nice-select {
    height: 54px;
    width: 100%;
    padding: 0 16px;
    border-radius: 16px;
  }*/

#header-properties .property-listing-header {
    display: flex;
    width: 70%;
    max-width: 230px;
}

/*ORDER BY */

.ordinamento-immo {
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    color: #9B9B9B;
}
.select-order-by-immo {
     font-size: 14px;
     font-family: "Raleway", sans-serif;
     color: #9B9B9B;
     border: 1px solid #E3E3E3;
     border-radius: 16px !important;
     height: 45px;
     width: 175px;
     padding: 9px 10px;
 }

.select-order-by-immo:hover {
    border: 1px solid #9B9B9B !important;
}
.select-order-by-immo option {
    font-size: 14px;
    font-weight: 300 !important;
    font-family: "Raleway", sans-serif !important;
    line-height: 18px;
    color: #9B9B9B;
    width: 175px;
    background-color: #ffffff;
}

.select-order-by-immo option:hover {
    background-color: #D2B680 !important;
    color: #ffffff;
    font-weight: 300 !important;
    font-family: "Raleway", sans-serif !important;
}

@media (max-width: 1366px) {
    #elenco-immo {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        width: 850px;
        transition: 0.5s ease-out;
    }
    #property-top {
        padding: 0 2%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        /* width: 850px; */
    }

    #immobile-dettaglio-2 {
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        display: flex;
        width: 840px !important;
        justify-content: center;
        flex-wrap: wrap;
    }
    .contenitore-sinistro {
        width: 100% !important;
        margin-bottom: 40px;
        /*margin-left: 9px;*/
    }
    .intestazione-immobile {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
        padding: 20px 40px;
        border-radius: 50px;
        background-color: #ffffff;
        margin-bottom: 40px;
        justify-content: space-between;
        width: 850px !important;
    }
    .menu-caratteristiche-immobile {
        box-shadow: none;
        border: none;
        background-color: #ffffff;
        margin-bottom: 40px;
        width: 850px !important;
    }

    .contenitore-destro {
        width: 100% !important;
        margin-bottom: 40px;
        display: flex !important;
        justify-content: space-between !important;
        padding: 0 4%;
        gap: 90px;
    }
    #elencoImmobili #header-properties {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 156% !important;
        margin-top: 20px;
        padding: 0;
    }
    #immobile-dettaglio {
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        margin-bottom: 20px;
        margin-top: 60px;
        width: 850px;
        height: fit-content;
    }

}

/* grandezze uguale alla query precedente ma bisogna cambiare i font */
@media (max-width: 1111px) {
    #elenco-immo {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        width: 600px;
        transition: 0.5s ease-out;
    }
    .vetrina .item .foto {
        width: 100%;
        position: relative;
        max-width: 100%;
        max-height: 100px !important;
        aspect-ratio: 2 / 3;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 10px 10px 0px 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
    }
    #property-top {
        padding: 0 2%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }

    #immobile-dettaglio-2 {
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        display: flex;
        width: 840px !important;
        justify-content: center;
        flex-wrap: wrap;
    }
    .contenitore-sinistro {
        width: 100% !important;
        margin-bottom: 40px;
        margin-left: 9px;
    }
    .intestazione-immobile {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
        padding: 20px 40px;
        border-radius: 50px;
        background-color: #ffffff;
        margin-bottom: 40px;
        justify-content: space-between;
        width: 850px !important;
    }
    .menu-caratteristiche-immobile {
        box-shadow: none;
        border: none;
        background-color: #ffffff;
        margin-bottom: 40px;
        width: 100% !important;
    }

    .contenitore-destro {
        width: 100% !important;
        margin-bottom: 40px;
        display: flex !important;
        justify-content: space-between !important;
        padding: 0 4%;
    }
    #elencoImmobili #header-properties {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100% !important;
        margin-top: 20px;
        padding: 0;
    }
    #immobile-dettaglio {
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        margin-bottom: 20px;
        margin-top: 60px;
        width: 850px;
        height: fit-content;
    }
}
@media (max-width: 846px) {
     /*  *, ::after, ::before {
        box-sizing: content-box !important;
    }*/
    .btn-count-foto {
        position: relative;
        z-index: 2;
        left: 5%;
        bottom: 8%;
        background-color: #D2B680;
        border-radius: 4px;
        padding: 5px 15px;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 600;
    }

    #elencoImmobili #header-properties {
        display: flex;
        justify-content: flex-start;
        width: 100% !important;
    }
    #breadcrumbs, #breadcrumbs span {
        display: none;
    }
    #elenco-immo {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        width: 600px;
        transition: 0.5s ease-out;
        justify-content: center;
        padding: 0 2%;
    }
    #immobile-dettaglio {
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        /*margin-bottom: -65px;
        margin-top: 60px;
        width: 600px;
        height: fit-content;*/
        width: 100%;
        display: flex;
        justify-content: center !important;
        padding: 0;
        margin: 0;
    }
    #property-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .property-gallery-grid {
        display: grid;
        grid-template-columns: 1fr 1fr !important; /*divido in 2 colonne*/
        gap: 20px;
        max-width: 600px;
        width: 100%;
        margin: 0;
        background-color: #ffffff !important;
        height: 600px !important;
        object-fit: cover !important;
        overflow: hidden !important;
        max-height: 100vh;
    }
    #property-top .left {
        width: 600px;
    }
    .property-gallery-grid .right .top {
        display: none;
    }
    .property-gallery-grid .right .bottom-bb {
        display: none;
    }

    .property-gallery-grid .left {
        width: auto;
        height: 600px;
        object-fit: cover !important;
        overflow: hidden;
    }
    .property-gallery-grid .right img {
        display: none;
    }
    .property-gallery-grid .left img {
        display: grid;
        width: 100%;
        margin: 0;
        background-color: #ffffff !important;
        height: 298px !important;
        object-fit: cover !important;
        overflow: hidden !important;
        border-radius: 50px !important;
    }
    #elencoImmobili #header-properties {
        align-items: flex-start !important;
    }
    #immobili-simili {
        display: none;
    }
    #immobile-dettaglio-2 {
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        padding-bottom: 20px;
        width: 600px !important;
        display: flex;
        margin: 30px auto;
        gap: 30px;
    }
    #immobile-dettaglio-2 .location{
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        font-size: 14px;
    }
    .dettaglio_share_property {
        margin: 0;
    }
    .contenitore-sinistro {
        width: 600px !important;
        margin-bottom: 40px;
        margin-left: 0;
    }
    .intestazione-immobile {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
        padding: 2% !important;
        border-radius: 50px;
        background-color: #ffffff;
        margin-bottom: 40px;
        justify-content: space-between;
        width: 100% !important;
    }
    .titolo-immobile {
        font-family: "Cormorant Garamond", serif;
        font-size: 28px;
        line-height: 30px;
        font-weight: 400;
        color: #333333;
        text-transform: uppercase;
        padding-top: 10%;
    }
    .menu-caratteristiche-immobile {
        box-shadow: none;
        border: none;
        background-color: #ffffff;
        margin-bottom: 40px;
        width: 600px !important;
    }
    .riga-caratteristiche-principali-immobile{
        display: flex !important;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: -10px;
        padding: 0;
        width: 100%;
        justify-content: space-between;
    }
    .caratt-label-icon{
        width: 100%;
        display: flex;
        align-items: center;
    }
    .dettaglio-suggeriti{
        display: none;
    }
    .contenitore-destro {
        width: 600px !important;
        padding: 0 50%;
        flex-wrap: wrap !important;
    }
    .contatta-agente {
        width: 600px !important;
        padding: 0;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
        border-radius: 10px;
        background-color: #ffffff;
        height: fit-content;
        align-self: flex-start;
        max-height: fit-content;
        font-family: "Raleway", sans-serif;
        margin-left: 4%;
    }
    .contatta-agente h2{
        font-family: "Cormorant Garamond", sans-serif;
        font-size: 28px;
        font-weight: 400;
        line-height: 40px;
        margin-top: 4%;
        margin-left: 4%;
    }
    .agent-details {
        margin: 0 4% 4% 4%;
    }
    .elementor-9234 .elementor-element.elementor-element-e9d4af5 .elementor-form-fields-wrapper {
        padding: 0 9% 0 2%;
        margin: 0;
    }
    .elementor .elementor-9182{
      /*  width: 600px !important;
        padding: 0 7% 0 0; */
    }
    .vetrina .item .foto {
        width: 100%;
        position: relative;
        max-width: 100%;
        aspect-ratio: 2 / 3;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 10px 10px 0px 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
        max-height: 100px;
    }

}


 @media (max-width: 555px) {
     /* *, ::after, ::before {
         box-sizing: content-box !important;
     }*/
     .nav-tab-filter .group-layout{
         display: none !important;
     }
     .box-title .group-layout {
         display: none !important;
     }

     .paged ul li {
         background: #fff;

         outline: 0px;
         padding: 2px 10px;
         font-weight: 700;
         font-size: 18px;
         border-radius: 3px;
         margin: 10px;
         cursor: pointer;
         width: 20px !important;
         text-align: center;
     }

     .btn-count-foto {
         position: relative;
         z-index: 2;
         left: 5%;
         bottom: 8%;
         background-color: #D2B680;
         border-radius: 4px;
         padding: 5px 15px;
         color: #FFFFFF;
         font-size: 14px;
         font-weight: 600;
     }

    #elencoImmobili #header-properties {
        display: flex;
        justify-content: flex-start;
        width: 100% !important;
    }
    #breadcrumbs, #breadcrumbs span {
        display: none;
    }
    #elenco-immo {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        transition: 0.5s ease-out;
        justify-content: center;
        padding: 0 2%;
    }
    #immobile-dettaglio {
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        margin-bottom: -65px;
        margin-top: 60px;
        width: 308px;
        height: fit-content;
    }
    #property-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .property-gallery-grid {
        display: grid;
        grid-template-columns: 1fr 1fr !important; /*divido in 2 colonne*/
        gap: 20px;
        max-width: 308px;
        width: 100%;
        margin: 0;
        background-color: #ffffff !important;
        height: 600px !important;
        object-fit: cover !important;
        overflow: hidden !important;
        max-height: 100vh;
    }
    #property-top .left {
        width: 308px;
    }
    .property-gallery-grid .right .top {
        display: none;
    }
    .property-gallery-grid .right .bottom-bb {
        display: none;
    }

    .property-gallery-grid .left {
        width: auto;
        height: 308px;
        object-fit: cover !important;
        overflow: hidden;
    }
    .property-gallery-grid .right img {
        display: none;
    }
    .property-gallery-grid .left img {
        display: grid;
        width: 100%;
        margin: 0;
        background-color: #ffffff !important;
        height: 298px !important;
        object-fit: cover !important;
        overflow: hidden !important;
        border-radius: 50px !important;
    }
    #elencoImmobili #header-properties {
        align-items: flex-start !important;
    }
    #immobili-simili {
        display: none;
    }
    #immobile-dettaglio-2 {
        font-family: "Raleway", sans-serif;
        background-color: #ffffff;
        color: #333333;
        width: 100% !important;
        display: flex;
        margin: 0px auto 30px auto;
        gap: 5px;
        padding: 2%;
    }
     #immobile-dettaglio-2 .location{
         font-family: "Raleway", sans-serif;
         background-color: #ffffff;
         color: #333333;
         font-size: 14px;
     }
     .dettaglio_share_property {
         margin: 0;
     }
    .contenitore-sinistro {
        width: 100% !important;
        margin-bottom: 0px;
        margin-left: 0;
    }
    .intestazione-immobile {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
        padding: 2% !important;
        border-radius: 50px;
        background-color: #ffffff;
        margin-bottom: 40px;
        justify-content: space-between;
        width: 100% !important;
    }
    .dati-immobile {
        font-family: "Raleway", sans-serif;
        font-size: 14px;
        line-height: 28px;
        font-weight: 300;
        color: #969696;
        margin-bottom: 20px;
        margin-top: 30px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .detail-wrap {
        background-color: #D2B68010 !important;
        border-color: #D2B680 !important;
        padding: 10px;
        border: 1px solid;
        border-radius: 14px;
    }
     .titolo-immobile {
         font-family: "Cormorant Garamond", serif;
         font-size: 28px;
         line-height: 30px;
         font-weight: 400;
         color: #333333;
         text-transform: uppercase;
         padding-top: 0px;
     }
     .menu-caratteristiche-immobile {
         box-shadow: none;
         border: none;
         background-color: #ffffff;
         margin-bottom: 0px;
         width: 100% !important;
         padding: 2%;
     }
    .riga-caratteristiche-principali-immobile{
        display: flex !important;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: -10px;
        padding: 0;
        width: 100%;
        justify-content: space-between;
    }
    .caratt-label-icon{
        width: 100%;
        display: flex;
        align-items: center;
    }

     .contenitore-destro {
         width: 100% !important;
         display: flex !important;
         justify-content: center !important;
         flex-wrap: wrap !important;
         margin-bottom: 4%;
         padding:10px;
         gap: 0px;
     }
     .contatta-agente {
         width: 100% !important;
         max-width: 100% !important;
         padding: 2%;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px;
         border-radius: 10px;
         background-color: #ffffff;
         height: fit-content;
         align-self: flex-start;
         max-height: fit-content;
         margin: 0px;
         font-family: "Raleway", sans-serif;
     }
     .contatta-agente h2{
         font-family: "Cormorant Garamond", sans-serif;
         font-size: 28px;
         font-weight: 400;
         line-height: 40px;
         margin-top: 4%;
         margin-left: 4%;
     }
     .agent-details {
         margin: 0 4% 4% 4%;
     }
     #menu-main-menu-1 li:nth-last-child(-n+4) {
        width: 20%;
        float: left;
        margin-bottom: 20px;
      }
     /*
     .elementor-9234 .elementor-element.elementor-element-e9d4af5 .elementor-form-fields-wrapper {
         padding: 0 9% 0 2%;
         margin: 0;
     }
     .elementor .elementor-9182{
         width: 308px !important;
         padding: 0 7% 0 0;
     }*/
     .titolo-elenco-immobili {
         font-family: "Cormorant Garamond", serif;
         font-size: 28px;
         line-height: 30px;
         font-weight: 400;
         color: #333333;
         margin-bottom: 0;
         width: 100%;
     }

    .vetrina .item .foto {
        width: 100%;
        position: relative;
        max-width: 100%;
        aspect-ratio: 2 / 3;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 10px 10px 0px 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
        max-height: 100px;
    }
     .vetrina .item-info .typology {
         font-size: 28px;
         font-weight: 400;
         font-family: "Cormorant Garamond", serif;
         line-height: 32px;
         color: #333333;
     }
     .vetrina .item-info .characteristics {
         color: #333333;
         font-family: "Raleway", sans-serif;
         font-size: 14px;
         line-height: 28px;
         margin: 0 0 10px 0;
         padding: 0 !important;
         width: 100%;
     }
     .linea-grigia-dettaglio{
         width: calc(100% - 10px) !important;
         height: 1px;
         background-color: #E3E3E3;
         margin: 12px auto;
     }
     #elenco-immo .item-info .price {
         font-size: 28px;
         line-height: 30px;
         font-weight: 300;
         text-transform: capitalize;
         letter-spacing: 0.7px;
         color: #333333;
         font-family: "Cormorant Garamond", serif;
         display: flex;
         justify-content: space-between;
         width: 100%;
     }
     .paged {
         width: 100%;
         box-sizing: border-box;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         padding: 8px 0;
         margin: 10px 0 10px -10px;
     }
}

body:not(.home) #mainnav > ul > li.current-menu-item > a::after, body:not(.home) #mainnav > ul > li > a:focus::after, body:not(.home) #mainnav > ul > li > a.active::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background: #d2b680;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
}

 body:not(.home) #header .header-wrap {
    border-bottom: 1px solid #ffffff63;
    padding-bottom: 0px; 
    justify-content: space-between;
    margin-top: 0px;
}