/*
 * LIST 
 */
.job_listings{
	max-width: 100% !important;
	width: 100%;
}

.job_listings .no_job_listings_found{
	flex-basis: 100% !important;
}

.job_listings > form.job_filters{
	background-color: #f1e6dc;
	padding: 10px 0;
	width: 100%;
}

.job_listings > form.job_filters .job_filters_inner{
	max-width: 100%;
	margin: 0px auto;
	width: 100%;
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
}

.job_listings > form.job_filters .job_types{
	background-color: transparent;
	flex: 0 0 auto;
}

.job_listings > form.job_filters .job_types li{
	padding-top: 0;
	padding-bottom: 0;
	text-transform: uppercase; 
	font-size: 16px;
	border: none;
	font-weight: 400;
}

.job_listings > form.job_filters .job_types li label input{
	margin-right: 5px;
}

.job-manager .fulltime, .job_listing .fulltime, .job-types .fulltime,
.job-manager .parttime, .job_listing .parttime, .job-types .parttime,
.job-manager .internship, .job_listing .internship, .job-types .internship{
	color: #999;
	font-weight: 300 !important;
}

.job_listings > form.job_filters .search_submit{
	padding: 0 1em;
	text-align: center;
}

.job_listings > form.job_filters .search_submit input{
	font-weight: 400;
	letter-spacing: 2px;
	color: #fff !important;
}

.job_listings > form.job_filters input:not([type="submit"]):not(.select2-search__field){
	border: 1px solid #000;
}

.job_listings > form.job_filters .select2-container--default .select2-selection--multiple{
	border: 1px solid #000;
	border-radius: 0;
}

.job_listings > form.job_filters .select2-dropdown{
	top: 32px;
}

div.job_listings ul.job_listings{
	display: flex;
	-webkit-display: flex;
	width: 90%; 
	margin: 2em auto;
	border: none;
	flex-wrap: wrap;
}

div.job_listings ul.job_listings li{
	flex: 0 0 100%;
	display: flex;
	-webkit-display: flex;
	border: none;
	flex-direction: column;
	margin-bottom: 1em;
}

div.job_listings ul.job_listings li a{
	padding: 0;
}

div.job_listings ul.job_listings li a .post-thumb{
	width: 100%;
	display: block;
	padding-top: 50%;
	background-position: center;
	background-size: cover;
}

div.job_listings ul.job_listings li a .job-information{
	border: 1px solid #000;
	border-top: 0;
	padding: 15px;
	text-align: center;
}

.rp4wp-related-job_listing > ul li.job_listing a div.position, 
.rp4wp-related-job_listing > ul li.no_job_listings_found a div.position, 
ul.job_listings li.job_listing a div.position, 
ul.job_listings li.no_job_listings_found a div.position{
	float: none;
	width: 100%;
	padding: 0;
	text-transform: uppercase;
	font-weight: 400;
	min-height: 60px;
	font-size: 1.2666666666667rem;
}

ul.job_listings li.job_listing a .meta, 
ul.job_listings li.no_job_listings_found a .meta,
.rp4wp-related-job_listing > ul li.job_listing a .meta, 
.rp4wp-related-job_listing > ul li.no_job_listings_found a .meta,
ul.job_listings li.job_listing a .meta, 
ul.job_listings li.no_job_listings_found a .meta{
	float: none;
	width: 100%;
	padding: 0;
	text-align: center;
	font-size: 1em;
}

ul.job_listings li.job_listing a .meta span:not(:last-child)::after{
	content: "|";
	display: inline-block;
	padding: 0 5px;
}

div.job_listings ul.job_listings li a .job-information .job-content{
	margin: 1em 0;
	color: #000;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   min-height: 100px;
}

div.job_listings ul.job_listings li a .job-information .job-link{
	text-align: center;
	margin-top: 1em;
	display: block;
}

div.job_listings ul.job_listings li a .job-information .job-link .button{
	font-weight: 400;
}

/*
 * SINGLE
 */
.select2-container--open .select2-dropdown{
	top: 47px;	
}

.select2-container .select2-selection--multiple .select2-selection__rendered{
	display: block;
	min-height: 44px;
	padding: 0 0.75em;
}

.select2-container .select2-search--inline .select2-search__field{
	line-height: 33px;
}

.single-job_listing .job-header{
	margin-bottom: 2em;
	text-align: center;
	color: #fff;
	min-height: 50vw;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	-webkit-display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	position: relative;
}

.single-job_listing .job-header::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.25)
}

.single-job_listing .job-header .header-content{
	z-index: 10;
}

.single-job_listing .job-header .header-content img{
	margin-bottom: 1em;
	padding-left: 15px;
	padding-right: 15px;
}

.single-job_listing .job-header .header-content h1{
	font-size: 8.4vw;
	margin: 0px auto;
	color: #fff;
	margin-bottom: 0.45em;
	margin-top: 0;
	font-family: "Made Canvas";
	font-weight: 400;
}

