/**
 * Job board styles — scoped for Hello Elementor child.
 * Ported from bb-theme-child; hardened against Elementor global link/button CSS.
 */

:root {
	--mr-job-primary: #0f2851;
	--mr-job-secondary: #8a7b5b;
	/* Match destination site Elementor container / content width */
	--mr-content-max-width: 1380px;
}

/* -------------------------------------------------------------------------
   Jobs listing page shell — match main site max width (1380px).
   Hello Elementor constrains .site-main more tightly on classic pages;
   Elementor-built pages use the kit container width instead.
   ------------------------------------------------------------------------- */
body.mr-jobs-page main#content.site-main,
body.page-id-1388 main#content.site-main {
	position: relative;
	max-width: var(--mr-content-max-width);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

/*
 * Decorative grid overlay — same ::before treatment Elementor uses on
 * section containers (e.g. Jea84YmztWshUwZlRhXJ1LREc.png).
 * Scoped to the jobs listing page only.
 */
body.mr-jobs-page main#content.site-main::before,
body.page-id-1388 main#content.site-main::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2026/01/Jea84YmztWshUwZlRhXJ1LREc.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto; /* 1:1 pixel size — do not scale/stretch */
	pointer-events: none;
	z-index: 0;
}

/* Keep page title + listings above the overlay */
body.mr-jobs-page main#content.site-main > *,
body.page-id-1388 main#content.site-main > * {
	position: relative;
	z-index: 1;
}

/* -------------------------------------------------------------------------
   Jobs page title — match production BB:
   <div class="page-header"><h1 class="entry-title">…</h1></div>
   (~32px navy, left-aligned)

   Target the real Hello Elementor markup (not only body.mr-jobs-page).
   Use :has(.job_listings) so any page embedding [jobs] gets the title style.
   ------------------------------------------------------------------------- */

/* Theme page header + title (staging HTML) */
main#content.site-main .page-header,
main.site-main .page-header,
.site-main .page-header {
	margin: 0 0 0.75em;
	padding: 0;
	text-align: left;
}

/* ~40px space above the jobs page title */
body.mr-jobs-page main#content.site-main .page-header,
body.page-id-1388 main#content.site-main .page-header,
body.mr-jobs-page main#content.site-main div.page-header,
body.page-id-1388 main#content.site-main div.page-header {
	padding-top: 40px;
	margin: 0 0 0.75em;
	text-align: left;
}

/* Exact staging markup path — hard px + hex so kit vars cannot dilute */
body.mr-jobs-page main#content.site-main div.page-header h1.entry-title,
body.page-id-1388 main#content.site-main div.page-header h1.entry-title,
main#content.site-main .page-header .entry-title,
main#content.site-main .page-header h1.entry-title,
main.site-main .page-header .entry-title,
main.site-main .page-header h1.entry-title,
.site-main .page-header h1.entry-title,
.site-main h1.entry-title,
body.page .page-header .entry-title,
body.page .site-main .page-header .entry-title,
body.mr-jobs-page .page-header .entry-title,
body.mr-jobs-page h1.entry-title {
	font-size: 32px !important;
	line-height: 1.25 !important;
	font-weight: 600 !important;
	color: #0f2851 !important;
	text-align: left !important;
	margin: 0 0 0.5em !important;
	padding: 0 !important;
	letter-spacing: normal !important;
	max-width: none;
}

/* Title when page embeds job listings (sibling of .page-content) */
main.site-main:has(.job_listings) .page-header .entry-title,
main#content:has(.job_listings) .page-header h1.entry-title {
	font-size: 2rem !important;
	line-height: 1.25 !important;
	font-weight: 600 !important;
	color: var(--mr-job-primary) !important;
	text-align: left !important;
}

/* Intro paragraph under the title (block editor / classic) */
main.site-main:has(.job_listings) .page-content > .bialty-container > p.wp-block-paragraph:first-of-type,
main.site-main:has(.job_listings) .page-content > p:first-of-type,
main#content.site-main .page-content p.wp-block-paragraph {
	font-size: 1rem;
	line-height: 1.6;
	color: #6f7278;
	text-align: left;
	max-width: 52rem;
}

/* Elementor heading fallback if a Jobs page is built in Elementor */
body.mr-jobs-page .elementor-widget-heading h1.elementor-heading-title,
body.mr-jobs-page .elementor-widget-heading h1 {
	font-size: 2rem !important;
	line-height: 1.25 !important;
	font-weight: 600 !important;
	color: var(--mr-job-primary) !important;
	text-align: left !important;
	margin: 0 0 0.5em !important;
}

