.jobs-list .job-card {
	background-color: var(--body-color-darker);
	border-radius: .5rem;
}

.jobs-list .card-row {
	display: grid;
	grid-template-columns: 280px 1fr;
	padding: 1rem;
	margin-top: 1.5rem;
}

.jobs-list .basic-info{
	border-right:1px solid var(--copper-color-pastel);
}

.jobs-list .basic-info,
.jobs-list .job-description{
	padding:1rem;
}

.jobs-list .job-title,
.jobs-list i{
	color:var(--copper-color);
}

.jobs-list .job-location,
.jobs-list .job-type {
	display: grid;
	grid-template-columns: 24px 1fr;
	margin: 0 0 .25rem 0;
	align-items: center;
	font-weight: 500;
}

.jobs-list .job-description-text{
	max-width:720px;
}

@media screen and (max-width:768px){
	.jobs-list .card-row {
		grid-template-columns: 1fr;
	}
	
	.jobs-list .basic-info {
		border-right:none;
		border-bottom: 1px solid var(--copper-color-pastel);
	}
}