/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/
/* Your CSS code goes here
-------------------------------------- */
/* Base root font-size */
html {
    font-size: 100%;
}
:root {
    /* Font Sizes */
    --font-size-xxs: 12px;
    --font-size-xs: 13px;
    --font-size-sm: 14px; /* - */
    --font-size-md: 15px; /* - */
    --font-size-base: 1rem;
    --font-size-lg: 18px; /* - */
    --font-size-xlg: 20px; /* - */
    /* Primary Colors */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-tangerine: #f17e01;
    --color-charcoal: #2c4251;
    --color-charcoal-navy: #1F3A4A; /* Titles Color */
    --color-green: #4f772d;
    --color-white-mist: #ffffff9c; /* border lines */
    --color-dark-gray: #333333;
    --color-link: #0066CC;
    --color-link-hover: #004999;
    /* Background Colors */
    --bg-color-white: #ffffff;
    --bg-color-tangerine: #f17e01;
    --bg-color-charcoal: #2c4251;
    --bg-color-gray-blue: #1f3a4a; /* bg copyright bar */
    --bg-color-green: #4f772d;
    --bg-inputs: #f8f9fa; /* Input Backgrounds */
    /* Font Weights */
    --font-weight-regular: 400; /* - */
    --font-weight-medium: 500; /* - */
    --font-weight-middle: 600;
    --font-weight-bold: 700; /* - */
    /* Border Radius */
    --border-radius-base: 3px;
    /* Font Family */
    --font-body: 'Open Sans', sans-serif;
    --font-heading: 'Montserrat', sans-serif;
}
/* Global body styles & custom-property definitions */
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: var(--font-weight-regular);
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--color-black);
    background: var(--bg-color-white);
    fonts-size: 1rem
}
/*======================================*/
/*========== MAIN TOPOGRAPHY ==========*/
/*====================================*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 2.25rem;
    margin-bottom: 1rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.022em;
}
.wpb_wrapper p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/* Base font sizes */
small {
    font-size: 0.889rem;
}
h1, .h1 {
    font-size: 2.986rem
}
h2, .h2 {
    font-size: 2.488rem
}
h3, .h3 {
    font-size: 2.074rem
}
h4, .h4 {
    font-size: 1.728rem
}
h5, .h5 {
    font-size: 1.44rem
}
/*** Main Title ***/
.main-title h1 {
    font-size: 3.815rem;
    line-height: 1.25;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.45);
}
.single.single-property .page-title h1 {
    font-size: 2.986rem;
    color: var(--color-charcoal-navy);
}
footer h2 {
    font-size: 1.44rem;
}
.single.single-property .block-title-wrap h2 {
    font-size: 1.5rem;
    line-height: 1.25
}
.single.single-property .block-title-wrap h3 {
    font-size: 20px;
}
.contact-two-col h2 {
    font-size: 2.074rem;
    margin-top: 0;
    color: var(--color-charcoal-navy);
    line-height: 1.1;
}
@media only screen and (max-width: 991px) {
    /* H1 */
    h1, .h1 {
        font-size: clamp(2.331rem, 6vw, 3.434rem);
        line-height: 1.15;
    }
    /* H2 */
    h2, .h2 {
        font-size: clamp(2.072rem, 5.5vw, 2.861rem);
        line-height: 1.20;
    }
    /* H3 */
    h3, .h3 {
        font-size: clamp(1.842rem, 5vw, 2.386rem);
        line-height: 1.25;
    }
    /* H4 */
    h4, .h4 {
        font-size: clamp(1.638rem, 4.5vw, 1.987rem);
        line-height: 1.30;
    }
    /* H5 */
    h5, .h5 {
        font-size: clamp(1.457rem, 4vw, 1.656rem);
        line-height: 1.30;
    }
}
@media only screen and (max-width: 991px) {
    /* H1 */
    .main-title h1 {
        font-size: clamp(2.587rem, 6vw, 3.815rem) !important;
    }
    .single.single-property .item-title.property-title-mobile,
    .single.single-property .content-wrap.property-wrap .page-title-wrap .page-title h1 {
        font-size: clamp(2.331rem, 6vw, 3.434rem);
        line-height: 1.1;
        color: var(--color-charcoal-navy)
    }
    .single.single-property .block-title-wrap h2 {
        font-size: clamp(1.638rem, 4.5vw, 1.987rem);
        line-height: 1.25
    }
    .contact-two-col h2 {
        font-size: clamp(1.842rem, 5vw, 2.386rem);
    }
}
@media only screen and (min-width: 771px) and (max-width: 991px) {
    .single.single-property .content-wrap.property-wrap .page-title-wrap .page-title h1 {
        font-size: clamp(1.842rem, 5vw, 2.386rem) !important;
        line-height: 1.25
    }
}
/*======================================*/
/*============= HEADER  ===============*/
/*=====================================*/
.header-columns {
    max-width: 1318px;
    margin: 0 auto;
}
.main-title h1 .highlight {
    color: var(--color-tangerine);
    display: block
}
.header-bottom .container-fluid {
    border-bottom: 1px solid var(--color-white-mist)
}
.header-v3 .header-bottom {
    border-bottom: none
}
/*===== Favorites ======*/
.header-top .container-fluid {
    background: var(--bg-color-tangerine);
    border-bottom: 2px solid var(--color-white)
}
.header-bottom .container-fluid {
    background: var(--bg-color-charcoal)
}
.header-v3 .header-inner-wrap .header-contact-wrap .header-contact {
    background-color: var(--bg-color-tangerine)
}
.header-v3 .header-contact {
    padding: 0;
}
/* container */
.top-bar-right ul.contact-bar {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 16px 0 0;
    height: 100px;
}
/* each item */
.top-bar-right ul.contact-bar li {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    color: var(--color-white)
}
.top-bar-right .contact-bar li.phone {
    margin-right: 40px;
}
.top-bar-right .whatsup img {
    height: 23px;
    width: auto;
    filter: brightness(0) invert(1);
}
.top-bar-right ul.contact-bar li i {
    font-size: 28px;
    margin-right: 10px;
    flex-shrink: 0;
}
.top-bar-right ul.contact-bar li span {
    font-size: 16px;
    line-height: 1.3;
}
.btn.btn-icon-login-register .material-icons {
    line-height: 1.6
}
.header-inner-wrap .login-link a:hover {
    color: var(--color-tangerine)
}
.header-inner-wrap a.favorite-btn:hover {
    color: var(--color-tangerine);
    background: var(--bg-color-charcoal)
}
/*===== HEADER SEARCH FORM =====*/
.houzez-search-form-js .nav-pills .nav-link {
    border: 1px solid var(--color-white)
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 14px;
}
.houzez-search-form-js .bootstrap-select .dropdown-item {
    padding: 9px 15px;
}
.houzez-search-form-js .dropdown-menu.inner.show li:first-child {
    background: rgba(44, 66, 81, 0.1)
}
.houzez-search-form-js .btn.dropdown-toggle.btn-light.bs-placeholder,
.houzez-search-form-js .elementor-field.form-control.elementor-size-xs.elementor-field-textual {
    border-radius: 3px;
}
@media only screen and (min-width: 767px) and (max-width: 800px) {
    .main-search-form .houzez-search-form-js .nav-pills a.nav-link {
        font-size: 14px !important;
    }
}
/*===== MOBILE =====*/
.header-mobile .logo img {
    margin-top: 6px;
}
.header-mobile-right i.material-icons {
    line-height: 1.5
}
/*=== Slide Buttons Elements ===*/
.nav-mobile .navi-login-register a.btn.btn-create-listing {
    background-color: var(--bg-color-charcoal);
    border: unset;
}
.nav-mobile ul li.register-link a,
.nav-mobile ul li.login-link a,
.nav-mobile ul li a.favorite-btn {
    color: var(--color-charcoal)
}
.nav-mobile ul li.register-link a:focus,
.nav-mobile ul li.register-link a:active,
.nav-mobile ul li.login-link a:focus,
.nav-mobile ul li.login-link a:active,
.nav-mobile ul li a.favorite-btn:focus,
.nav-mobile ul li a.favorite-btn:active {
    background: var(--bg-color-charcoal);
    color: var(--color-white)
}
.nav-mobile .logged-in-nav .btn-bubble {
    background: var(--bg-color-charcoal);
}
/*** Nav Mobile Slide ***/
.nav-mobile .main-nav ul li .dropdown-toggle:after {
    color: var(--color-white)
}
.nav-mobile .main-nav ul li ul li .dropdown-toggle:after {
    color: var(--color-black)
}
.nav-mobile:not(.houzez-nav-menu-main-mobile-wrap) .main-nav .nav-item a {
    color: var(--color-white);
    background: var(--bg-color-charcoal);
    border-bottom: 1px solid var(--color-white-mist)
}
.slideout-open .slideout-menu-right.open, .slideout-open .slideout-menu-left.open {
    height: 100%;
    background: var(--bg-color-charcoal);
    border-right: 2px solid var(--color-white-mist)
}
@media only screen and (min-width: 991px) {
    .top-bar-right .contact-bar .facebook a,
    .top-bar-right .contact-bar li.whatsup {
        display: none;
    }
}
/*=====================================*/
/*==========  FRONT PAGE  ============*/
/*===================================*/
/*========================================================*/
/*===== Recommended Properties - Heading & Subtitle =====*/
.line-below h2 {
    position: relative;
    margin: 0 auto 10px;
    display: table;
    font-weight: var(--font-weight-middle);
}
.line-below h2::before, .line-below h2::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
}
.line-below h2::before {
    height: 1px;
    background: #22222254;
}
.line-below h2::after {
    height: 4px;
    background: var(--bg-color-tangerine);
    width: 40%;
    left: 30%;
    bottom: -11.5px;
}
/*=========================================*/
/*============  SEARCH FORMS  ============*/
/*=======================================*/