/* -------------------------------------------------------------------------
   Listing shell: filters | results
   ------------------------------------------------------------------------- */
div.job_listings {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 50px;
	align-items: start;
}

/* Stock WPJM job-type checkboxes (source hid these) */
div.job_listings ul.job_types,
div.job_listings .job_types {
	display: none !important;
}

div.job_listings a.rss_link {
	display: none !important;
}

div.job_listings form.job_filters {
	background: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}

div.job_listings .job_filters .search_jobs {
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: sticky;
	top: 50px;
	padding: 0;
	float: none;
	width: 100%;
}

div.job_listings .job_filters .search_jobs > div {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0;
}

div.job_listings .search_jobs label {
	display: none; /* placeholders label the fields; matches denser source filter stack */
}

div.job_listings .search_jobs label[for="remote_position"],
div.job_listings .search_jobs #remote_position_label {
	display: inline;
	font-size: 14px;
	color: #6f7278;
}

div.job_listings .search_jobs input[type="text"],
div.job_listings .search_jobs input[type="search"] {
	background-color: #fff;
	border: 1px solid var(--mr-job-primary);
	border-radius: 5px;
	height: 51px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 12px;
	font-size: 15px;
	color: #292c32;
	box-shadow: none;
}

div.job_listings .search_jobs input[type="text"]:focus,
div.job_listings .search_jobs input[type="search"]:focus,
div.job_listings .mission_filters select:focus {
	outline: 2px solid var(--mr-job-secondary);
	outline-offset: 1px;
}

div.job_listings .search_remote_position {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 0 !important;
}

/* Defeat Elementor primary (yellow) on WPJM search submit */
div.job_listings .search_submit input[type="submit"],
div.job_listings .job_filters input[type="submit"] {
	background: var(--mr-job-primary) !important;
	border: 1px solid var(--mr-job-primary) !important;
	border-radius: 50px !important;
	color: #fff !important;
	height: auto;
	padding: 12px 24px !important;
	width: 100%;
	font-weight: 600;
	cursor: pointer;
	box-shadow: none !important;
	text-transform: none;
}

div.job_listings .search_submit input[type="submit"]:hover,
div.job_listings .job_filters input[type="submit"]:hover {
	background: var(--mr-job-secondary) !important;
	border-color: var(--mr-job-secondary) !important;
	color: #fff !important;
}

div.job_listings .job_filters .showing_jobs {
	background: #fff;
	border-top: none !important;
	padding: 10px 0;
	font-size: 14px;
	color: #6f7278;
}

div.job_listings .mission_filters {
	width: 100%;
}

div.job_listings .mission_filters select {
	height: 51px;
	border-radius: 5px;
	padding-left: 10px;
	border: 1px solid var(--mr-job-primary);
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	color: #292c32;
	font-size: 15px;
	-webkit-appearance: menulist;
	appearance: menulist;
}

/* Results list — neutralize default WPJM list-item chrome */
div.job_listings ul.job_listings {
	border: 0 !important;
	border-top: 0 !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}

div.job_listings ul.job_listings > li {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 0 !important;
	border: 0 !important;
	background: transparent !important;
	display: block !important;
	position: relative;
	overflow: visible !important;
}

div.job_listings a.load_more_jobs {
	border: 0 !important;
	border-bottom: 0 !important;
	grid-column: 2 / 3;
	display: inline-block;
	margin: 10px 0 0;
	padding: 12px 0;
	text-align: center;
	color: var(--mr-job-primary) !important;
	text-decoration: none !important;
	background: transparent !important;
	font-weight: 600;
}

div.job_listings .load_more_jobs:focus,
div.job_listings .load_more_jobs:hover {
	background-color: transparent !important;
	border-bottom: none !important;
	color: var(--mr-job-secondary) !important;
	cursor: pointer !important;
}

/* -------------------------------------------------------------------------
   Job card — full-card link; beat Elementor `a { color }` rules
   ------------------------------------------------------------------------- */
a.rw-job-wrap,
a.rw-job-wrap:link,
a.rw-job-wrap:visited,
div.job_listings a.rw-job-wrap,
div.job_listings a.rw-job-wrap:link,
div.job_listings a.rw-job-wrap:visited,
.elementor a.rw-job-wrap,
.elementor a.rw-job-wrap:link,
.elementor a.rw-job-wrap:visited {
	border: 1px solid var(--mr-job-primary);
	border-radius: 15px;
	padding: 65px 25px 40px 25px;
	margin-bottom: 20px;
	color: #6f7278 !important;
	position: relative;
	display: block;
	transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
	background: #fff;
	text-decoration: none !important;
	box-shadow: none;
	line-height: 1.5;
}

