/* #subpagePhoto, #layoutCrumbs, #layoutPageTitle { display:none; } */ /* dont turn this on here; needed on subpages */

#workforcePage { padding-bottom:1em; background-repeat:no-repeat; background-size:cover; }
#workforcePage a { color:#ad172b; text-decoration:underline; /* added underline 2021-04-08 */ }

#workforceLogo { height:189px; text-align:right; }

#workforceTitle { width:43%; padding:15px 0 15px 25px; margin:0 0 40px auto; background-color:#ad172b; color:white; font-size:20px; font-weight:bold; }
#workforceTitle img { margin-right:10px; }

/* NEW SECTION 2021-04-21 */
#workforceTopMenu { margin:3%; padding:20px 25px; background-color:rgba(255, 255, 255, 0.95); color:black; }
#workforceTopMenu a { display:inline-block; margin:12px 12px; padding:4px 12px; font-weight:bold; background-color:#ad172b; color:white !important; text-decoration:none; }
/* end new section */

.workforceBlock { float:left; width:44.6%; margin:0 3%; padding:1px 25px 20px 25px; /* the 1px fixes margin not taking affect */ background-color: rgba(255, 255, 255, 0.95); color:black; }
.workforceBlock h2 { margin:-1px -25px 0; /* the -1px is to accomodate the 1px padding on parent */ padding:15px 25px; background-color:#ad172b; color:white; font-size:25px; font-weight:bold; text-transform:uppercase; }
.workforceBlock ul.jumpHeadings { display:none; margin:1em 0; padding:0; list-style-type:none; }
.workforceBlock ul.jumpHeadings li { margin:1.5em 0; }
.workforceBlock ul.jumpHeadings li span { display:block; font-weight:bold; color:#5E4849; }
.workforceBlock ul.jumpHeadings li a { font-weight:bold; text-decoration:underline; }
.fullWidth { float:none; width:75%; margin:0 auto 0 auto; }

.workforceBlockCourses { float:left; width:42%; background-color:rgba(255, 255, 255, 0.95); }
.workforceBlockCourses .jumpHeadings { margin:0; padding:0; list-style-type:none; }
.workforceBlockCourses .jumpHeadings a { text-decoration:none; }
.workforceBlockCourses .jumpHeadings a:hover { text-decoration:underline; }
.workforceBlockCourses .jumpHeadings span { display:block; font-size:75%; color:#5E4849; }
.workforceBlockCourses > h3 { margin-top:0; padding:10px 10px 10px 25px; background-color:#ad172b; color:white; }
.workforceBlockCourses .workforceBlockCoursesListing { padding:0 25px 10px 25px; }
.workforceBlockCoursesListing div:first-child h3 { margin-top:0; }

.endingBlock { width:85%; margin:0 auto; padding:10px 0 25px; color:black; }

#teaser ul { list-style-type:none; padding:0; font-weight:bold; }
#teaser li { margin:20px 0; padding:0; }

.customTrainingRequest { padding-top:1em; border-top:5px solid #ad172b; }
.customTrainingRequest a { text-decoration:underline; }

/* workforce homepage */
#workforceNav { width:550px; margin:0 0 40px auto; }
#workforceNavRed { padding:5px 0 5px 25px; background-color:#ad172b; }
.workforceNavItem { width:90%; margin:12px 0; padding:3px 12px; color:white; font-size:20px; font-weight:bold; border-bottom:1px solid #e4aab1; border-bottom-color:rgba(228, 170, 177, 0.35); cursor:pointer; }
.workforceNavItem img { margin-right:10px; }
#workforceNav .workforceNavItem a { color:white; text-decoration:none; }
#workforceNav .workforceNavItem a:hover { color:yellow; }
/* end */

@media screen and (max-width:984px) {
	#workforcePage { width:auto; background-size:cover; }
	#workforceLogo { margin:0; background-position:top right; background-repeat:no-repeat; background-size:contain; }
	#workforceNav { width:auto; max-width:550px; }
	.workforceNavItem { width:auto; padding:0; border:none; } /* undo border */
	#workforceTitle { width:70%; }
	.workforceBlock { float:none; width:auto; margin:0; }
	.workforceBlock ul.jumpHeadings { display:block; }
	.fullWidth { width:auto; }
	.workforceBlockCourses { float:none; width:auto; margin:0 auto; }
	.workforceBlockCourses > h3 { padding-left:10px; }
}

@media screen and (max-width:600px) {
	#workforceTopMenu a { display:block; margin-left:0; margin-right:0; }
}

@media screen and (max-width:414px) {
	#workforcePage { background-image:none !important; }
	
	#workforceLogo { background-image:url(/pages/workforce/_images/logoMobile.png); background-position:center; background-size:contain; cursor:pointer; }
	#workforceLogo a { display:block; height:100%; }
	#workforceLogo img { display:none; }
	
	#workforceNavRed { padding-left:10px; }
	#workforceNav .workforceNavItem { font-size:12px; }
	#workforceTitle { width:auto; margin-bottom:15px; }

	.workforceBlock { padding:0; }
	.workforceBlock h2 { font-size:16px; }
	.workforceBlock h2 br { display:none; }
	.workforceBlockText { padding:5px 10px; }
	
	.workforceBlockCourses .workforceBlockCoursesListing { padding:0; }
}