/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* -----------------------------------------------------------------
   Show the full-height / full-width photo whose file name
   contains "Image-250" (case-insensitive), **and only that photo**.
   ----------------------------------------------------------------- */

/* 1.  Tweak the <img> itself */
img[src*="Image-250" i] {          /* i-flag = case-insensitive match      */
    height: auto !important;       /* use natural height                   */
    width: 100% !important;        /* span full width of its container     */
    max-width: 100% !important;    /* keep it responsive on small screens  */
    object-fit: contain !important;/* show the whole picture, never crop   */
}

/* 2.  Prevent the Elementor wrapper from hiding or clipping it */
.elementor-widget-container.loaded:has(img[src*="Image-250" i]) {
    height: auto !important;       /* remove any fixed pixel height        */
    overflow: visible !important;  /* let content extend beyond wrapper    */
}
/* -----------------------------------------------------------------
   Show the full-height / full-width photo whose file name
   contains "Image-260" (case-insensitive), and only that photo.
   ----------------------------------------------------------------- */

/* 1. Un-crop the <img> itself */
img[src*="Image-260" i] {           /* i-flag = case-insensitive match   */
    height: auto !important;        /* use natural height                */
    width: 100% !important;         /* fill the width of its container   */
    max-width: 100% !important;     /* stay responsive on small screens  */
    object-fit: contain !important; /* never crop; show entire picture   */
}

/* 2. Stop the surrounding Elementor wrapper from clipping it */
.elementor-widget-container.loaded:has(img[src*="Image-260" i]) {
    height: auto !important;        /* remove any fixed pixel height     */
    overflow: visible !important;   /* allow content to extend normally  */
}