a.rw-job-wrap:hover,
a.rw-job-wrap:focus,
div.job_listings a.rw-job-wrap:hover,
div.job_listings a.rw-job-wrap:focus,
.elementor a.rw-job-wrap:hover,
.elementor a.rw-job-wrap:focus {
	border-color: var(--mr-job-secondary);
	transform: translateY(-8px);
	box-shadow: 0 15px 20px rgba(41, 44, 50, 0.05);
	color: #6f7278 !important;
	text-decoration: none !important;
}

a.rw-job-wrap .job-info h3,
a.rw-job-wrap h3,
div.job_listings a.rw-job-wrap .job-info h3,
.elementor a.rw-job-wrap h3 {
	font-size: 18px !important;
	color: #292c32 !important;
	font-weight: 600 !important;
	margin: 0.5em 0 !important;
	padding: 0;
	line-height: 1.35;
	text-decoration: none !important;
	background: none;
}

a.rw-job-wrap p,
div.job_listings a.rw-job-wrap p,
.elementor a.rw-job-wrap p {
	color: #6f7278 !important;
	font-size: 15px;
	margin: 0 0 1em;
	text-decoration: none !important;
	line-height: 1.55;
}

a.rw-job-wrap span,
a.rw-job-wrap i,
div.job_listings a.rw-job-wrap span,
.elementor a.rw-job-wrap span {
	text-decoration: none !important;
}

a.rw-job-wrap span.job-loc,
div.job_listings a.rw-job-wrap span.job-loc {
	position: absolute;
	top: 20px;
	right: 25px;
	background: #e1e1e1;
	color: #000 !important;
	padding: 5px 20px;
	border-radius: 50px;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.3;
	max-width: calc(100% - 50px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.rw-job-wrap .job-link {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}

a.rw-job-wrap .job-link div {
	background: #162850;
	border-radius: 50px;
	padding: 9px 25px;
	color: #fff !important;
	transition: background 0.3s ease;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.3;
	display: inline-block;
}

a.rw-job-wrap:hover .job-link div {
	background: var(--mr-job-secondary);
	color: #fff !important;
}

a.rw-job-wrap.rw-feat {
	border-width: 2px;
	border-color: var(--mr-job-secondary);
}

.rw-job-filter-data {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 15px;
	padding-bottom: 20px;
	align-items: center;
	color: #6f7278 !important;
	font-size: 14px;
}

.rw-job-filter-data span {
	color: #6f7278 !important;
}

.rw-job-filter-data span i {
	color: var(--mr-job-secondary) !important;
	margin-right: 4px;
}

/* -------------------------------------------------------------------------
   Related / more jobs grids
   ------------------------------------------------------------------------- */
.job_listings.single_job_listing,
.mr-more-jobs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

/* -------------------------------------------------------------------------
   Single job — production layout (two-col + more jobs band)
   ------------------------------------------------------------------------- */
body.mr-single-job-page main#content.site-main .page-header {
	display: none !important; /* belt + suspenders vs hello_elementor_page_title filter */
}

body.mr-single-job-page main#content.site-main .page-content {
	max-width: 1140px;
	margin: 0 auto;
	padding: 24px 20px 0;
}

.mr-single-job {
	width: 100%;
}

.mr-back-to-jobs {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #6f7278 !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 1.25rem;
}

.mr-back-to-jobs:hover {
	color: var(--mr-job-primary) !important;
}

.mr-single-job__grid {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 40px;
	align-items: start;
	margin-bottom: 2rem;
}

.mr-single-job__main {
	min-width: 0;
}

.mr-single-job h1.job-title-single {
	font-size: 30px !important;
	line-height: 1.25 !important;
	color: var(--mr-job-primary) !important;
	font-weight: 600 !important;
	margin: 0 0 0.75rem !important;
	padding: 0 !important;
	text-align: left !important;
}

/* Meta chips — location as pill like production */
.mr-single-job .single-job-filters {
	padding-bottom: 1.25rem;
	margin-bottom: 0.5rem;
}

.mr-single-job .single-job-filters span.job-loc {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #e1e1e1;
	color: #000 !important;
	padding: 5px 16px;
	border-radius: 50px;
	font-size: 0.9em;
	font-weight: 500;
}

.mr-single-job .single-job-filters .mr-meta-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #6f7278 !important;
}

.mr-single-job .job_description {
	color: #6f7278;
	font-size: 16px;
	line-height: 1.65;
}

.mr-single-job .job_description p {
	margin: 0 0 1em;
}

