/* =========================================================
   Adtora Base v0.9.5
   Recruit / Recruit Entry / HTML Sitemap
   ========================================================= */

.subpage-hero--recruit,
.subpage-hero--sitemap {
	background:
		radial-gradient(circle at 84% 18%, rgba(42,103,182,.18), transparent 30%),
		linear-gradient(120deg,#06172a,#0a223d);
}

.recruit-kicker,
.sitemap-kicker {
	margin: 0 0 15px;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .16em;
	color: #d71920;
}

.recruit-kicker--light {
	color: #fff;
	opacity: .78;
}

.recruit-intro {
	padding: 100px 0;
	background: #fff;
}

.recruit-intro__grid {
	display: grid;
	grid-template-columns: minmax(0,.95fr) minmax(360px,.72fr);
	gap: clamp(58px,8vw,110px);
	align-items: start;
}

.recruit-intro h2,
.recruit-heading h2,
.recruit-contact-band h2,
.recruit-entry__guide h2,
.html-sitemap h2 {
	margin: 0;
	color: #071a2f;
	letter-spacing: -.04em;
}

.recruit-intro h2,
.recruit-heading h2,
.recruit-contact-band h2 {
	font-size: clamp(2rem,4vw,3.4rem);
	line-height: 1.25;
}

.recruit-intro__copy p {
	margin: 0;
	font-size: .95rem;
	line-height: 1.95;
	color: #657181;
}

.recruit-intro__copy p + p {
	margin-top: 18px;
}

.recruit-content-section {
	padding: 100px 0 112px;
	background: #f4f6f8;
}

.recruit-heading {
	margin-bottom: 42px;
}

.recruit-content {
	padding: 40px 44px;
	background: #fff;
	border: 1px solid #dce2e8;
}

.recruit-content h2,
.recruit-content h3 {
	color: #071a2f;
}

.recruit-content p,
.recruit-content li,
.recruit-content td,
.recruit-content th {
	line-height: 1.85;
	color: #566474;
}

.recruit-content table {
	width: 100%;
	border-collapse: collapse;
}

.recruit-content th,
.recruit-content td {
	padding: 14px 16px;
	border: 1px solid #dce2e8;
	text-align: left;
}

.recruit-content th {
	width: 26%;
	background: #eef2f5;
	color: #263548;
}

.recruit-empty {
	padding: 30px;
	border: 1px dashed #cbd3db;
	background: #f8fafc;
}

.recruit-empty p {
	margin: 0;
}

.recruit-contact-band {
	padding: 72px 0;
	background: #d71920;
	color: #fff;
}

.recruit-contact-band__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.recruit-contact-band h2 {
	color: #fff;
}

.recruit-contact-band p:not(.recruit-kicker) {
	margin: 16px 0 0;
	color: rgba(255,255,255,.82);
}

.recruit-entry {
	padding: 100px 0 112px;
	background: #f4f6f8;
}

.recruit-entry__grid {
	display: grid;
	grid-template-columns: 310px minmax(0,1fr);
	gap: clamp(50px,7vw,90px);
	align-items: start;
}

.recruit-entry__guide {
	position: sticky;
	top: 112px;
}

.recruit-entry__guide h2 {
	font-size: 2rem;
}

.recruit-entry__guide p {
	margin: 20px 0;
	font-size: .88rem;
	line-height: 1.85;
	color: #657181;
}

.recruit-entry__guide a {
	font-size: .85rem;
	font-weight: 800;
	color: #0a4d8c;
}

.recruit-entry__form {
	padding: 38px 42px;
	background: #fff;
	border: 1px solid #dce2e8;
}

.recruit-entry__form input,
.recruit-entry__form select,
.recruit-entry__form textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Sitemap */
.html-sitemap {
	padding: 100px 0 112px;
	background: #f4f6f8;
}

.html-sitemap__grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	border-top: 1px solid #dce2e8;
	border-left: 1px solid #dce2e8;
	background: #fff;
}

.html-sitemap__grid > section {
	padding: 34px 34px 40px;
	border-right: 1px solid #dce2e8;
	border-bottom: 1px solid #dce2e8;
}

.html-sitemap h2 {
	font-size: 1.35rem;
	margin-bottom: 24px;
}

.html-sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.html-sitemap li {
	border-top: 1px solid #e7eaee;
}

.html-sitemap li:last-child {
	border-bottom: 1px solid #e7eaee;
}

.html-sitemap a {
	display: block;
	padding: 13px 0;
	font-size: .86rem;
	font-weight: 700;
	color: #27384a;
	text-decoration: none;
}

.html-sitemap a:hover {
	color: #d71920;
}