.single-job_listing .job-header .header-content h1{
	text-transform: uppercase;
	margin: 0px auto;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: 400;
	font-family: "gill sans", sans-serif;
}

.single-job_listing .job-header .header-content p{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 20px;
	font-weight: 400;
}

.single-job_listing .job-content .company-information{
	border: 2px solid #555;
	margin-bottom: 2em;
	break-inside: avoid;
	text-transform: uppercase;
}

.single-job_listing .job-content .company-information .inner{
	padding: 20px 15px;
}


.single-job_listing .job-content .company-information .inner h3{
	text-align: center;
	margin-bottom: 2em;
}

.single-job_listing .job-content .company-information table,
.single-job_listing .job-content .company-information table tr td{
	border: none;
	font-size: 14px;
	font-weight: 700;
}

.single-job_listing .job-content .company-information table tr td .phone,
.single-job_listing .job-content .company-information table tr td .email,
.single-job_listing .job-content .company-information table tr td .website{
	color: #000;
}

.company-information table tr:last-child td{
	text-align: center;
}

.single-job_listing .job-content{
	margin: 3em 0;
	padding: 0 20px;
}

.single-job_listing .job-content .company-information table tr td:nth-child(2){
	font-weight: 400;
}

.single-job_listing .job-content .company-information .job_application.application{
	text-align: center;
}

.single-job_listing .job-content .company-information .job_application.application input[type="button"]{
	margin: 0px auto;
	margin-bottom: 1em;
}

.single-job_listing .job-content .company-information .application_details{
	text-align: left;
}

.single-job_listing .job-content .job-information h2{
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 1em;
	font-size: 1.5rem;
	clear: initial
}

.single-job_listing .job-content .job-information .intro{
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 3em;
	display: block;
}

.application-notification{
	padding: 5px 15px;
	background-color: #4CAF50;
	color: #fff;
}

@media screen and ( max-width: 922px ){
	
	.single-job_listing .job-content{
		display: flex;
		-webkit-display: flex;
		flex-direction: column;
	}
	
	.single-job_listing .job-content .company-information{
		order: 1;
	}
	
	.single-job_listing .job-content .intro{
		order: 0;
	}
	
	.single-job_listing .job-content .job-information{
		order: 2;
	}
	
}

@media screen and ( min-width: 768px ) and ( max-width: 1024px ){
	
	div.job_listings ul.job_listings li{
		flex: 0 0 45%;
		display: flex;
		-webkit-display: flex;
		border: none;
		flex-direction: column;
	}
	
	div.job_listings ul.job_listings li:nth-child(even){
		margin-right: 0;
		margin-left: auto;
	}
	
	div.job_listings ul.job_listings li:nth-child(odd){
		margin-left: 0;
		margin-right: auto;
	}
	
}

@media screen and ( min-width: 921px ){
	
	.select2-container--open .select2-dropdown{
		top: 32px;
	}
	
	.application-notification{
		padding: 5px 10%;
	}
	
	.job_listings > form.job_filters .job_filters_inner{
		flex-direction: row;
		justify-content: center;
		align-items: center;
		align-content: center;
		max-width: 90%;
	}
	
	
	.job_listings > form.job_filters .job_types li{
		display: inline-block;
		width: auto;
		background-color: transparent;
	}

	.job_listings > form.job_filters .job_filters_inner .search_jobs{
		flex-grow: 1;
	}
	
	div.job_listings ul.job_listings{
		width: 80%;
	}
	
	.single-job_listing .job-header{
		min-height: 27vw;
	}
	
	.single-job_listing .job-header .header-content img{
		margin-bottom: 2em;
	}
	
	.single-job_listing .job-header .header-content p,
	.single-job_listing .job-header .header-content h1{
		font-size: 32px;
		margin-bottom: 10px;
	}
	
	.single-job_listing .job-content{
		break-inside: auto;
		padding: 0 10%;
	}
	
	.single-job_listing .job-content .company-information{
		float: right;
		width: 45%;
		margin-left: 5%;
	}
	
	.single-job_listing .job-content .company-information table,
	.single-job_listing .job-content .company-information table tr td{
		font-size: 16px;
	}
	
	.single-job_listing .job-content .job-information .job-description{
		margin-bottom: 3em;
	}	

}

@media screen and ( min-width: 1024px ){
	
	div.job_listings ul.job_listings li{
		flex: 0 0 29.333333%;
		margin: 0 3%;
		margin-bottom: 3%;
		display: flex;
		-webkit-display: flex;
		border: none;
		flex-direction: column;
	}
	
	div.job_listings ul.job_listings li:nth-child(3n){
		margin-right: 0;
	}
	
	div.job_listings ul.job_listings li:nth-child(3n+1){
		margin-left: 0;
	}
	
}

/*
 * application form
 */
