/*************************************** LOGO ***************************************/
a.logo {
	background: url('') 50% 50% no-repeat!important ;
	background-size: contain!important;
	} 


/* Load Color overrides from Theme-Options */	
/*************************************** Kleuren ***************************************/

/*

Body Kleur				#191919Body Tekst Kleur		#d8d8d8
Accent Kleur			#3764b5Accent Kleur Hover		#ffffff
Button Kleur			#3764b5Button Tekst 			#ffffffButton Kleur Hover		#284d91Button Tekst Hover		#ffffff
Topbar Kleur			#494949Topbar Tekst Kleur		#cececeTopbar Accent			#cececeTopbar Accent Hover		#ffffff
Menubar Kleur			#191919Menubar Accent			#3764b5Menubar Accent Hover	#3764b5Submenu Kleur			#515151
Visual Border Kleur		#284d91
Blogkader Kleur			#212121Blogkader Shaduw Kleur	#000000
Sub Footer Kleur		#000000
Footer Kleur			#0c0c0cFooter Tekst Kleur		#ffffffFooter Accent 			#ccccccFooter Accent Hover		#e5e5e5
Copyright Kleur			#000000Copyright Tekst Kleur	#848484Copyright Accent 		#686868Copyright Accent Hover	#cccccc
*/


/* --- background colors --- */

body { 
  background: #191919; 
  color: #d8d8d8;
}

#header {
  background: #191919; 
}

#header #menu {
  background: #191919;
}
#menu li.menu-item-has-children::after {
   border-color: #3764b5;
}
#menu li.menu-item-has-children:hover::after,
#menu li.menu-item-has-children:focus::after{
   border-color: #3764b5;
}

#menu .current-menu-item.menu-item-has-children::after,
#menu .current-menu-ancestor.menu-item-has-children::after, 
#menu .current_page_item.menu-item-has-children::after,
#menu .current_page_ancestor.menu-item-has-children::after, 
#menu .current-post-parent.menu-item-has-children::after {
  border-color: #ffffff}

#menu ul ul:before {
  border-color: transparent #515151 transparent transparent;
}
#menu ul ul a,
#menu li.menu-item-has-children li a {
  background: #515151;
}

#menu ul ul .current-menu-item > a{
 background: #3764b5;
}

#menu ul ul :hover > a,
#menu ul ul :focus > a{
 background: #ffffff;
}

#mainvisual.visual { 
  border-color: #284d91;
}

@media screen and (max-width: 820px) {
  #header #menu img { background: #191919; }
}

.mean-container .mean-bar {
  background:#191919;
  -webkit-box-shadow: 0 0 5px 0 #191919;
  box-shadow: 0 0 5px 0 #191919;
}

#header #menu, .mean-container .mean-nav {
  background: #191919;
}

.mean-container a.meanmenu-reveal {
  color: #ffffff;
  background: #3764b5;
}

.mean-container a.meanmenu-reveal span {
  background: #ffffff;
}

.mean-container .mean-nav ul li a.mean-expand {
  color: #ffffff;
  background: #3764b5;
}

.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li a.mean-expand:focus {
  background: #284d91;
  color: #ffffff;
}

.mean-container .mean-nav ul li a {
  background: #3764b5;
  color: #ffffff;
  border-bottom: 1px solid #191919;
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a:focus {
  background: #284d91;
  color: #ffffff!important;
}

/* --- accent colors --- */

a, #inhoud .postnav a, #subfooter .rpwe-block h3,
.inhoud ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
#inhoud ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
#subfooter ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
.inhoud .slider ul li.voertuig .slidergegevens .slidermerkmodel strong,
#inhoud .slider ul li.voertuig .slidergegevens .slidermerkmodel strong,
#subfooter .slider ul li.voertuig .slidergegevens .slidermerkmodel strong,
#menu .current-menu-item > a, #menu .current-menu-ancestor > a, 
#menu .current_page_item > a, #menu .current_page_ancestor > a, 
#menu .current-post-parent > a, ol li::before {
  color: #3764b5;
}

a:hover, #inhoud .postnav a:hover,
a:focus, #inhoud .postnav a:focus,
#menu li:hover > a, #menu li:focus > a, 
#menu a:focus,
#minizoeker select:focus, 
#minizoeker input:focus { 
  color: #ffffff;
}

#minizoeker select:focus, #minizoeker input:focus {
  border: 1px solid #ffffff!important;
}

