/*
 Description:  Elektricien Voorschoten en omgeving nodig? Peter Olsthoorn is de specialist in elektrotechniek voor de zakelijke en particulieren markt.
 Author:       KOUDO.nl
 Author URI:   http://www.koudo.nl
 Template:     identity
 Version:      1.0.0
*/

@import url("../identity/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

body {
	color: #0b0d36;
}

a{
	color:#0b0d36;
}


a:hover{
	color:#ccc;
}


/* =social
-------------------------------------------------------------- */

.social-icon a{
	color: #0b0d36;
}

/* =Quote
-------------------------------------------------------------- */
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-left: 5px solid #0b0d36;
}

blockquote {
	border-color: #0b0d36;
}

/* =Header
-------------------------------------------------------------- */

.title-section {
	padding-top: 15px; 
}

.logo a img {
	max-height: 101px ;}

.nav-menu ul li a {
	color: #0b0d36 ;
	border-radius: none ; 
	-webkit-border-radius: 1px;  
	font-size: 15px;
}

#navigation-sticky.trans-nav {
	background: #fff;
	border-bottom: 2px solid #0b0d36;
}

.nav-menu ul li a {
	color: #0b0d36 ;
	font-size: 15px;
}

.nav-menu ul li.active a:hover, .nav-menu ul li.active a {
	background-color: #efefef;
	color: #0b0d36!important;
}

ul, ol {
	margin-bottom: 10px;
}

.darken {
	background-color: #fff !important;
}


/* Mboile Nav Button */
.mobile-nav-button {
	color: #0b0d36;
	top: 80%;
}
.mobile-nav-button:hover, .mobile-nav-button:active {
	color: #0b0d36;
}


/* =Counter section
-------------------------------------------------------------- */
.counters-item {
	border: 2px solid #dee82e ;
}

/* =onze aanpak
-------------------------------------------------------------- */
.section-title h1 span {
	color: #0b0d36;
}

.process-node.active {
	background: none repeat scroll 0 0 #dee82e ;
}

.process-node i {
	color: #0b0d36 ;
}

/* = over ons
-------------------------------------------------------------- */
.feature-content:hover > .icon-box {
	color: #dee82e;
}

.icon-box {
	background: #0b0d36;
}

.package-active:after, .icon-box:after {
	border-top-color: #0b0d36;
}


.services-box .services-box-icon {
	border: 2px solid #0b0d36;
	color: #dee82e ;
	background-color: #0b0d36;
}


.section-title h1:before, .section-title h1:after {
	background: none  ;
}


.parallax-overlay.identity-parallax-overlay h4:not(.layerslider-heading) {
	color: #0b0d36;
}

.parallax-overlay h4:after {
	background-color: #0b0d36;
}

.feature-content {
	color: #333;
}


/* = contact form
-------------------------------------------------------------- */

.identity-contact input[type="text"], .identity-contact input[type="email"], .identity-contact input[type="password"] {
	border: 2px solid #0b0d36;
	border-radius: 2px;
	color: #0b0d36;
}

.identity-contact textarea:hover,
.identity-contact input[type="text"]:hover,
.identity-contact input[type="email"]:hover,
.identity-contact input[type="password"]:hover{
	background: none repeat scroll 0 0 #EEEEEE;
	border: 2px solid #0b0d36;
	border-radius: 2px;
}

.identity-contact textarea {
  	background: none repeat scroll 0 0 #fff;
  	border: 2px solid #0b0d36;
  	border-radius: 2px;
  	color: #0b0d36; 
}

.identity-contact input[type="submit"]{
  	background-color: transparent;
  	border: 2px solid #0b0d36;
  	color: #0b0d36;
}

div.wpcf7-validation-errors {
 	border: 2px solid #0b0d36;
}

.identity-contact input[type='submit']:hover, .identity-contact input[type='submit']:focus {
	background-color: #0b0d36;
	border-color: #0b0d36;
}
/* = over ons
-------------------------------------------------------------- */

.feature-content {
	color: #0b0d36;
}

h4:not(.layerslider-heading) {
	color: #0b0d36;
}

/* = slider bullets
-------------------------------------------------------------- */
.swiper-pagination-switch {
	background: none repeat scroll 0 0 #0b0d36;
	width: 20px;
	height: 20px;
}

.swiper-pagination-switch:hover {
	background: none repeat scroll 0 0 #dee82e;
}
.swiper-visible-switch {
	background: none repeat scroll 0 0 #AAAAAA;
}
.swiper-active-switch {
	background: none repeat scroll 0 0 #0b0d36;
	border: 2px solid #dee82e;
}

