/**
* Theme Name: WP Pro Real Estate 7 Child
* Description: This is a child theme of WP Pro Real Estate 7, generated by Real Estate 7.
* Author: <a href="https://www.contempothemes.com/">Contempo Themes</a>
* Template: realestate-7
* Version: 3.0.7
*/
header#masthead > .span_9{width: 100%;}
header#masthead > .col nav{justify-content: center;}
body.boxed section[data-layout="grid"].search-listings-wrap div#searching-on{margin: 0 auto;}
#search_bar{min-width: 600px;}
#search_bar #state_code{width:100px;}
#search_bar #advanced_search > .col:nth-child(2){width: 110px;}
#search_bar #property_type{width:160px;}
.sidebar .header-search .col{width:100%; margin-bottom: 8px;}

footer .container{padding: 0; background-color: #a5a6a1; max-width: 1140px; margin-left: auto; margin-right: auto;}
footer .container .seo_list{text-align: center;}
footer .container .seo_list li{display: inline-block; margin: 0 10px 0 0;}
footer .container .seo_list li a{padding: 4px 0; color: #C8101B;}

@media (max-width: 1024px){
	#search_bar{min-width: 620px;}
}
@media (max-width: 767px){
	#search_bar{min-width: auto;}
}

/*
 * Listing card featured image fill.
 *
 * The theme serves a fixed 818x540 hard-crop and pins the <img> at width:400px
 * (layout.css: ".listing figure img.listing-featured-image { width: 400px; }").
 * When a card is wider than 400px the image stops short and leaves a gap. This
 * affects the standard cards AND the minimal layout (the live grid uses
 * "li.listing.col.span_4.minimal"), since both render the same
 * ct_first_image_linked() <img> and inherit that width:400px rule.
 *
 * The figure is a fixed box in every case we target (standard
 * ".listing figure { height:300px }", minimal span_3/4/6 figures set to fixed
 * 260/257/426px). Filling the <img> with object-fit:cover keeps every card
 * image the same height — card heights do NOT vary. cover preserves aspect
 * ratio and crops overflow (no distortion, no letterboxing). Covers the
 * no-image.png placeholder too, since that is also an <img> in the figure.
 *
 * Excluded: the few figures the theme intentionally sets to height:auto — the
 * ".first" featured minimal item and ".idx-listing.span_12" — so their natural
 * height behaviour is left untouched.
 */
.listing figure img.listing-featured-image,
.listing figure img.attachment-listings-featured-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/*
 * Reset ONLY the figures the theme intentionally leaves at height:auto, so the
 * image keeps its natural size there (these have no fixed box to fill):
 *   - minimal-grid ".first" featured item at span_6 / span_8 / span_12
 *   - idx-listing at span_12
 * (Note: span_4.minimal.first IS fixed at 257px, so it is NOT reset — the live
 * grid's "span_4 minimal first" cards get the fill, as intended.)
 */
.listing.minimal.span_6.first figure img.listing-featured-image,
.listing.minimal.span_8.first figure img.listing-featured-image,
.listing.minimal.span_12.first figure img.listing-featured-image,
.listing.minimal.idx-listing.span_12 figure img.listing-featured-image,
.listing.minimal.span_6.first figure img.attachment-listings-featured-image,
.listing.minimal.span_8.first figure img.attachment-listings-featured-image,
.listing.minimal.span_12.first figure img.attachment-listings-featured-image,
.listing.minimal.idx-listing.span_12 figure img.attachment-listings-featured-image {
	height: auto;
}