#personeelbar a.personeellink,
form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus,
form.wpcf7-form select:focus,
#searchform input[type="text"]:focus {
  border: 1px solid #3764b5!important;
}

hr {
  border-color: #0c0c0c;
}

/* --- buttons --- */

.inhoud .blogbar .block .berichttekst a.bloglink,
.inhoud .listbar .block .berichttekst a.bloglink,
#inhoud .blogbar .block .berichttekst a.bloglink,
#inhoud .listbar .block .berichttekst a.bloglink,
#subfooter .blogbar .block .berichttekst a.bloglink,
#subfooter .listbar .block .berichttekst a.bloglink,
a.backtotop { 
  background: #3764b5; 
  color: #ffffff;
}

a.backtotop {
  border: 1px solid #191919;
  background: #3764b5;
  -webkit-box-shadow: 0 0 10px 0 #000000!important;
  box-shadow: 0 0 10px 0 #000000!important;
}

a.backtotop::after {
	border-color: #ffffff;
}

a.backtotop:hover,
a.backtotop:focus {  
  border: 1px solid #191919;
  background: #284d91;
}

a.backtotop:hover::after,
a.backtotop:focus::after {
  border-color: #ffffff;
  border-width: 0 3px 3px 0;
}

.inhoud .blogbar .block .berichttekst a.bloglink:hover,
.inhoud .listbar .block .berichttekst a.bloglink:hover,
.inhoud .blogbar .block .berichttekst a.bloglink:focus,
.inhoud .listbar .block .berichttekst a.bloglink:focus,
.inhoud .blogbar .block:hover .berichttekst a.bloglink,
.inhoud .listbar .block:hover .berichttekst a.bloglink,
.inhoud .blogbar .block:focus .berichttekst a.bloglink,
.inhoud .listbar .block:focus .berichttekst a.bloglink,
#inhoud .blogbar .block .berichttekst a.bloglink:hover,
#inhoud .listbar .block .berichttekst a.bloglink:hover,
#inhoud .blogbar .block .berichttekst a.bloglink:focus,
#inhoud .listbar .block .berichttekst a.bloglink:focus,
#inhoud .blogbar .block:hover .berichttekst a.bloglink,
#inhoud .listbar .block:hover .berichttekst a.bloglink,
#inhoud .blogbar .block:focus .berichttekst a.bloglink,
#inhoud .listbar .block:focus .berichttekst a.bloglink,
#subfooter .blogbar .block .berichttekst a.bloglink:hover,
#subfooter .listbar .block .berichttekst a.bloglink:hover,
#subfooter .blogbar .block .berichttekst a.bloglink:focus,
#subfooter .listbar .block .berichttekst a.bloglink:focus,
#subfooter .blogbar .block:hover .berichttekst a.bloglink,
#subfooter .listbar .block:hover .berichttekst a.bloglink,
#subfooter .blogbar .block:focus .berichttekst a.bloglink,
#subfooter .listbar .block:focus .berichttekst a.bloglink,
a.backtotop:hover,
a.backtotop:focus { 
  background: #284d91; 
  color: #ffffff;
}

a.backtotop:hover::after {
	border-color: #ffffff;
}

.inhoud .listbar .block .berichttekst .entry-date, 
#inhoud .listbar .block .berichttekst .entry-date {
  color: #3764b5;
}


.wp-paginate a {
  background: #3764b5!important; 
  color: #ffffff!important;  
  border: 0!important;
}

.wp-paginate .current,
.wp-paginate a:hover,
.wp-paginate a:focus,
.wp-paginate.wpp-modern-grey a:hover,
.wp-paginate.wpp-modern-grey a:focus,
.wp-paginate.wpp-modern-grey .current { 
  background: #284d91!important;  
  border: 0!important;
  color: #ffffff!important;
}



.su-spoiler-icon-plus .su-spoiler-icon:before {
  color: #284d91!important; 
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
   color: #3764b5!important;  
}

.su-spoiler-title:hover .su-spoiler-icon:before,
.su-spoiler-title:focus .su-spoiler-icon:before {
  color: #284d91!important; 
}

#minizoeker #zoekbar #zoekbutton,
#minizoeker input[type=button] {
  background: #3764b5!important;
  border: 1px solid #3764b5!important;
  color: #ffffff!important;
}

