/*
Theme Name: Quecchia immobiliare tema
Theme URI: http://themeforest.net/item/real-homes-wordpress-real-estate-theme/5373914
Template: realhomes
Description: Real Homes is a handcrafted WordPress theme for real estate websites. It offers purpose oriented design with all the useful features a real estate website needs. Real Homes theme facilitates its user on front end as well as on admin-side and makes properties management a breeze.
Author: Inspiry Themes
Author URI: https://www.inspirythemes.com/
Version: 3.17.0
Text Domain: quecchiaimmobiliare
Domain Path: /languages
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, light, one-column, two-columns, three-columns, four-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

----------------------------------------------------------------------------------------------------------------*/

/*
 *  Generali
 * 
 */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
    }
}

::-moz-selection {
    background-color: #002C50;
    color: #fafafa;
}

::selection {
    background-color: #002C50;
    color: #fafafa;
}

.inspiry-language-switcher {
    background-color: #002c50 !important;
}

/* Fix area interattiva pulsanti laterali */
.wpfm-floating-wh-wrapper ul {
    pointer-events: none;
}

.wpfm-floating-wh-wrapper ul li a {
    pointer-events: auto;
}


/*
 * Stili Mappa 
 * 
 */
.leaflet-popup-content .osm-popup-title {
    font-size: 18px;
}

.leaflet-popup-content .osm-popup-price {
    font-family: "Lato", Sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: var(--e-global-color-primary);
}

.rh_map .leaflet-container .leaflet-control-container .rh_leaflet_controls_zoom {
    bottom: unset;
    top: 125px;
}


/*
/* Homepage */
/*
/* --- Interazione form ricerca sopra mappa Homepage --- */
.quecchia-noevents {
    pointer-events: none;
}

.quecchia-events {
    pointer-events: auto;
}

.elementor-105 .elementor-element.elementor-element-9768c01 .rhea-listing-map {
    height: 80vh;
}

.home .rh_map {
    height: 110vh;
    width: 100%;
}

.home .rh_map #listing-map {
    height: 110vh !important;
    width: 100%;
}

/*.wrapper-home-sections { margin-top: -10vh !important; }*/
.wrapper-home-sections .rh_section {
    padding: 0 !important;
}

.wrapper-home-sections .rh_section section.elementor-section:not(.quecchia-noevents) {
    pointer-events: auto;
}

/* Attivo interazione delle singole Sections tranne le specifiche "-noevents" */

/* --- Fix heading styles from theme defined properies --- */
.rh_content h1, .commentlist article .comment-detail-wrap .comment-body h1, .rh_content h2, .commentlist article .comment-detail-wrap .comment-body h2, .rh_content h3, .commentlist article .comment-detail-wrap .comment-body h3, .rh_content h4, .commentlist article .comment-detail-wrap .comment-body h4, .rh_content h5, .commentlist article .comment-detail-wrap .comment-body h5, .rh_content h6, .commentlist article .comment-detail-wrap .comment-body h6 {
    margin: inherit !important;
}

.rh_section__content .rh_content h1,
.rh_section__content .commentlist article .comment-detail-wrap .comment-body h1,
.commentlist article .comment-detail-wrap .rh_section__content .comment-body h1 {
    font-weight: 700 !important;
}

.rh_section__content .rh_content h2,
.rh_section__content .commentlist article .comment-detail-wrap .comment-body h2,
.commentlist article .comment-detail-wrap .rh_section__content .comment-body h2 {
     font-weight: 600 !important;
}

.rh_section__content .rh_content h3,
.rh_section__content .commentlist article .comment-detail-wrap .comment-body h3,
.commentlist article .comment-detail-wrap .rh_section__content .comment-body h3 {
    font-weight: 600 !important;
}

.rh_section__content .rh_content h4,
.rh_section__content .commentlist article .comment-detail-wrap .comment-body h4,
.commentlist article .comment-detail-wrap .rh_section__content .comment-body h4 {
    font-weight: 700 !important;
}

.rh_section__content .rh_content h5,
.rh_section__content .commentlist article .comment-detail-wrap .comment-body h5,
.commentlist article .comment-detail-wrap .rh_section__content .comment-body h5 {
    font-weight: 400 !important;
}

.rh_section__content .rh_content h6,
.rh_section__content .commentlist article .comment-detail-wrap .comment-body h6,
.commentlist article .comment-detail-wrap .rh_section__content .comment-body h6 {
    font-weight: 700 !important;
}

