/* =========================================================
   Kurs Posts widget (popis ostalih objava)
   ========================================================= */

.kurs-posts-heading {
	margin: 0 0 16px;
	font-family: var( --kurs-font-family-heading );
	font-size: var( --kurs-font-h6 );
}

.kurs-posts-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.kurs-posts-item {
	display: flex;
	gap: 12px;
	text-decoration: none;
	color: inherit;
}

.kurs-posts-item-thumb {
	flex: 0 0 80px;
	width: 80px;
	height: 80px;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
}

.kurs-posts-item-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
}

.kurs-posts-item-title {
	margin: 0;
	font-family: var( --kurs-font-family-heading );
	font-size: var( --kurs-font-text-big );
	line-height: 1.3;
}

.kurs-posts-item-date {
	font-family: var( --kurs-font-family-body );
	font-size: var( --kurs-font-text-small );
	color: #888888;
}

@media ( max-width: 600px ) {
	.kurs-posts-item-thumb {
		flex-basis: 64px;
		width: 64px;
		height: 64px;
	}
}