.mr-single-job .job_description ul {
	margin: 0 0 1em 1.25em;
	padding: 0;
}

.mr-single-job .job_description strong {
	color: #292c32;
}

.mr-single-job .job_application {
	margin-top: 1.5rem;
}

/*
 * Application panel — match WPJM default + production padding.
 * Stock WPJM uses padding: .75em 1em 0 (no bottom pad); GF theme CSS often
 * adds a large gform_footer margin and leaves a tall gap under SUBMIT.
 */
.mr-single-job .application .application_details,
.single_job_listing .application .application_details {
	border: 1px solid #e8e8e8;
	box-shadow: none;
	clear: both;
	display: block;
	line-height: 1.5em;
	margin: 0.75em 0 0;
	padding: 1.25em 1.25em 1em; /* even inset; bottom not excessive */
	position: relative;
	background: #fff;
	border-radius: 0;
	box-sizing: border-box;
}

/* Speech-bubble pointer under APPLY ONLINE (WPJM default) */
.mr-single-job .application .application_details:before,
.single_job_listing .application .application_details:before {
	border-bottom: 10px solid #e8e8e8;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	height: 0;
	left: 2.5em;
	margin: -10px 0 0;
	position: absolute;
	top: 0;
	width: 0;
}

.mr-single-job .application .application_details:after,
.single_job_listing .application .application_details:after {
	border-bottom: 9px solid #fff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	content: "";
	height: 0;
	left: 2.5em;
	margin: -9px 0 0 1px;
	position: absolute;
	top: 0;
	width: 0;
}

/* Gravity Forms inside the application box */
.mr-single-job .application_details .gform_wrapper,
.mr-single-job .application_details .gform_legacy_markup_wrapper,
.single_job_listing .application_details .gform_wrapper,
.single_job_listing .application_details .gform_legacy_markup_wrapper {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100%;
}

.mr-single-job .application_details .gform_heading,
.single_job_listing .application_details .gform_heading {
	display: none; /* title=false still leaves wrapper spacing sometimes */
}

.mr-single-job .application_details .gform_body,
.single_job_listing .application_details .gform_body {
	margin: 0 !important;
	padding: 0 !important;
}

.mr-single-job .application_details .gform_fields,
.single_job_listing .application_details .gform_fields {
	margin: 0 !important;
	padding: 0 !important;
	grid-row-gap: 1em;
}

.mr-single-job .application_details .gfield,
.single_job_listing .application_details .gfield {
	margin-top: 0 !important;
	margin-bottom: 1em !important;
	padding: 0 !important;
}

.mr-single-job .application_details .gfield:last-of-type,
.single_job_listing .application_details .gfield:last-of-type {
	margin-bottom: 0.75em !important;
}

/* Footer / SUBMIT row — kill excess bottom padding from GF theme */
.mr-single-job .application_details .gform_footer,
.mr-single-job .application_details .gform_page_footer,
.single_job_listing .application_details .gform_footer,
.single_job_listing .application_details .gform_page_footer {
	margin: 0.5em 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	min-height: 0 !important;
}

.mr-single-job .application_details .gform_footer:before,
.mr-single-job .application_details .gform_footer:after,
.single_job_listing .application_details .gform_footer:before,
.single_job_listing .application_details .gform_footer:after {
	display: none !important;
}

.mr-single-job .application_details .gform_footer .gform_button,
.mr-single-job .application_details input[type="submit"].gform_button,
.single_job_listing .application_details .gform_footer .gform_button,
.single_job_listing .application_details input[type="submit"].gform_button {
	margin: 0 !important;
}

/* File upload helper text tighter */
.mr-single-job .application_details .gform_fileupload_rules,
.mr-single-job .application_details .ginput_container_fileupload,
.single_job_listing .application_details .gform_fileupload_rules {
	margin-bottom: 0 !important;
}

