html, body{height: 100%;}
body{font-family:'Lato', sans-serif; font-weight: 300; background: #FFF; color: #58585b;}

body.home{color: #FFF; background: url("../img/bg_home.jpg") no-repeat bottom center #10101b; background-size:cover;}



.navbar{border-radius:0; border: 0; background: #FFF;  height: auto; min-height: 190px;}
.navbar.home{background: none; background: rgba(16,16,27, 0); padding-bottom: 15px; min-height: auto;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
    background: rgba(0, 0, 0, 0) url("../img/logo.svg") no-repeat scroll 0 0 / contain ;
 	height: 100px; 
	width: 376px;
	text-indent: -9999px;
	margin-left: 0 ;
	padding: 0;
	
}

.navbar.home > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
    background: rgba(0, 0, 0, 0) url("../img/logo-inverted.svg") no-repeat scroll 0 0 / contain ;

	
}




.navbar .nav{margin-top: 0; padding-top: 0;}
.navbar .nav li{text-transform: uppercase; font-size: 16px; margin: 0 16px;}
.navbar .nav li:first-child{margin-left: 0;}
.navbar .nav li:last-child{margin-right: 0;}
.navbar .nav li a{padding: 0; text-shadow:none; line-height: 1em; padding-bottom: 9px; border-bottom: 1px solid rgba(136, 177, 75, 0); 
-webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;}
  .navbar.home .nav li a{color: #FFF;}
.navbar .nav li.active a, .navbar .nav li a:hover{color: #88b14b; background: none; border-bottom: 1px solid rgba(136, 177, 75, 1);}

.navbar .nav li.active a:hover{background: none;}

.navbar-toggle{border-radius: 0;}
.navbar-default .navbar-toggle{border: none; background: #FFFFFF; padding: 10px; width: 40px; height: 40px; margin-top: 3px; transition: background-color .1s ease-in;}
.navbar-default.home .navbar-toggle{background: none;}
.navbar-default .navbar-toggle:hover{background: rgb(136, 177, 75) !important; }
.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(136, 177, 75);
	width: 20px;
	transition: background-color .1s ease-in;
}
.navbar-default .navbar-toggle:hover .icon-bar{background-color: #FFF;}


.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{background: #fff; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background: none;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
.navbar-collapse{box-shadow:none;}


main #contentSection h2{font-weight: 700; color: rgb(136, 177, 75); font-size: 1.786em; margin-bottom: 1.3em;}
main #contentSection h2:after {
     background: none repeat scroll 0 0 rgb(136, 177, 75);
     bottom: -10px;
     content: "";
     display: block;
     height: 4px;
     position: relative;
     width: 50px;
 }
 
 main #contentSection h3{font-size: 1.35em; font-weight: 700;}
 
 main #contentSection.home h1{font-weight: 700; color: rgb(136, 177, 75); font-size: 2.933em;}
 main #contentSection.home p{font-size: 1.2em;}
 main #contentSection.home p.dark{color: #58585b;}
 main #contentSection.home hr{border-color: #41434d;}
 
 
 main #contentSection strong{font-weight: 700;}
 
 main #contentSection p, main #contentSection li{font-size: 1.143em; line-height:1.6em;}
 main #contentSection p{margin-bottom: 1.5em;}
 main #contentSection li{margin-bottom: 1.1em;}
 main #contentSection ul.narrow li{margin-bottom: 0;}
 main #contentSection ul.no-indent {margin-left: 0; padding-left: 15px;}
 main #contentSection li:last-child, main #contentSection p:last-child{margin-bottom: 0;}

main #contentSection a{color: #58585b; text-decoration:underline;}
main #contentSection a:hover{color: rgb(136, 177, 75);}
main #contentSection a.cta{background: rgb(136, 177, 75); color: #FFF; text-transform:uppercase; text-decoration:none; display: inline-block; padding: 10px 15px; -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease;}
main #contentSection a.cta:hover{background: #58585b;}

main #contentSection .box{margin-bottom: 30px;}
main #contentSection .box .content{ padding: 20px; background: #F6F6F6;}
main #contentSection .box h3{font-size: 1.2em; text-transform:uppercase; padding: 0; margin: 0; line-height: 1.5em;}
main #contentSection .box h3 a{color: rgb(136, 177, 75); text-decoration:none;}
main #contentSection .box h3 a:hover{color: #58585b;}



main{background: #FFF; margin-top: 190px;}
body.home main{background: none;}

#mapsWrapper{height: 350px; background: #E6E6E6; widht: 100%;}

#titleWrapper{text-align: center; font-size: 18px; font-weight: 700; color: #FFF; padding: 120px 0 90px 0; background-color: #F6F6F6;}
#titleWrapper.werkwijze{background:linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../img/bg_werkwijze.jpg) center center; background-size: cover;}
#titleWrapper.doelgroepen{background:linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../img/bg_doelgroepen.jpg) center center; background-size: cover;}
#titleWrapper.dietiste{background:linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../img/bg_dietiste.jpg) center center; background-size: cover;}
#titleWrapper.terugbetaling{background:linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../img/bg_terugbetaling.jpg) center center; background-size: cover;}
#titleWrapper.praktisch{background:linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../img/bg_praktisch.jpg) center center; background-size: cover;}
#titleWrapper h1{font-weight: 700; font-size: 44px; padding: 0; margin: 0; margin-bottom: .3em;}
#titleWrapper p:first-of-type{font-style:italic;  margin-bottom: 1.5em}
#titleWrapper p:last-of-type{margin-bottom: 0; padding-bottom: 0;}

#titleWrapper a.cta.bordered{background: none; border: 2px solid #FFF; color: #FFF; text-transform:uppercase; padding: 10px 15px; 
-webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease;}
#titleWrapper a.cta.bordered:hover{ border: 2px solid rgb(136, 177, 75); background: rgb(136, 177, 75); text-decoration:none;}

footer{padding: 20px 0; background:rgb(136, 177, 75);}
footer *{color: #FFF;}
footer a:hover{color: #FFF;}
footer ul{text-align: center;}
footer ul, footer ul li{padding: 0; margin: 0; list-style:none;}
footer ul li{display: inline-block; padding: 0 15px;}

a[href*="tel:"] {
       cursor:default;
	   text-decoration:none !important;
   }
a[href*="tel:"]:hover{color: #58585b !important;}
footer a[href*="tel:"]:hover{color: #FFF !important;}

.hidden, .hidden-small{display: none;}


@media (min-width:1920px) and (max-width:2560px){
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
	margin-top: 38px;
	}
	.navbar .nav{margin-top: 96px;}
	
	main{margin-top: 190px;}
	body.home main{margin-top: 0;}
	
	main #contentSection{padding: 125px 0 100px 0;}
	body.home main #contentSection{padding: 0;}
	  main #contentSection.home h1{font-size: 4em;}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
	margin-top: 38px;
	}
	.navbar .nav{margin-top: 96px;  margin-right: 0;}
	main #contentSection{padding: 125px 0 160px 0;}
	body.home main #contentSection{padding: 0;}
	body.home main{margin-top: 0;}
	


}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar{border-radius:0; border: 0; background: #FFF;  height: auto; min-height: 120px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
	height: 80px; width: 300px;
	margin-top: 20px;
	}
.navbar .nav li{text-transform: uppercase; font-size: 15px; margin: 0 12px;}
.navbar .nav{margin-top: 65px;}
main{margin-top: 120px; margin-right: 0; }
body.home main{margin-top: 0;}
main #contentSection{padding: 125px 0 160px 0;}
body.home main #contentSection{padding: 0;}
body.home{background-size: contain; background-position: -100px 60px;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar{border-radius:0; border: 0; background: #FFF;  height: auto; min-height: 108px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
	height: 80px; width: 300px;
	margin-top: 20px;
	display: block;
	margin-left: auto; margin-right: auto;
	float: none;
	}
	.navbar-header{float: none; width: 100%;}
	.navbar .nav{text-align: center; float: none !important;  margin-top: 20px; margin-bottom: 20px; width: 100%;}
.navbar .nav li{text-transform: uppercase; margin: 0 12px; float: none; display: inline-block}
.navbar .nav{}
main{margin-top: 108px; }
body.home main{margin-top: 0;}

main #contentSection{padding: 60px 0 60px 0;}
body.home main #contentSection{padding: 0;}
body.home{background-image: none;}
.hidden-small{display: block;}
main #contentSection.home h1{font-size: 2.1em;}
 #titleWrapper h1{font-weight: 700; font-size: 32px; padding: 0; margin: 0; margin-bottom: .3em;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	body.home{background-image: none;}
	.navbar .nav li{text-transform: uppercase; font-size: 16px; margin: 0;}
.navbar .nav li:first-child{margin-left: 0;}
.navbar .nav li:last-child{margin-right: 0;}
.navbar .nav li a{border: 0; padding: 0; padding: 15px; display: block; transition:none;}
.navbar .nav li.active a, .navbar .nav li a:hover{color: #88b14b; border-bottom: 0; background: #EFEFEF;}
.navbar.home .nav li.active a, .navbar.home .nav li a:hover{background: none;}
.navbar .nav li.active a:hover{background: #EFEFEF; color: #88b14b;}
.navbar #navbar{}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
    background: rgba(0, 0, 0, 0) url("../img/logo.svg") no-repeat scroll 0 0 / contain ;
 	height: 100px; 
	width: 379px;
	text-indent: -9999px;
	margin-left: 15px ;
	padding: 0;
	
}

.navbar-default .navbar-toggle{margin-top: 30px;}
.navbar{border-radius:0; border: 0; background: #FFF; min-height: 120px; height: auto; padding: 15px 0;}
.navbar.home{margin-bottom: 0;}
main{margin-top: 120px;}
body.home main{margin-top: 0;}
main #contentSection{padding: 40px 0 40px 0;}
body.home main #contentSection{padding: 0; padding-bottom: 20px;}

main #contentSection.home {text-align: center}
  main #contentSection.home h1{font-size: 2.5em;} 

.about{margin-top: 2em;}
.hidden{display: block !important;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	body.home{background-image:none;}
	
	.navbar .nav li{text-transform: uppercase; font-size: 16px; margin: 0;}
.navbar .nav li:first-child{margin-left: 0;}
.navbar .nav li:last-child{margin-right: 0;}
.navbar .nav li a{border: 0; padding: 0; padding: 15px; display: block; transition:none;}

.navbar .nav li.active a, .navbar .nav li a:hover{color: #88b14b; border-bottom: 0; background: #EFEFEF;}
.navbar.home .nav li.active a, .navbar.home .nav li a:hover{background: none;}
.navbar .nav li.active a:hover{background: #EFEFEF; color: #88b14b;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
    background: rgba(0, 0, 0, 0) url("../img/logo.svg") no-repeat scroll 0 0 / contain ;
 	height: 80px; 
	width: 303px;
	text-indent: -9999px;
	margin-left: 15px ;
	padding: 0;
	
}

.navbar-default .navbar-toggle{margin-top: 20px;}
.navbar{border-radius:0; border: 0; background: #FFF;  min-height: 100px; height: auto; padding: 15px 0; }
.navbar.home{margin-bottom: 0; min-height: auto; padding-bottom: 0;}
main{margin-top: 100px;}
body.home main{margin-top: 0;}
main #contentSection{padding: 30px 0 30px 0;}
body.home main #contentSection{padding: 0; padding-bottom: 20px;}


.about{margin-top: 2em;}

 main #contentSection.home {text-align: center}
  main #contentSection.home h1{font-size: 2em; margin-top: 20px;} 
  
  #titleWrapper h1{font-weight: 700; font-size: 28px; padding: 0; margin: 0; margin-bottom: .3em;}
  #titleWrapper p{font-size: .9em;}

.hidden{display: block !important;}

footer ul li{display: block; line-height:1.8em;}


}

@media (max-width: 320px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  {
    background: rgba(0, 0, 0, 0) url("../img/logo.svg") no-repeat scroll 0 0 / contain ;
 	height: 66px; 
	width: 250px;
	text-indent: -9999px;
	margin-left: 15px ;
	padding: 0;
	
}
}