footer { clear:both; }

.navbar-fixed-top, .navbar-fixed-bottom { position:static;}

.menu ul { position:relative; text-align:justify; text-align-last:justify; height:2.2em; min-width:800px; }
.menu ul li { display:inline-block; padding:.5em 1em; cursor:pointer; text-align:center;  font-family: "Open Sans"; font-weight:normal; font-size:15px;}
.menu ul li.active, .menu ul li:hover { color:#FFF; background-color:#59284b; border-radius:4px;text-decoration:none; font-weight:bold;}
.menu ul li.active a, .menu ul li:hover a { color:#FFF; text-decoration:none }
.menu ul:after { content:""; display:inline-block; width:100%; height:0; overflow:hidden; }

a:hover { text-decoration:none}

body{font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* *******************************
	Footer to bottom (small pages) 
******************************* */

html {
  height: 100%;
  box-sizing: border-box;
}
body{min-height: 100%; position: relative;}
#page-wrapper {
 
  min-height: 100%;
}

#page-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
}

/* *******************************
	general 
******************************* */

/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}



.cms{font-size: 16px; font-weight: 300;}
.cms-sub{letter-spacing: 1px;}

.pageImage-right{width: 100%;}

@media(max-width: 992px){
	.pageImage-right{width: 75%; margin-top: 25px;}
}
@media(max-width: 767px){
	.pageImage-right{width: 100%; margin-top: 25px;}
}

/*BUG FIX*/
.fancybox-enabled body{height: auto !important;}
[data-fancybox]:focus{outline: none;}

/* *******************************
	header 
******************************* */