/* --------------------------- */
/*           Inputs           */
/* ------------------------- */
.form-group .search-icon:before {
    color: var(--color-dark-gray);
}
.houzez-keyword-autocomplete.form-control::placeholder {
    color: var(--color-dark-gray);
}
.advanced-search-filters .flex-search .form-control::placeholder {
    color: var(--color-dark-gray);

}
.advanced-search-filters .flex-search .form-control::-webkit-input-placeholder {
    color: var(--color-dark-gray);

}
.advanced-search-filters .flex-search .form-control::-ms-input-placeholder {
    color: var(--color-dark-gray);

}
.advanced-search-filters .flex-search .form-control::-moz-placeholder {
    color: var(--color-dark-gray);

}
.advanced-search-v3 .houzez-keyword-autocomplete:focus,
.advanced-search-v3 .selectpicker + .btn:focus,
.advanced-search-v3 .form-control:focus {
    border-color: var(--color-tangerine);
    box-shadow: 0 0 0 3px rgba(241, 126, 1, 0.25);
    outline: none;
}
.single.single-property .houzez-keyword-autocomplete:focus,
.single.single-property .selectpicker + .btn:focus,
.single.single-property .form-control:focus {
    border-color: var(--color-tangerine);
    box-shadow: 0 0 0 3px rgba(241, 126, 1, 0.25);
    outline: none;
}
#advanced-search-filters .houzez-keyword-autocomplete:focus,
#advanced-search-filters .selectpicker + .btn:focus,
#advanced-search-filters .form-control:focus {
    border-color: var(--color-tangerine);
    box-shadow: 0 0 0 3px rgba(241, 126, 1, 0.25);
    outline: none;
}
.houzez-keyword-autocomplete:focus,
.selectpicker + .btn:focus,
.form-control:focus {
    border-color: var(--color-tangerine);
    box-shadow: 0 0 0 3px rgba(241, 126, 1, 0.25);
    outline: none;
}
.single.single-property .single.single-property .houzez-keyword-autocomplete:hover,
.single.single-property .selectpicker + .btn:hover,
.single.single-property .form-control:hover {
    color: var(--color-dark-gray);
}
.advanced-search-filters .filter-option-inner-inner {
    color: var(--color-dark-gray);
}
.houzez-keyword-autocomplete,
.advanced-search-filters .selectpicker + .btn,
.advanced-search-filters .form-control,
.advanced-search .form-control {
    background: var(--bg-inputs);
    color: var(--color-dark-gray);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* ---------------------------- */
/*          Buttons           */
/* ------------------------- */
/*** Main Button ***/
.advanced-search-v3 .btn.btn-search.btn-secondary.btn-full-width {
    border: unset;
    background: var(--bg-color-charcoal)
}
.advanced-search-v3 .btn.btn-search.btn-secondary.btn-full-width:hover {
    border: unset;
    background: var(--bg-color-tangerine)
}
/*** Subsidiary Buttons ***/
.advanced-search-v3 .btn.btn-light-grey-outlined:hover {
    color: var(--color-link-hover)
}
.advanced-search-v3 .btn.btn-light-grey-outlined:active {
    color: var(--color-link)
}
.advanced-search-v3 .btn.btn-light-grey-outlined:focus {
    color: var(--color-link)
}
/*** Tranzactie Dropdown Buttons ***/
.advanced-search-v3 .btn-apply,
.advanced-search-v3 .btn-clear {
    padding: 0 15px;
    background: var(--bg-color-charcoal);
    color: var(--color-white)
}
.advanced-search-v3 .btn-apply:hover,
.advanced-search-v3 .btn-clear:hover {
    background: var(--bg-color-tangerine);
    border: unset;
}
/*** Multi Select ***/
.dropdown-menu .actions-btn.btn.btn-light {
    background: var(--bg-color-charcoal);
    color: var(--color-white)
}
.dropdown-menu .actions-btn.btn.btn-light:hover {
    background: var(--bg-color-tangerine);
    color: var(--color-white)
}
/* ------------------------------- */
/*          Check Boxes           */
/* ----------------------------- */


.control--checkbox .control__indicator {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}


.control--checkbox:hover .control__indicator,
.control--checkbox input:focus ~ .control__indicator {
    background-color: #e0e0e0;
}


.control--checkbox input[type="checkbox"]:checked ~ .control__indicator {
    background-color: var(--color-link);
    background-color: var(--color-link-hover);

}


.control--checkbox input[type="checkbox"]:checked:hover ~ .control__indicator {
    background-color: var(--color-link-hover);
}












/* ----------------------------- */
/*          Dropdowns           */
/* --------------------------- */
.advanced-search-v3 .dropdown-menu {
    border: none;
    border-radius: 3px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.advanced-search-v3 .dropdown-menu .dropdown-item {
    transition: background 0.2s ease, color 0.2s ease;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:focus {
    background: rgba(44, 66, 81, 0.1)
}








/* ------------------------------- */
/*          Feature List           */
/* ------------------------------ */



.features-list, .filters-search-v3-other-features {
    padding-top: 20px;

}

.features-list-wrap .features-list label.control {

    margin-bottom: 5px

}
.features-list-wrap a.btn-features-list:hover {
    color: var(--color-link-hover)
}



/*===============================================*/
/*============  MOBILE Search Form  ============*/


/*** Mobile Search Form ***/
.advanced-search .form-control {
    background: var(--bg-inputs);
    color: var(--color-dark-gray);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}


.advanced-search-v1 houzez-keyword-autocomplete:focus,
.advanced-search-v1 .selectpicker + .btn:focus,
.advanced-search-v1 .form-control:focus {
    border-color: var(--color-tangerine);
    box-shadow: 0 0 0 3px rgba(241, 126, 1, 0.25);
    outline: none;
}

.form-group input.form-control::placeholder {
    color: var(--color-dark-gray);
}
.advanced-search-v1 input.form-control::placeholder {
    color: var(--color-dark-gray);
}
.advanced-search-v1 input.form-control::-webkit-input-placeholder {
    color: var(--color-dark-gray);
}
.advanced-search-v1 input.form-control::-ms-input-placeholder {
    color: var(--color-dark-gray);
}
.advanced-search-v1 input.form-control::-moz-placeholder {
    color: var(--color-dark-gray);
}
.advanced-search-v1 .advanced-search .form-control {
    color: var(--color-dark-gray);
}

.form-group .filter-option-inner-inner {
    color: var(--color-dark-gray);
}


.overlay-search-advanced-module .ui-slider-horizontal .ui-slider-range {

    background: var(--color-link)
}


.overlay-search-advanced-module .btn.btn-search.btn-secondary.btn-full-width  {
    background: var(--bg-color-charcoal);
    border: unset;
}
.overlay-search-advanced-module .btn.btn-search.btn-secondary.btn-full-width:hover  {
    background: var(--bg-color-charcoal);
    border: unset;
}
.overlay-search-advanced-module .btn.btn-search.btn-secondary.btn-full-width:focus,
.overlay-search-advanced-module .btn.btn-search.btn-secondary.btn-full-width:active {
    background: var(--bg-color-charcoal);
    border: unset;
}

.btn.save-search-btn.save_search_click.btn-secondary.btn-full-width {
    background: var(--bg-color-charcoal);
    border: unset;
    margin-left: 0
}



#features-list .control--checkbox {
    display: inline-flex;

    white-space: nowrap;



}


@media only screen and (max-width: 771px) {
    #features-list .features-list {
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 1rem;
        row-gap:    0.25rem;
    }

}

/*===================-===================*/
/*============  CARDS GRID  ============*/
/*====================-================*/
.cards-grid-wrap .item-wrap.item-wrap-v2.item-wrap-no-frame {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05),
    0 0 0 1px rgba(27, 31, 35, 0.15);
    transition: box-shadow 0.3s ease,
    transform 0.3s ease;
}
.cards-grid-wrap .item-wrap.item-wrap-v2.item-wrap-no-frame:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12),
    0 0 0 1px rgba(27, 31, 35, 0.20);
    /* lift the card */
    transform: translateY(-4px);
}
.cards-grid-wrap h2.item-title a {
    font-size: 1.17rem;
    transition: font-size 0.4s ease;
    color: var(--color-charcoal-navy);
    line-height: 1.3;
}
.cards-grid-wrap h2.item-title a:hover {
    font-size: 1.18rem;
}
.cards-grid-wrap .item-address {
    font-size: var(--font-size-md);
    color: var(--color-black);
    font-weight: var(--font-weight-medium)
}
.cards-grid-wrap .item-listing-wrap ul li {
    color: var(--color-black);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-sm);
}
.cards-grid-wrap ul li.item-price {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.9rem;
    font-weight: var(--font-weight-middle);
    color: var(--color-white);
    transition: background 0.25s;
    border-radius: var(--border-radius-base);
    background: var(--bg-color-charcoal)
}
.cards-grid-wrap .elementor-widget-container .item-tools {
    display: flex;
    gap: 7px;
    z-index: 5;
}
.cards-grid-wrap .elementor-widget-container .item-tools .item-tool > span {
    width: 34px;
    height: 34px;
    border-radius: var(--border-radius-base);
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #4F772D;
    color: var(--color-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}
.cards-grid-wrap .elementor-widget-container .item-tools .item-tool i {
    line-height: 1;
}
.cards-grid-wrap .elementor-widget-container .item-tools .item-tool > span:hover,
.cards-grid-wrap .elementor-widget-container .item-tools .item-tool > span:focus {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
/***** Labels *****/
.cards-grid-wrap .elementor-widget-container .labels-wrap .label-status,
.cards-grid-wrap .elementor-widget-container .label-featured.label {
    display: inline-block;
    padding: 4px 10px;
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-middle);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1;
    background: var(--bg-color-green);
    border: 1px solid var(--color-green);
    border-radius: var(--border-radius-base);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    transition: background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}
.cards-grid-wrap .elementor-widget-container .labels-wrap .label-status:hover,
.cards-grid-wrap .elementor-widget-container .label-featured.label:hover,
.cards-grid-wrap .elementor-widget-container .label-featured.label:focus,
.cards-grid-wrap .elementor-widget-container .labels-wrap .label-status:focus {
    background: #3d5f24;
    border-color: #3d5f24;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.20);
    transform: translateY(-2px);
    text-decoration: none;
    color: var(--color-white);
}
.cards-grid-wrap .elementor-widget-container .labels-wrap .label-status.is-active,
.cards-grid-wrap .elementor-widget-container .label-featured.label.is-active {
    border-color: var(--color-tangerine);
    background: var(--bg-color-tangerine)
}
.cards-grid-wrap .elementor-widget-container .labels-wrap .hz-label {
    display: inline-block;
    padding: 4px 10px;
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-middle);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    line-height: 1;
    background: var(--bg-color-tangerine);
    border: 1px solid var(--color-tangerine);
    border-radius: var(--border-radius-base);
    margin-left: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}
