/* ============================================================
   WorkinCare theme
   Loaded only when body has .theme-workincare class
   (header.php sets it for community_ids 598/599/600/601).
   Workin.com regionals do NOT load this file and are unaffected.

   Brand = blue primary (the site default, #23475e) + pink accent
   (#a6577a). We keep the default blue for all functional UI
   (buttons, borders, links, section banners) and use pink only as a
   brand accent: the nav wordmark, the region sub-label, and a small
   accent rule under the hero heading.
   ============================================================ */

/* --- Pink brand accents ------------------------------------ */

/* Nav wordmark (workincare.us) */
body.theme-workincare .navbar-brand,
body.theme-workincare .navbar .site-title,
body.theme-workincare .navbar .site-title:hover,
body.theme-workincare .navbar .site-title:active,
body.theme-workincare .navbar .site-title:focus { color: #a6577a; }

/* Employer primary buttons (Post A Job / Post My Job / Learn More etc.)
   are brick-red by default; WorkinCare wants blue/white to match the
   blue-primary brand. Applies on every page, not just the homepage. */
body.theme-workincare .btn-employer-primary {
	background-color: #23475e;
	border-color: #23475e;
	color: #ffffff;
}
body.theme-workincare .btn-employer-primary:hover,
body.theme-workincare .btn-employer-primary:active,
body.theme-workincare .btn-employer-primary:focus {
	background-color: #1b3648;
	border-color: #1b3648;
	color: #ffffff;
}

/* Nav "Post A Job" highlight button: brick-red -> brand blue */
body.theme-workincare .navbar a.nav-emp-highlight {
	background-color: #23475e;
	color: #ffffff;
}
body.theme-workincare .nav > li > a.nav-emp-highlight:focus,
body.theme-workincare .nav > li > a.nav-emp-highlight:hover,
body.theme-workincare .nav .open > a.nav-emp-highlight,
body.theme-workincare .nav .open > a.nav-emp-highlight:focus,
body.theme-workincare .nav .open > a.nav-emp-highlight:hover {
	background-color: #1b3648;
	color: #ffffff;
}

/* "Post Your Job With Us" expertise band: brick-red -> brand blue,
   including its icon badges and the CSS-triangle arrows beneath them. */
body.theme-workincare .our-expertise {
	background-color: #23475e;
	color: #bcd0dd;
}
body.theme-workincare .our-expertise .icon-border {
	background: #23475e;
	border-color: #3a6a87;
}
body.theme-workincare .our-expertise .icon-border:after { border-top-color: #23475e; }
body.theme-workincare .our-expertise .icon-border:before { border-top-color: #3a6a87; }
body.theme-workincare .our-expertise .icon-border:hover {
	background: #ffffff;
	border-color: #ffffff;
	color: #23475e;
}

/* Footer: charcoal -> darker brand navy (a shade below the #23475e buttons
   so a blue button sitting in the footer still stands out). */
body.theme-workincare .footer { background-color: #1b3648; }

/* Region sub-label appended to the site title on regional subdomains
   (header.php adds <span class="region"> for reno/santacruz/hawaii).
   Smaller & paler than the wordmark so it reads as a sub-label; it is
   deliberately excluded from the over-N title downscale classes. */
body.theme-workincare .navbar .site-title .region {
	font-size: 15px;
	font-weight: 400;
	color: #777777;
	margin-left: 4px;
}

/* ============================================================
   Homepage hero — split layout
   The 598/599/600/601 jumbotron is a people-only photo (the care
   workers, anchored bottom-right on a white backdrop that blends with
   the photo's clinic background). All copy is real HTML on the left:
   .wc-hero-copy (heading + tagline) above the flattened search row.
   The default centered logo/headings are hidden; the photo carries no
   text of its own. Scoped to body.index.theme-workincare so only the
   WorkinCare homepage is affected.
   ============================================================ */
body.index.theme-workincare .main-search {
	min-height: 480px;
	padding: 64px 0;
	text-align: left;
	color: #23475e;
	background-color: #eef1f3;
	/* Full-bleed wide care-team photo with a left->right white veil so the
	   logo/heading/tagline/search read on the left while the team shows on
	   the right — mirrors the corporate apex hero. */
	background-image: linear-gradient(to right, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.92) 32%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0) 66%), url('/images/bootstrap/jumbotron/workincare-hero.jpg');
	background-repeat: no-repeat;
	background-position: center, right center;
	background-size: cover, cover;
}

/* Hide the default centered chrome (direct children of the container);
   the .wc-hero-copy heading lives deeper so it is not matched here. */
body.index.theme-workincare .main-search .site-logo,
body.index.theme-workincare .main-search hr.short-line,
body.index.theme-workincare .main-search > .container > h1,
body.index.theme-workincare .main-search > .container > h2,
body.index.theme-workincare .main-search .text-large { display: none; }

/* Hero copy (real text, left column) */
body.index.theme-workincare .wc-hero-copy {
	max-width: 560px;
	margin-bottom: 22px;
}
body.index.theme-workincare .wc-hero-logo {
	display: block;
	height: 120px;
	width: auto;
	margin: 0 0 18px 0;   /* left-aligned, matching the corporate hero */
}
body.index.theme-workincare .wc-hero-title {
	margin: 0;
	color: #23475e;
	font-size: 40px;
	font-weight: 800;
	line-height: 1.1;
}
body.index.theme-workincare .wc-hero-title::after {   /* blue accent rule */
	content: "";
	display: block;
	width: 54px;
	height: 4px;
	margin-top: 14px;
	border-radius: 2px;
	background: #23475e;
}
body.index.theme-workincare .wc-hero-tagline {
	margin: 18px 0 0 0;
	color: #23475e;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
}

/* Flattened search: keyword on its own row, then region/category/submit inline */
body.index.theme-workincare .main-search .js-search-form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 600px;
	margin: 0;
}
body.index.theme-workincare .main-search .js-search-form .placeholder-icon-wrapper {
	flex: 1 1 100%;
	width: 100%;
	max-width: none;
	margin: 0;
}
body.index.theme-workincare .main-search .js-search-form input.form-control {
	width: 100%;
	max-width: none;
	margin: 0;
}
body.index.theme-workincare .main-search .js-search-form select.form-control {
	flex: 1 1 180px;
	width: auto;
	max-width: none;
	margin: 0;
}
/* Blue submit button (default hero btn is transparent/bordered) */
body.index.theme-workincare .main-search .js-search-form .btn {
	flex: 0 0 auto;
	margin: 0;
	background-color: #23475e;
	border-color: #23475e;
	color: #ffffff;
}
body.index.theme-workincare .main-search .js-search-form .btn:hover,
body.index.theme-workincare .main-search .js-search-form .btn:focus {
	background-color: #1b3648;
	border-color: #1b3648;
}

/* Small screens: photo crops to the people; lay a near-solid white veil over
   the whole hero so the logo/heading/tagline/search stay readable. */
@media (max-width: 767px) {
	body.index.theme-workincare .main-search {
		min-height: 0;
		padding: 40px 0 48px 0;
		background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('/images/bootstrap/jumbotron/workincare-hero.jpg');
		background-position: center;
		background-size: cover;
	}
	body.index.theme-workincare .wc-hero-title { font-size: 30px; }
}