/* Lumber Hiring job listings widget — element-for-element match of the hosted
   careers page (madera-carpenters.lumberhiring.com) minus the share icons,
   using the site's own colors and font.
   Loaded after the vendor embed.css so these rules take precedence.
   Block structure (from admin_inc/editor.php):
     .lumber-careers > .lumber-page-title, .lumber-intro,
                       .lumber-section-title, #hiringthing-jobs
   Widget markup per job (flat, no wrapper):
     a.ht-title-link > div.ht-location > div.ht-summary > a.ht-apply-link */

.lumber-careers
{
	font-family: hspbold, sans-serif;
	color: #58595b;
	width: 100%;
	margin: 0;
	text-align: left;
	line-height: 1.6em;
}

/* Company name heading — large, left-aligned like the hosted page */
.lumber-careers .lumber-page-title
{
	font-size: 38px;
	line-height: 1.2em;
	margin: 0 0 28px 0;
	text-align: left;
}

/* Intro box — full-width bordered rounded box like the hosted page */
.lumber-careers .lumber-intro
{
	background-color: #f8f8f7;
	border: 1px solid #d9d7d4;
	border-radius: 4px;
	padding: 34px 24px;
	font-size: 17px;
	margin-bottom: 40px;
}

/* Career Opportunities heading — same treatment as the page title */
.lumber-careers .lumber-section-title
{
	font-size: 38px;
	line-height: 1.2em;
	margin: 0 0 32px 0;
	text-align: left;
}

#hiringthing-jobs
{
	width: 100%;
	text-align: left;
}

/* Job title — divider line above each job, like the hosted listing rows */
#hiringthing-jobs .ht-title-link
{
	display: block;
	color: #58595b;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: .10em;
	text-decoration: none;
	border-top: 1px solid #d9d7d4;
	padding-top: 32px;
	margin-top: 32px;
	transition: color .2s ease;
}

#hiringthing-jobs .ht-title-link:first-child
{
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

#hiringthing-jobs .ht-title-link:hover,
#hiringthing-jobs .ht-title-link:focus
{
	color: #cbd22c;
}

/* Location — uppercase small caps style, like the hosted page */
#hiringthing-jobs .ht-location
{
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .10em;
	margin-top: 6px;
}

#hiringthing-jobs .ht-summary
{
	font-size: 18px;
	max-width: none;
	margin-top: 12px;
}

/* Apply Now — button in the site's accent green */
#hiringthing-jobs .ht-apply-link
{
	display: inline-block;
	background-color: #cbd22c;
	color: #58595b;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .10em;
	text-decoration: none;
	padding: 10px 34px;
	border-radius: 4px;
	margin: 18px 0 32px 0;
	transition: background-color .2s ease, color .2s ease;
}

#hiringthing-jobs .ht-apply-link:hover,
#hiringthing-jobs .ht-apply-link:focus
{
	background-color: #58585a;
	color: #ffffff;
}

/* No open positions — plain left-aligned text like the hosted page */
#hiringthing-jobs .ht-no-positions
{
	font-size: 18px;
	text-align: left;
}

@media screen and (max-width: 600px)
{
	.lumber-careers .lumber-page-title,
	.lumber-careers .lumber-section-title
	{
		font-size: 28px;
	}

	#hiringthing-jobs .ht-title-link
	{
		font-size: 20px;
	}

	#hiringthing-jobs .ht-apply-link
	{
		display: block;
		text-align: center;
	}
}