@media(max-width:900px) {
	.recruit-intro__grid,
	.recruit-entry__grid {
		grid-template-columns: 1fr;
	}

	.recruit-entry__guide {
		position: static;
	}

	.html-sitemap__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media(max-width:640px) {
	.recruit-intro,
	.recruit-content-section,
	.recruit-entry,
	.html-sitemap {
		padding: 74px 0 82px;
	}

	.recruit-content,
	.recruit-entry__form {
		padding: 24px 20px;
	}

	.recruit-contact-band__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.recruit-contact-band .button {
		width: 100%;
	}

	.html-sitemap__grid {
		grid-template-columns: 1fr;
	}
}


/* v0.9.6: Recruit form final polish */
.recruit-entry__form input[type="number"] {
	width: 100%;
	min-height: 54px;
	padding: 13px 15px;
	box-sizing: border-box;
	border: 1px solid #cfd8e2;
	border-radius: 6px;
	background: #fff;
	font: inherit;
	color: #1f2f42;
}

.recruit-entry__form input[type="number"]:focus {
	outline: 2px solid rgba(10,77,140,.14);
	outline-offset: 1px;
	border-color: #0a4d8c;
}

.recruit-entry__form .cf-turnstile,
.recruit-entry__form iframe[src*="challenges.cloudflare.com"] {
	max-width: 100%;
}

.recruit-entry__form .wpcf7-spinner {
	margin-top: 12px;
}

@media(max-width:640px) {
	.recruit-entry__form input[type="number"] {
		min-height: 52px;
	}
}


/* v0.9.7: Recruit completed page */
.recruit-highlights {
	padding: 96px 0 108px;
	background: #f4f6f8;
}

.recruit-highlight-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid #dce2e8;
	border-left: 1px solid #dce2e8;
	background: #fff;
}

.recruit-highlight-grid article {
	min-height: 285px;
	padding: 28px;
	border-right: 1px solid #dce2e8;
	border-bottom: 1px solid #dce2e8;
}

.recruit-highlight-grid article > span,
.recruit-process-grid span {
	display: block;
	margin-bottom: 82px;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .12em;
	color: #d71920;
}

.recruit-card-eyebrow {
	margin: 0 0 8px;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .14em;
	color: #8a96a3;
}

.recruit-highlight-grid h3,
.recruit-process-grid h3 {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.45;
	color: #071a2f;
}

.recruit-highlight-grid p:not(.recruit-card-eyebrow),
.recruit-process-grid p {
	margin: 13px 0 0;
	font-size: .84rem;
	line-height: 1.82;
	color: #657181;
}

.recruit-requirements {
	padding: 104px 0 116px;
	background: #fff;
}

.recruit-heading--split {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(360px, .55fr);
	gap: 60px;
	align-items: end;
}

.recruit-heading--split > p {
	margin: 0;
	font-size: .88rem;
	line-height: 1.85;
	color: #657181;
}

.recruit-requirements-table {
	margin-top: 46px;
	border-top: 1px solid #dce2e8;
}

.recruit-requirements-row {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	margin: 0;
	border-right: 1px solid #dce2e8;
	border-bottom: 1px solid #dce2e8;
	border-left: 1px solid #dce2e8;
}

.recruit-requirements-row dt,
.recruit-requirements-row dd {
	margin: 0;
	padding: 20px 22px;
}

.recruit-requirements-row dt {
	font-size: .82rem;
	font-weight: 800;
	color: #263548;
	background: #eef2f5;
}

.recruit-requirements-row dd {
	font-size: .9rem;
	line-height: 1.8;
	color: #506071;
}

.recruit-note {
	font-size: .78rem;
	color: #7b8794;
}

.recruit-process {
	padding: 98px 0 108px;
	background: #f4f6f8;
}

.recruit-process-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid #dce2e8;
	border-left: 1px solid #dce2e8;
	background: #fff;
}

.recruit-process-grid > div {
	min-height: 270px;
	padding: 28px;
	border-right: 1px solid #dce2e8;
	border-bottom: 1px solid #dce2e8;
}

@media(max-width:980px) {
	.recruit-highlight-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.recruit-heading--split {
		grid-template-columns: 1fr;
	}
}

@media(max-width:640px) {
	.recruit-highlights,
	.recruit-requirements,
	.recruit-process {
		padding: 74px 0 82px;
	}

	.recruit-highlight-grid,
	.recruit-process-grid {
		grid-template-columns: 1fr;
	}

	.recruit-highlight-grid article,
	.recruit-process-grid > div {
		min-height: 230px;
	}

	.recruit-highlight-grid article > span,
	.recruit-process-grid span {
		margin-bottom: 54px;
	}

	.recruit-requirements-row {
		grid-template-columns: 1fr;
	}

	.recruit-requirements-row dt {
		padding-bottom: 8px;
	}

	.recruit-requirements-row dd {
		padding-top: 8px;
	}
}