#news-hero-section {
    background-image: url(/wp-content/uploads/2025/10/news-hero-image.jpg);
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-homepage #section-custom-news {
    background-image: url(/wp-content/uploads/2025/10/news-acf-section.jpg);
    background-repeat: no-repeat;
    background-position: top;
	width: 100vw;
	background-size: contain;
}

#news-list-section, .page-homepage #section-custom-news .section-container, #section-single-news .section-container {
   width: 100%;
   max-width: 840px;
   margin-left: auto;
	margin-right: auto;
}

.page-homepage #section-custom-news .news-container {
	box-shadow: 0 8px 25px 0 #2828281A;
}

.news-thumbnail img {
	max-width: 220px;
	height: 132px;
	object-fit: cover;
	object-position: center;
}

.news-article {
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-container {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}


@media screen and (max-width: 480px) {
	#news-hero-section {
		background-image: url(/wp-content/uploads/2025/10/mobile-news-image.png);
		height: 200px;
	}
	
	.page-homepage #section-custom-news {
		background-image: url(/wp-content/uploads/2025/10/news-acf-section-mobile.jpg);
		background-repeat: no-repeat;
		background-position: top;
		width: unset;
		background-size: contain;
	}
}

@media screen and (max-width: 768px) {
	.news-thumbnail img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	
	.news-container {
		row-gap: 40px;
	}
}