.cards-grid-wrap .elementor-widget-container .labels-wrap .hz-label:hover,
.cards-grid-wrap .elementor-widget-container .labels-wrap .hz-label:focus {
    background: #d76900;
    border-color: #d76900;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
    transform: translateY(-2px);
    text-decoration: none;
    color: var(--color-white)
}
.cards-grid-wrap .elementor-widget-container .item-title, .item-title a {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    display: block;
}
/*** Pagination ***/
.cards-grid-wrap .elementor-widget-container .pagination .page-link:hover {
    text-decoration: none;
    border-color: var(--color-charcoal)
}
.cards-grid-wrap .elementor-widget-container .pagination .page-link:focus {
    outline: 1px solid var(--color-charcoal);
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(79, 119, 45, 0.25);
}
/*** Img (hover) Carousel Arrows ***/
.cards-grid-wrap .listing-image-wrap button.slick-prev,
.cards-grid-wrap .listing-image-wrap button.slick-next {
    background: rgba(44, 66, 81, 0.70);
    width: 30px;
    height: 30px;
}
.cards-grid-wrap .listing-image-wrap button.slick-prev::before,
.cards-grid-wrap .listing-image-wrap button.slick-next::before {
    font-size: 15px
}
.cards-grid-wrap .elementor-widget-container img.etaj-icon {
    width: 25px;
    height: 25px;
    position: relative;
    top: -4px;
}
.cards-grid-wrap .elementor-widget-container li.h-etaj span {
    margin-bottom: 3px;
}
/*============================================*/
/*============  SINGLE PROPERTY  ============*/
/*==========================================*/
/* ---------------------------------------------------
   1.   Wrapper
--------------------------------------------------- */
.single.single-property .col-lg-8.col-md-12.bt-content-wrap {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05),
    0 0 0 1px rgba(27, 31, 35, 0.15);
    transition: box-shadow 0.3s ease,
    transform 0.3s ease;
    padding: 10px 10px;
    border-radius: 3px;
}
/* ---------------------------------------------------
   2.   Title + Address Strip
--------------------------------------------------- */
.single.single-property .page-title-wrap {
    padding: 20px 0 20px 0;
}
.single.single-property .mobile-property-title {
    padding: 0 10px 28px
}
/*** Breadcrumbs ***/
.breadcrumb-item.active {
    font-size: var(--font-size-sm);
    color: #333;
}
.breadcrumb-wrap .breadcrumb-item a {
    color: var(--color-link);
    font-size: var(--font-size-sm);
    text-decoration: none;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: transparent;
    transition: border-color 0.2s ease-in-out;
}
.breadcrumb-wrap .breadcrumb-item a:hover {
    color: var(--color-link-hover);
}
/*** / Breadcrumbs ***/
.single.single-property .item-price-wrap li.item-price {
    background: transparent;
    display: inline-block;
    border: 2px solid var(--bg-color-charcoal);
    color: var(--bg-color-charcoal);
    border-radius: var(--border-radius-base);
    padding: 6px 20px;
    font-size: 1.5rem;
    font-weight: var(--font-weight-middle);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}
