/* Aangepaste kleuren Poortwachterdirect
   Rood: 8B8B8B -> GRIJS
   Blauw: F1AB00 ->Geel
2e geel: F1AC00 (net afwijkend om weer te kunnen vervangen*/


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

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

li a { color: #F1AB00; }

.back-to-top:hover { background: #8B8B8B; }
#header #logo h1 a { color: #8B8B8B; }
#intro .intro-content h2 { color: #8B8B8B; }
#intro .intro-content .btn-get-started { background: #8B8B8B; border: 2px solid #8B8B8B; }
#intro .intro-content .btn-get-started:hover { color: #8B8B8B; }
.section-header h2 { color: #8B8B8B; }
.section-header h3 { color: #8B8B8B; }
#about .content h2 { color: #8B8B8B; }
#services .box .icon i:before { background: #8B8B8B; }
#footer .credits a { color: #8B8B8B; }


#call-to-action {   background: #8B8B8B; }
#call-to-action .cta-btn:hover { background: #F1AC00; border: 3px solid #F1AC00; }
#team .member .details { background: #F1AC00; }
#contact .contact-info i { color: #F1AC00;}
#contact .contact-info a:hover { color: #F1AC00; }
#contact .form #sendmessage { color: #F1AC00; border: 1px solid #F1AC00; }
#contact .form button[type="submit"] { background: #F1AC00; }
a { color: #F1AC00; }
.back-to-top { background: #F1AC00; }
.back-to-top:focus {  background: #F1AC00;}
#topbar .contact-info a:hover { color: #F1AC00; }
#topbar .contact-info i { color: #F1AC00; }
#topbar .social-links a:hover { color: #F1AC00; }
#header #logo h1 a span { color: #F1AC00; }
#intro .intro-content h2 span { color: #F1AC00; }
#intro .intro-content .btn-projects { background: #F1AC00; border: 2px solid #F1AC00; }
#intro .intro-content .btn-projects:hover { background: none; color: #F1AC00; }
.nav-menu li:hover > a, .nav-menu > .menu-active > a { color: #F1AC00; }
.nav-menu ul li:hover > a { color: #F1AC00; }
#mobile-nav ul .menu-has-children i.fa-chevron-up { color: #F1AC00; }
#mobile-nav ul .menu-item-active { color: #F1AC00; }
.section-header h2::before { background: #F1AC00; }
#about .content i { color: #F1AC00; }
#services .box .icon i:before { background: #8B8B8B; background: linear-gradient(45deg, #F1AC00 0%, #a3ebd5 100%); }
#clients .owl-dot.active { background-color: #F1AC00; }
#testimonials .owl-dot.active { background-color: #F1AC00; }