/*
 * Structure only.
 *
 * Deliberately sets no fonts, no colours, and no sizes: the point of replacing
 * the Paycom iframe was to let the site's own theme own the appearance. Every
 * rule here is layout or spacing, and spacing uses em so it scales with
 * whatever type the theme applies.
 */

.ws-jobs {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ws-job {
	padding: 1.5em 0;
	border-bottom: 1px solid currentColor;
	/* Borrow the theme's text colour at low opacity rather than picking one. */
	border-bottom-color: rgba(127, 127, 127, 0.25);
}

.ws-job:first-child {
	padding-top: 0;
}

.ws-job:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.ws-job__title {
	margin: 0 0 0.25em;
}

.ws-job__meta {
	margin: 0 0 0.75em;
	opacity: 0.75;
}

.ws-job__sep {
	margin: 0 0.25em;
}

.ws-job__excerpt,
.ws-job__description {
	margin: 0 0 1em;
}

.ws-job__description > :first-child,
.ws-job__qualifications > :first-child {
	margin-top: 0;
}

.ws-job__description > :last-child,
.ws-job__qualifications > :last-child {
	margin-bottom: 0;
}

.ws-job__subtitle {
	margin: 1em 0 0.5em;
}

.ws-job__cta {
	margin: 1em 0 0;
}

.ws-jobs--empty {
	opacity: 0.75;
}

/*
 * Visually hidden but available to screen readers. Every "View & apply" link
 * would otherwise be indistinguishable from every other one when a screen
 * reader lists the links on the page.
 */
.ws-jobs .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}