/*
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
*/


@import url("../houzez/style.css");




.switcher-wrap .dropdown-menu {
    background: #395043 !important;
}


.wpml-ls-legacy-dropdown-click {
    width: 10em;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown-click a {
    border: none;
    font-size: 14px !important;
    color: #D4D4D4 !important;
}


.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
    margin-right: 4px;
}

.wpml-ls-legacy-dropdown-click {
    display: inline-block;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    background-color: transparent;
}

.wpml-ls-legacy-dropdown-click a:hover {
    background-color: transparent !important;
    color: #D4D4D4;
}

.wpml-ls-legacy-dropdown-click a:hover span, .wpml-ls-legacy-dropdown-click a:active span, .wpml-ls-legacy-dropdown-click a:focus span {
    color: #D4D4D4;
}
.top-bar-wrap .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    display: inline-block;
    border: 0.5em solid transparent;
    border-top: 0.5em solid;
    position: absolute;
    right: 10px;
    top: calc(50% - 0.175em);
    font-size: 10px;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover:after {
    color: #D4D4D4;
}

.top-bar-wrap a:hover .wpml-ls-last-item a {
    background: #395043;
    padding: 13px 8px;
    border: 1px solid #D4D4D4 !important;
    position: relative;
    top: 6px;
}
.wpml-ls-last-item a span {
    color: #E2E2E2;
}

.top-bar-wrap  .wpml-ls-sub-menu span {
    background-color: transparent !important;
    color: #444;
}
.wpml-ls-display {
    display: none;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    background-color: #23372c;
    margin-bottom: 0;
}
.wpml-ls-statics-footer a {
    color: #D4D4D4 !important;
    background-color: transparent !important;
}

.btn-maps-select {
    color: #FFF;
    font-weight: 500;
    margin-left: 70px;
}
.btn-maps-select:hover, .btn-maps-select:active, .btn-maps-select:focus {
    color: #FFF;
}





.property-wrap #property-detail-wrap .detail-wrap {
    border: none;
    background-color: #FFF;
    padding: 15px;
}

.property-slider-item .item-title {
    width: 65%;
}

.page-title-wrap .item-price-wrap .item-sub-price {
    font-size:23px;
}

.page-title-wrap .item-price .price-postfix {
    font-size: 23px;
    font-weight: 300;
    color: #636363;
}

.item-sub-price .second-price {
    text-decoration: line-through;
    text-decoration: red line-through;
}



/*  listing   */

.grid-view .labels-wrap {
    top: 14px;
    right: 18px;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;

}

.item-header .label {
    font-size: 9px;
    padding: 3px 2px;
    margin-bottom: 3px;
}

.item-header .label-featured {
    top: 14px;
    left: 18px;
}

.labels-right a {
    margin-left: 2px;
}




/* Home slider */

.property-slider-item {
    top: 89%;
}

.property-slider-item .item-amenities-with-icons {
    display: none;
}

#slider_title_wrap {
    height: 5px;;
}

#slider_title {
    position: absolute;
    top: -450px;
}

.top-banner-wrap-fullscreen {
    margin-bottom: -100px;
}


.city-map {
    max-width: 100%;
    height: 100%;
}
.lang-en .thai-map {
    display: none;
}
.lang-th .en-map {
    display: none;
}


/* multi properties */

.table-multi-properties th, .table-multi-properties td, .table-multi-properties p {
    font-size: 14px;
}
.table-multi-properties span {
    margin-right: 0.15em;
}



/* footer */

#block-7 figure.alignright {
    clear: both;
    float: none;

}

#block-12 {
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

#block-12 .wp-block-group {
    margin: auto 0;
    position: relative;
}

.widget .no-content li a::before {
    content: none !important;
}




/* Sidebar recent property title */
.property-item-widget .right-property-item-widget-wrap .item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


#block-8 ul.sidebar-contact li a:before {
    content: none;
}




.elementor-section.about-block .contact-link {
    text-decoration: underline;
    font-weight: bold;
}

.contact-qr .contact-list  {
    margin-top: 25px;
    line-height: 2.2;
    font-weight: bold;

}

ul.list-unstyled.contact-list {
    font-weight: bold;
}




/* Agent  */

.agent-company-logo {
    padding: 1px 1px 0 0;
}

.agent-image {
    display: none;
}


@media (max-width: 576px) {


/* footer */

    #block-7 figure.alignright {
        margin-left: auto;
        margin-right: auto;
        }


}




@media (max-width: 1024px) {




    .property-slider-item {
          padding: 15px 20px 1px;

    }

    .item-address {
        margin-bottom: 5px;
    }

    .property-slider-item .item-title {
    width: 95%;
    }

}


@media (min-width: 768px) {


    #block-7 figure.alignright {
        position: absolute;
        bottom: 200px;
        right:5%;
    }
    #block-12 .wp-block-group {
        top: 160px;
    }

}


@media (min-width: 1024px) {

    .property-slider-item {
          padding: 20px 25px 15px;
          left:15%;
    }

    #block-7 figure.alignright {
        position: absolute;
        bottom: 30px;
        right:-50%;
    }


}






/* iPad Mini in landscape only */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {


    .property-slider-item .item-title {
        width: 65%;
    }

}