.job-card
{
	
	max-width:100%;
	display:grid;
	 grid-template-columns: 0.8fr 1fr;
	
	
}
.job-list
{
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:64px;
	padding-left:0;
}

.card-body
{
	padding:0  24px 24px 24px;
	
}

.card-body h3
{
	margin-top:0;
	margin-bottom:8px;
}
.card-body p
{
	margin-top:8px;
	
}

 .card-body .content
{
	 overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3;
   -webkit-box-orient: vertical;
	
} 

.job-card .card-thumbnail
{
	
	
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	//aspect-ratio:1;
	gap:16px;
	padding:16px;
	
	flex:1;
	
	
}

.card-thumbnail .bd-yellow
{
	color:white;
	background:#f9b903;
	padding:4px 8px;
}

.card-thumbnail .title
{
	font-weight:700;
	font-size:20px;
}

.card-thumbnail .bottom-line
{
	color:#f9b903;
	font-size:12px;
}

.date
{
	
	color: #878787;
	text-transform: uppercase;
}

.card-thumbnail .top-line, .card-thumbnail .bottom-line, .card-thumbnail .title
{
	line-height:1;
}
.job-data-group
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:8px;

}

.job-card .bd-mail
{
	background:black;
	color:white;
	text-align:center;
}

.card-left
{
	aspect-ratio:1/1;
	border:2px solid #f3f3f2 ;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:relative;
	margin-top:5px;
}

.job-card .card-left .overlay
{
	display:none;
}

.job-card.is_over .card-left .overlay
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0, 0.5);
	display:flex;
	justify-content:center;
	align-items:center;

}

.card-left .overlay .overlay-label
{
	background:#f5038f;
	color:white;
	padding:8px 24px;
	font-size:32px;
	transform:rotate(-8deg);
}


.job-card .post-link
{
	display:inline-block;
	width:100%;
	margin-top:32px!important;
	color:#4776f6;
	text-align:right;
	font-weight:700;
}

form.forminator-ui
	{
		width:100%;
	}

@media(min-width:1180px)
{
	form.forminator-ui
	{
		
	}
	.job-card
	{
		width:620px;
		
		
		
	}
}


.forminator-guttenberg
{
	width:100%;
}