/* Homepage hero — Indeed-style compact hero + single connected search bar.
 * Root cause fixed: with no banner_bg_image set, the theme's photo-legibility
 * dark overlay (section#header-slider:before) was rendering over a transparent
 * background, producing a flat grey wash instead of the intended photo. Scoped
 * to .gaj-hero-no-image so this self-corrects if a real photo is ever added. */
body.gaj-hero-no-image section#header-slider {
	background-color: #f0f4fb;
}
body.gaj-hero-no-image section#header-slider:before {
	content: none;
}
body.gaj-hero-no-image .header-slider .banner-wrap h1 {
	color: #1a1a2e;
}
body.gaj-hero-no-image .header-slider .banner-wrap h4 {
	color: #4a4a5a;
}

.banner-content {
	padding: 64px 0 88px;
}

/* Connected single-bar search (Indeed pattern): one white pill container with
 * an internal divider between fields, instead of 3 separately-floating boxes. */
.search-filter-wrap .filter-inputwrap {
	display: flex;
	align-items: stretch;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(26, 26, 46, 0.12);
	max-width: 720px;
	margin: 0 auto;
}
.search-filter-wrap .form-group {
	margin-right: 0;
	margin-bottom: 0;
	flex: 1 1 auto;
}
.search-filter-wrap .form-group:first-child {
	border-right: 1px solid #e3e6ee;
}
.search-filter-wrap form .filter-inputwrap .form-group input {
	height: 56px;
	border-radius: 0;
	box-shadow: none;
}
.search-filter-wrap .form-group:last-child {
	flex: 0 0 auto;
}
.search-filter-wrap .form-group:last-child .btn {
	height: 56px;
	border-radius: 0;
	padding: 0 32px;
}

@media (max-width: 767px) {
	.banner-content {
		padding: 40px 0 56px;
	}
	.search-filter-wrap .filter-inputwrap {
		flex-direction: column;
		max-width: 100%;
	}
	.search-filter-wrap .form-group:first-child {
		border-right: none;
		border-bottom: 1px solid #e3e6ee;
	}
}