/*

Theme Name: Visbeen

Author: Seb Online B.V.

Description: Maatwerk thema voor Visbeen

Version: 1.0

*/
a{
	text-transform:uppercase;
	color:#e8b314;
	text-decoration:none;	
}
.img-responsive{
	display: block;
    max-width: 100%;
    height: auto;	
}
/*Map section*/
.mapBottomBox{
	width:100%;	
	float: left;
    margin-bottom: 40px;
}
.mapBottomBox .buttonBox{
	width:25%;
	float:left;	
}
.mapBottomBox .buttonBox h3{
	margin-bottom:16px;	
}
.mapBottomBox .blockBox{
	width:60%;
	float:right;	
}
.mapBottomBox .blockBox .block{
	float:left;
	width:33.33%;	
}
.buttonBox a{
	width:117px;
	height:35px;
	color: #fff;
    background: #000;
	line-height: 16px;
    font-family: 'futura_condensedbold';
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 14px 7px 14px;
}
.buttonBox a:before{
    content:url(images/arrow3.png);
	padding-right:10px;
	vertical-align: middle;
    display: inline-block;
}
#nieuws{
	background:url(images/backgroundSlashLines.png) repeat;
	padding:30px 0;
	position:relative;
}
#nieuws h2{
    font-size: 50px;
    letter-spacing: -1px;
    font-weight: normal;
    font-family: 'futura_condensedbold';
    line-height: 58px;
    text-transform: uppercase;
	margin-top:30px;
    margin-bottom: 20px;
}
#nieuws h2 span {
    color: #e8b314;
}
#nieuws img.postThumbnail{
	margin:26px 0 20px 0;	
}
#nieuws .newsDate, #singlePostContent .blogDate{
	margin:15px 0 5px 0;
	font-family:Titillium Web;
	font-weight:300;
	font-style:italic;
	font-size:15px;
	text-transform:uppercase;
}
#nieuws h4{
	margin:5px 0 20px 0;	
	font-family:Titillium Web;
	font-weight:700;
	font-size:23px;
}
#nieuws .newsContent{
	margin:12px 0 5px 0;
	font-weight:300;
	font-size:15px;		
}
#nieuws .newsContainer{
	width:46%;
	float:left;	
}
#nieuws .center>.newsContainer{
	margin-right:4%;	
}
#nieuws a.readMoreLink{
	color: #eec109;	
	font-size:15px;
	text-decoration:none;
	font-weight:600;
}
#nieuws a span{
	padding-left:13px;
	display: inline-block;
}
#nieuws a span img{
	height:11px;	
}
.clearFix{
	clear:both;	
}
/*newsFooter*/
.newsFooter{
	border-top:1px solid #000;	
	margin:35px 0;
	padding:25px 0px;	
}
a.blogCall{
	color: #fff;
    background: #000;
	font-size:18px;
	line-height: 20px;
    font-family: 'futura_condensedbold';
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 14px 7px 14px;
}
a.blogCall:before{
    content:url(images/arrow3.png);
	padding-right:10px;
	vertical-align: middle;
    display: inline-block;
}
ul.newsSocialIcons{
	list-style-type:none;	
	float:right;
}
ul.newsSocialIcons li{
	float:left;	
}
ul.newsSocialIcons li a{
	margin-right: 8px;
    display: block;
}
/*Testimonials*/
#testimonials{
	min-height:327px;
	background:#000;
	color:#fff;
	padding:30px 0px;
	text-align:center;
	font-family:Titillium Web;
}
.slick-prev, .slick-next{
	width:32px;
	height:48px;	
}
.slick-prev:before{
	content:url(images/prev.png);
}
.slick-next:before{
	content:url(images/next.png);
}
.slick-dots li button{
	display:none;	
}
.slick-dots li button:before{
	color:#fff;	
}
.testimonialsLeft{
	width:62%;
	padding:57px 0;
	margin:0 2.5%;
	float:none;
	display:inline-block;
	vertical-align:middle;
}
.testimonialsRight{
	width:30%;
	float:none;
	padding:26px 0;
	display:inline-block;
	vertical-align:middle;
}
.testimonialContent{
	font-size:21px;	
	color:#fff;
	font-weight:300;
	font-style:italic;
	margin-bottom:30px;
}
.testimonialPerson{
	font-size:22px;
	color:#eec109;	
	font-weight:700;
	margin-top:20px;
}
/*Front page vacancies section*/
#overCntr h4 {
    font-size: 19px;
	line-height: 26px;
    font-family:Titillium Web;
	font-weight:600;
    margin-bottom: 20px;
}
a.vacatureLink{
	max-width: 100%;
    min-height: 40px;
	color: #fff;
    background: #000;
    font-size: 31px;
	line-height: 36.31px;
	display: block;
    font-family: 'futura_condensedbold';
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding: 16px 14px 7px 14px;
}
a.vacatureLink:before{
    content:url(images/arrowRightLarge.png);
	padding-right:10px;
	vertical-align: middle;
    display: inline-block;
}
.pagenavi a{
    color: #fff;
    background: #000;
    font-size: 18px;
    font-family: 'futura_condensedbold';
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 14px 7px 14px;
    line-height: 18px;
}
.pagenavi a.previousLink:after{
	content:url(images/leftArrow.png);
	padding-left:10px;
	vertical-align: middle;
    display: inline-block;
}
/*Single posts page*/
#singlePostContent{
	position:relative;	
	padding-bottom:60px;
}
.blogBackCall{
    color: #000;
    background: #e7bc09;
    font-size: 18px;
    line-height: 20px;
    font-family: 'futura_condensedbold';
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 14px 7px 14px;
}
.postHeader{
	min-height:160px;	
}
.single #headerCntr, .page-template-page-vacature #headerCntr, .blog #headerCntr{
	height:177px;	
}
.single ul.newsSocialIcons, .blog ul.newsSocialIcons, .page-template-page-vacancies ul.newsSocialIcons, .postHeader .newsSocialIcons  {
	margin-top: 63px;	
}
.leftSingleBlog{
	width:45%;
	margin-right:5%;	
	float:left;
	padding-top:30px;
}
.leftSingleBlog h2{
	font-size: 50px;
    letter-spacing: -1px;
    font-weight: normal;
    font-family: 'futura_condensedbold';
    line-height: 58px;
    text-transform: uppercase;
	margin-top:30px;
    margin-bottom: 20px;
	color:#eec109;
}
.rightSingleBlog{
	width:50%;	
	float:left;
	padding-top:30px;
}
.rightSingleBlog p{
	padding-top:30px;	
}
.rightSingleBlog ul li{
	margin-left:20px;	
}
#singlePostContent .blogDate{
	margin:50px 0 15px 0 ;	
}
/*shadow*/
.shadowDrop{
    height: 31px;
    width: 100%;
    background: url(images/shadow.png) repeat-x;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
}
/*Blog page*/
.blogListSection{
	position:relative;
	padding:60px 0;	
}
.blog .postHeader h2, .page-template-page-vacancies .postHeader h2, .postHeader .center h2{
	font-size: 50px;
    letter-spacing: -1px;
    font-weight: normal;
    font-family: 'futura_condensedbold';
    line-height: 58px;
    text-transform: uppercase;
	color:#000;
	float:left;
	margin-top:50px;
	width:50%;
}
#nieuws h2 span, .blog .postHeader h2 span, .page-template-page-vacancies h2 span,.postHeader .center h2 span{
    color: #e8b314;
}
.page-template-default #headerCntr { position: relative; width: 100%; height: 177px; background: url(../images/bg1.png) #fff repeat-x; }
.blog .postHeader h2,.blog ul.newsSocialIcons, .page-template-page-vacancies ul.newsSocialIcons{
	margin-bottom:63px;	
}
.blogListSectionWrapper{
	width:100%;
}
.leftBlogListSectionWrapper{
	width:46%;	
	margin-right:4%;
	float:left;
}
.rightBlogListSectionWrapper{
	width:46%;	
	margin-right:4%;
	float:left;
}
.blogListSection .newsDate, #singlePostContent .blogDate{
	margin:15px 0 5px 0;
	font-family:Titillium Web;
	font-weight:300;
	font-style:italic;
	font-size:15px;
	text-transform:uppercase;
}
.blogListSection h4{
	margin:5px 0 20px 0;	
	font-family:Titillium Web;
	font-weight:700;
	font-size:23px;
}
.blogListSection .newsContent{
	margin:12px 0 5px 0;
	font-weight:300;
	font-size:15px;		
}
.blogListSection a.readMoreLink{
	color: #e8b314;	
	font-size:15px;
	text-decoration:none;
	font-weight:600;
}
.blogListSection a span{
	padding-left:13px;
	display:inline-block;
}
.blogListSection a span img{
	height:11px;	
}
#blogListSectionHolder .blogListSection:nth-child(odd){
	background:url(images/backgroundSlashLines.png) repeat;	
}
#blogListSectionHolder .blogListSection:nth-child(odd) .leftBlogListSectionWrapper{
	float:right;
}
#blogListSectionHolder .blogListSection:nth-child(odd) .rightBlogListSectionWrapper{
	float:left;
}
#blogPostsNavigation{
	margin-top:87px;
	padding-bottom:80px;	
}
#blogPostsNavigation .center{
	padding-top:26px;
	border-top:1px solid #000;	
}
.pagenavi a{
    color: #fff;
    background: #000;
    font-size: 18px;
    font-family: 'futura_condensedbold';
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 14px 7px 14px;
    line-height: 18px;
}
.pagenavi a.nextLink{
	float:left;	
}
.pagenavi a.previousLink{
	float:right;	
}
.pagenavi a.previousLink:after{
	content:url(images/leftArrow.png);
	padding-left:10px;
	vertical-align: middle;
    display: inline-block;
}
.pagenavi a.nextLink:before{
	content: url(images/arrow3.png);
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block;
}
@media only screen and (max-width: 767px) {
#nieuws .newsContainer,.testimonialsLeft,.testimonialsRight, .leftSingleBlog, .rightSingleBlog, .leftBlogListSectionWrapper, .rightBlogListSectionWrapper{
	width:100%;
	float:none;	
}
#testimonials img{
	margin:0 auto;	
}
.slick-prev{
	left:0px;	
}
.slick-next{
	right:0px;	
}
.mapBottomBox .buttonBox{
	width:100%;
	float:none;	
}
.mapBottomBox .blockBox{
	width:100%;
	float:none;		
}
#mapModal{
	width:700px;
	height:100%;	
}
}
@media only screen and (max-width: 1030px) {
.single #headerCntr, .page-template-page-vacancies #headerCntr, .blog #headerCntr{
	height:auto;	
}		
}

