/* 
	Főoldali hírek és hírek oldala 

	(template-parts/header/recent-posts.php) 
	(template-parts/news/news.php) 
*/

.recent-posts-row,
.recent-posts-col {
	box-sizing: border-box;
	display: flex;
}

.recent-posts-row {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 30px;
}

.recent-posts-col {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc((100% / 3) - 20px);
}

@media screen and (max-width: 640px) {
	.recent-posts-col {
		width: 100%;
	}
}

@media screen and (min-width: 641px) and (max-width: 1080px) {
	.recent-posts-col {
		width: calc((100% / 2) - 15px);
	}
}