/*
 * mlsimport-public.css
 * Shared public-facing stylesheet for imported MLS listings. Contains small,
 * theme-agnostic image/sizing tweaks that normalise how imported property
 * photos render across the supported themes (Real Homes, WpEstate, Houzez) and
 * on the map infobox popups. Grouped by target theme/component below.
 */

/* Constrain the listing thumbnail image to the full width of its wrapper. */
.listing-image-wrap .listing-thumb .img-fluid{
width:100%;
}
/* Real Homes: cap flexslider gallery slide height. */
/*// real homes*/
.flexslider .slides img {
	max-height: 700px;
}


/* Fixed width for property-item card images. */
.property-item  img{
	width:488px;

}

/* WPestate: cap the main single-listing carousel slide height. */
/*
WPestate*/
#carousel-listing .slick-slide img {
	max-height: 550px;
}

/* WPestate: cap the carousel navigation thumbnail height. */
#carousel-listing-nav img {
	max-height: 90px;
}


/* Map infobox popup: photo/text alignment tweaks. */
/*mlsimport infobox photo alignment*/

/* Infobox title font size (id selector). */
#infobox_title {
	font-size: 13px;
}

/* Infobox price text size (forced over theme styles). */
.prop_pricex{
	font-size:13px!important;
}

/* Ensure the infobox image keeps a minimum height. */
.infobox_wrapper_image img{
	min-height:85px;
}

/* Fixed height for the infobox title block. */
.infobox_title{
	height:30px;
}

/* Imported listing cards: float image left and cap its height. */
/*mlsimport imported listings photos alignment*/
.property_listing .listing-unit-img-wrapper,
.property_listing .carousel{
	float: left;
	max-height: 230px;
}



/* Houzez-specific overrides below. */
/*===houzez*/

/* PhotoSwipe lightbox tweaks. */
/*photoswipe*/

/* Neutralise PhotoSwipe zoom scaling (forced). */
.pswp__zoom-wrap{
		transform: scale(1)!important;
}
/* Centre the PhotoSwipe image within the viewport. */
.pswp__img {

	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%);
}


/* Houzez unit/listing cards. */
/*unit cards*/
/* Fixed-height card header with hidden overflow on a black backdrop. */
.item-header {
	height: 200px;
	overflow: hidden;
	background: black;
	width: 100%;
}

/* Card thumbnail: fill the fixed 200px header, cropping to cover. */
.listing-image-wrap .listing-thumb .img-fluid {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
/* Override results count to be bold and blue. */
.mlsimport-results__meta {
    color: #1a73e8 !important;
    font-weight: 700 !important;
}

/* Hide Meet Your Agent section on property detail pages. */
#mlsimport-section-agent,
#mlsimport-section-mobile_agent_bar,
.mlsimport-property-mobile-agent-bar {
    display: none !important;
}

/* Hide Agent tab in the property sections navigation. */
.mlsimport-property-subnav__link[href="#mlsimport-section-agent"] {
    display: none !important;
}