/* Theme customizations */
/*************************************** LOGO ***************************************/

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

.site-content-contain { background: rgba(255,255,255,1)!important; }
	
#sitecontainer { background: rgba(255,255,255,1)!important; }
#maincontent { background: rgba(255,255,255,1)!important; }

#colophon { background: rgba(255,255,255,1)!important; }

/*************************************** Topbar ***************************************/

.navigation-top {
    background:rgba(255,255,255,1)!important;
	border:rgba(255,255,255,1)!important;
    border-top: rgba(255,255,255,1)!important;
}

.navigation-top.site-navigation-fixed {
    background:rgba(255,255,255,1)!important;
	border:rgba(255,255,255,1)!important;
}

#access a { text-shadow: 1px 1px 0px #ffffff!important; }

/*************************************** Slider ***************************************/

.footerlogos{	
	background: rgba(255,255,255,1)!important;
	border-color: rgba(255,255,255,1)!important;
}

/*************************************** Buttons ***************************************/
	
.su-button-style-flat span {
	background: rgba(140,140,140,1)!important;
	color: rgba(255,255,255,1)!important;
}

input {
    color: rgba(255,255,255,1)!important;
}

.su-button-style-flat span i.fa {
    color: rgba(255,255,255,1)!important;
}

/*************************************** Social Media buttons ***************************************/	

ul#menu-social-links a {
	color: rgba(255,255,255,1)!important;
	background: rgba(89,89,89,1)!important;	
}

ul#menu-social-links a:hover {
    color: !important;
    background: rgba(89,89,89,1)!important;
}

/*************************************** Menu button ***************************************/	

.main-navigation li li a {
    background-color: rgba(255,255,255,1);
}

/**
.main-navigation li li a:hover {
background-color: rgba(30,115,190,1)!important;
}

.main-navigation a {
    color: rgba(0,0,0,1)!important;
}

.main-navigation a:hover {
    color: rgba(0,43,237,1)!important;
}

.main-navigation li li a {
    color: rgba(10,0,2,1)!important;
}

.main-navigation li li a:hover {
    color: rgba(255,255,255,1)!important;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: rgba(0,0,0,1)!important;
}
**/

.panel-color-active {
    box-shadow: inset 0 0 0 1000px !important;
}

@media screen and (max-width: 30em) {
    .main-navigation ul.menu a {
        color: !important;
    }

    .main-navigation ul.menu li li a {
<!--        background-color: #ffffff!important;-->
        color: !important;
    }

<!--    .main-navigation ul.menu li.current-menu-ancestor > a {-->
<!--        background-color: #efefef!important;-->
<!--        color: #000000!important;-->
<!--    }-->
<!---->
<!--    .main-navigation ul.menu li li.current-menu-item a {-->
<!--        background-color: #efefef!important;-->
<!--        color: #000000!important;-->
<!--    }-->
}

/*************************************** link en button lijn ***************************************/

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(140,140,140,1)!important;
    box-shadow: inset 0 -1px 0 rgba(140,140,140,1)!important;
}

.entry-content a:hover,
.entry-summary a:hover,
.widget a:hover,
.site-footer .widget-area a:hover,
.posts-navigation a:hover,
.widget_authors a strong:hover {
	-webkit-box-shadow: inset 0 -1px 0 rgba(89,89,89,1)!important;
	box-shadow: inset 0 -1px 0 rgba(89,89,89,1)!important;
}

a.su-button.su-button-style-flat:hover {
    background-color: rgba(89,89,89,1)!important;
}

/*************************************** Autocommerce ***************************************/

#occasionlijstwrapper a {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(89,89,89,1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(89,89,89,1);
}

#occasionlijstwrapper a img {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(89,89,89,1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(89,89,89,1);
}

#occasionlijstwrapper div.nav b {
    color: rgba(89,89,89,1);
}

#occasionlijstwrapper .occasionresultV2:hover {
    border-top: 1px solid rgba(89,89,89,1);
    border-bottom: 1px solid rgba(89,89,89,1);
}

#occasionlijstwrapper .occasionresultV2 .merkmodel {
    color: rgba(89,89,89,1) !important;
}

#occasionlijstwrapper .occasionresultV2:hover .merkmodel {
    color: rgba(89,89,89,1)!important;
}

#occasionlijstwrapper .occasionresultV2 .prijs {
    color: rgba(89,89,89,1)!important;
}

#occasioncontent a {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(89,89,89,1)!important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(89,89,89,1)!important;
}

#occasioncontent h1 span { font-size: 24px;}

