.job_posts
{
	width:calc(100% + 40px);
	z-index:999;
}

.job_posts .post
{
	width:calc(33.3333% - 40px);
	padding:30px;
	border-radius: 37px;
    box-shadow: 0 10px 40px -10px rgba(30, 34, 39, 0.1), 0 60px 60px -30px rgba(30, 34, 39, 0.1);
	background:#fff;
	margin:20px;
	transition:all 0.1s ease-in-out;
}

.job_posts .post:hover
{
	transform:scale(1.02);
}

@media screen and (max-width: 800px) 
{
   	.job_posts
	{
		width:100%;
	}

	.job_posts .post
	{
		width:100%;
		padding:30px;
		box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%);
		border-radius:10px;
		background:#fff;
		margin:0;
	}

	.job_posts .sign
	{
		position:relative;
		width:100%;
		height:60px;
		left:0;
		top:auto;
		font-size:31px;
		line-height:60px;
		font-weight:800;
		text-align:center;
		opacity:0.4;
		margin:0;
	}

	.job_posts .sign.second
	{
		left:0;
	}
}

.job_posts .post .post_image
{
	width:calc(100% + 60px);
	margin-top:-30px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	margin-bottom:30px;
	background-color:rgba(52,52,52,0.05);
	border-radius:37px 37px 0 0;
}

.job_posts .post .post_image:before
{
	content:"";
	display:block;
	padding-top:60%;
}

.job_posts .post .post_image .overlay
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
	border-radius:37px 37px 0 0;
}

.job_posts .post .post_title
{
	width:100%;
	font-size:21px;
	line-height:30px;
	font-weight:800;
	text-align:center;
	margin-bottom:20px;
	height:60px;
}

.job_posts .post .post_text
{
	width:100%;
	font-size:15px;
	line-height:22px;
	font-weight:400;
	text-align:center;
	opacity:0.4;
	height:66px;
}






.job_post_back
{
	width:auto;
	height:34px;
	line-height:34px;
	font-size:14px;
	font-weight:600;
	box-shadow:0 0 0 1px rgba(52,52,52,0.1);
	border-radius:8px;
	padding:0 25px 0 40px;
	transition:all 0.1s ease-in-out;
	background:url('../img/arrow_left_dark.png') left 15px center no-repeat;
	background-size:10px auto;
}

.job_post_back:hover
{	
	background-color:rgba(52,52,52,0.05);
	box-shadow:none;
}

.job_post_headline
{
	font-size:36px;
	line-height:47px;
	font-weight:600;
	text-align:center;
}

.job_post_date
{
	font-size:16px;
	line-height:20px;
	font-weight:400;
	text-align:center;
	opacity:0.4;
}

.job_post_hero
{
	width:100%;
	background:#fff;
	border-radius:25px;
	overflow:hidden;
	transition:transform 0.1s ease-in-out;
}

.job_post_hero:hover
{
	transform:scale(1.02);
	box-shadow:0 4px 24px 0 rgb(0 0 0 / 12%);
}

.job_post_hero:before
{
	content:"";
	display:block;
	padding-top:40%;
}

.job_post_hero .image
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	max-width:none;
	height:100%;
	background-size:cover !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	margin:0;
}

.job_post_hero .overlay
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
}

.job_post_hero .play
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3) url('../img/play_icon_light.png') center center no-repeat;
	background-size:60px auto;
}

.job_post_subheadline
{
	font-size:24px;
	line-height:35px;
	font-weight:600;
}

.job_post_textheadline
{
	font-size:20px;
	line-height:28px;
	font-weight:600;
	color:rgba(52,52,52,1);
}

.job_post_text
{
	font-size:17px;
	line-height:28px;
	font-weight:400;
	color:rgba(52,52,52,0.6);
}

.job_post_list_item
{
	font-size:17px;
	line-height:28px;
	font-weight:400;
	color:rgba(52,52,52,0.6);
	padding-left:35px;
}

.job_post_list_subitem
{
	font-size:17px;
	line-height:28px;
	font-weight:400;
	color:rgba(52,52,52,0.6);
	padding-left:55px;
}

.job_post_list_item .icon, .job_post_list_subitem .icon
{
	position:absolute;
	left:0;
	top:0;
	font-size:17px;
	line-height:28px;
}

.job_post_list_subitem .icon
{
	left:35px;
}

.job_post_highlight
{
	box-shadow:inset 0 0 0 2px #cfc8b8;
	background:rgba(207,200,184,0.05) url('../img/321med_logo.png') left 30px center no-repeat;
	background-size:30px auto;
	padding:30px 30px 30px 90px;
	font-size:18px;
	line-height:26px;
	font-weight:500;
	color:#bab4a5;
	border-radius:25px;
}





.job_onboarding_box
{
	width:100%;
	border-radius:0 0 25px 25px;
	overflow:hidden;
	padding:80px 40px 100px 40px;
	background: linear-gradient(180deg,rgba(207,200,184,0) 0%, rgba(207,200,184,1) 100%);
}

.job_onboarding_box .job_onboarding_headline
{
	max-width:600px;
	font-size:40px;
	line-height:50px;
	font-weight:700;
	text-align:center;
}

.job_onboarding_box .job_onboarding_button
{
	left:50%;
	width:300px;
	height:60px;
	line-height:60px;
	font-size:20px;
    font-weight: 700;
    background: #fff;
    padding: 0 15px 0 15px;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 8%), 0 1px 4px 0 rgb(0 0 0 / 12%);
    color: rgba(52,52,52,0.8);
    transition: all 0.1s ease-in-out;
    border-radius:14px;
    text-align:center;
    cursor:pointer;
    margin-left:-150px;
}

.job_onboarding_box .job_onboarding_button:hover
{
	transform:scale(1.02);
    color:rgba(52,52,52,1);
}