.news-card {
	width: 100%;
	height: 250px;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
}

.news-card img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* Default overlay style */
.news-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 90px;
	background-color: #f23534;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	box-sizing: border-box;
	opacity: 0.92;
	transition: all 0.5s ease; /* Apply transition to default state */
}

/* On hover of .news-card, modify the overlay */
.news-card:hover .news-overlay {
	height: 120px;
	font-size: 13px;
	opacity: 1;
}
.news-card:hover .news-title {
	overflow: visible;
	height: auto; /* optional: allows full height if needed */
}
.news-title {
	font-weight: bold;
	height:40px;
	overflow:hidden;
}

.news-meta {
	font-size: 12px;
	left: 5px;
	bottom: 5px;
	position: absolute;
}