.appliciation-form{
	margin-top: 4em;
	margin-bottom: 4em;
	text-align: center;
	padding: 0 10%;
}

.appliciation-form::after{
	content: "";
	height: 1px;
	max-width: 80%;
	width: 100%;
	margin: 0px auto;
	background-color: #000;
	display: inline-block;
}

.appliciation-form .application_button{
	display: none;
}

.appliciation-form .job_application.application{
	text-align: center;
}

.appliciation-form .job_application.application .application_details{
	display: block !important;
}

.appliciation-form .job_application.application .application_details::before{
	content: "";
	height: 1px;
	max-width: 80%;
	width: 100%;
	margin: 0px auto;
	background-color: #000;
	display: inline-block;
	margin-bottom: 4em;
}

.appliciation-form .job_application.application .application_details form{	
	text-align: left;
	margin-bottom: 4em;
}

.appliciation-form .job_application.application .application_details hr{
	display: none;
}

.appliciation-form .job_application.application .application_details .fieldset-application_attachment + p{
	text-align: center;
}

.appliciation-form .job_application.application .application_details .apply_with_resume{
	display: none;
}

/*
 * Related Jobs
 */	
 .container-related-jobs{
 	padding: 0 20px;
 }
 
.container-related-jobs > h2{
	text-transform: uppercase;
	text-align: center;
}

.list-related-jobs{
	display: flex;
	-webkit-display: flex;
	margin-top: 2em;
	margin-bottom: 2em;
	flex-wrap: wrap;
}

.list-related-jobs .related-job{
	flex: 0 0 100%;
	margin: 0;
	margin-bottom: 1em;
}

.list-related-jobs .related-job h3{
	font-size: 1.2666666666667rem;
	font-weight: 400;
	min-height: 58px;
}

.list-related-jobs .related-job .job-related-header{
	padding-top: 50%;
	background-size: cover;
	background-position: center;
}

.list-related-jobs .related-job .job-related-information{
	border: 1px solid #000;
	border-top: none;
	padding: 15px 15px 30px 15px;;
}

.list-related-jobs .related-job .job-related-information .job-related-title{
	text-align: center;
	text-transform: uppercase;
}

.list-related-jobs .related-job .job-related-information .job-related-info{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 1em;
}

.list-related-jobs .related-job .job-related-information .job-related-info span:not(:last-child)::after{
	content: "|";
	display: inline-block;
	padding: 0 5px;
}

.list-related-jobs .related-job .job-related-information .job-related-content{
	margin-bottom: 1em;
	text-align: center;	
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   min-height: 130px;
}

.list-related-jobs .related-job .job-related-information .job-related-link{
	text-align: center;
	margin-top: 1em;
	display: block;
}

.list-related-jobs .related-job .job-related-information .job-related-link a{
	margin: 0 auto;
	display: inline-block;
	text-decoration: none;
}

.job_filters .showing_jobs{
	display: none !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	
	
	.list-related-jobs .related-job{
		flex: 0 0 45%;
	}
	
	.list-related-jobs .related-job:nth-child(2n+1) {
	  margin-left: 0;
	  margin-right: auto;
	}
	
	.list-related-jobs .related-job:nth-child(2n) {
	  margin-left: auto;
	  margin-right: 0;
	}
}

@media screen and ( min-width: 1024px ){
	
	.container-related-jobs{
		max-width: 90%;
		margin: 0px auto;
		padding: 0;
	}
	
	.list-related-jobs .related-job{
		flex: 0 0 29.33333%;
		margin: 0 3%;
	}
	
	.list-related-jobs .related-job:nth-child(3n+1){
		margin-left: 0;
	}
	
	.list-related-jobs .related-job:nth-child(3n){
		margin-right: 0;
	}
	
}


@media screen and ( min-width: 1200px ){
	
	.container-related-jobs{
		max-width: 80%;
	}
	
}

.taxonomy-company-header{
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%; 
}

.taxonomy-company-header::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.3);
}

.taxonomy-company-header  .inner{
	max-width: 922px;
	margin: 0px auto;
	color: #fff;
	text-align: center;
	padding: 30px 15px;
	z-index: 10;
	position: relative;
	width: 100%;
}

.taxonomy-company-header .inner a{
	color: #fff;
}

.taxonomy-company-header .inner img{
	max-width: 250px;
}

.tax-company .site-content .ast-container{
	flex-direction: column;
}

.tax-company .site-content .ast-container .header-image{
	background-size: cover;
	background-position: center;
}

@media screen and ( min-width: 921px ){
		
	.taxonomy-company-header{
		height: 30vw; 
	}
	
	.taxonomy-company-header  .inner{
		max-width: 922px;
		margin: 0px auto;
		color: #fff;
		text-align: center;
		position: absolute;
		padding: 15px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 10;
		width: 100%;
	}
	
	.taxonomy-company-header .inner img{
		max-width: 100%;
	}


}