/* ORAGNE #F8961C */
/* BLUE #2E6AB1 */

body {background-color: #f4f4f4; }
body.scroll {margin-top: 180px;}

a {text-decoration: none; color: #2E6AB1;}



.font {font-family: 'Urbanist', sans-serif;}
h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6 {font-family: 'Urbanist', sans-serif; font-weight: bold;}



h1,
.display-1 {font-size: 2.8rem; margin-bottom: 1rem; margin-top: 0.3rem; color: #F8961C; margin-bottom: 0px;}  

h2,
.display-2 {font-size: 2.4rem; margin-bottom: 1rem; margin-top: 0.3rem; color: #2E6AB1;}  


h3,
.display-3 {font-size: 1.6rem; margin-bottom: 1rem; margin-top: 0.3rem; color: #2E6AB1;}  

p,
ul,
ol {font-size: 1rem; line-height: 1.75rem; color: #545454; margin: 1.2rem 0rem;}



.btn-warning {border-color: #F8961C; background-color: #F8961C; color: #fff; }
.btn-warning:hover {border-color: #c2720f; background-color: #c2720f; color: #fff; }
.btn-primary {border-color: #2E6AB1; background-color: #2E6AB1; color: #fff;}

.container-sm {max-width: 1024px;}

.theme-default {}

.theme-wit {background-color: #fff;}
.theme-lichtgrijs {background-color: #e7e7e7;}
.theme-blauw {background-color: #2E6AB1; color: #fff!important;}
.theme-blauw p,
.theme-blauw li {color: #fff;}
.theme-oranje {background-color: #F8961C; color: #fff;}



.theme-blauw p,
.theme-oranje p {color: #fff;}

.theme-blauw h1,
.theme-blauw h2,
.theme-oranje h1,
.theme-oranje h2 {color: #fff;}

.theme-wit h1,
.theme-wit h2 {color: #F8961C;}

/* HEADER */
header {}

.preheader {background-color: #F8961C; color: #fff; width: 100%; font-size: 1.1rem; letter-spacing: 0.5px; transition: all ease-in-out 0.5s;}
.preheader a {color: #fff; opacity: 0.8;}
.preheader a:hover {opacity: 1;}


.flag {background-color: #fff; display: inline-flex; border: 2px solid #fff; border-radius: 0rem; opacity: 0.5;}
.flag.active {opacity: 1;}
.flag:hover {opacity: 1;}
.flag img {border-radius: 0rem; transition: all ease-in-out 0.5s;}
.logo {max-width: 130px; transition: all ease-in-out 0.5s;}

.mobile-contact .btn {height: 60px; padding: 10px; width: 60px;}
.mobile-contact i {font-size: 2.2rem;}
.mobile-contact .fa-envelop {font-size: 2rem; position: relative; top: 3px;}

body.scroll header {position: fixed; width: 100%; top: 0px; z-index: 100; background-color: #fff;  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35)}
body.scroll header .preheader {padding: 0.5rem 0rem; font-size:0.8rem;}
body.scroll header .preheader .flag img {height:15px;}
body.scroll header .logo {max-width:80px;}
body.scroll header .navbar-nav li a {padding: 0.5rem 1rem; font-size: 0.9rem;}
body.scroll header .navbar-nav {margin-bottom: 10px;}



/* EO HEADER */



/* NAVBAR */

.navbar-nav {}
.navbar-nav li {}
.navbar-nav li a {padding: 1rem 1.5rem; font-family: 'Urbanist', sans-serif; font-size: 1rem; letter-spacing: 1px; text-transform: uppercase; transition: all ease-in-out 0.5s; color: #333; white-space: nowrap;}
.navbar-nav li.here a {font-weight: bold; background-color: #eaeaea; color: #333; border-radius: 1rem;}

.navbar-toggler {width: 100%; background-color:#2E6AB1; color: #fff; padding: 1rem 2rem; }
/* EO NAVBAR */



/* FLUIDS */

.block-hero {padding: 10rem 0rem; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.block-hero h1 {color: #F8961C;}	
.block-hero h2 {color: #F8961C;}	
.block-hero .overlay {position: absolute; width: 100%; height: 100%; background-color: rgba(45, 104, 176, 0.75); top: 0;  z-index: 10;}
.block-hero .container {position: relative; z-index: 20; color: #fff;}
.block-hero p {color: #fff;}

body.cms-page .block-hero {padding: 3rem 0rem;}

.block-embed {width: 100%;}
.block-embed .code {}
.block-embed .code iframe {width: 100%; height: 100%;}
.block-embed .size-standaard {height: 50vh; max-height: 500px;}


.block-blocks {}
.block-blocks .card {border-radius: 1rem; overflow: hidden; border: none;}
.block-blocks .card .display-3 {color: #333;}


/* .block-text-img a {padding: 0.75rem 2rem; background-color: #fff; color: #333; box-shadow: 0.5rem .5rem 1rem rgba(0,0,0,.15)!important; border-radius: 1rem; line-height: 400%; font-weight: bold; } */
.block-text-img p {}

.block-text-img.theme-wit a {background-color: #e7e7e7;}

.video-container {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 aspect ratio */
}
.video-container iframe,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}


footer {background-color: #2E6AB1; color: #fff; font-size: 0.8rem;}
footer li {font-size: 0.8rem;}
footer .footnav {margin: 0px; padding: 0px; list-style-type: none;}
footer a {color: #fff; transition: ease-in-out 0.3s;}
footer a:hover {color: #cbcbcb;}
footer .display-3 {color: #fff;}

@media (max-width:575px){
	.navbar .container-fluid {padding: 1rem 0px;}
	.navbar li {display: block; line-height: 300%;}
	
	.logo {max-width: 100px;}
	body.scroll {margin-top: inherit;}
	body.scroll header {position: inherit;}
	
	
	.block-hero {padding: 3rem 0rem; }
}