/**********************************************************/
/*                       Typography                       */
/**********************************************************/
#careers-new-under-hero-section #careers-body-copy-wrapper h3 {
	font-family: 'TungstenSemibold', sans-serif;
	letter-spacing: 0;
}


/**********************************************************/
/*                         Colors                         */
/**********************************************************/
#careers-job-listings-section h2 {
	color: #FFF;
}

/**********************************************************/
/*                         Styles                         */
/**********************************************************/

/* New Site Look Styles */
#careers-new-hero.new-home-section {
	display: block;
    min-height: auto;
    padding-top: 80px;
    padding-bottom: 200px;
	background-image: url('/app/themes/xmedia/assets/img/Careers-HeroImage_opt.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#careers-under-hero-bg-wrapper {
	background-image: url('/app/themes/xmedia/assets/img/Careers-StickyBackground_opt.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#careers-job-listings-section {
	background-color: rgba(0,0,0, .8);
}

#careers-new-under-hero-section.new-home-section,
#careers-job-listings-section.new-home-section {
	min-height: auto;
	padding-bottom: 130px;
}

#careers-new-under-hero-section .new-content-container-wrapper,
#careers-job-listings-section .new-content-container-wrapper {
	display: block;
}

#careers-job-listings-section.new-home-section {
	padding-top: 100px;
}

#careers-new-hero .section-full {
	width: 100%;
	max-width: 662px;
}

#careers-new-hero h1 {
	margin-bottom: 0;
}

#careers-new-hero h2 {
	margin-top: 20px;
	margin-bottom: 80px;
}

	#careers-job-listings-section h2 {
		margin-top: 0;
	}

#best-places-banner-wrapper {
	width: 100%;
}

#best-places-banner-wrapper-inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: -90px;
}

	#careers-new-under-hero-section .best-places-banner-module {
		width: 18%;
	}
	
		.best-places-banner-module img {
			width: 100%;
			height: auto;
		}

#careers-body-copy-wrapper {
    margin-top: 90px;
}

#careers-body-copy-wrapper-bottom {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#careers-body-copy-wrapper h3,
#careers-body-copy-wrapper p,
#careers-body-copy-wrapper ul li {
	color: #000;
}

	#careers-body-copy-wrapper h3 {
		margin-bottom: 10px; 
	}

#careers-body-copy-wrapper-bottom .section-left,
#careers-body-copy-wrapper-bottom .section-right {
	width: 46%;
}

#under-job-listings-copy {
	margin-top: 45px !important;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

#under-job-listings-copy p,
#under-job-listings-copy a {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
}

.srJobListJobTitle {
	font-size: 30px;
}

/****************************************************************
MOBILE 
*****************************************************************/
@media only screen and (max-width : 980px) { 
	#careers-new-hero.new-home-section {
		padding-bottom: 150px;
	}
	
	#best-places-banner-wrapper-inner {
		margin-top: -60px;
	}
}	

@media only screen and (max-width : 780px) { 
	#careers-body-copy-wrapper-top h3 {
		font-size: 42px !important;
		line-height: 46px !important;
	}

	#careers-new-hero.new-home-section {
		padding-bottom: 400px;
	}
	
	#best-places-banner-wrapper-inner {
		flex-wrap: wrap;
		justify-content: space-around;
		margin-top: -310px;
	}
	
	#careers-new-under-hero-section .best-places-banner-module {
		width: 46%;
		margin-bottom: 30px;
	}
	
	#careers-body-copy-wrapper {
		margin-top: 60px;
	}
	
	#careers-body-copy-wrapper-bottom {
		flex-wrap: wrap;
	}
	
	#careers-body-copy-wrapper-bottom .section-left, #careers-body-copy-wrapper-bottom .section-right {
		width: 100%;
	}
	
	#careers-body-copy-wrapper-bottom .section-left ul {
		margin-bottom: 0;
	}
	
	#careers-body-copy-wrapper-bottom .section-right ul {
		margin-top: 0;
	}
}	

@media only screen and (max-width : 670px) {
	#careers-new-hero.new-home-section {
		background-image: url('/app/uploads/2024/08/careers-mobile.jpg') !important;
		background-position: bottom;
	}
}

@media only screen and (max-width : 500px) {
	#careers-new-hero.new-home-section {
		padding-bottom: 280px;
	}
	
	#best-places-banner-wrapper-inner {
		margin-top: -210px;
	}
	
	#careers-body-copy-wrapper {
		margin-top: 0;
	}
	
	#careers-job-listings-section.new-home-section {
		padding-bottom: 80px;
	}
}