/* CSS Document */
#op-vacancies-tags{
    margin-left: -3px;
	text-align: center;
}
	#op-vacancies-tags > a{
		margin-right: 20px;
		font-weight: normal;
	}
	#op-vacancies-tags > a.active{
		font-weight: bold;
	}


  
#op-vacancies-overview{
	display: flex;
    flex-wrap: wrap;
    margin-left: -1.5%;
    width: 103%;
}
	#op-vacancies-overview > div{
		width: 31.3%;
		margin: 20px 1%; 
	}
	#op-vacancies-overview h2 > a{
		font-size: 18px;
		text-transform: none;
		text-align: left !important;
		line-height: 25px;
		display: block;
		overflow: hidden;
		min-height: 50px;
	}

	/* Tablet */
	@media screen and (max-width: 850px) {
		#op-vacancies-overview > div{
			width: 48%;
			margin: 20px 1%; 
		}
		#op-vacancies-overview h2 > a{
			min-height: 20px;
		}
	}

	/* Mobile */
	@media screen and (max-width: 650px) {
	  #op-vacancies-overview > div{
		width: 100%;
		margin: 20px 0%; 
	  }
	}

	.op-vacancies-card h2{
		margin: 0px 0px 0px 0px !important;
    	padding: 0px 0px 0px 0px !important;
		line-height: 100%;
	}
	.op-vacancies-card span{
		display: none;
	}
	.op-vacancies-card > div > a > img{
		display: block;
	}
	.op-vacancies-images a{
		display: block;
		overflow: hidden;
		position: relative;
		float: left;
		width: 25%;
	}

	.op-vacancies-images img.op-youtube-icon{
		display: block;
		overflow: hidden;
		position: absolute;
		width: auto;
		height: 50%;
		top:25%;
		left: 32%;
	}

.op-vacancies .entry-header, 
.op-vacancies .entry-title, 
.op-vacancies .post-meta{
	display:none;
}

.op-vacancies-content{
	width: 100%;
	max-width: 800px !important;
	margin: 0 auto;
}
.op-vacancies-media{
	float:right;
	width: 49%;
	margin-left: 1%;
}
	@media screen and (max-width: 980px) {
		.op-vacancies-content{
			float:left;
			width: 100%;
			margin-right: 0%;
		}
		.op-vacancies-media{
			float:right;
			width: 100%;
			margin-right: 0%;
		}
	}
	.op-popup > img{
		width: 100%;
		height: auto;
	}


.op-vacancies-content h1{
	margin-bottom: 0px;
	margin-top: 30px;
}
	.op-vacancies-content span{
		display: block;
		overflow: hidden;
		width: 100%;
		margin-bottom: 10px;
	}
	img.op-main-img{
		margin-top: 30px;
		display: block;
		width: 100%;
	}

	.op-vacancies-prev-next{
		display: block;
		overflow: hidden;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 20px;
		max-width: 800px !important;
		margin: 0 auto;
	}
		.op-vacancies-prev-next > a{
			float: left;
			margin-right: 20px;
		}

.op-vacancies-ctas{
	display: block;
	overflow: hidden;
	position: relative;
    width: 100%;
    max-width: 800px !important;
	padding-top: 20px;
    margin: 0px auto 40px auto;
	background: url('/wp-content/plugins/op-vacancies/img/cta-txt.jpg') no-repeat 26px 0;
}

	.op-vacancies-ctas div{
		float: left;
		display: block;
		width: 50%;
		margin-top: 30px;
	}
	@media screen and (max-width: 500px) {
		.op-vacancies-ctas{
			margin: 0px auto 0px auto;
			margin-top: -20px;
			background: none;
		}
		.op-vacancies-ctas div{
			margin-top: 20px;
		}
	}
	.op-vacancies-ctas div:first-child a.op-cta-button{
		padding: 6px 26px !important;
	}
	.op-vacancies-ctas div:nth-child(2){
	}
		.op-vacancies-ctas div:nth-child(2) > span{
			display: block;
			overflow: hidden;
			float: right;
			padding: 5px 0px 0px 0px;
			width: 95px;
		}
		.op-vacancies-ctas div:nth-child(2) > a{
			display: block;
			overflow: hidden;
			border-radius: 30px;
			background: #1B4C3A;
			width: 35px;
			height: 35px;
			float: right;
			margin-left: 10px;
		}
		.op-vacancies-ctas div:nth-child(2) > a::before{ 
			font-family: ETmodules; 
			content: "\e093"; 
			color: #fff;
			padding: 7px;
			font-size: 20px;
			line-height: 36px;
		}
		.op-vacancies-ctas div:nth-child(2) > a.share_email::before{ 
			font-family: "Arial","serif";
			content: "@"; 
			font-weight: bold;
			line-height: 32px;
		}
		.op-vacancies-ctas div:nth-child(2) > a.share_linkedin::before{ 
			content: "\E09D";
		}
		.op-vacancies-ctas div:nth-child(2) > a.share_facebook::before{ 
			content: "\e093"; 
		}

	@media screen and (max-width: 850px) {
		.op-vacancies-ctas div:first-child{
			width: 100% !important;
		}
		.op-vacancies-ctas div:nth-child(2){
			width: 231px !important;
		}
	}
.op-vacancies-region{
	display: block;
	margin-top: 40px;
}
	.op-vacancies-region > p{
		font-size: 12px !important;
		color: #626262;
	}