/* Aangepaste kleuren
   Rood: 86211B
   Blauw: 18415F*/

a {                               color: #18415F; }
a:hover, a:active, a:focus {      color: #86211B; }

.back-to-top, back-to-top:focus { background: #86211B; }
.back-to-top:hover {              background: #636466; }

#topbar .contact-info a:hover {   color: #86211B; }
#topbar .contact-info i {         color: #86211B; }
#topbar .social-links a:hover {   color: #86211B; }

#header #logo h1 a {              color: #636466; }
#header #logo h1 a span {         color: #86211B; }

#contact .contact-info i {        color: #86211B; }
#contact .contact-info a:hover {  color: #86211B; }
#contact .form #sendmessage {     color: #86211B; border: 1px solid #86211B; }
#contact .form button[type="submit"] {  background: #18415F; }
#contact .form button[type="submit"]:hover {  background: #86211B; }
.btn-primary {  background: #18415F;  border: 1px solid #18415F;}
.btn-primary:hover {  background: #86211B;  border: 1px solid #86211B;}
.section-header h3::before {
    background: #86211B;
}
#call-to-action {                 background: #636466; }
#call-to-action .cta-btn:hover {  background: #18415F;   border: 3px solid #18415F; }
#about {
	padding-top: 0px!important;
	margin-top: 0px!important;
}
#about .col-lg-6 {
	flex: 0 0 100%;
    max-width: 100%;
}
#footer {                         background: #f2f5f8; }
#footer .credits a {              color: #636466; }
#intro {
    height: auto;
}
#intro .intro-content h2 {        color: #18415F;  font-size: 22px; }
#intro .intro-content h2 span {   color: #86211B; }
#intro .intro-content .btn-get-started {        background: #18415F; border: 2px solid #18415F; }
#intro .intro-content .btn-get-started:hover {  background: none;   color: #18415F; }

.ulInterventies .bg { text-align: center; padding: 5px 8px 5px 8px; width: 100%; height: 80px; background-color: #C0C0C0; border: 1px solid #cccccc;}
.ulInterventies .bg {        background: #18415F; border: 2px solid #18415F; color:#ffffff;}
.ulInterventies .bg:hover {  background: none;   color: #18415F; }
.ulInterventies .bg:hover a {  color: #18415F; }
.ulInterventies .titel:hover {  color: #18415F; }
.ulInterventies .titel { font-weight: bold; font-size:28px; display: block; padding-bottom: 5px; }
.ulInterventies .sub { font-weight: bold; font-size:13px; }
.ulInterventies .bg a { color: #ffffff; }
.ulInterventies .bg a:hover { color: #18415F; }

li a { color: #18415F; }

.section-header h2 {              color: #18415F; }
.section-header h3 { color: #18415F; }
.section-header h2::before {      background: #86211B; }


li a { color: #18415F; }
li a:hover { color: #86211B; }

.nav-menu li:hover > a, .nav-menu > .menu-active > a {  color: #86211B; }
.nav-menu ul li:hover > a {                             color: #86211B; }
#mobile-nav ul .menu-has-children i.fa-chevron-up {     color: #86211B; }
#mobile-nav ul .menu-item-active {                      color: #86211B; }

#dak .row { margin-bottom:10px;}
#dak .col { padding:3px;}
#dak .imghalf { margin-bottom: 12px;}

@media only screen and (max-width: 480px) {
  #dak .row { margin-bottom:2px;}
  #dak .col { padding:2px;}
  #dak .imghalf { margin-bottom: 4px;}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  #dak .row { margin-bottom:5px;}
  #dak .col { padding:3px;}
  #dak .imghalf { margin-bottom: 6px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #dak .row { margin-bottom:5px;}
  #dak .col { padding:3px;}
  #dak .imghalf { margin-bottom: 7px;}
}