nav.navbar-default {background-color:#1c66aa; border-radius: 0px; margin-bottom: 0px; border: none; z-index: 2;}
nav.navbar-default .navbar-nav>li>a{color: #f5f7fa; font-weight: 300;  letter-spacing: 1px; text-transform: uppercase; font-size: 14px;}

nav.navbar-default .navbar-nav>li .dropdown-menu{border-radius: 0px; background-color: #003b72; border: 0px;}
nav.navbar-default .navbar-nav>li .dropdown-menu li a{color: white; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
nav.navbar-default .navbar-nav>li .dropdown-menu li a:hover{background-color: transparent; color: #eee; }
nav.navbar-default .navbar-nav>li .dropdown-menu .divider{margin: 5px 0;}
nav.navbar-default .navbar-nav>li:hover a{color: #003b72;}
nav.navbar-default .navbar-nav>li:focus a{color: white;}
nav.navbar-default .navbar-nav>.active>a, nav.navbar-default .navbar-nav>.active>a:hover, nav.navbar-default .navbar-nav>.active>a:focus{text-transform: uppercase; font-size: 14px; color: #f5f7fa; background-color: #003b72; font-weight: 300; }

nav.navbar-default .nav-socials li a{font-size: 24px; padding: 12px 5px;}
nav.navbar-default .nav-socials li a:focus {color: white;}
nav.navbar-default .nav-socials li.facebook a i{background-color: white; color: #1c66aa; border-radius: 50%; padding: 5px; width: 25px; text-align: center; font-size: 14px; vertical-align: text-bottom;}
nav.navbar-default .nav-socials li.facebook a:hover i{background-color: #003b72;}

nav.navbar-default .navbar-brand{padding: 0px;}


#header-banner-sub .header-banner-img{height: 450px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}

#header-banner .header-banner-img{height: 450px; background-repeat: no-repeat; background-size: cover; background-position: center;}
#header-banner .header-banner-img .container, #header-banner-sub .header-banner-img .container{position: relative; height: 100%;}
#header-banner .header-banner-img .header-caption,#header-banner-sub .header-banner-img .header-caption{position: absolute; bottom: 25px; right: 15px;}
#header-banner .header-banner-img .header-caption h3, #header-banner-sub .header-banner-img .header-caption h3{color: white; font-weight: lighter; text-transform: uppercase; font-size: 18px; border: 1px solid white; padding: 7px 15px; background-color: rgba(0,0,0,.4);}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: transparent; border: none;}
.navbar-default .navbar-toggle{border: none; margin-right: 0px;}
.navbar-default .navbar-toggle .icon-bar{background-color: white;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;  }

.navbar-collapse{box-shadow: none;}
@media(max-width: 1500px){
	#header-banner .header-banner-img{height: 400px;}
	#header-banner-sub .header-banner-img{height: 400px;}
}

@media(max-width: 1200px){
	#header-banner .header-banner-img{height: 325px;}
	#header-banner-sub .header-banner-img{height: 325px;}
}
@media(max-width: 991px){
	#header-banner-sub .header-banner-img{height: 275px;}
	#header-banner .header-banner-img{height: 275px;}
	nav.navbar-default .navbar-brand img{max-width: 175px;}
	nav.navbar-default .navbar-nav>li>a{font-size: 12px; padding: 15px 12px;}
	nav.navbar-default .nav-socials li a{font-size: 24px; padding: 12px 5px;}
}

@media(max-width: 767px){
	.mobile-menu-margin{margin-top: 85px;}
	#header-banner .header-banner-img{height: 300px;}
	#header-banner-sub .header-banner-img{height: 300px;}
	nav.navbar-default .navbar-nav>li {text-align: center;}
	nav.navbar-default .nav-socials li{display: inline-block;}
	nav.navbar-default .nav-socials {text-align: center;}


	nav.navbar-default .navbar-nav>li .dropdown-menu li a{text-align: center; font-size: 10px; letter-spacing: 2px; }
	nav.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: white;}
	nav.navbar-default .navbar-nav>.open>a, nav.navbar-default .navbar-nav>.open>a:hover, nav.navbar-default .navbar-nav>.open>a:focus{ color: #f5f7fa; background-color: transparent;}
	nav.navbar-default .navbar-nav>li .dropdown-menu{background-color: rgba(256,256,256,.05);}
	nav.navbar-default .navbar-nav>li .dropdown-menu .divider{display: none;}
}

@media(max-width: 450px){
	#header-banner .header-banner-img{height: 200px;}
	#header-banner-sub .header-banner-img{height: 200px;}
}



/* *******************************
	intro 
******************************* */

#intro-section {margin-top: 75px;}
#intro-section .intro-titel {margin-top: 0px; text-align: center; color: #003b72; font-weight: lighter; text-transform: uppercase; }
#intro-section .cms{text-align: center;}

/* subpage*/

#intro-section .intro-titel-sub{margin-top: 0px;  color: #003b72; font-weight: 300; text-transform: uppercase;}


/* *******************************
	home blocks 
******************************* */

#block-links{margin-top: 75px;}
#block-links .block-img img{width: 100%;}
#block-links .block .link-wrapper{margin-top: 15px; border: 1px solid #003b72; padding: 15px; text-align: center; }
#block-links .block .link-wrapper a{width: 100%; color: #003b72;  text-transform: uppercase; font-size: 16px; text-align: center;}
#block-links .block .link-wrapper.aanleren { min-height: 72px; display: flex; flex-direction: column;  justify-content: center;}
#block-links .block .link-wrapper.aanleren a{ font-size: 14px;}


@media(max-width: 991px){
	#block-links .block .link-wrapper a{font-size: 14px;}
	#block-links .block .link-wrapper {padding: 10px;}
}
@media(max-width: 767px){
	#block-links .block{margin-bottom: 30px;}
}


/* *******************************
	video block 
******************************* */

#video-block{margin-top: 75px; background-color: #d4d4d4; padding: 50px 0;}
#video-block .video-wrapper{max-width: 767px; display: block; margin: 0 auto;}
 
#video-block .video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#video-block .video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* *******************************
	team block 
******************************* */

#team-block {margin-top: 75px;}
#team-block .teamRow{ display: flex;}
#team-block .title{ margin-top: 0px; text-align: center; color: #003b72; font-weight: lighter; text-transform: uppercase; margin-bottom: 25px;}

#team-block .teamMember{display: flex;}

#team-block .memberFoto img{height: 100%; width: 134px; margin-right: -15px;}
#team-block .memberInfo{background-color: #194d7f; padding: 25px 15px 25px 30px;  width: 100%; opacity: .9;}
#team-block .memberInfo .memberNaam{color: white; font-weight: 300; font-size: 24px; margin-top: 0px;}
#team-block .memberInfo .memberFunctie{color: white; font-weight: 100; font-size: 23px; opacity: .8; margin-top: 0px;}
#team-block .memberInfo .memberAfdeling{color: white; font-weight: 100; font-size: 23px; opacity: .8; margin-top: 0px;}


@media(max-width: 991px){
	#team-block .teamRow{ display: block;}

	#team-block .teamMember{margin-top: 30px;}
}



/* *******************************
	partners
******************************* */
.partners-content{margin-top: 50px;}

.ch-grid {margin: 20px 0 0 0;	padding: 0;	list-style: none;	display: block;	text-align: center;	width: 100%;	display: flex; 	/*justify-content:space-between;*/ flex-wrap:wrap;}

.ch-grid:after {clear: both;}
.ch-grid li {height: 220px;  margin-bottom: 30px;}


.ch-item {	width: 100%; height: 100%; 	border-radius: 50%;	position: relative;	cursor: default; box-shadow: inset 0 0 0 0 rgba(0,59,114, 0.6), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);	-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out; overflow: hidden; }
.ch-item img{z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #eee; max-width: 100%; padding: 35px;}


.ch-info {	position: absolute;	width: 100%;	height: 100%;	border-radius: 50%;	opacity: 0;	-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);	-moz-transform: scale(0);	-o-transform: scale(0);	-ms-transform: scale(0);	transform: scale(0); -webkit-backface-visibility: hidden; /*for a smooth font */}

.ch-info h3 {text-align: center; color: #fff; text-transform: uppercase;	position: relative;	letter-spacing: 2px;	font-size: 22px;	margin: 0 30px;	padding: 65px 0 0 0;	min-height: 110px;	font-family: 'Open Sans', Arial, sans-serif;	text-shadow:0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);}

.ch-info p {text-align: center;	color: #fff;	padding: 10px 5px;	font-style: italic;	margin: 0 30px;	font-size: 12px;	border-top: 1px solid rgba(255,255,255,0.5);}

.ch-info p a {	display: block;	color: #fff;	color: rgba(255,255,255,0.7);	font-style: normal;	font-weight: 700;	text-transform: uppercase;	font-size: 9px;	letter-spacing: 1px;	padding-top: 4px;	font-family: 'Open Sans', Arial, sans-serif;}

.ch-info p a:hover {	color: #fff222;	color: rgba(255,242,34, 0.8);}

.ch-item:hover {	box-shadow: 		inset 0 0 0 126px rgba(0,59,114, 0.8),		inset 0 0 0 16px rgba(255,255,255,0.8),		0 1px 2px rgba(0,0,0,0.1);}

.ch-item:hover .ch-info {	opacity: 1; 	-webkit-transform: scale(1);	-moz-transform: scale(1);	-o-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);}



@media(max-width: 991px){
	.ch-info h3{font-size: 18px;}
}
@media(max-width: 767px){
	.ch-info h3{font-size: 14px; padding: 25px 0 0 0; min-height: 65px; margin: 0 20px;}
	.ch-item img{padding: 20px;}
}
@media(max-width: 500px){
	.ch-info h3{font-size: 14px; min-height: 75px;}
	.partnerItem{width: 50%;}
}

/* *******************************
	Contact
******************************* */

#header-banner #map{height: 550px;}
#contact-page{margin-top: 75px;}

#contact-page .contact-extra-info .contact-title{color:#1c66ab; margin-top: 0px; font-weight: 300; text-transform: uppercase; }

.contact-extra-info p {font-size: 16px; margin-bottom: 15px; font-weight: 300;}
.contact-extra-info i{width: 25px; color: #ccc;}
.contact-extra-info .addres{ margin-bottom: 0px;}
.contact-extra-info .addres2{ margin-left: 30px;}
.contact-extra-info a{color: #003b72;}

#contact-page .contact-form input, #contact-page .contact-form textarea{border-radius: 0px; box-shadow: none; outline: none; border: 1px solid #ccc;}
#contact-page .contact-form input:focus, #contact-page .contact-form textarea:focus{border: 1px solid #777;}
#contact-page .contact-form input{margin-bottom: 15px;}
#contact-page .contact-form textarea{resize:none;}

#contact-page .contact-form .btn-contact{background-color: #1c66ab; border: 1px solid #003b72;}
#contact-page .contact-form .btn-contact:hover, #contact-page .contact-form .btn-contact:focus {background-color: #003b72; border: 1px solid #003b72;}


/* *******************************
	FAQ
******************************* */
.question-wrapper{margin-top: 35px; padding-bottom: 25px; position: relative; border-bottom: 1px solid rgba(238,238,238, .8); }
.question-wrapper:last-of-type{border-bottom: 0px; }
/*.question-wrapper:after { content: ""; background: rgba(238,238,238, .8);  position: absolute; left: 0; height: 1px; width: 15%;   right: 0; display: block;  margin: 0 auto; bottom: 0;}*/


/* *******************************
	blueassist verhalen
******************************* */

.storyRow{ display: flex; flex-wrap:wrap;}
.storyRow .storyItem{ margin-top: 30px; }

.story {margin-top: 0px;  padding: 15px; border: 1px solid #eee; position: relative; background-color: white; display: flex; flex-direction:column; height: 100%;}

.story:before, .story:after{
  content:"";
  position:absolute;
  bottom:0;top:2px;left:15px;right:15px;
  z-index:-1;
  border-radius:100px/30px;
 /*-webkit-box-shadow:0 0 30px 2px #e5e5e5;
  -moz-box-shadow:0 0 30px 2px #e5e5e5;
  box-shadow: 0 0 30px 2px #e5e5e5;*/
}
.story .video-wrapper{max-width: 550px; display: block; }
.story .video-responsive{  overflow:hidden;  padding-bottom:56.25%;  position:relative;  height:153px;}
.story .video-responsive iframe{  left:0;  top:0;  height:100%;  width:100%;  position:absolute;}
.cms-story, .cms-intro{/*letter-spacing: 1px;*/}
.cms-story{font-size: 15px; line-height: 1.5em;}
.cms-story blockquote{font-size: 15px;}
.cms-story ol {padding-left: 18px;}
.cms-story ol li{margin-bottom: 7px;}
.cms-story{margin-top: 15px; }
.cms-story ul{padding-left:5px; margin-top: 15px; list-style-type: none; }
.cms-story ul li{text-indent: -20px; margin-bottom: 2px; padding-left: 20px; }
.cms-story ul li:before{ content: "-"; text-indent: -5px; margin-right: 15px; }
.cms-story ul li a{color: black; text-transform: uppercase; font-size: 12px; text-decoration: underline; padding-left: 5px; opacity: .5 }
.cms-story h1{font-size: 30px; font-weight: 300; }
.cms-story h2{font-size: 24px; font-weight: 300; }
.cms-story h3{font-size: 22px; font-weight: 300; }
.cms-story h4{font-size: 18px; font-weight: 300; }
.cms-story h5{font-size: 16px; font-weight: 300; }
.cms-story h6{font-size: 15px; font-weight: 300; }

.story .story-title{font-weight: 300; text-transform: uppercase; margin-top: 10px; color: #1c66aa; font-size: 22px;}
.story img{width: 100%;}
.story .intro-tekst{overflow: hidden; height: 80px; flex-grow: 1; color: black;}
.story .story-readMore {margin-top: 15px;}
.story .story-readMore span {padding: 7px; color:#003b72; border: 1px solid #003b72; display: inline-block; }

/* detail */
.story-back{position: absolute; left: 0; right: 0; bottom: 30px; text-align: center;}
.story-back a{color:#ddd; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; background-color: rgba(0,0,0,.2); padding: 7px;}
.story-back a i{font-size: 22px; }
.story-detail-title{text-transform: uppercase; font-weight: 300; margin-top: 0px; color: #1c66ab;}



@media(max-width: 767px){
	.story .story-title{margin-top: 15px;}
}


/* ********************************************
	PRAKTISCH, AANLEREN, VERHALEN, BEKENDMAKEN
********************************************* */
.custom-page .doc { margin-top: 10px;}
.custom-page .doc a{ color: #1c66ab; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; margin-top: 10px;}
.custom-page .doc a:focus{ outline: none; box-shadow: none; text-decoration: none;}
.custom-page .doc a i{ margin-right: 10px;}

.custom-page .vid{margin-top: 25px;}
.custom-page .vid .vid-title{ margin: 0; font-size: 14px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; min-height: 30px;}
.custom-page .video-wrapper{max-width: 550px; display: block; }
.custom-page .video-responsive{  overflow:hidden;  padding-bottom:56.25%;  position:relative;  height:0;}
.custom-page .video-responsive iframe{  left:0;  top:0;  height:100%;  width:100%;  position:absolute;}
.custom-page .cat-title{ margin-top: 25px;  margin-bottom: 10px;  font-size: 20px;  font-weight: 300;  letter-spacing: 2px;  border-bottom: 1px solid rgba(0,0,0,.1);  padding-bottom: 5px;  color: #777;}



/* *******************************
	footer
******************************* */

footer{margin-top: 100px; background-color: #1f1f1f; color: white; text-transform: uppercase; font-weight: 300; padding: 50px 0 75px 0;}

footer .footer-list h3{color: #1c66ab; font-size: 18px; font-weight: lighter; margin-top: 0px; margin-bottom: 5px;}
footer .footer-list  {list-style: none; padding-left: 0px;}
footer .footer-list li a {color: white; font-weight: lighter; font-size: 16px;}

footer .footer-logos{width: 40%; float: left; position: relative;  min-height: 1px;  padding-right: 15px;    padding-left: 15px;}
footer .logos{margin-left:-10px; margin-right:-10px; list-style: none;}
footer .logos .logoItem{padding-left: 10px; padding-right: 10px;}
footer .logos  img{width: 100%; opacity: .9;}

footer .nav-socials {padding-left: 0px; }
footer .nav-socials li{display:inline-block; }
footer .nav-socials li a{font-size: 24px; padding: 12px 5px; color: white}
footer .nav-socials li.facebook a i{background-color: white; color: black; border-radius: 50%; padding: 5px; width: 25px; text-align: center; font-size: 14px; vertical-align: text-bottom;}

footer .privacy-list{ list-style: none; margin-top: 25px; padding-left:0px; }
footer .privacy-list li{ display: inline-block; }
footer .privacy-list li a{padding:0px 7px; border-right: 1px solid white; color: white; }
footer .privacy-list li:last-of-type a{ border-right: 0px;}


@media(max-width: 992px){
	footer .footer-logos{width: 60%;  display: block; margin-top: 45px;  float: none;}
}

@media(max-width: 500px){
	footer .footer-logos{width: 100%;  display: block; margin-top: 45px;  float: none;}
}