/* Add here all your CSS customizations */
h1,h2,h3,h4,h5 {font-family: "Raleway", Arial, sans-serif;}
.opensans {font-family: "Open Sans", Arial, sans-serif;}

html .btn-primary { font-family: "Raleway", Arial, sans-serif; text-shadow: none; border-color: #58b8e8; padding: 8px 10px;}
.social-icons li a { color: #17335e !important;}
ul.simple-post-list .post-info .search-result{ font-size: 16px;}
.sisea-highlight, .error{color: red}
#work-email{display: none}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff !important; background-color: #58b8e8;}
img {max-width: 100%; height: auto;}

/* HOME 
==========================================================================*/

#header.home .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span { padding: 6px 2px; }
#header.home .header-body .header-top.header-top-secondary { background: #484a51; border-top-color: #353535; }
#header.home .header-logo {
    position: absolute;
    top: -10px;
    left: 0px;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0px 3px 20px #333;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.page-header .titel {
    border-bottom: 5px solid #CCC;
    color: #FFF;
    display: inline-block;
    font-weight: 200;
    margin: 0 0 -25px;
    min-height: 37px;
    font-size: 2.6em;
    line-height: 46px;
    padding: 0 0 17px;
    position: relative;
}
#header.home .header-logo a { padding: 38px 30px 30px; display: block; 
		-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;

}
#header.home .header-logo img { margin: 0px;}
.sticky-header-active #header.home .header-logo { top: 5px; box-shadow: none; }
.sticky-header-active #header.home .header-logo a { padding: 0px; }
.sticky-header-active #header.home .header-logo img { width: 135px;}


.slider-container .top-label { font-size: 26px;	font-weight: 500; font-family: raleway;}
.slider-container .bottom-label a{ font-family: raleway; font-weight: 400;color: #fff}
.home-intro { background-color: #17335e; }
.home-intro p {
    padding-top: 11px;
    font-size: 1.9em;
    line-height: 1.3em;
    margin-bottom: 16px;
    font-family: "Raleway", Arial, sans-serif;
}  

.home section.section-custom-map-nl {
	background: transparent url(../img/map-nl.png) center 0 no-repeat;
	padding: 189px 0 0;
	margin: 50px 0 0;
	border: 0;
}

.home .thumb-info .thumb-info-title { height: 80px;}
.home .recent-posts h4 { margin-bottom: 0px;}
.home .recent-posts h6 { margin: 0px 0px 12px; color: #58b8e8; font-family: raleway; font-size: 1.2em; }
.home .recent-posts .date { margin-top: 4px;}

/* ==========================================================================
END HOME */

.content h3{text-transform: none; margin-bottom: 25px;}

.feature-box .feature-box-inner{background-color: rgba(88,184,232, 0.3); padding: 10px 15px; border-radius: 10px;}
.feature-box .feature-box-inner .homeblok-tekst{color:#3D525F}
.thumb-info .thumb-info-title { 
	display: table; height: 58px; max-width: 100%;  width: 100%; 
	text-align: center; font-weight: 400; font-family: "Raleway"; 
	background-color: rgba(23,51,94,0.8);
	padding: 5px 45px;
}
.thumb-info .thumb-info-inner { display: table-cell; vertical-align: middle; }
.thumb-info:hover .thumb-info-title { background: #58b8e8;}
.thumb-info .thumb-info-wrapper:after { background: rgba(23,51,94,0.8);}


#header .header-logo img { /* margin:0px */}
.page-header {
    background-color: #17335e;
    border-bottom: 5px solid #CCC;
    border-top: 5px solid #384045;
    margin: 0 0 35px 0;
    min-height: 50px;
    padding: 20px 0;
    position: relative;
    text-align: left;
}

ul.portfolio-details .list-icons { margin-top: 15px; margin-bottom: 30px;}
ul.portfolio-details .list-icons > li { display: inherit; line-height: 18px;}

.form label { margin-bottom: 0px; margin-top: 3px;}
.form .boolWrap label.radio input[type=radio] { position: relative; margin-left: 0px; display: inline-block; margin-right: 3px;}
.form .boolWrap label.radio { display: inline-block; margin: 0px 10px 0px 0px;}



/* sollicitatieformulier 
==========================================================================*/
#sollicitatieformulier { padding: 10px; border: 1px solid #ddd; margin-bottom: 30px; margin-top: 30px}
#sollicitatieformulier h3, .contactformulier h3 { margin-top: 10px; margin-bottom: 20px} 
.sollicitatieformulier-close { float: right; color: #b20000; width: 20px; height: 20px;}
.sollicitatieformulier-close span { font-size: 20px}
.sollicitatieformulier-close:hover { color: #222;}
.form_success.alert.alert-success { margin-top: 20px; }
/* ==========================================================================*/



#footer { background: #001933; border-top: 4px solid #001933;}
#footer .footer-copyright { background: #000b1d; border-top: 4px solid #000b1d;}
.landingpages {
	top: -596px;
	left: -1500px;
	position: absolute;
}

@media (max-width: 991px){
	.thumb-info .thumb-info-title { padding: 5px 15px; height: 60px;}
	.thumb-info .thumb-info-inner { line-height: 20px;}	
	#header .header-nav-main nav { margin: 10px 0 6px;}	
	#header.home .header-logo { width: 165px !important; box-shadow: none}
	#header.home .header-logo a { padding: 7px;}
	.sticky-header-active #header.home .header-logo { padding-top: 4px !important; top: 0px; left: 10px;}
}
@media (max-width: 736px){
}
@media (max-width: 420px){
	#header .header-logo { width: 188px !important;}
	#header .header-logo img { max-width: 100%; height: auto !important;}		
	#header.home .header-logo { width: 165px !important; box-shadow: none}
	#header.home .header-logo a { padding: 7px;}
	.sticky-header-active #header.home .header-logo { padding-top: 0px !important; top: 0px; left: 5px;}
	.sticky-header-active #header .header-logo { width: 126px !important;}
	.sticky-header-active #header .header-logo img {  height: auto !important;margin: 5px 5px 5px 0}
	.page-header .titel { font-size: 2em; line-height: 36px; }	
}