html,
body {
  height: 100%;
}

body {
    padding-top: 5rem;
    color: #215788;
    background: transparent;
    font-family: 'Poppins', sans-serif;
}

#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
}

/*
  Footerbalk kleur
================================================ */

footer {
        border-top: 2px solid #51c0f0;
	    padding-top: 50px;
        font-size: 16px;
        color: #fff; 
        
        background: -webkit-linear-gradient(to right, #215788, #b5d8f7 40%);
        background:    -moz-linear-gradient(to right, #215788, #b5d8f7 40%);
        background:      -o-linear-gradient(to right, #215788, #b5d8f7 40%);
        background:         linear-gradient(to right, #215788, #b5d8f7 40%);
     
}
footer a {
        color: #dfb207;
}

/*
  Tekst kleuren (h1 blauw, h2 oranje zon, h3 bruin om zon)
================================================ */
h1,
.h1 {    
     color: #51c0f0;
     font-family: 'Amiri', serif;
     font-weight: 600;
     font-size: 300%;
}
h2,
.h2 {    
     color: #f6b40e;
     font-family: 'Amiri', serif;
     font-weight: 400;
     font-size: 250%;
}
h3,
.h3 {    
     color:#85340a;
     font-family: 'Amiri', serif;
     font-weight: 400;
     font-size: 150%;
}
h4,
.h4 {    
     color:#95c11f;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     font-size: 150%;
}

p {
    font-family: 'Poppins', sans-serif;
}
/*
  Horizontale lijn kleur
================================================ */
hr 
{   
    background-color: #f6b40e;
    border: 0;
    border-top: 2px solid #f6b40e;
    color: #f6b40e;
    height: 1px;
    width: 20%;
    margin: auto; 
    padding: 0; 
}
/*
  Button kleur
================================================ */
.btn-primary {   
    background-color: #e30613;
    border: 0;
    color: #fff;
    
}
.btn-primary:hover {
    color: #fff;
    background-color: #95c11f;
    border-color: #95c11f;
}

.inhoud  {
   margin-top: 100px;
}

/*
  Navigatiebalk volgens bootstrap
================================================ */

.scrolling-navbar {
      transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.top-nav-collapse {
      background-color:  #1d1d1b;
}
.bgimage {
  background-image: url(/assets/lb/images/lb.....svg)!important;
  background-repeat: no-repeat;
  max-width: 100%;
  background-position: center;
  background-size: cover;
  background-color: #000;  
}
.navbar-lb  {
   background: -webkit-linear-gradient(to right, #fff, #b5d8f7 40%);
   background:    -moz-linear-gradient(to right, #fff, #b5d8f7 40%);
   background:      -o-linear-gradient(to right, #fff, #b5d8f7 40%);
   background:         linear-gradient(to right, #fff, #b5d8f7 40%); 

}

.navbar-lb .navbar-brand { 
  padding: 10px;
}
.nav-item .nav-link {
        padding-right: 40px;
        text-align: center;
        font-size: 160%;
      color: #fff;
 
    }

.navbar-lb .navbar-brand:hover, .navbar-hw .navbar-brand:focus {
  color: #fff;
}

.navbar-lb .navbar-nav .nav-link {
  color: #fff;
}

.navbar-lb .navbar-nav .nav-link:hover, .navbar-lb .navbar-nav .nav-link:focus {
  color: #fff;
}

.navbar-lb .navbar-nav .nav-link.disabled {
  color: #E9EDEE;
}

.navbar-lb .navbar-nav .show > .nav-link,
.navbar-lb .navbar-nav .active > .nav-link,
.navbar-lb .navbar-nav .nav-link.show,
.navbar-lb .navbar-nav .nav-link.active {
  color:  #fff;
}

.navbar-lb .navbar-toggler {
  color: #fff;
  border-color: #F4F5F6;
}

.navbar-lb .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-lb .navbar-text {
  color: #fff;
}

.navbar-lb .navbar-text a {
  color:  #414042;
}

.navbar-lb .navbar-text a:hover, .navbar-lb .navbar-text a:focus {
  color: #414042;
}


@media (max-width: 1199px) { 
    .navbar-lb .navbar-nav .nav-link {
        padding-right: 40px;
        text-align: center;
        font-size: 120%;
      color: #fff;
   
    }
     .nav-item .nav-link {
        padding-right: 40px;
        text-align: center;
        font-size: 120%;
      color: #fff;
      
    }
}
@media (max-width: 464px) { 
    .navbar-lb .navbar-nav .nav-link {
        padding-right: 40px;
        text-align: center;
        font-size: 120%;
      color: #fff;
      
    }
     .nav-item .nav-link {
        padding-right: 40px;
        text-align: center;
        font-size: 120%;
      color: #fff;
     
    }
}


/*
  Boven pagina
================================================ */
.sectie-boven {
  margin-bottom: 20px;
  padding: 0 0 0 0;
  background-color: #fff;
  position: relative;
  background-size: cover;
  overflow: hidden;
}
.boven-titel {
  position: absolute;
  top: 15%;
  padding: 0 0 0 0;
 
}
.boven-titel h1{
    text-transform: uppercase;
     color: #fff;
     opacity: 0.8;
     text-shadow: 3px 3px 2px #a5a5a4;
}



/*
 p 2a8655
================================================ */
p a {
  color: #2a8655;
}
p a:hover {
  color: #c72327;
}