.rh_map #map-head {
    height: 80vh !important;
}

/* Recensioni */
.quecchia-recensioni .rhea_testimonials_thumb_3 ul.slides {
    display: none;
}


/* Mappa e dettagli pagina sedi */
.quecchia-mappasedi .rhea-single-property-map {
    height: 50vh !important;
}

.quecchia-dettagli_sede .elementor-widget-wrap {
    width: calc(1140px / 2);
}

/* Form generale */
.rhea-field-type-message textarea {
    width: 100%;
}

/* Form ricerca homepage */
.quecchia-homesearch .rhea_price_slider_wrapper {
    background: none !important;
}

.quecchia-homesearch label {
    color: #fafafa;
}

.quecchia-homesearch .rhea_price_range {
    color: #fafafa !important;
}

.quecchia-homesearch .rhea_search_form_button {
    justify-content: center;
}

.quecchia-homesearch form .rhea_price_slider_field .rhea_price_slider_wrapper {
    max-height: 42px;
}

.quecchia-homesearch form .rhea_price_slider_field .rhea_price_slider_wrapper .rhea_price_range {
    margin: 0;
}

/* Form Ricerca Immobili e Homepage - Fix input da mobile */
@media (max-width: 768px) {
    /*form.rh_prop_search__form .dropdown .dropdown-menu .bs-searchbox { display: none; }*/
    .page-template-half-map-layout form.rh_prop_search__form,
    .single-property form.rh_prop_search__form {
        display: none;
    }
}

.page-template-half-map-layout form.rh_prop_search__form {
    display: none;
}

/* Form Ricerca Immobili e Homepage - Fix ordine Tipologie di Immobile */
.rh_prop_search__form .rh_type_field_wrapper #bs-select-2 ul, .rhea_search_form .rhea_types_field #bs-select-2 ul {
    display: flex;
    flex-direction: column;
}

.rh_prop_search__form .rh_type_field_wrapper #bs-select-2 ul li:first-child, .rhea_search_form .rhea_types_field #bs-select-2 ul li:first-child {
    order: 1;
}

.rh_prop_search__form .rh_type_field_wrapper #bs-select-2 ul li:nth-child(2), .rhea_search_form .rhea_types_field #bs-select-2 ul li:nth-child(2) {
    order: 2;
}

.rh_prop_search__form .rh_type_field_wrapper #bs-select-2 ul li:nth-child(3), .rhea_search_form .rhea_types_field #bs-select-2 ul li:nth-child(3) {
    order: 3;
}

.rh_prop_search__form .rh_type_field_wrapper #bs-select-2 ul li:nth-child(4), .rhea_search_form .rhea_types_field #bs-select-2 ul li:nth-child(4) {
    order: 4;
}

/* Pagina Ricerca Immobili - Lista e Mappa */
.rh_list_card__wrap .rh_list_card__map_wrap h3 {
    line-height: 0.2em;
}

.rh_list_card__wrap .rh_list_card__priceLabel .rh_list_card__price .price {
    font-weight: 700;
}

/* Pagina Dettagli Immobile */
.single-property-section {
    padding-top: 3rem;
}

.single-property-fullwidth .property-head-wrapper {
    background-image: none;
}

.single-property-fullwidth .property-head-wrapper .container {
    padding: 20px 36px 14px 36px;
    border-radius: 8px 8px 0 0;
    background-color: #002C50;
}

.rh_page__property .rh_page__property_price p.status {
    color: #ffffff;
}

.rh_page__property .rh_page__property_title h1.rh_page__title {
    color: #ffffff;
    font-size: 3rem;
    margin: 12px 0 !important;
}

@media screen and (max-width: 1024px) {
    .single-property-fullwidth .property-head-wrapper .container {
        border-radius: 0;
    }

    .realhomes-round-corners.single-property .property-detail-slider-three {
        border-radius: 0;
    }

    .rh_page__property .rh_page__property_title h1.rh_page__title {
        font-size: 2.4rem;
    }
}

@media screen and (min-width: 768px) {
    .property-head-wrapper .rh_page__property .rh_page__property_title .rh_page__title {
        margin-bottom: 8px;
    }

    .single-property-fullwidth-flexslider .property-detail-carousel-three {
        bottom: 160px;
    }
}

.single-property-fullwidth .property-head-wrapper .container p.price {
    color: #FAFAFA;
    font-weight: 700;
}

