/* Jobs: overzicht (/jobs/) en vacaturepagina's (/jobs/<vacature>/). */

/* Overzicht – vacaturekaarten */
.cv-jobs-lijst {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 24px;
}
body .cv-jobs-kaart {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 32px;
	border-radius: var(--cv-radius);
	background: #fff;
	border: 2px solid #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
	color: var(--cv-ink);
	text-decoration: none;
	transition: border-color .2s ease, transform .2s ease;
}
body .cv-jobs-kaart:hover {
	border-color: var(--cv-yellow);
	transform: translateY(-3px);
	color: var(--cv-ink);
}
body .cv-jobs-kaart .cv-jobs-kaart__titel {
	margin: 0;
	font-size: 26px;
	line-height: 1.2;
}
.cv-jobs-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}
.cv-jobs-tags li {
	margin: 0 !important;
	padding: 4px 12px;
	border-radius: 100px;
	background: var(--cv-cream);
	font-size: 14px;
	line-height: 1.4;
	list-style: none;
}
.cv-jobs-kaart__tekst {
	margin: 0;
	padding: 0 !important;
}
.cv-jobs-kaart__link {
	margin-top: auto;
	font-weight: 700;
	color: var(--cv-red);
}
.cv-jobs-leeg {
	padding: 32px;
	border-radius: var(--cv-radius);
	background: #fff;
}

/* Voordelen */
body .cv-jobs-voordelen h3 {
	font-size: 22px;
	line-height: 1.25;
	hyphens: manual;
	overflow-wrap: break-word;
}

/* Vacaturepagina */
.cv-jobs-tekst h2 {
	margin-top: 1.4em;
	font-size: 34px;
	line-height: 1.2;
}
.cv-jobs-tekst .cv-jobs-lead {
	font-size: 22px;
	line-height: 1.5;
}
.cv-jobs-tekst ul li {
	margin-bottom: .5em;
}
.cv-jobs-feiten {
	margin: 0 0 24px;
}
.cv-jobs-feiten dt {
	margin-top: 14px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--cv-blue);
}
body .cv-jobs-feiten dd {
	margin: 2px 0 0;
	padding: 0;
}
@media (min-width: 1000px) {
	.cv-jobs-detail,
	.cv-jobs-detail > .row_col_wrap_12,
	.cv-jobs-detail .cv-jobs-sticky,
	.cv-jobs-detail .cv-jobs-sticky > .vc_column-inner {
		overflow: visible !important;
	}
	.cv-jobs-detail .cv-jobs-sticky > .vc_column-inner {
		position: sticky;
		top: 120px;
	}
}

/* Voordeelkaarten: 2 x 2 op kleine laptops en tablets (4 naast elkaar wordt te smal voor de titels). */
@media (min-width: 691px) and (max-width: 1240px) {
	.cv-jobs-voordelen .row_col_wrap_12_inner { display: flex; flex-wrap: wrap; row-gap: 20px; }
	html body .cv-jobs-voordelen .row_col_wrap_12_inner > .wpb_column { width: 50% !important; flex: none; }
}