/*
Theme Name: Matador - Business - Child
Theme URI: https://www.autosoft.eu
Template:     Matador
Author: Autosoft - Automotive internet
Author URI: https://www.autosoft.eu/
Description: Matador CHILD Thema, ontworpen en ontwikkeld door Autosoft. Afgeleide van het Autosoft Matador thema voor klantspecifieke aanpassingen.
Version: 1.0
Text Domain: autosoft
*/

body { background: url('https://www.karsdorpautos.nl/site/wp-content/uploads/2026/03/backdrop.jpg') 50% 0% fixed no-repeat; background-size: cover; }
#mainvisual.visual.pageheader {
    clear: both;
    width: 100%;
    max-width: 1100px !important;
    margin-top: 0;
	border-bottom: none;
}

#inhoud { padding: 0 2em 0 2em;}
#inhoud .wrapper {background: #3a3c3d; padding: 2em 2em; border-top: 4px solid #191819;  }

#footer { background: transparent;padding-top: 0; border-top: none;  }
#footer .wrapper {background: #3a3c3d; padding: 2em 2em; border-top: 4px solid #191819; }

/* disable amazingslider nav + text */
div[class^="amazingslider-nav-"] { display: none!important; }
div[class^="amazingslider-text-box-"] {display: none!important; }

div[class^="amazingslider-timer-"] { background-color: #395ba8!important; opacity: 1!important; }

/* show maximum of 4 list items */
ul#autovandeweek li:nth-child(n+5) { display: none!important; }

/* disable personeel click */
#personeelbar a.personeellink  { pointer-events: none; }
#personeelbar .block:hover a.personeellink img { height: 105%!important;}


/* BLACK *//* BLACK *//* BLACK */
body.error404 { background-image: url('images/404backdrop.jpg'); }

#searchform input[type="text"],
#searchform input[type="text"]:focus,
form.wpcf7-form input, form.wpcf7-form textarea, 
form.wpcf7-form select, #minizoeker .label select, 
#minizoeker .label input, #minizoeker select, 
#minizoeker input[type=button] {
  border: 1px solid #000000!important;	
  background: #343434!important;
  color: #efefef!important;
}

#searchform ::placeholder { opacity: 0.8; }
/* BLACK *//* BLACK *//* BLACK */
 

/* menu overrides */
#menu ul a {
    line-height: 20px!important; 
    font-size: 14px!important;
	padding: 10px 16px 9px 16px!important;
	border-radius: 50px!important;
}

#menu li:hover > a, #menu li > a:focus,
#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 {
	background: #000000!important;
}

#menu li.menu-item-has-children a { padding: 10px 26px 9px 16px!important;}
#menu li.menu-item-has-children::after { top: 15px!important; }

#menu ul ul a {
    line-height: 14px!important; 
    font-size: 14px!important;
	border-radius: 0px!important;
}

#menu ul ul a:hover {
    border-left: 3px solid #EE2D25!important;
}


/* KLANT OVERRIDES */

#header #menu img { float: left; }
nav { text-align: right; } 

/* h1, h2, h3, h4, h5, h6 { font-weight: normal!important; }*/

article, body.home article,
body.page-template-page-home article {
  padding: 0 1em 0 1em; 
  position: relative; 
}
	
form.wpcf7-form p {
   	margin-top: 0;
    margin-bottom: 1em;
}

.entry-content li::marker { color: #EE2D25; }
.entry-content strong { color: #ffffff!important; }

.entry-header { background: url('images/title.png') 0% 100% repeat-x; padding-bottom: 4px; margin-bottom: 20px; }

#mainsidebar h3.widget-title { margin-top: 8px!important;}
#mainsidebar .wonderpluginslider img { max-width: none!important; }

@media screen and (min-width: 1025px) {
	.wrapper { max-width: 1100px; }
	#inhoud #mainsidebar { width: 28%; }
	#inhoud #contentsidebar { width: 72%; padding-right: 20px; }
}

/*
#footer #first.widget-area { width: 31%; }
#footer #second.widget-area { width: 23%; }
#footer #second.widget-area img {margin-top: 0; }
#footer #third.widget-area { width: 46%; }
#footer #third.widget-area aside { width: 50%; display: inline-block; }
*/

/*
@media screen and (max-width: 820px) {
	#footer #first.widget-area { width: 28%; }
	#footer #second.widget-area { width: 20%; }
	#footer #third.widget-area { width: 52%; }
}
*/

@media screen and (max-width: 767px) {
	#footer #first.widget-area { width: 100%; }
	#footer #second.widget-area { width: 100%; }
	#footer #third.widget-area { width: 100%; }
	#footer .widget-area aside { width: 100%; display: block; text-align: center; }
	#footer #third.widget-area aside { width: 100%;}
	#footer h3.widget-title, body.home #footer h3.widget-title { width: 100%; display: block; text-align: center!important; }
}

@media screen and (max-width: 480px) {
	#mainvisual.visual div { display: block; }
	header.entry-header { margin-top: -30px; }
	body.home header.entry-header { margin-top: -50px; }
}


@media screen and (min-width: 821px) { ul.ctatabs { top: 60%; } }
@media screen and (min-width: 1601px) { ul.ctatabs { top: 30%; } }

ul.ctatabs li a { background-image: url('images/contacttabs-gray.jpg')!important; background-color: #6c6c6c!important; filter: contrast(2.5); }
ul.ctatabs li a:hover { filter: contrast(4.5); }

ul.ctatabs li.whatsapptab a { 
	background-image: url('https://www.karsdorpautos.nl/site/wp-content/themes/Matador/images/contacttabs.jpg')!important; 
	background-color: #53be18!important; 
	filter: contrast(1);
}


#subfooter { display: none; }


/* ===== ===== ===== AUTOCOMMERCE ===== ===== ===== */
:root {
    --ACbgwrapper: #191919!important;
}

@media screen and (min-width: 1201px) {
    #asac-container.business #ACvehicles .ACvoertuig {
        flex: 0 1 calc(33% - var(--ACgutter));
    }
}
