/*!
 * Assan Careers.
 */

.assan-job-body h3 {
	margin-bottom: 1.5rem;
}

.assan-job-body h3:not(:first-child) {
	margin-top: 2.5rem;
}

.assan-job-body ul:not(.list-unstyled) {
	list-style: none;
	margin-bottom: 2rem;
	padding-left: 0;
}

.assan-job-body ul:not(.list-unstyled) > li {
	padding-left: 1.75rem;
	position: relative;
	margin-bottom: 0.75rem;
}

.assan-job-body ul:not(.list-unstyled) > li::before {
	content: "\f26e"; /* bi-check-circle */
	font-family: bootstrap-icons, sans-serif;
	color: var(--bs-success);
	left: 0;
	position: absolute;
	top: 0.1em;
}

/* The apply bar is pinned to the bottom of the window. `position: sticky`
   needs the bar's parent to be the scrolling box - which it is, since the bar
   is a direct child of <main> - and a z-index, or the page content that
   follows paints over it. */
.assan-job-apply-bar {
	z-index: 3;
	/* At the end of the description the bar unsticks and comes to rest at its
	   place in the flow - the last thing in <main>, hard against the footer.
	   The margin parts the two, and since a stuck element is positioned
	   against the VIEWPORT it stays flush to the window on the way down. */
	margin-bottom: 3rem;
}

@media (max-width: 575.98px) {
	.assan-job-apply-bar .btn {
		width: 100%;
	}
}

.assan-job-card {
	height: 100%;
}

.assan-job-card .badge {
	align-self: flex-start;
}