:root {
	--bhc-navy: #0b1f3b;
	--bhc-teal: #1ba6a6;
	--bhc-pale: #f6f9fc;
	--bhc-gray: #6b7280;
	--bhc-border: #e5e7eb;
}

.bhc-employer-pathway .site-content {
	background: var(--bhc-pale);
}

.bhc-employer-pathway .entry-content,
.bhc-employer-pathway .job-manager-form,
.bhc-employer-pathway .job-manager-message {
	color: var(--bhc-navy);
}

.bhc-employer-pathway .job-manager-form fieldset {
	border-bottom: 1px solid var(--bhc-border);
	padding: 1.1rem 0;
}

.bhc-employer-pathway .job-manager-form label {
	color: var(--bhc-navy);
	font-weight: 700;
}

.bhc-employer-pathway .job-manager-form input[type="text"],
.bhc-employer-pathway .job-manager-form input[type="email"],
.bhc-employer-pathway .job-manager-form input[type="url"],
.bhc-employer-pathway .job-manager-form input[type="date"],
.bhc-employer-pathway .job-manager-form select,
.bhc-employer-pathway .job-manager-form textarea {
	border: 1px solid var(--bhc-gray);
	border-radius: 6px;
	min-height: 46px;
}

.bhc-employer-pathway .job-manager-form input:focus,
.bhc-employer-pathway .job-manager-form select:focus,
.bhc-employer-pathway .job-manager-form textarea:focus,
.bhc-employer-pathway a:focus,
.bhc-employer-pathway button:focus {
	outline: 3px solid rgba(27, 166, 166, 0.45);
	outline-offset: 2px;
}

.bhc-employer-pathway .job-manager-form input[type="submit"],
.bhc-employer-pathway .job-manager-form button,
.bhc-employer-pathway .job-manager-form .button {
	background: var(--bhc-teal);
	border: 2px solid var(--bhc-teal);
	border-radius: 6px;
	color: #07182c;
	font-weight: 700;
	padding: 0.75rem 1.25rem;
}

.bhc-es-notice,
.bhc-es-confirmation,
.bhc-es-job-details {
	background: #fff;
	border: 1px solid var(--bhc-border);
	border-left: 5px solid var(--bhc-teal);
	border-radius: 6px;
	margin: 1rem 0 1.5rem;
	padding: 1rem 1.25rem;
}

.bhc-es-notice p,
.bhc-es-confirmation p {
	margin: 0.35rem 0 0;
}

.bhc-es-notice--private {
	border-left-color: var(--bhc-navy);
}

.bhc-es-hp {
	left: -10000px !important;
	position: absolute !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.bhc-es-job-details dl {
	display: grid;
	grid-template-columns: minmax(9rem, 12rem) 1fr;
	gap: 0.4rem 1rem;
}

.bhc-es-job-details dt {
	font-weight: 700;
}

.bhc-es-job-details dd {
	margin: 0;
}

@media (max-width: 600px) {
	.bhc-employer-pathway .job-manager-form fieldset label,
	.bhc-employer-pathway .job-manager-form fieldset .field {
		float: none;
		width: 100%;
	}

	.bhc-employer-pathway .job-manager-form fieldset .field {
		margin-top: 0.45rem;
	}

	.bhc-es-job-details dl {
		grid-template-columns: 1fr;
	}
}