/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/* Individual leader card */
.leader_section .e-loop-item {
  display: flex;
  justify-content: center;
}

/* Image container */
.leader_section .elementor-widget-theme-post-featured-image {
  height: 340px;
  align-items: flex-end;         /* Ground portraits */
  overflow: hidden;
}

/* Image itself */
.leader_section img {
  height: 100%;
  width: auto !important;                   /* IMPORTANT */
  max-width: 100%;
  filter: grayscale(100%);
  transition: filter 0.4s ease, transform 0.4s ease;
}

/* Color-on-hover for leaders */
.leader_section .e-loop-item:hover img {
  filter: grayscale(0%);
  transform: scale(1.03);
}

.other_team .elementor-widget-theme-post-featured-image {
  height: 240px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}

/* Image */
.other_team img {
  height: 100%;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

/* Optional: subtle hover */
.other_team .e-loop-item:hover img {
  filter: grayscale(0%);
}

.leader_section .e-loop-item {
  display: flex;
  justify-content: center;
}

/* Image container */
.leader_section .elementor-widget-theme-post-featured-image {
  height: 340px;
  align-items: flex-end;         /* Ground portraits */
  overflow: hidden;
}

/* Image itself */
.leader_section img {
  height: 100%;
  width: auto !important;                   /* IMPORTANT */
  max-width: 100%;
  filter: grayscale(100%);
  transition: filter 0.4s ease, transform 0.4s ease;
}

/* Color-on-hover for leaders */
.leader_section .e-loop-item:hover img {
  filter: grayscale(0%);
  transform: scale(1.03);
}

.other_team .elementor-widget-theme-post-featured-image {
  height: 240px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}

/* Image */
.other_team img {
  height: 100%;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

/* Optional: subtle hover */
.other_team .e-loop-item:hover img {
  filter: grayscale(0%);
}

@media (max-width: 767px) {

  .leader_section .elementor-widget-theme-post-featured-image,
  .other_team .elementor-widget-theme-post-featured-image {
    height: auto;        /* REMOVE FIXED HEIGHT */
  }

  .leader_section img,
  .other_team img {
    height: auto;        /* NATURAL IMAGE HEIGHT */
    max-width: 100%;
  }

}