#minizoeker #zoekbar #zoekbutton:hover,
#minizoeker #zoekbar #zoekbutton:focus,
#minizoeker input[type=button]:hover,
#minizoeker input[type=button]:focus {
  background: #284d91!important;
  border: 1px solid #284d91!important;
  color: #ffffff!important;
}

#inhoud #mainsidebar ul li a {
  background: #3764b5!important;
  color: #ffffff!important;
}

#inhoud #mainsidebar ul li a:hover,
#inhoud #mainsidebar ul li a:focus, 
#inhoud #mainsidebar ul li.current_page_item a {
  background: #284d91!important;
  color: #ffffff!important;
}

.inhoud ul#autovandeweek ul.slick-dots li button,
#inhoud ul#autovandeweek ul.slick-dots li button,
#subfooter ul#autovandeweek ul.slick-dots li button,
.inhoud .slider ul ul.slick-dots li button,
#inhoud .slider ul ul.slick-dots li button,
#subfooter .slider ul ul.slick-dots li button {
  background: #3764b5!important;
}

.inhoud ul#autovandeweek ul.slick-dots li.slick-active button,
#inhoud ul#autovandeweek ul.slick-dots li.slick-active button,
#subfooter ul#autovandeweek ul.slick-dots li.slick-active button,
.inhoud .slider ul ul.slick-dots li.slick-active button,
#inhoud .slider ul ul.slick-dots li.slick-active button,
#subfooter .slider ul ul.slick-dots li.slick-active button,
.inhoud ul#autovandeweek ul.slick-dots li button:hover,
#inhoud ul#autovandeweek ul.slick-dots li button:hover,
.inhoud ul#autovandeweek ul.slick-dots li button:focus,
#inhoud ul#autovandeweek ul.slick-dots li button:focus,
#subfooter ul#autovandeweek ul.slick-dots li button:hover,
#subfooter ul#autovandeweek ul.slick-dots li button:focus,
.inhoud .slider ul ul.slick-dots li button:hover,
#inhoud .slider ul ul.slick-dots li button:hover,
.inhoud .slider ul ul.slick-dots li button:focus,
#inhoud .slider ul ul.slick-dots li button:focus,
#subfooter .slider ul ul.slick-dots li button:hover,
#subfooter .slider ul ul.slick-dots li button:focus {
  background: #284d91!important;
} 

.slick-prev:before, .slick-next:before {
  color: #3764b5!important;
}

.slick-prev:hover:before, .slick-next:hover:before
.slick-prev:focus:before, .slick-next:focus:before{
  color: #284d91!important;
}

/* --- Blogkaders --- */
.inhoud .blogbar .block .su-post, 
.inhoud .listbar .block .su-post, 
#inhoud .blogbar .block .su-post, 
#inhoud .listbar .block .su-post, 
#subfooter .blogbar .block .su-post, 
#subfooter .listbar .block .su-post {
  background: #212121!important;
  -webkit-box-shadow: 0 0 10px 0 #000000!important;
  box-shadow: 0 0 10px 0 #000000!important;
}

/* --- topbar --- */

#top {
  background: #494949;
  color: #494949;
}

#top p { 
  color: #cecece;
}

#top a, #top p a { 
  color: #cecece; 
}

#top a:hover, #top p a:hover,
#top a:focus, #top p a:focus { 
  color: #ffffff; 
}

/* --- footer --- */

#subfooter { 
  border-color: #191919;
  background: #000000;
}

#footer { 
  border-color: #191919;
  background: #0c0c0c;
}

#footer h3.widget-title {
  color: #ffffff; 
}

#footer p { 
  color: #ffffff;
}

#footer p a { 
  color: #cccccc; 
}

#footer p a:hover,
#footer p a:focus { 
  color: #e5e5e5; 
}

#copyright {
   color: #848484;
   background: #000000;
}
  
.spacer {
  color: #000000;
}
  
#copyright a {
  color: #686868;
}

#copyright a:hover,
#copyright a:focus {
  color:#cccccc;
}



/* --- beoordelingen --- */

#supplementary .beoordelingWidget {
  background-color: #284d91!important;
  color: #ffffff!important;
}
.beoordelingWidget span.kvtitle,
.beoordelingWidget span.KVtitle,
.beoordelingWidget span.cijfer,
#supplementary .beoordelingWidget a,
#supplementary .beoordelingWidget a:hover,
#supplementary .beoordelingWidget a:focus { 
  color: #ffffff!important; 
}

