/* Start:/local/templates/.default/components/bitrix/news/.default/bitrix/news.list/.default/style.css?17725403112020*/
div.news-list {
	word-wrap: break-word;
}

div.news-list img.preview_picture {
	float: left;
	margin: 0 4px 6px 0;
}

.news-date-time {
	color: #486DAA;
}

/* Reserve space for news card images even when missing */
.news_card-img-wrapper {
	width: 100%;
	min-height: 200px;
	/* Adjust this value based on your design */
	aspect-ratio: 16/9;
	/* Maintain aspect ratio */
	background-color: var(--bs-white);
	display: flex;
	overflow: hidden;
	position: relative;
}

.news_card-img-wrapper a {
	display: block;
	width: 100%;
	flex: 1;
}

.news_card-img-wrapper img.news_card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.news_card-img-wrapper a.news_card-img-placeholder,
.news_card-img-wrapper a.news_card-img-placeholder:hover {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--opdev-gray-300);
	text-decoration: none;
	color: var(--opdev-gray-500, #6c757d);
	font-size: 0.875rem;
	padding: 1rem;
	cursor: default;
	overflow: hidden;
}

.news_cards .news_card .news_card-placeholder-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	max-width: 40%;
	max-height: 40%;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.4;
}

/* Limit preview text with ellipsis */
.news_card-preview {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	/* Limit to 3 lines */
	line-clamp: 3;
	/* Standard property for compatibility */
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
	word-break: break-word;
	overflow-wrap: break-word;
}

/* Limit title to 2 lines with ellipsis */
.news_card-title {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* Limit to 2 lines */
	line-clamp: 2;
	/* Standard property for compatibility */
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	word-break: break-word;
	max-height: calc(1.4em * 2);
	/* Fallback for older browsers */
}
/* End */
/* /local/templates/.default/components/bitrix/news/.default/bitrix/news.list/.default/style.css?17725403112020 */