/* Aangepaste kleuren
   Oranje: F69220
   Blauw: 3C5BA9*/

a {                               color: #3C5BA9; }
a:hover, a:active, a:focus {      color: #F69220; }

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

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

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

#contact .contact-info i {        color: #F69220; }
#contact .contact-info a:hover {  color: #F69220; }
#contact .form #sendmessage {     color: #F69220; border: 1px solid #F69220; }
#contact .form button[type="submit"] {  background: #F69220; }
#contact .form button[type="submit"]:hover {  background: #2dc899; }

#call-to-action {                 background: #636466; }
#call-to-action .cta-btn:hover {  background: #3C5BA9;   border: 3px solid #3C5BA9; }

#footer {                         background: #f2f5f8; }
#footer .credits a {              color: #636466; }

#intro .intro-content h2 {        color: #3C5BA9;  font-size: 22px; }
#intro .intro-content h2 span {   color: #F69220; }
#intro .intro-content .btn-get-started {        background: #3C5BA9; border: 2px solid #3C5BA9; }
#intro .intro-content .btn-get-started:hover {  background: none;   color: #3C5BA9; }

.ulInterventies .bg { text-align: center; padding: 5px 8px 5px 8px; width: 100%; height: 80px; background-color: #C0C0C0; border: 1px solid #cccccc;}
.ulInterventies .bg {        background: #3C5BA9; border: 2px solid #3C5BA9; color:#ffffff;}
.ulInterventies .bg:hover {  background: none;   color: #3C5BA9; }
.ulInterventies .bg:hover a {  color: #3C5BA9; }
.ulInterventies .titel:hover {  color: #3C5BA9; }
.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: #3C5BA9; }

li a { color: #3C5BA9; }

.section-header h2 {              color: #3C5BA9; }
.section-header h3 { color: #3C5BA9; }
.section-header h2::before {      background: #F69220; }


li a { color: #3C5BA9; }
li a:hover { color: #F69220; }

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

#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;}
}