/*
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");

/* Your CSS code goes here
-------------------------------------- */


.listing-image-wrap .listing-thumb img {
    object-fit: cover;
   height: 180px;
    width: 200px;
}

.footer-widget .listing-image-wrap .listing-thumb img {

  height: 70px;
    width: 200px;

	}



	.featured-property-item-widget .listing-image-wrap .listing-thumb img {

  height: 220px;
    width: 300px;

	}




body.houzez-halfmap-page .listing-image-wrap .listing-thumb img {
    object-fit: cover;
    height: 190px;
    width: 280px;
}



.listing-image-wrap .listing-thumb img {
    object-fit: cover;
    height: 250px;
    width: 380px;
}



.map-info-window .item-wrap img {
   
    object-fit: cover;
    width: 120px;
    height: 90px;
}




.houzez-trigger-popup-slider-js  img {

object-fit: cover;
    width: 700px;
    height: 500px;


}









.item-amenities li {
    margin-right: 10px;
  
}




.houzez-osm-cluster {
    background-image: url(https://star-property-huhain.com/wp-content/themes/houzez/img/map/cluster-icon.png);
   
}




@media (min-width: 992px) {
.grid-view-3-cols.grid-view .item-listing-wrap .listing-thumb img {



    object-fit: cover;
    height: 180px;
    width: 380px;
}



 }


 .table-property-thumb img  {


    object-fit: cover;
    width: 120px;
    height: 90px;
    

}






@media (min-width: 577px){
.listing-image-wrap .listing-thumb img {
    object-fit: cover;
    height: 200px;
    width: 380px;
}



#sidebar .listing-image-wrap .listing-thumb img {
    object-fit: cover;
    height: 70px;
    width: 300px;
}




#sidebar .widget-featured-property .listing-image-wrap .listing-thumb img {
    object-fit: cover;
    height: 410px;
    width: 600px;
}



}




@media (min-width: 992px){
body.page-template-template-search .grid-view-3-cols.grid-view .item-listing-wrap .listing-thumb img {
    object-fit: cover;
    height: 270px;
    width: 380px;
        width: 100%;
} 



#sidebar .listing-image-wrap .listing-thumb img, .sidebar-wrap .left-property-item-widget-wrap .listing-image-wrap .listing-thumb  img {
    object-fit: cover;
    height: 70px;
    width: 300px;
}




#sidebar .widget-featured-property .listing-image-wrap .listing-thumb  img {
    object-fit: cover;
    height: 230px;
    width: 400px;
}







}














@media (max-width: 576px){
.listing-image-wrap .listing-thumb img {
    object-fit: cover;
    height: 350px;
    width: 600px;
}


}










.item-author, .item-date, .item-author a {
    color: #ffffff !important;
    font-size: 12px;
}

.grid-view .item-footer {
    border-radius: 0 0 4px 4px;
    background-color: #004274 !important;
}
.elementor-17232 .elementor-element.elementor-element-38869c1b .property-carousel-buttons-wrap button {
    background-color: rgb(1 159 232);
    color: #FFFFFF;
}
.item-amenities {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500 !important;
    color: #004274;
}
.agent-item, .text-with-icon-item-v1 {
    padding: 35px;
    background-color: #e41919;
    margin-left: 2px;
    margin-bottom: -1px;
    text-align: center;
    background-color: #f5f5f5;
}
.elementor-17232 .elementor-element.elementor-element-dc08c06 .testimonial-item-v2 {
    color: #000000;
    background-color: #ffffff;
}
.advanced-search-nav, .search-expandable, .overlay-search-advanced-module {
    background-color: #e9ebec;
}
.features-list-wrap .control--checkbox, .features-list-wrap .control--radio, .range-text, .features-list-wrap .control--checkbox, .features-list-wrap .btn-features-list, .overlay-search-advanced-module .search-title, .overlay-search-advanced-module .overlay-search-module-close {
    color: #00aeff;
}
a.glink img {
    vertical-align: middle;
    display: inline;
    border: 0;
    padding: 0;
    margin: 5px;
    opacity: 0.8;
}







.header-top .logo img {

width: auto;

}