#overzicht #contactbuttons a.callmeback,
#contact #contactbuttons a.callmeback { font-size: 12px; }
#overzicht #contactbuttons a.callmeback:hover,
#contact #contactbuttons a.callmeback:hover { border: 1px solid rgba(89,89,89,1); }

#occasiontabs {
    border-bottom: 1px solid rgba(89,89,89,1);
}

#occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
    border: 1px solid rgba(89,89,89,1);
    border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 480px) {
    #occasioncontent h1 { text-align: center!important; }
    #occasioncontent td, #occasioncontent p, #main #occasioncontent ul li { font-size: 12px!important;}
    .occasionblock.mainfoto { min-height: 20px; }
    #occasiontabs { border-bottom: 0px solid rgba(89,89,89,1) }
    #occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
        border: 1px solid rgba(89,89,89,1);
        border-bottom: 1px solid rgba(89,89,89,1);
    }
}

/*************************************** Titles link ***************************************/

.entry-content a:focus, .entry-content a:hover,
.entry-summary a:focus, .entry-summary a:hover,
.widget a:focus, .widget a:hover,
.site-footer .widget-area a:focus, .site-footer .widget-area a:hover,
.posts-navigation a:focus, .posts-navigation a:hover,
.comment-metadata a:focus, .comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus, .comment-reply-link:hover,
.widget_authors a:focus strong, .widget_authors a:hover strong,
.entry-title a:focus, .entry-title a:hover,
.entry-meta a:focus, .entry-meta a:hover,
.page-links a:focus .page-number, .page-links a:hover .page-number,
.entry-footer a:focus, .entry-footer a:hover,
.entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover,
.post-navigation a:focus, .post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus, .logged-in-as a:hover,
a:focus .nav-title, a:hover .nav-title,
.edit-link a:focus, .edit-link a:hover,
.site-info a:focus, .site-info a:hover,
.widget .widget-title a:focus, .widget .widget-title a:hover,
.widget ul li a:focus, .widget ul li a:hover {
    color: #000;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(255,255,255,1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(255,255,255,1);
}


/*************************************** Menu en Slider ***************************************/	

<!--.navigation-top{-->
<!--	border-bottom: 1px solid --><?//=$AccentModena?><!--!important;-->
<!--}-->
<!---->
<!--.footerlogos{-->
<!--	border-bottom: 1px solid --><?//=$AccentModena?><!--!important;-->
<!--}-->

/*************************************** Alle accentkleuren (not finished) ***************************************/
.main-navigation .current-menu-ancestor > a {
    color: rgba(89,89,89,1)!important;
}

.su-spoiler-icon-plus .su-spoiler-icon:before {
    color: rgba(89,89,89,1)!important;
}

.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
    color: rgba(89,89,89,1)!important;
}

.su-spoiler-title:hover .su-spoiler-icon:before {
    color: rgba(89,89,89,1)!important;
}

#secondary .widget.widget_recent_entries ul li a:hover,
#secondary .widget.widget_nav_menu ul li a:hover {
    color: rgba(89,89,89,1)!important;
}

#colophon {
    border-top: 1px solid rgba(89,89,89,1);
}

.wpcf7-form em {font-size: 0.8rem}
form.wpcf7-form input:focus, form.wpcf7-form textarea:focus, form.wpcf7-form select:focus,
form.wpcf7-form input.wpcf7-not-valid :focus, form.wpcf7-form textarea.wpcf7-not-valid :focus, form.wpcf7-form select.wpcf7-not-valid:focus {
    border-left: 4px solid rgba(89,89,89,1) !important;
}

.wpcf7-form button, .wpcf7-form input[type="button"], .wpcf7-form input[type="submit"] {
    background: #efefef;
    padding: 0.5em 2em!important;
}

form.wpcf7-form input.wpcf7-submit:hover, form.wpcf7-form input.wpcf7-submit:focus {
    border-left: 4px solid rgba(89,89,89,1)!important;
    background: #efefef;
    color: rgba(89,89,89,1)!important;
    padding: 0.5em 2.5em!important;
}

.navigation-top{
    border-bottom: 1px solid rgba(89,89,89,1)!important;
}

.footerlogos{
    border-bottom: 1px solid rgba(89,89,89,1)!important;
}

a.menu-scroll-down .icon, a#scroll-to-top .icon {
    color: rgba(89,89,89,1)!important;
}

/*************************************** Arrows ***************************************/

<!--a.menu-scroll-down .icon, a#scroll-to-top .icon {-->
<!--    color: --><?//=$AccentModena?><!--!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: !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: !important;
	opacity: 1; 
}