/* = blog
-------------------------------------------------------------- */

.post .post-meta{
	background: none repeat scroll 0 0 #ccc;
	border-left: 4px solid #0b0d36;
	-webkit-border-radius: 1px;
}



.timeline .note:after {
	background: none repeat scroll 0 0 #dee82e;
	border: 2px solid #0b0d36;
}

.timeline .title {
	background: none repeat scroll 0 0 #dee82e;
	border: 3px solid #0b0d36;
	color: #0b0d36;
	padding: 16px 0;
}

.timeline .start {
	background: none repeat scroll 0 0 #0b0d36;
	border: 3px solid #0b0d36;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #fff;
	padding: 11px 0;
}

.timeline .start:hover {
	background: none repeat scroll 0 0 #dee82e;
	border: 3px solid #0b0d36;
}

.timeline .start a {
	color: #fff;
}

.timeline .start:hover a {
	color: #0b0d36;
}

.timeline .note:hover p {
	color: #0b0d36;
}

.timeline .note:hover span.date {
	color: #0b0d36;
}
.timeline .note:hover h3 {
	color: #0b0d36;
}

.timeline .note:hover .btn {
	border: 2px solid #0b0d36;
	color: #0b0d36;
}

.timeline .btn {
  	border: 2px solid #666666;
 	 color: #666666 ;
}

.timeline .btn:hover {
  	background-color: #dee82e;
}

/* = blog
-------------------------------------------------------------- */
 
#primary a, #secondary a {
color: #0b0d36;
}

.commentlist .comment-box .comment-meta {
	background: #ccc;
}

.commentlist .avatar img {
	background: #ccc;
}

.btn-default {
color: #0b0d36;
background-color: #ffffff;
border: 2px solid #0b0d36;
}

.btn-default:hover {
color: #0b0d36;
background-color: #dee82e;
border: 2px solid #0b0d36;
}


p.quote {
	font-size: 30px;
}

.pagination-testimonial {
	top: 200px;
}

.swiper-slide .author {
	font-size: 30px;
}

.swiper-testimonial, .swiper-testimonial .swiper-slide {
	max-height: 300px;
}

h1:not(.layerslider-heading){color:#0b0d36; }
h2:not(.layerslider-heading){color:#0b0d36; }
h3:not(.layerslider-heading){color:#0b0d36; }
h4:not(.layerslider-heading){color:#0b0d36; }			
h5:not(.layerslider-heading){color:#0b0d36;	}
h6:not(.layerslider-heading){color:#0b0d36; }


.btn-dark {
	color: #0b0d36;
	overflow: hidden;
}

.btn-dark:hover, .btn-dark:active {
	color: #0b0d36;
	background-color: #dee82e;
	border: 2px solid #0b0d36; 
}


.form-control {
	background-color: #ffffff;
	border: 2px solid #0b0d36;
	border-radius: 1px;
}

.form-control:hover {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 2px solid #0b0d36;
	border-radius: 2px;
}
/* = 404
-------------------------------------------------------------- */

h1.404  {
	color: #0b0d36;
}

p.large{
	font-size: 20px;
}

.section-title h1 span {
	background-color: #dee82e;
	color: #0b0d36;
}

a#error{
	color: #0b0d36;
}
a#error:hover{
	color: #dee82e;
}
/* = main section
-------------------------------------------------------------- */
.white {
 	color: #0b0d36;
}

.section-title h1.white span {
	background-color: #0b0d36;
	color: #dee82e;
}

.section-title div {
	background-color: #0b0d36;
}

.section-title div span {
	color: #dee82e;
}

#back-top {
	background: #dee82e;
	color: #0b0d36;
	line-height: 50px;
}

#primary a {
	color: #0b0d36;
}

.white {
	color: #0b0d36!important;
}

/* = main section
-------------------------------------------------------------- */
#secondary .search-form .search-input {
border-left: 2px solid #0b0d36;
}

/* = dropdown
-------------------------------------------------------------- */
.wpcf7 select {
    width: 100%;
    max-width: 555px;
}

#secondary select {
    width: 100%;
    max-width: 555px;
    font-size: 14px;
}

/* = dropdown
-------------------------------------------------------------- */


.identity-contact input[type="tel"]{
  background: none repeat scroll 0 0 #fff;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  outline: 0 none;
  padding: 5px 5px 5px 10px;
  transition: background 0.25s ease-in-out 0s;
  width: 100%;
  max-width:555px;
	border: 2px solid #0b0d36;
    border-radius: 2px;
    color: #0b0d36;
}