.beoordeling {
  background-color: #191919!important;
  border: 1px solid #3764b5;
}

.beoordelingTop {
  border: 2px solid #191919!important; 
  color: #191919!important;
  background: #284d91!important; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#3764b5, #284d91)!important;
  background: -o-linear-gradient(#3764b5, #284d91)!important;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3764b5), to(#284d91))!important; /* older webkit syntax */
  background: -webkit-linear-gradient(#3764b5, #284d91)!important;
}

blockquote { 
  border-bottom: 2px solid #284d91!important; 
}

.holder a { 
  background: #3764b5 none repeat scroll 0 0!important;
  color: #ffffff;
  border: 1px solid #3764b5;
}

.holder a.jp-current, .holder a:hover,
.holder a.jp-current, .holder a:focus {
  background: #284d91 none repeat scroll 0 0!important ;
  color: #ffffff;
}

.holder a.jp-disabled,
.holder a.jp-disabled:hover,
.holder a.jp-disabled:focus,
.holder a.jp-first, 
.holder a.jp-first:hover, 
.holder a.jp-first:focus {
   background-color: #191919!important;
}


/* --- lightbox --- */

.mfp-bg { 
  background: #191919; 
  opacity: 0.9;
}

.mfp-arrow-left:before { 
  border-right: 27px solid #284d91; 
}

.mfp-arrow-right:before { 
  border-left: 27px solid #284d91; 
}

#cboxContent, #cboxLoadedContent { 
  background: #191919!important; 
}



/*********************** AUTOCOMMERCE ***********************/

#occasionlijstwrapper div.nav b {
 color:  #3764b5; 
}

#occasionlijstwrapper div.nav a.nav,
#occasioncontent .navbuttons a {
  background:  #3764b5; 
  color:  #ffffff; 
}

#occasionlijstwrapper div.nav a.nav:hover,
#occasionlijstwrapper div.nav a.nav:focus,
#occasioncontent .navbuttons a:hover,
#occasioncontent .navbuttons a:focus{
  background:  #284d91; 
  color:  #ffffff; 
}

#occasionlijstwrapper select {
	border-color: #3764b5;
    /*background: #191919;*/
}

#occasionlijstwrapper .occasionresultV2 {
  border-bottom: 1px solid #3764b5;
}

#occasionlijstwrapper .occasionresultV2:hover,
#occasionlijstwrapper .occasionresultV2:focus {
  border-bottom: 1px solid #3764b5;
  background: #212121;
}

#occasionlijstwrapper .occasionresultV2 .foto {
  background: #191919;
}

#occasionlijstwrapper .occasionresultV2:hover .foto a img,
#occasionlijstwrapper .occasionresultV2:focus .foto a img {
  border: 1px solid #284d91;
}

/*
#occasionlijstwrapper .occasionresultV2 .merkmodel,
#occasionlijstwrapper .occasionresultV2:hover .merkmodel,
#occasionlijstwrapper .occasionresultV2:focus .merkmodel {
  color: #284d91;
}
*/

#occasioncontent a {
  color: #3764b5;
}

#occasioncontent a:hover,
#occasioncontent a:focus {
  color: #ffffff;
}

#intro tr:last-child td.details span {
  color: #ffffff;
}

#occasiontabs {
  border-color: #3764b5;
}

#occasiontabs a:link, #occasiontabs a:visited { 
  border-color: #3764b5;
  background: #284d91;
  color: #ffffff;
}

#occasiontabs a:hover, #occasiontabs a:focus, 
#occasiontabs a:active, #occasiontabs a.tabactive { 
  border-color: #3764b5;
  background: #191919;
  color: #d8d8d8;
}

#overzicht #contactbuttons a.callmeback {
  background: #3764b5;
  color: #ffffff;
}
#overzicht #contactbuttons a.callmeback:hover,
#overzicht #contactbuttons a.callmeback:focus {
  background: #284d91;
  color: #ffffff;
}

#overzicht #overzichtgegevens p strong em,
#details .occasionblock p strong em { 
  color: #3764b5!important;
}

/*********************** WOOCOMMERCE ***********************/
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { 
	background-color: #3764b5!important;
	opacity: 0.6;	
	}

.woocommerce .woocommerce-error:hover, .woocommerce .woocommerce-info:hover, .woocommerce .woocommerce-message:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	background-color: #3764b5!important;
	opacity: 1;
	}