.additional-details-content-wrapper ul.rh_property__additional li {
    display: flex;
    justify-content: space-between;
    padding-right: 5em;
}

/*.additional-details-content-wrapper ul.rh_property__additional li.empty { display: none; }*/
.additional-details-content-wrapper ul.rh_property__additional li .title {
    min-width: 0;
    padding-right: 0;
}

.features-content-wrapper.single-property-section {
    display: none;
}

@media (max-width: 480px) {
    .content-area.rh_property .energy-performance-content-wrapper .energy-class li {
        font-size: 0;
        line-height: 1.4rem;
    }

    .rh_property__energy_performance_wrap .energy-performance .energy-class li.current span {
        bottom: 20px;
    }
}

/*
 * Pagina Chi Siamo
 */
.quecchia-team-grid .elementor-widget-container .rh_wrapper__agents_elementor .rh_section__agents_elementor article.post-57 {
    display: none;
}


/*
 * Pagina Recruiting 
 */
.rhea-icon-list {
    padding: 0 38px !important;
}

/*
 * Pagina elenco Sedi 
 */

#post-304995 {
    border-radius: 0;
    background-color: #fafafa;
}

#post-304995 .rh_content {
    padding: 0;
}

/*
* Articolo blog
*/
article .entry-header.blog-post-entry-header .entry-meta.blog-post-entry-meta {
    display: none;
}

article .entry-content h3 {
    font-size: 3rem;
    font-weight: 400;
}

/*
 * Pagina Contatti
 */
.quecchia-contact .rhea-accordion-content {
    padding-bottom: 0 !important;
}

.quecchia-contactlist {
    margin-left: 3%;
}

.quecchia-contactlist li a {
    margin: 4px 0;
}

.quecchia-contactlist li a i,
.quecchia-contactlist li a span {
    margin: 0 0 0 12px;
}


/* Sticky header fix */
.rh_mod_sticky_header .rh_sticky_header_container {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .rh_mod_sticky_header .rh_sticky_header_container {
        max-width: 1280px;
        padding: 1.5rem 2rem;
    }
}

@media (min-width: 1140px) {
    .rh_mod_sticky_header .rh_sticky_header_container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media screen and (max-width: 767px) {
    header.rh_temp_header_large_screens {
        display: block !important;
        background-color: var(--rh-global-color-primary) !important;
    }
}

/* Footer fix */
@media (min-width: 480px) {
    .rh_widgets .widget_nav_menu .menu-item {
        width: 100%;
    }
}

.rh_footer .widget_nav_menu li:before {
    display: none;
}

.rh_footer h3 {
    font-size: 2rem !important;
    font-family: "Lato", Sans-serif !important;
    font-weight: 700 !important;
}

.rh_footer__logo img {
    height: 140px;
}


.title-property-2 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: 1.8rem;
}

.container-full .container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.container-full.beige {
    background-color: #f7f7f7;

}

.container-caratteristiche {
    padding: 3rem 0;
    width: 100%;
}

#content2 .agim-property-specs__title {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Lato", Sans-serif;
    font-weight: 700;
    color: #002c50;
    text-transform: none !important;
    border-bottom: none !important;
}

#content2 {
    padding: 0 !important;
}


/* PREFERITI */
.bg-bookmark .tfre-property-favorite .add {
    display: flex;
}

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

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

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

.bg-bookmark .tfre-property-favorite .add i,
.bg-bookmark .tfre-property-favorite .remove i {
    color: #5A5A5A;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 8px;
    align-items: center;
    display: flex;
    background: #fff;
    width: 30px;
    height: 30px;
    font-size: 14px;
    justify-content: center;
}


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


/* agim-property-detail */
.quecchia-specs {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.quecchia-specs__title {
    font-family: "Lato", Sans-serif !important;
    font-size: 1.8rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.quecchia-specs__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1.5rem;
    align-items: start;
}

.quecchia-specs__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 0;
    border-bottom: 1px solid #ececec;
}

.quecchia-specs__label {
    font-family: "Lato", Sans-serif;
    color: #64748b;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    text-transform: capitalize;
    color: #002c50 !important;
}

.quecchia-specs__value {
    font-family: "Lato", Sans-serif;
    text-align: right;
    font-weight: 400;
    font-size: 1.5rem;
    color: #1d1d1d !important;
}

@media (max-width: 768px) {
    .quecchia-specs__grid {
        grid-template-columns: 1fr;
    }
}