.mr-single-job input.application_button.rw-application_button.button,
.mr-single-job input.application_button.button,
.single_job_listing input.application_button.rw-application_button.button,
.single_job_listing input[id^="gform_submit_button_"],
.mr-single-job .application_details input[id^="gform_submit_button_"] {
	background: var(--mr-job-primary) !important;
	border-radius: 50px !important;
	border: 1px solid var(--mr-job-primary) !important;
	padding: 14px 28px !important;
	color: #fff !important;
	cursor: pointer;
	box-shadow: none !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.mr-single-job input.application_button.rw-application_button.button:hover,
.single_job_listing input.application_button.rw-application_button.button:hover,
.single_job_listing input[id^="gform_submit_button_"]:hover,
.mr-single-job .application_details input[id^="gform_submit_button_"]:hover {
	background: var(--mr-job-secondary) !important;
	border-color: var(--mr-job-secondary) !important;
}

/* Recruiter sidebar card */
.mr-single-job__sidebar {
	width: 100%;
}

.sticky-rw-sidebar {
	position: sticky;
	top: 100px;
}

.rw-related-team {
	background: #fff;
	padding: 24px 24px 0;
	border-radius: 15px;
	border: 1px solid var(--mr-job-primary);
	position: relative;
	overflow: hidden;
}

.rw-related-team .team-image-wrapper {
	display: flex;
	gap: 15px;
	align-items: center;
}

.rw-related-team .team-image-single {
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
}

.rw-related-team .team-image-single img,
.rw-related-team .team-image-single .team-photo {
	height: 72px;
	width: 72px;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}

.rw-related-team .team-image-placeholder {
	background: #e1e1e1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--mr-job-primary);
}

.rw-related-team .team-info-wrapper h4 {
	font-weight: 600;
	color: var(--mr-job-primary);
	margin: 0 0 2px;
	font-size: 1.05rem;
	line-height: 1.3;
}

.rw-related-team .team-info-wrapper h4 a {
	color: var(--mr-job-primary) !important;
	text-decoration: none !important;
}

.rw-related-team .team-title-all {
	margin: 0;
	font-size: 0.9rem;
	color: #6f7278;
}

.rw-related-team .team-content {
	padding: 15px 0 10px;
}

.rw-related-team .team-desc {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #6f7278;
	cursor: pointer;
}

.rw-related-team .team-contact {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: 1px solid #e5e5e5;
	padding: 15px 0;
}

.rw-related-team .team-phone {
	color: #000 !important;
	text-decoration: none !important;
	font-size: 0.95rem;
}

.rw-related-team .team-social-all-single {
	display: flex;
	gap: 5px;
}

.rw-related-team .team-social-all-single a {
	width: 30px;
	height: 30px;
	background: #e1e1e1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #000 !important;
	text-decoration: none !important;
	font-size: 13px;
}

.rw-related-team .team-apply {
	margin: 0 -24px;
}

.rw-related-team .team-apply a {
	background: var(--mr-job-primary);
	display: block;
	color: #fff !important;
	border: 0;
	padding: 14px 30px;
	text-align: center;
	font-weight: 600;
	text-decoration: none !important;
	transition: background 0.25s ease;
}

.rw-related-team .team-apply a:hover {
	background: var(--mr-job-secondary);
	color: #fff !important;
}

/* More job openings band (navy) */
.mr-more-jobs-band {
	background: var(--mr-job-primary);
	color: #fff;
	padding: 48px 20px 56px;
	margin: 48px -20px 0;
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.mr-more-jobs-band__inner {
	max-width: 1140px;
	margin: 0 auto;
}

.mr-more-jobs-band__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 28px;
}

.mr-more-jobs-band__header h2 {
	margin: 0;
	font-size: 1.75rem;
	font-weight: 600;
	color: #fff !important;
}

.mr-more-jobs-band__browse {
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 50px;
	padding: 10px 22px;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 0.95rem;
	transition: background 0.2s ease, color 0.2s ease;
}

.mr-more-jobs-band__browse:hover {
	background: #fff;
	color: var(--mr-job-primary) !important;
}

.mr-more-jobs-band .mr-more-jobs {
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.mr-more-jobs-band a.rw-job-wrap {
	margin-bottom: 0;
	background: #fff;
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */
@media screen and (max-width: 992px) {
	.mr-single-job__grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.sticky-rw-sidebar {
		position: relative;
		top: 0;
	}

	.job_listings.single_job_listing,
	.mr-more-jobs,
	.mr-more-jobs-band .mr-more-jobs {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px) {
	div.job_listings,
	.job_listings.single_job_listing,
	.mr-more-jobs,
	.mr-more-jobs-band .mr-more-jobs {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	div.job_listings a.load_more_jobs {
		grid-column: 1 / -1;
	}

	div.job_listings .job_filters .search_jobs {
		position: relative;
		top: 0;
	}

	a.rw-job-wrap,
	div.job_listings a.rw-job-wrap {
		padding: 55px 20px 30px;
	}

	a.rw-job-wrap span.job-loc {
		right: 15px;
		top: 15px;
		font-size: 0.8em;
		padding: 4px 12px;
		max-width: calc(100% - 30px);
	}

	.mr-single-job h1.job-title-single {
		font-size: 24px !important;
	}

	.mr-more-jobs-band__header h2 {
		font-size: 1.35rem;
	}
}