/*
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");
/* If using theme options > optimizations > Minify CSS: By default, the theme loads a style.css that is not minified. If you wish you can enable this setting to instead load a single style-min.css file with the code minified. If you are using a child theme you will have to change the @import from pointing to style.css to point to style-min.css */

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

/* Override Houzez icon font to prefer modern formats */
@font-face {
  font-family: 'houzez-iconfont';
  src: url('/wp-content/themes/houzez/fonts/houzez-iconfont.woff2') format('woff2'),
       url('/wp-content/themes/houzez/fonts/houzez-iconfont.woff') format('woff'),
       url('/wp-content/themes/houzez/fonts/houzez-iconfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Articles/Guides featured image: 3:2 crop + 30px side padding + reliable 20px rounding */
.post-thumbnail-wrap {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;            /* clip contents to rounded corners */
  line-height: 0;
  box-sizing: border-box;      /* padding shrinks content width (and height) */
  padding-inline: 30px;        /* 30px left & right */
  border-radius: 20px;         /* round the wrapper */
  margin: 0 0 1.25rem;
  position: relative;          /* helps some browsers apply clipping correctly */
}

.post-thumbnail-wrap > img.wp-post-image {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
  display: block;

  /* Ensure rounding even when padding/aspect-ratio confuse clipping */
  border-radius: inherit;      /* mirror wrapper radius */
  clip-path: inset(0 round 20px); /* force rounded clipping on the image itself */
}