/* sezione form dettaglio immobile */
@media (max-width: 1024px) {
    #blocco-agenti {
        width: 100% !important;
        margin-top: 3rem !important;
    }
}

#blocco-agenti {
    width: 40%;
    margin-top: 0;

}


#immobili-simili .agim-cantiere-units__title {
    text-align: left !important;
    font-size: 1.8rem !important;
    line-height: 1 !important;
    font-family: "Bodoni Moda", Sans-serif !important;
    font-weight: 600 !important;
    margin: 2rem 0 !important;
    color: #002C50 !important;
    padding: 2rem 0;
}

.rh_prop_card .rh_prop_card__thumbnail img {
    width: 100%;
    height: 100%;
    transition: .2s transform linear;
    object-fit: cover;
    height: 30vh;
}


/*agente incaricato page-immobile */

#blocco-agenti .title {
    font-family: var(--agim-primary-font);
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin: 10px 0;
}

#blocco-agenti .container-agente-all {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
}

#blocco-agenti .container-agente-all .container-agente-img {
    width: 100%;
}

#blocco-agenti .container-agente-all .container-agente-img img {
    width: 100%;
}


#blocco-agenti .container-agente-all.has-agent-photo .container-agente-info,
#blocco-agenti .container-agente-all .container-agente-heading + .container-agente-info {
    padding-top: 12px;
}

#blocco-agenti .container-agente-heading {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap: 20px;
}

#blocco-agenti .container-agente-all .container-agente-info {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    gap: 15px;
}

#blocco-agenti .container-agente-all .container-agente-info .contatti {
    background-color: transparent !important;
    width: auto !important;
    box-sizing: border-box;
    text-align: left !important;
    padding: 0 !important;
    border-radius: 0 !important;
    transition: none !important;
    color: gray !important;
    text-transform: capitalize !important;
}
.container-agente-info .contatti:hover {
    box-shadow: none !important;
}
.container-agente-info .contatti b {
    font-weight: 400 !important;
    color: #002C50 !important;
}
.container-agente-info .contatti b:hover {
    box-shadow: none !important;
    color: #002C50 !important;
}

#blocco-agenti .container-agente-heading .foto-agente {
    width: 40%;
}

#blocco-agenti .container-agente-heading .foto-agente img {
    border-radius: 4px;
}


#blocco-agenti .container-agente-heading .info-agente {
    width: 60%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

#blocco-agenti .container-agente-heading .info-agente .name {
    font-family: "Bodoni Moda", Sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    color: grey;
}

#blocco-agenti .container-agente-heading .info-agente .name {
    color: #54595f !important;
}

#blocco-agenti .container-agente-heading .info-agente p,
#blocco-agenti .container-agente-heading .info-agente span {
    margin: 0;
    padding: 0;
    text-align: left;

}

#blocco-agenti .container-agente-heading .name {
    color: var(--agim-primary-color);
    font-family: var(--agim-primary-font);
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0.75rem 0 0.25rem;
}

#blocco-agenti .container-agente-heading .ruolo {
    font-family: var(--agim-primary-font);
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: #666;
}

.rh_prop_card__thumbnail .bookmark {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 6;
    overflow: visible;
}

.rh_prop_card__thumbnail .bookmark .bg-bookmark a {
    background-color: transparent !important;
}

.rh_prop_card__thumbnail .bookmark .bg-bookmark a div i {
    color: #ffffff !important;
    background-color: transparent !important;
    border: none !important;
}

/* gallery dettaglio immobile */
#property-top .agim-property-gallery--slider .slider-property-gallery {
    background: transparent !important;
    max-height: 80vh !important;
}

#property-gallery-main {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.agim-property-gallery--slider {
    max-width: 100% !important;
    margin: 0 !important;
    height: 94vh;
}

.agim-property-gallery--slider .agim-property-gallery__slide img {
    height: min(80vh, 560px) !important;
    min-height: 80vh !important;
}

.slider-property-gallery .slide {
    max-height: none !important;
}


#property-top .agim-property-gallery--slider .property-gallery-pager .property-gallery-thumb, .agim-property-gallery--slider .property-gallery-pager .property-gallery-thumb {
    padding: 0 0.2rem !important;
    margin: 0;
    cursor: pointer;
    opacity: 1 !important;
    transition: opacity 0.2s ease;

}