.mapModalTitle{
	background:#fdc300;
	padding:30px 0 25px 45px;
	width:100%;
	box-sizing:border-box;
}
.mapModalTitle h3{
	font-size:46px;
	line-height:44px;	
	color:#fff;
	text-transform:uppercase;
}
.mapModalTitle h3 span{
	color:#000;	
}
.mapDetailModal{
	max-width:600px;	
	min-height:600px;
}
.mapDetailModalTitle img{
	float:left;
	padding-left:30px;
padding-bottom:10px;

}
.mapDetailModalTitle h3{
	line-height:22px;
	font-size:48px;
	text-transform:uppercase;
	padding-top:45px;
	padding-right:28px;
	float:right;
	margin-bottom:20px;
}
.mapDetailModalContentTitle{
	background:#f4d103;
	padding:14px 28px;
	text-align:center;
}
.mapDetailModalContentTitle h4 {
	font-size: 16px;
    font-family: 'futura_condensedbold';
	color:#fff;		
	font-weight:bold;
	text-transform:uppercase;	
}
.mapDetailModalContentTitle h4 span{
	color:#000;	
}
.mapDetailModalContent .thumb{
	float: left;
    width: 99%;
	min-height:80px;
    border-right: 1px solid #f4d103;
    padding-top: 4px;
    text-align: center;
    text-transform: uppercase;
    background: #fae89a;
	margin-bottom:25px;
}
.mapDetailModalContent .thumb img{
	margin:10px auto;	
}
.mapDetailModalContent .columns{	
	background:#f4d103;
	float:left;
	width:100%;
}
.mapDetailModalContent .column{
    min-height: 380px;
    float: left;
    width: 16.50%;
    padding: 0px 0px 24px 0px;
    border-right: 1px solid #f9e47e;
    text-align: center;
    background: #f4d103;
}
.mapDetailModalContent .column h5{
	font-size:13px;
	font-family: 'futura_condensedbold';
	color:#000;		
	font-weight:bold;	
	margin-bottom:20px;
	text-transform:uppercase;
	padding:10px;
}
.mapDetailModalContent .column img{
	margin:10px auto;	
}
.launchMap{
	cursor:pointer;	
}
img.temperatureColumn{
	float:left;	
	margin-left:40% !important;
}
h5.temperatureColumn{
	float:left;	
	margin-top:10px;
}

a.mapBackButton{
	background:#000;
	color:#fff;
	font-family: 'futura_condensedbold';
	font-weight:bold;
	padding:14px 18px;
	position:absolute;
	bottom:0px;
	left:0px;
}
@media only screen and (min-width:320px) and (max-width:767px){
	.mapModalTitle h3{
		font-size:23px;
		line-height:22px;	
		color:#fff;
		text-transform:uppercase;
	}
	.mapDetailModalTitle h3{
		line-height:22px;
		font-size:18px;
		text-transform:uppercase;
		padding-top:25px;
		padding-right:14px;
		float:right;
	}
	.mapDetailModalContent .column{
		width:49%;	
		
	}
}


#mapDetailModalGB {
    float: left;
    position: relative;
    width: 100%;
}
#mapModal{
	max-width:556px;
	max-height:630px;	
}

.mapModalBottomtext {
 	background: #fdc300 none repeat scroll 0 0;
    padding: 15px 0 15px 38px;
}