/*hide unneeded elements */
div.header-mobile div.topnav, div.ob-login-button, div.extra-button {display: none;}

div.nav-main ul.megamenu li.nav-item a {text-transform: uppercase; color: #333;}

/* new banner styling */
.hero-careers .hero-image {height: 500px; max-height: 100%;}

.hero-banner-home.hero-careers .hero-text {top: unset; bottom: 10px;}
.hero-careers.hero-banner-home .hero-title {font-weight: bold;}
.hero-careers.hero-banner-home .hero-subtitle {font-size: 3.75rem; font-weight: bold; line-height: 1; text-wrap: pretty;}
/* new secondary text bar */
.hero-secondary-text {display: flex; justify-content: center; padding: 20px; margin: 0; background-color: #0068AF;    color: #fff; font-size: 1.5rem; text-align: center; }
.hero-text-bar {/*max-width: 800px;*/ margin: auto;}

/* banner image alignment*/
.hero-careers .hero-image.hero-align2-top img {object-position: 50% top; object-fit: cover;}
.hero-careers .hero-image.hero-align2-middle img {object-position: 50% center; object-fit: cover;}
.hero-careers .hero-image.hero-align2-bottom img {object-position: 50% bottom; object-fit: cover;}

@media screen and (max-width: 767px) {
	.hero-banner-home.hero-careers .hero-text {bottom: unset;}
}

/* CTA centering */
div.wrapper_inner div.cta {text-align: center; display: block;}

/* grid of images with title in blue bar */
.careers-grid {display: flex; justify-content: space-evenly; gap: 20px; flex-wrap: wrap;}
.careers-grid .careers-grid-image-block { position: relative;}
.careers-grid .careers-grid-image { position: relative; width: 350px; display: flex; height: 400px;}
.careers-grid .careers-grid-image img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block;}
.blue-bar-text {display: flex; justify-content: center; /* padding: 5px 10px; background-color: #0068AF;    color: #fff; font-size: 1rem; */ margin: 0;position: absolute; bottom: 15px; right: -10px; margin-left: 5px;}
.blue-bar-text a {color: #fff !important;}

@media screen and (max-width: 900px) {
.careers-grid .careers-grid-image { position: relative; width: 100%; display: flex; height: auto;}
	.blue-bar-text {bottom: unset; right: unset; position: relative; margin: auto;}
}




/* carousel */
.carousel-careers div.contentdeck .deckinner.deck-distinct {padding: 0;}
.slick-prev, .slick-next {top: 50%;}
.slick-prev:before, .slick-next:before {font-size: 4rem; color: #929292; font-weight: 100;}
.slick-prev:before{content: "\f104";}
.slick-next:before{content: "\f105";}
div.wrapper_inner .carousel-careers div.cta {text-align: left;}

/* custom banner with wavy blue background */
.hero-banner.banner-wavy-blue {height: 250px;     background: #FFFFFF url(/img/bg-wavy-blue-tall.png) no-repeat left center;    background-size: cover !important; position: relative;}
.hero-banner.banner-wavy-blue .hero-text {display: flex; align-items: stretch; flex-direction: column; justify-content: center; height: 100%; width: 100%;}
.hero-banner.banner-wavy-blue .hero-text-box {display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: 30px;}
.hero-banner.banner-wavy-blue .hero-title {font-size: 2.75rem !important;}
.hero-banner.banner-wavy-blue .hero-subtitle {font-size: 1.5rem !important; font-weight: 400; text-align: right;}

@media screen and (max-width: 767px) {
	.hero-careers.hero-banner.banner-wavy-blue {max-height: unset; height: auto;}
	.hero-careers.hero-banner.banner-wavy-blue .hero-text.txt-light {background-color: transparent;}
	.hero-banner.banner-wavy-blue .hero-text-box {padding: 10px;}
	.hero-banner.banner-wavy-blue .hero-title {font-size: 2rem !important; text-align: right; text-wrap: balance;}
	.hero-banner.banner-wavy-blue .hero-subtitle {font-size: 1.25rem !important;}
}

/* dogwood rose careers promo theme with leaf */

.promotion.theme5-careers {background-color: #C53364; color: #FFF; position: relative; z-index: 1; width: 100%; max-width: 350px;}
.promotion.theme5-careers h3 {color: #C53364; background-color: #fff; border-radius: 8px; padding: 10px !important;}
.promotion.theme5-careers::before {
	content: '\f06c';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	display: inline-block;
	font-size: inherit;
	margin: 0 7px 0 0;
	position: absolute; 
	top: 0;
	right: -20px;
	color: #54b540;
	z-index: 2;
	font-size: 3.5rem;
}
@media screen and (max-width: 767px) {
.promotion.theme5-careers	{display: block; margin: 20px auto 0 auto;}
} 

/* override for large h1 in career listings */

.jobs-detail .container h1 {font-size: 1.85rem; font-weight: 400; margin-top: 10px;}
.jobs-detail .container h2 {font-size: 1.75rem; font-weight: 400;}
.jobs-detail .container h3 {font-size: 1.65rem; font-weight: 400;}
.jobs-detail .container {margin-top: 20px;}

/* map iframe adjustments */
.jobs-detail iframe {height: 450px;    margin: 30px 0 10px 0; box-shadow: 0 0 18px rgba(0, 0, 0, .2);}

.intro {line-height: 1.1;}