/* Design-parity pass #2 (search results / job listing pages) — Indeed.com
 * clone initiative. Turns the flat, divider-only job list into separated
 * white cards (Indeed's long-established results-list pattern), CSS-only,
 * scoped to #primary so the #secondary "Recent Jobs" sidebar widget (which
 * intentionally keeps WPJM's compact widget styling) is untouched. */

#primary ul.job_listings {
	border-top: none;
}
#primary ul.job_listings li.job_listing {
	background: #fff;
	border: 1px solid #e6e8ee;
	border-bottom: 1px solid #e6e8ee;
	border-radius: 8px;
	margin-bottom: 12px;
	box-shadow: 0 1px 2px rgba(26, 26, 46, 0.04);
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
#primary ul.job_listings li.job_listing:hover {
	border-color: #cdd3e0;
	box-shadow: 0 4px 14px rgba(26, 26, 46, 0.08);
}
#primary ul.job_listings li.job_listing a {
	padding: 1.25em 1.25em 1.25em 4.25em;
}
#primary ul.job_listings li.job_listing a:hover,
#primary ul.job_listings li.job_listing a:focus {
	background-color: transparent;
}
#primary ul.job_listings li.job_listing a img.company_logo {
	left: 1.25em;
}
#primary ul.job_listings li.job_listing a div.position h3 {
	color: #1a1a2e;
	font-weight: 600;
}
#primary ul.job_listings li.job_listing.job_position_featured a {
	background: #fffdf0;
}

@media (max-width: 767px) {
	#primary ul.job_listings li.job_listing a {
		padding: 1em 1em 1em 1em;
	}
}