@charset "utf-8";
/* JOBOPENINGS */
.jobopenings {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	justify-content: center;
	margin-block: var(--margin-gap);
	}
.jobopenings.boxed-yes {
	display: grid;
	grid-template-columns: 1fr;
	}
.jobopenings-item {
	border: 1px solid var(--background-trim);
	border-radius: var(--radius);
	color: var(--color-text);
	display: block;
	padding: var(--buffer);
	}
.jobopenings-item:hover,
.jobopenings-item:focus-visible {
	border: 1px solid var(--color-link);
	color: var(--color-link);
	}
.jobopenings-header {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-heavy);
	transition: color var(--animation-duration) var(--animation-easing);
	}
.jobopenings-short {
	font: var(--typography-body-sm);
	margin-top: var(--space-5);
	}
.jobopenings-locations {
	font: var(--typography-body-sm);
	font-style: italic;
	margin-top: var(--space-5);
	}
.jobopenings-info {
	font: var(--typography-body-sm);
	font-weight: var(--font-weight-bold);
	margin-top: var(--space-5);
	}
.jobopenings-pay {
	color: var(--color-stress);
	}
.jobopenings-more {
	border-top: 1px solid var(--background-trim);
	color: var(--color-text);
	font-size: var(--font-size-xs);
	margin-top: var(--space-10);
	padding-top: var(--space-5);
	text-align: right;
	}
.jobopenings-more i {
	color: var(--color-arrow);
	padding-left: var(--shift);
	}
@media (hover: hover) and (pointer: coarse), (hover: hover) and (pointer: fine) {
	.jobopenings-item:hover .jobopenings-header,
	.jobopenings-item:focus-visible .jobopenings-header,
	.jobopenings-item:hover .jobopenings-more,
	.jobopenings-item:focus-visible .jobopenings-more {
		color: var(--color-link);
		}
}
@media (min-width: 40em) {
	.jobopenings.boxed-no {
		--columns: 2;
		}
}
@media (min-width: 80em) {
	.jobopenings.boxed-no {
		--columns: 3;
		margin-block: var(--margin-block);
		}
}