/* ----------------------------------------------------------------
		Custom CSS

		Add all your Custom Styled CSS here for New Styles or
		Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Make portfolio thumbnails uniform regardless of image ratio.
	 Uses modern `aspect-ratio` and `object-fit: cover` so images
	 fill a consistent 16:9 container and any excess is cropped.
*/
.portfolio-image{
	width:100%;
	aspect-ratio: 16/9;
	overflow:hidden;
	display:block;
	background-color:#000; /* fallback while image loads */
}

.portfolio-image img,
.portfolio-image .slide img,
.portfolio-image a > img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

/* Ensure sliders inside portfolio-image also crop correctly */
.portfolio-image .flexslider,
.portfolio-image .slider-wrap{
	height:100% !important;
}

/* Small tweak: remove any default inline gaps */
.portfolio-item .grid-inner{display:block}



/* Fix: prevent team image column from stretching on small tablets
	 (screens between 576px and 767.98px). Keeps image natural height
	 instead of stretching to match the text column. */
/* @media (min-width: 576px) and (max-width: 767.98px) {
	.team.team-list .team-image { align-self: flex-start !important; }
	.team.team-list .team-image img {
		width: 100%;
		height: auto;
		object-fit: cover;
		display: block;
	}
} */