@media (max-width: 767px) {
    #property-top .agim-property-gallery--slider .property-gallery-pager, #immobile-dettaglio.agim-property-detail .agim-property-gallery--slider .property-gallery-pager, .agim-property-gallery--slider .property-gallery-pager {
        transform: translateY(-310px) !important;
    }
}

@media (max-width: 550px) {
    #property-top .agim-property-gallery--slider .property-gallery-pager, #immobile-dettaglio.agim-property-detail .agim-property-gallery--slider .property-gallery-pager, .agim-property-gallery--slider .property-gallery-pager {
        display: none;
    }
}

#property-top .agim-property-gallery--slider .property-gallery-pager, #immobile-dettaglio.agim-property-detail .agim-property-gallery--slider .property-gallery-pager, .agim-property-gallery--slider .property-gallery-pager {
    margin: 0 !important;
    padding: 0 15rem !important;
    background: transparent !important;
    border-radius: 0;
    line-height: normal;
    transform: translateY(-250px);
}

@media (max-width: 1200px) {
    #property-top .agim-property-gallery--slider .property-gallery-pager,
    #immobile-dettaglio.agim-property-detail .agim-property-gallery--slider .property-gallery-pager,
    .agim-property-gallery--slider .property-gallery-pager {
        padding: 0 3rem !important;
    }
}

@media (max-width: 1024px) {
    #property-top .agim-property-gallery--slider .property-gallery-pager,
    #immobile-dettaglio.agim-property-detail .agim-property-gallery--slider .property-gallery-pager,
    .agim-property-gallery--slider .property-gallery-pager {
        padding: 0 2rem !important;
    }
}

#property-top .agim-property-gallery--slider .slider-property-gallery {
    border-radius: 0 !important;
    overflow: hidden;
    position: relative;
}

/* Frecce gallery: visibili e dentro il viewport su tablet/mobile */
.agim-property-gallery--slider .slider-property-gallery .slick-prev,
.agim-property-gallery--slider .slider-property-gallery .slick-next {
    z-index: 5;
}

.agim-property-gallery--slider .slider-property-gallery .slick-prev {
    left: 0.75rem;
}

.agim-property-gallery--slider .slider-property-gallery .slick-next {
    right: 0.75rem;
}

@media (max-width: 1024px) {
    .agim-property-gallery--slider .slider-property-gallery .slick-prev {
        left: 0.5rem;
    }

    .agim-property-gallery--slider .slider-property-gallery .slick-next {
        right: 0.5rem;
    }
}

#immobile-dettaglio.agim-property-detail {
    max-height: 80vh;
    align-content: center;
}

#property-gallery-pager .slick-list.draggable .slick-next.slick-arrow {
    display: none;
}

#property-gallery-pager .slick-list.draggable .slick-prev.slick-arrow {
    display: none;
}

/*
.main-container-gallery .slick-slider .slick-track {
    opacity: 1 !important;
    width: 1190px !important;
    transform: translate3d(0px, 0px, 0px) !important;
}*/

.agim-property-gallery--slider .slick-prev, .agim-property-gallery--slider .slick-next {
    z-index: 2;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    background: #fff !important;
}

#property-gallery-pager .slick-prev.slick-arrow {
    display: none !important;
}

#property-gallery-pager .slick-next.slick-arrow {
    display: none !important;
}

.slick-lightbox-inner .slick-next::before,
.slick-lightbox-inner .slick-prev::before {
    background: transparent !important;
    font-size: 30px !important;
    opacity: 1 !important;
}

@media (max-width: 680px) {
    .dettagli-immobile--icons {
        row-gap: 40px !important;
    }
}

@media (max-width: 680px) {
    #content-ric form .ric_row {
        height: auto !important;
    }
}

@media (max-width: 640px) {
    .agim-search-layout-pill .agim-search-pill-white {
        padding: 0 !important;
    }
}

@media (max-width: 640px) {
    .agim-search-layout-pill .agim-search-fields--main {
        padding-top: 0.5rem !important;
    }
}

.slick-lightbox .slick-prev {
    left: 30px !important;
}
.slick-lightbox .slick-next {
    right: 30px !important;
}

/* Immobili di lusso: primary Elementor dedicato (solo su questa pagina) */
body.luxury {
    --e-global-color-primary: #121212;
    --agim-listing-accent: #121212;
}

body.luxury .container-agente-info .contatti b {
    font-weight: 400 !important;
    color: #121212 !important;
}