body.single-property .agent-image img {

    object-fit: contain;
    width: 70px;
    height: 70px;

}



a[href*="https://star-property-huahin.com/label/special-featured/"] {


    display: none !important;

}



nav.slideout-menu img {

object-fit: contain;
    width: 70px;
    height: 70px;

}




.grid-view .item-wrap.item-wrap-no-frame {
  
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}





.icon-designer-community-behance:before {

content: "";
    background: url(images/tiktok-icon.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    filter: invert(13%) sepia(41%) saturate(6482%) hue-rotate(191deg) brightness(95%) contrast(105%);

}



.header-desktop .main-nav .nav-link {

    font-size: 14px;
}


a.glink span {
  
    font-size: 14px;
  
}



.item-listing-wrap .item-header {

width: 100%;
position: relative;

}






span.listing-ribbon {



position: absolute;
    top: 0;
    z-index: 99;


    position: absolute;
    top: -17px;
    z-index: 99;
    left: 20px;

}





/* common */
.listing-ribbon {
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: absolute;
}

.listing-ribbon span {
  position: absolute;
  display: block;
  width: 240px;
  padding: 7px 0;
  background-color: #dd3333;
box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.listing-ribbon {
  top: -0px;
  left: -0px;
}

.listing-ribbon span {
  right: -25px;
  top: 10px;
  transform: rotate(-45deg);
}


.listing-ribbon span  {

   
    font-weight: 700;
    font-size: 10px;

}





.label-ribbon {


    display: block !important;
    position: absolute;
    top: 17px;
    z-index: 1;
    right: unset;
    left: -20px;

}


@media (max-width: 767.98px) {
.label-ribbon {



  top: 17.5px !important;



}

}




/* Shine */
.grid-view .item-wrap.item-wrap-no-frame .img-hover-effect {
    position: relative;
}


/* .grid-view .item-wrap.item-wrap-no-frame .img-hover-effect::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}  */
.grid-view .item-wrap.item-wrap-no-frame .img-hover-effect:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
    opacity: 1;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}


.img-hover-effect:hover:before, .img-hover-effect-flat:hover:before {
    opacity: 1;
}



.img-hover-effect, .hover-effect-flat {
    cursor: pointer;
    overflow: xxhidden;
    z-index: 999;
}



.listing-image-wrap  {


position: relative;

}






.item-listing-wrap .item-body {

    padding: 20px 10px 10px 10px;
    background: linear-gradient(180deg, rgb(0 66 116 / 11%) 0%, rgba(217, 217, 217, 0) 19.46%);

}



.item-listing-wrap .item-body .item-amenities {

    justify-content: space-between!important;
    display: flex;
}


.item-listing-wrap .item-body .item-amenities li {
    margin-right: 0;
}


.item-listing-wrap .item-body .item-title {
      width: 60%;
    display: inline-block;
    overflow: visible;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.item-listing-wrap .item-body .item-address  {
width:40%;
    display:inline-block;
    text-align:right;
    line-height:1;
        white-space: normal;
    overflow: hidden;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.sph-listing-block {

display: flex;
    flex-wrap: wrap;
    margin-bottom:10px;

}


.sph-listing-bottom {
background: #004274;
    color: white;
    font-weight: 500;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
min-height: 35px;
}


.item-listing-wrap li.h-type {

display:inline-block;
list-style: none;
}


.sph-listing-bottom a.btn-primary.btn-item  {


    position: relative;
    height: 100%;
    float: right;
    bottom: 5px !important;
    padding: 1.5px 5px;
    right: -9px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 13px;
    display:block;

}





.item-listing-wrap .item-amenities {
  
    margin-bottom: 20px;
}



/* styling listing image  */

.listing-image-wrap .bg-imglayer {

position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent 60%, #000000d9);
    width: 100%;
    height: 100%;

}





/*styling header */

header .header-contact-left {

display: none;

}



header .logo-gold-alliance {


margin-left: 40px;


}


#header-section a.glink {

    margin-top: -0.5px;
    display: block;
}





/* styling footer */

 

.footer-social span {

display: inline-block;

}

.footer-social span .icon-designer-community-behance:before  {

filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(129deg) brightness(104%) contrast(104%);
    width: 18px;
    height: 18px;
    display: inline-block;

}


.footer-social span .icon-designer-community-behance:hover.icon-designer-community-behance:before {

opacity: 0.3;

}





.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active {
    color: white !important;
    opacity: 0.2;
}


.header-contact   .btn-youtube:hover {

  color: #004274 !important;
    opacity: 0.9;

}



body.houzez_agent-template-default .agent-bio-wrap > .wp-block-image {

    display: inline-block;

}


body.single-property .property-top-wrap {
min-height: 550px;

}


.sph-imghover {

    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;

}



.starribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.starribbon span.ribbon-styling {
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
background: linear-gradient(#ff0000 0%, #c90000 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.starribbon span.ribbon-styling::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.starribbon span.ribbon-styling::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}


.starribbon span.status-new {
background: linear-gradient(#df7100 0%, #f59e00 70%,#ffbc00 100%);
background: linear-gradient(#ff9400 0%, #df7100 70%,#a35200 100%);

}


.starribbon span.status-sold {
background: linear-gradient(#cb0000 0%, #7a0707 100%);

}

.starribbon .ribbon-shadow{

font-size: 0px;
    font-weight: bold;
        color: #fff0;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
        box-shadow: -1px 2px 5px -1px rgb(0 0 0 / 70%);
    position: absolute;
    top: 19px;
    left: -21px;
   
}


.starribbon .ribbon-shadow-before {

font-size: 0px;
    font-weight: bold;
        color: #fff0;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
        box-shadow: 2px -3px 8px 0px rgb(247 248 249 / 44%);
    position: absolute;
    top: 19px;
    left: -21px;
   
}






.sph-imghoverinner {

    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    z-index: 4;

}

.sph-imghoverinner:before  {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);

}


.sph-imghoverinner:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
    opacity: 1;
}



.agent-module .agent-item {

padding: 15px;

}


.xagent-module .agent-item .rounded-circle {
border-radius: 50%!important;

    height: 245px !important;
    width: 245px;
    object-fit: cover;
    object-position: top;
}



/* general page styling */




@media (max-width: 767.98px) { 

body.home article > div {

padding: 20px 10px;

}


.agent-module .agent-item {
    padding: 30px 10px;
}


 /* styling agent sizes */
.xagent-item .rounded-circle {

    height: 390px !important;
    width: 100% !important;
    object-fit: cover;
    object-position: 80%;
}


.agent-thumb a span {

    width: 240px;
    height: 240px;
    overflow: hidden;
    border-radius: 100%;
    margin: -60px auto 0;
    display: block;
    margin: auto;

 }







.agent-module .agent-item .rounded-circle {

border-radius: 0 !important;

}





.sph-listing-bottom  a.btn-primary.btn-item  {


    display:block;

}




.viewall {

    display: block;
}


}



/* check ribbons in carousel space */
 .property-carousel-module .listing-view .item-listing-wrap {

    margin-top: 10px;
    margin-left:10px;
 }







.agent-thumb a xspan {

    width: 240px;
    height: 240px;
    overflow: hidden;
    border-radius: 100%;
 
    display: block;
    margin: auto;

 }


.agent-circle {
    position: relative;
    display: block;


}

.agent-circle-inner {

    width: 100%;
    height: 100%;
    position: relative;
    width: 100% !important;;
    height: 0 !important;;
    padding: 100% 0 0;
    border-radius: 50%;
    overflow: hidden;
    border: 0px solid #f7f8f9;
    display: block;

}

.agent-circle-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: top;

}


body.home .elementor-widget-wrap  {

    padding: 2px !important;

}


.viewall {
position: absolute;
    top: 0px;
    right: calc(50% - 240px);
height: 41px;
}


body.page-template-template-listing-list-v1-fullwidth .viewall {
  
    right: calc(50% - 240px);
 
}



@media (min-width: 768px) {

body.home .agent-circle-inner {

    width: 80% !important;
  
    padding: 80% 0 0;
 
    margin: auto;
}


}