@charset "utf-8";
/* JOBOPENINGS */
	.jobopenings {
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap);
		justify-content: center;
		margin: var(--margin-gap) auto;
		}
	.jobopenings.n {
		display: grid;
		grid-gap: 2rem;
		grid-template-columns: 1fr;
		}
	.jobopenings-item {
		border: 0.1rem solid var(--background-borders);
		border-radius: var(--radius);
		color: var(--color-text);
		display: block;
		flex: 0 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
		padding: 2rem;
		}
	.jobopenings-item:hover {
		border: 0.1rem solid var(--color-link);
		color: var(--color-link);
		}
	.jobopenings-header {
		font-size: 2.4rem;
		font-weight: 800;
		transition: color 200ms ease;
		}
	.jobopenings-short {
		font-size: 1.6rem;
		line-height: 1.2em;
		margin-top: 0.5rem;
		}
	.jobopenings-locations {
		font-size: 1.4rem;
		font-style: italic;
		margin-top: 0.5rem;
		}
	.jobopenings-info {
		font-size: 1.4rem;
		font-weight: 700;
		margin-top: 0.5rem;
		}
	.jobopenings-pay {
		color: var(--color-important);
		}
	.jobopenings-more {
		border-top: 0.1rem solid var(--background-borders);
		color: var(--color-text);
		font-size: 1.3rem;
		margin-top: 1rem;
		padding-top: 0.5rem;
		text-align: right;
		}
	.jobopenings-more i {
		color: var(--color-arrow);
		}
	@media (hover: hover) and (pointer: coarse), (hover: hover) and (pointer: fine) {
		.jobopenings-item:hover .jobopenings-header,
		.jobopenings-item:focus .jobopenings-header,
		.jobopenings-item:hover .jobopenings-more,
		.jobopenings-item:focus .jobopenings-more {
			color: var(--color-link);
			}
	}
	@media (min-width: 40em) {
		.jobopenings.w {
			--columns: 2;
			}
	}
	@media (min-width: 80em) {
		.jobopenings.w {
			--columns: 3;
			margin: var(--margin-block) auto;
			}
	}