form.job_filters {
	text-align: center;
	margin-bottom: 65px;
	color: #44687D;
	padding: 50px 25px;
}

div.job-filter-container {
	width: 100%;
	background-color: var( --e-global-color-b48e3ba );
}

.reset-filter-link {
	margin-left: 20px;
}

a.reset {
	color: #44687D;
    text-decoration: underline;
	text-underline-offset: 5px;
}

a.reset:hover {
	color: #7B95A3;
}

.sc-filter-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sc-filter-content {
	flex: 0 32%;			/* flex-grow 0 flex-basis 32% */
	margin-bottom: 2%; 		/* (100-32*3)/2 */
	height: 50px;
}

.sc-filter-content:nth-child(4n-3) {
	width: 100%;
	flex:auto;
}

.showing_jobs {
	padding-top: 25px;
}

input[type="submit"].job-search-button {
    font-family: "Oswald", Sans-serif;
    font-size: 20px;
    font-weight: 600;
	color: var( --e-global-color-2d6bec2 );
	background-color: var( --e-global-color-primary );
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    border-radius: 15px 15px 15px 15px;
	border: 1px solid  var( --e-global-color-primary );
}

input[type="submit"].job-search-button:hover {
	color: var( --e-global-color-primary );
	background-color: #FDFDFD;
   
}

.sc-filter-content input, .sc-filter-content select {
	border-radius: 12px;
	border: 2px solid #44687D;
	color: var( --e-global-color-primary );
}

.job-role-heading{
	width: 100%;
	background-color: #44687D;
	padding: 3px;
	margin-top: 5px;
}

.job-role-heading h4{
	color: #FDFDFD;
	margin-left: 15px;
	font-size: 28px;
}

ul.job_postings {
	list-style: none;
	padding: 0;
	margin-bottom: 60px;
}

li.job_posting {
	border-bottom: #ececec solid 2px;
}

li.job_posting:last-child {
	border-bottom: none;
}
li.job_posting a, li.no_job_postings_found a{
	display: block;
    padding: 1em 1em 1em 1em;
    border: 0;
    overflow: hidden;
    zoom: 1;
    position: relative;
    line-height: 1.5em;
    text-decoration: none;
	color: #44687D;
}

li.job_posting a:hover {
	background-color: #ececec;
}

li.job_posting a div.job-position {
	float: left;
    width: 50%;
    padding: 0px;
    line-height: 1.5em;
}

li.job_posting a div.job-position h3 {
	margin: 0;
    padding: 0;
    line-height: inherit;
    font-size: 18px;
}

li.job_posting a div.job-location {
	float: left;
    text-align: left;
    width: 25%;
    padding: 0 0 0 1em;
	line-height: 1.5em;
}

ul li.job_posting a div.job-position, ul li.job_posting a div.job-location, ul li.job_posting a ul.job-meta,
 ul li.no_job_postings_found a div.job-position, ul li.no_job_postings_found a div.job-location,
 ul li.no_job_postings_found a ul.job-meta, ul.job_postings li.job_posting a div.job-position,
 ul.job_postings li.job_posting a div.job-location, ul.job_postings li.job_posting a ul.job-meta,
 ul.job_postings li.no_job_postings_found a div.job-position, ul.job_postings li.no_job_postings_found a div.job-location,
 ul.job_postings li.no_job_postings_found a ul.job-meta {
    box-sizing: border-box;
}

ul li.job_posting a .job-meta, ul li.no_job_postings_found a .job-meta,
 ul.job_postings li.job_posting a .job-meta, ul.job_postings li.no_job_postings_found a .job-meta {
	float: right;
    text-align: right;
    width: 25%;
    padding: 0 0 0 1em;
    margin: 0;
    line-height: 1.5em;
    list-style: none outside;
}

div.job_postings .load_more_jobs {
    text-align: center;
    display: block;
    padding: 1em 1em 1em 2em;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}