.single.single-property .item-address {
    color: var(--color-dark-gray);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium)
}
@media only screen and (max-width: 771px) {
    .single.single-property .item-price-wrap li.item-price {
        font-size: var(--font-size-xlg);
    }
}
/* ---------------------------------------------------
   3.   Status / Custom labels
--------------------------------------------------- */
.single.single-property .property-labels-wrap .hz-label,
.single.single-property .mobile-property-title .hz-label {
    background: var(--color-tangerine) !important;
    border-color: var(--color-tangerine) !important;
}
.single.single-property .property-labels-wrap .hz-label,
.single.single-property .property-labels-wrap .label-status,
.single.single-property .mobile-property-title .hz-label,
.single.single-property .mobile-property-title .label-status {
    display: inline-block;
    padding: 4px 10px;
    font-size: var(--font-size-xxs);
    font-weight: var(--font-weight-middle);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1;
    background: var(--bg-color-green);
    border: 1px solid var(--color-green);
    border-radius: var(--border-radius-base);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    transition: background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
    color: var(--color-white)
}
.single.single-property .property-labels-wrap .label-status:hover,
.single.single-property .mobile-property-title .label-status:hover,
.single.single-property .property-labels-wrap .label-status:focus,
.single.single-property .mobile-property-title .label-status:focus {
    background: #3d5f24;
    border-color: #3d5f24;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.20);
    transform: translateY(-2px);
    text-decoration: none;
    color: var(--color-white);
}
.single.single-property .property-labels-wrap .label-status.is-active,
.single.single-property .property-labels-wrap .hz-label.is-active {
    border-color: var(--color-tangerine);
    background: var(--bg-color-tangerine)
}
.single.single-property .property-labels-wrap a.hz-label.label:hover,
.single.single-property .mobile-property-title a.hz-label.label:hover,
.single.single-property .property-labels-wrap a.hz-label.label:focus,
.single.single-property .mobile-property-title a.hz-label.label:focus {
    background: #d76900 !important;
    border-color: #d76900;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
    transform: translateY(-2px);
    text-decoration: none;
    color: var(--color-white)
}
/* -----------------------------------------------------------------
   4.   Action-icon buttons (favourite / share / print) - Mobile
------------------------------------------------------------------*/
.single.single-property .item-tools .item-tool > span {
    width: 38px;
    height: 38px;
    background: rgba(255, 255, 255, .9);
    border: 1px solid var(--color-green);
    border-radius: var(--border-radius-base);
    color: var(--color-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    transition: all .25s ease
}
.single.single-property .item-tools .item-tool > span:hover,
.single.single-property .item-tools .item-tool > span:focus,
.single.single-property .item-tool-favorite.active {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25)
}
/* ---------------------------------------------------
   5.   Gallery tabs (Gallery / Map)
--------------------------------------------------- */
.single.single-property .container .property-banner .nav-pills .nav-link {
    background: var(--color-white);
    color: var(--color-black);
    transition: all .25s ease;
    border-radius: var(--border-radius-base);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.single.single-property .container .property-top-wrap .property-banner .nav-pills li a.nav-link.active {
    background: var(--bg-color-charcoal) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.single.single-property .container .property-top-wrap .property-banner .nav-pills li a.nav-link#pills-gallery-tab:hover {
    background: var(--bg-color-charcoal);
    color: var(--color-white)
}
.single.single-property .container .property-top-wrap .property-banner .nav-pills li a.nav-link#pills-map-tab:hover {
    background: var(--bg-color-charcoal);
    color: var(--color-white)
}
.single.single-property .container .mobile-property-tools .nav-pills .nav-link.active {
    background: var(--bg-color-charcoal) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    border: unset;
}
.single.single-property .container .mobile-property-tools .nav-pills .nav-link {
    background: var(--color-white);
    color: var(--color-black);
    transition: all .25s ease;
    border-radius: var(--border-radius-base);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
/* ---------------------------------------------------
   6.   Section: Prezentare Generala
--------------------------------------------------- */
.single.single-property .property-overview-wrap ul .property-overview-item i.houzez-icon {
    font-size: 22px;
    color: var(--color-dark-gray);
}
.single.single-property .property-overview-item img.mr-1.etaj-icon {
    width: 25px
}
.single.single-property .property-overview-wrap ul li {
    color: var(--color-dark-gray);
    white-space: nowrap;
}
/* ---------------------------------------------------
   7.   Section headings (Overview, Details, etc.)
--------------------------------------------------- */
.single.single-property .block-title-wrap h2,
.single.single-property .block-title-wrap h3 {
    color: var(--color-charcoal-navy);
}
/* ---------------------------------------------------
   8.   Address
--------------------------------------------------- */
.single.single-property .property-view .property-address-wrap .block-title-wrap a.btn.btn-primary.btn-slim {
    background: var(--bg-color-charcoal);
    border: unset;
    padding-top: 1px !important;
    font-size: var(--font-size-xs) !important
}
.single.single-property .property-view .property-address-wrap .block-title-wrap a.btn.btn-primary.btn-slim:hover {
    background: var(--bg-color-tangerine);
}
/* ---------------------------------------------------
   9.   OTHER
--------------------------------------------------- */
.single.single-property .detail-wrap {
    background-color: rgba(44, 66, 81, 0.05);
    border: 2px solid #E9ECED;
}
.single.single-property .top-gallery-section img.img-fluid {
    border-radius: var(--border-radius-base)
}
.single.single-property ul li img {
    border-radius: var(--border-radius-base)
}
.single.single-property .show-more-less-btn span.btn-text {
    color: var(--color-link)
}
.single.single-property .show-more-less-btn span.btn-text:hover {
    color: var(--color-link-hover)
}
.single.single-property .slick-prev.slick-arrow,
.single.single-property .slick-next.slick-arrow {
    background: var(--bg-color-charcoal);
    border: 2px solid #ffffffe6;
}
.single.single-property .slick-prev.slick-arrow:hover,
.single.single-property .slick-next.slick-arrow:hover {
    background: var(--bg-color-charcoal);
    border: 2px solid #ffffffe6;
}
.single.single-property a.property-nav-link {
    color: var(--color-link)
}
.single.single-property a.property-nav-link:hover {
    color: var(--color-link-hover)
}
.single.single-property .property-nav-wrap .d-flex img {
    border-radius: var(--border-radius-base)
}
/*=========================================*/
/*============  CONTACT PAGE  ============*/
/*========================================*/
.contact-header h1 {
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}
.contact-map-wrap .gm-style-iw-t {
    display: none
}
.contact-map-wrap {
    margin-top: 80px;
    border-top: 4px solid #2c42512b;
}
.contact-map-wrap .elementor-column-gap-default .elementor-column > .elementor-element-populated {
    padding-bottom: 0;
    padding-top: 0;
}
/*=======================================*/
/*===== Left Col - Contact Details =====*/
.contact-two-col .left-col,
.contact-two-col .right-col {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05),
    0 0 0 1px rgba(27, 31, 35, 0.15);
    transition: box-shadow 0.3s ease,
    transform 0.3s ease;
    border-radius: 3px;
}
@media only screen and (max-width: 1170px) {
    .contact-two-col {
        padding: 0 30px 0 30px;
    }
}
@media only screen and (max-width: 771px) {
    .contact-two-col {
        padding: 0 30px 0 30px;
    }
    .contact-two-col .right-col {
        margin-top: 50px;
    }
}
.contact-two-col .contact-details {
    max-width: 600px;
    margin: 0 auto;
    color: var(--color-black)
}
.contact-two-col .right-col h2 {
    margin-bottom: 13px;
}
.contact-two-col .left-col h2 {
    margin-bottom: 30px;
}
.contact-two-col .contact-details .intro {
    margin-bottom: 1.5rem;
    font-size: var(--font-size-base)
}
.contact-two-col .contact-items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    font-size: var(--font-size-base)
}
.contact-two-col .contact-item {
    display: flex;
    align-items: flex-start;
}
.contact-two-col .contact-item .icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    border: 2px solid var(--bg-color-gray-blue)
}
.contact-two-col .contact-item .icon i {
    font-size: 20px;
    color: var(--color-charcoal)
}
.contact-two-col .contact-item .content h3 {
    margin: 0;
    color: var(--color-charcoal-navy);
    font-size: var(--font-size-lg)
}
.contact-two-col .contact-item .content p {
    margin: 0.25rem 0;
    line-height: 1.4;
}
.contact-two-col .contact-item .content .note {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: #333;
}
.contact-two-col .contact-item .content .note i {
    font-size: 16px;
    margin-right: 0.25rem;
}
.contact-two-col .contact-item .content .schedule-title {
    margin-bottom: 0.25rem;
}
.contact-two-col .contact-item .content .events {
    margin-top: 0.5rem;
}
.contact-two-col .content a {
    color: var(--color-link)
}
.contact-two-col .content a:hover {
    color: var(--color-link-hover)
}
.contact-two-col .social {
    margin-top: 2rem;
}
.contact-two-col .social h3 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
.contact-two-col .social-icons {
    display: flex;
    gap: 0.5rem;
}
.contact-two-col .social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--bg-color-charcoal);
}
.contact-two-col .social-icons a:hover {
    background: var(--bg-color-tangerine)
}
.contact-two-col .social-icons a img {
    width: 20px;
    height: 20px;
    display: block;
    filter: invert(1);
}
/*=================================*/
/*==========  FOOTER  ============*/
/*===============================*/
.footer-top-wrap {
    padding: 50px 0 40px;
}
footer .widget-title {
    display: none;
}
footer .footer-copyright {
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
}
.footer-bottom-wrap {
    padding: 10px 0;
}
footer .contact-section {
    max-width: 400px;
}
footer h2 {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-weight: var(--font-weight-middle)
}
footer h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 0.4rem;
    background-color: #ffffff9c;
}
footer .contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer .contact-list li {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}
footer .contact-list li a:hover {
    color: var(--color-tangerine)
}
footer ul li.cat-item a:hover {
    color: var(--color-tangerine)
}
footer .contact-list i.material-icons {
    margin-right: 0.5rem;
    color: var(--color-white)
}
footer .social-icons {
    margin-top: 2rem;
    display: flex;
    gap: 0.5rem;
}
footer .social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--bg-color-white);
    border-radius: 0.25rem;
    text-decoration: none;
}
footer .social-icons img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}
footer .footer-top-wrap .widget-wrap {
    margin: 0
}
.footer-bottom-wrap.footer-bottom-wrap-v1 {
    border-top: 1px solid #ffffff9c
}
/*========================================*/
/*==========  MOBILE QUERIES  ============*/
/*======================================*/
@media only screen and (max-width: 991px) {
    .heder-columns .main-title .highlight {
        display: none
    }
    .header-main-wrap .header-v3 .header-contact,
    .header-main-wrap .header-v3-mobile {
        background-color: var(--bg-color-charcoal)
    }
    .header-main-wrap .header-mobile {
        background-color: var(--bg-color-tangerine);
        height: 80px;
    }
    .top-bar-right ul.contact-bar {
        height: 40px;
    }
    .top-bar-right {
        width: 100%;
    }
    .top-bar-right .contact-bar li.facebook {
        margin-left: auto;
        margin-right: 17px;
    }
    .top-bar-right .contact-bar li.phone {
        margin-left: 24px;
    }
    .top-bar-right ul.contact-bar li.address {
        display: none
    }
    .top-bar-right .whatsup img {
        margin: 0 11px 0 5px;
    }
    .cards-grid-wrap h2.item-title a {
        font-size: 1.35rem;
    }
    /*=== Footer ===*/
    footer h2 {
        margin-top: 50px;
    }
    .footer-top-wrap {
        padding: 10px 10px 40px;
    }
}
@media only screen and (max-width: 771px) {
    .single.single-property .content-wrap-style-boxed .block-wrap {
        padding: 30px 20px;
    }
    @media only screen and (max-width: 767px) {
        .top-bar-right .contact-bar li.phone {
            margin-left: 17px;
        }
        .top-bar-right .contact-bar li.facebook {
            margin-right: 9px;
        }
        .top-bar-right .whatsup img {
            margin: 0 3px 0 5px;
        }
    }
}
/*========================================================================================================================*/
/*=======================================================  DEV::  =========================================================*/
/*===== Favorites bar ======*/
.dashboard-main-wrap .header-mobile {
    background: red;
}
/* ---------------------------------------------------
   8.   Optional: smooth lift on hover for sidebar form
--------------------------------------------------- */
.property-form-wrap {
    transition: box-shadow .3s ease, transform .3s ease !important;
}
.property-form-wrap:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12) !important;
    transform: translateY(-4px) !important;
}
.single.single-property .mobile-property-tools {
    padding: 30px 8px 30px !important;
}
/*=========================================================================================================================================*/
/*=======================================================  DEV [LATER]):: FOOTER  =========================================================*/
/* rounding the image itself */
footer .widget-featured-property-slider .listing-thumb img {
    border-radius: 3px !important;
}
/* make sure the container clips overflow */
footer .widget-featured-property-slider .listing-thumb,
footer .listing-thumb {
    overflow: hidden !important;
    background: #2C4251;;
    box-shadow: unset !important;
}
footer .listing-image-wrap {
    background: #2C4251;
}
footer .label-featured.label {
    border-radius: var(--border-radius-base);
    background: var(--bg-color-green);
    display: none;
}
footer .widget-featured-property-slider .label-status {
    background-color: var(--bg-color-green)
}
.widget-featured-property-slider-wrap .slick-next:before {
    background: #2C4251
}
footer .widget-featured-property-slider-wrap .slick-prev,
footer .widget-featured-property-slider-wrap .slick-next {
    height: 20px;
    width: 20px;
    background: #2C4251;
    border: 1px solid #ffffff66;
}
footer .widget-featured-property-slider-wrap .slick-prev:hover,
footer .widget-featured-property-slider-wrap .slick-next:hover {
    height: 20px;
    width: 20px;
    border: 1px solid #ffffff66;
}
/* Disable all hover‐zoom / overlay effects on the slider images */
.widget-featured-property-slider .hover-effect,
.widget-featured-property-slider .hover-effect:hover,
.widget-featured-property-slider .hover-effect:focus {
    background: none !important;
    outline: 0 !important;
}
/* Remove any transition on the link or its children */
footer .widget-featured-property-slider .hover-effect,
footer .widget-featured-property-slider .hover-effect * {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    background: white !important;
    box-shadow: unset !important;
}
/* Prevent any transform (scale, rotate, etc.) on hover */
footer .widget-featured-property-slider .hover-effect img,
footer .widget-featured-property-slider .hover-effect:hover img {
    transform: none !important;
    -webkit-transform: none !important;
    filter: none !important;
}
/* Hide ANY overlay pseudo-elements */
footer .widget-featured-property-slider .hover-effect::before,
footer .widget-featured-property-slider .hover-effect::after {
    display: none !important;
    content: none !important;
}
/* 1) Make the image wrapper a positioning context */
.widget-featured-property-slider .listing-image-wrap {
    position: relative !important;
}
/* 2) Create a bottom‐to‐top gradient overlay */
footer .widget-featured-property-slider .listing-image-wrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90%; /* tweak height as needed */
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.1) 80%,
            transparent 100%
    ) !important;
    pointer-events: none;
    z-index: 1;
}
/* 3) Always show price & address on top of the gradient */
footer .widget-featured-property-slider .item-price-wrap,
footer .widget-featured-property-slider .item-address {
    position: absolute !important;
    left: 12px !important; /* spacing from left edge */
    opacity: 1 !important;
    visibility: visible !important;
    color: #fff !important; /* ensure text is white */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
    z-index: 2;
}
/* 4) Pin price a bit higher than the address */
footer .widget-featured-property-slider .item-price-wrap {
    bottom: 38px !important;
}
footer .widget-featured-property-slider .item-address {
    bottom: 12px !important;
}
footer .widget-featured-property-slider .item-price {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    font-size: var(--font-size-base) !important;
}
footer .widget-featured-property-slider .item-address {
    font-size: var(--font-size-md);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    padding: 0;
    margin-bottom: 5px;
}
/*=======================================================================================================================================================*/
/*=======================================================  DEV SINGLE Property - Top Search Form  =======================================================*/
















/*==========================================================================================================================================================================================*/
/*===============================================================  DEV :: Contact Page FORM & Single Property Contact Form  ===============================================================*/
/*===== Contact Form =====*/
#fluentform_3.fluent_form_3 .ff-btn-submit {
    background: var(--bg-color-charcoal);
    border-radius: var(--border-radius-base)
}
#fluentform_3.fluent_form_3 .ff-btn-submit:hover {
    opacity: unset;
    background: var(--bg-color-tangerine)
}
/*===== Single Property Form =====*/
.ff-el-group.ff-custom_html {
    font-size: 18px
}
#fluentform_4 .ff-el-group.ff-custom_html {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
#fluentform_4 .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
    background: var(--bg-color-charcoal)
}
#fluentform_4 .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style:hover {
    background: var(--bg-color-tangerine)
}


/*updated*/