/*
Theme Name: Matador - Pro - 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
*/

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

@media screen and (min-width: 821px) {
	#inhoud .gallery-item { flex-basis: 15%; }
}

/* 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 */
 

/* KLANT OVERRIDES *//* KLANT OVERRIDES *//* KLANT OVERRIDES */

@media screen and (min-width: 481px) and (max-width: 820px) {
	body.home .su-column-size-1-4 { max-width: 22%!important; }
}
@media screen and (max-width: 480px) {
	body.home .su-column-size-1-4 { margin-bottom: 20px!important; }
}

strong { font-weight: 400; }
#footer a { font-weight: 400; }

.cff-lightbox-nav, .cff-lightbox-loader, .cff-lightbox-sidebar, .cff-lightbox-dataContainer { background: #000000!important;}
.cff-lightbox-data .cff-lightbox-close, .cff-lightbox-wrapper i.fa, .cff-item i.fa {color: #ffffff!important;}
#cff .cff-love, #cff-lightbox-wrapper .cff-love { background-position: -52px -1px; }
.cff-lightbox-sidebar .cff-lightbox-closeContainer .cff-lightbox-close:hover { color: #ffffff; }

ul.ctatabs { top: 51%; }

@media screen and (max-width: 820px) {
	ul.ctatabs { top: 100%; bottom: 0%; }
}

@media screen and (max-width: 480px) {
	#top a.telefoon { width: 55% }
	#top a.email { width: 40% }
}


a:hover, a:focus, .su-spoiler-title:hover .su-spoiler-icon:before {
    color: #ffffff;
}

#inhoud .wp-caption img { margin-bottom: 0px; }
#inhoud .wp-caption p { margin-top: 0px; font-weight: normal; }


@media only screen and (max-width: 768px) {
.su-row .su-column-size-1-4 {
	margin: 0 0 0 4%!important;
    float: left!important;
	}
.su-row .su-column-size-1-3 {
	margin: 0 0 0 4%!important;
	float: left!important;
	}
}

@media only screen and (max-width: 480px) {
.su-row .su-column-size-1-4 {
	margin-left: 0!important;
	}
.su-row .su-column-size-1-3 {
	margin-left: 0!important;
	}
}


/* BLOG */

#inhoud.berichtenpage { background: #000000; }
#inhoud .blogbar { text-align: left; }
header .entry-meta { margin-top: 0px; display: block; }
header .entry-meta a { text-decoration: none; pointer-events: none; }
header .entry-meta a time { font-style: normal; font-size: 0.9em; }
#inhoud.berichtenpage .navigation { text-align: center; }
#inhoud.berichtenpage .navigation .wp-paginate .title { color: #ffffff; }

/* AUTOCOMMERCE */

#occasionlijstwrapper select {
    width: 290px;
    border: 1px solid #000!important;
    background: #666!important;
    color: #ccc!important;
    margin: 2px;
}

#minizoeker .label select, #minizoeker .label input, #minizoeker select, #minizoeker input[type=button] {
    width: 70%!important;
}

@media screen and (max-width: 480px) {
#minizoeker .label select, #minizoeker .label input, #minizoeker select, #minizoeker input[type=button] {
    width: 100%!important;
	}
}

#mainvisual.visual {
    border-bottom: 1px solid #000000;
}

.pageheader {
	background: url('images/blocks.png');
	background-position: center bottom;
	background-repeat: repeat-x;
	padding-bottom: 40px;
}

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

#footer {
	background: url('images/blocks.png');
	background-position: center bottom;
	background-repeat: repeat-x;
	padding-bottom: 40px;
}

@media screen and (max-width: 480px) {
	body.home .sg-popup-builder-content h4 { 
		text-align: left!important;
		font-size: 18px!important;
    	line-height: 22px!important;
	}
}

/* KLANT OVERRIDES *//* KLANT OVERRIDES *//* KLANT OVERRIDES */

/***** ***** ***** AVDWSCROLLLER ***** ***** *****/

/* = scroller  = */	
#scroller { margin: 20px 1%; }


.jcarousel-wrapper {
    position: relative;
	padding: 0;
	width: 96%;
	clear: both;
	text-align: center;
	font-size: 0;
	margin: 0 auto;
}


/** Carousel **/
.jcarousel {
    position: relative;
    overflow: hidden;
	}

.jcarousel ul {
    width: 100%;
    position: relative;
    margin-left: 0px; 
    padding-left: 0px; 
	white-space: nowrap;
}

	.jcarousel ul li {         
		  margin-left: 0px; 
  		  list-style: none; 
  		  display: inline-block; 
  		  width: 1px;
  		  width: 24.5%;
  		  max-width: 295px!important;
  		  margin: 0% 0.3%;
  		  overflow: hidden;
  		  padding: 2px;
  		  padding-left: 0px;
  		  box-sizing: border-box;
  		  -webkit-transition: all 300ms ease-in-out;
  		  -moz-transition: all 300ms ease-in-out;
  		  -ms-transition: all 300ms ease-in-out;
  		  -o-transition: all 300ms ease-in-out;
  		  transition: all 300ms ease-in-out;
  		  vertical-align: middle;
  		  font-size: 0;
		}

		
.jcarousel ul li:hover {
  margin-top: -4px; 
  margin-bottom: 4px;
  cursor: pointer;
}

	.jcarousel ul li,
	.jcarousel ul li a { 
		text-decoration: none;
		}
		
	#autoscroller a:hover { 
		text-decoration: none;
		}
	
	.jcarousel ul li .avdwfoto {
  		 display: block; 
  		 width: 100%; 
  		 height: auto!important; 
  		 overflow: hidden; 
  		 float: left; 
  		 margin-right: 10px; 
  		 margin-left: 0; 
  		 box-sizing: border-box;
	}
	
	.jcarousel ul li .avdwfoto img {
  		 max-width: 100%!important; 
  		 width: 100%!important;
  		 height: auto!important; 
  		 margin-top: 0px; 
	}
	
	.jcarousel ul li .avdwgegevens {
  		 display: block; 
  		 float: left; 
  		 width: 100%; 
		font-size: 14px;
	}
	
	.jcarousel ul li .avdwmerkmodel {
		display: block; width: 100%; 
		overflow: hidden;  white-space: nowrap; 
		text-overflow: ellipsis; font-size: 14px;
		}
		 
	.jcarousel ul li .avdwmerkmodel strong {
  		 font-size: 1.1em; 
  		 display: block; 
  		 max-width: 100%;
  		 white-space: nowrap; 
  		 overflow: hidden;
  		 text-overflow: ellipsis;
  		 padding: 0px 4px; 
  		 margin-top: 0.5em; 
  		 margin-bottom: 0;
  		 color: #ffffff; 
  		 font-weight: normal;
		}
	
	.jcarousel ul li .avdwuitvoering {
  		 display: block; 
  		 max-width: 100%; 
  		 white-space: nowrap; 
  		 overflow: hidden; 
  		 text-overflow: ellipsis; 
  		 padding: 0px 4px;
		}

.jcarousel ul li .avdwuitvoering em {
  		 font-size: 0.9em; 
  		 line-height: 1.8em; 
  		 font-style: normal;
  		}

	.jcarousel ul li .avdwbouwjaar,
	.jcarousel ul li .avdwkmstand	{
  		 display: none
  		}
	
	
	.jcarousel ul li .detail {
  		 display: none
  		}
	
	.jcarousel ul li .detaildata {
  		 display: none
  		}

	
	.jcarousel ul li .avdwprijs strong {
  		 display: block; 
  		 max-width: 100%; 
  		 white-space: nowrap; 
  		 overflow: hidden; 
  		 text-overflow: ellipsis;
  		 padding: 0px 4px; 
  		 margin-top: 0em; 
  		 margin-bottom: 0;
  		 font-size: 1.2em;
  		}
		
	.jcarousel ul li .avdwprijs em  {
  		 font-style: normal; 
  		}

	.jcarousel ul li .avdwprijs .prijslabel  {
  		 display: none 
  		}

/** Carousel Controls **/
a.jcarousel-control-prev, a.jcarousel-control-next{
    font-size: 0;
    line-height: 0;
	position: relative;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	text-align:center!important;
	width: 35px;
	top: -160px
}

a.jcarousel-control-prev { float: left; margin-left: -45px; }
a.jcarousel-control-next { float: right; margin-right: -42px;}


a.jcarousel-control-prev:before, a.jcarousel-control-next:before {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  opacity: 0.75!important;
  line-height: 0px!important;
  z-index: 500;
  position: relative;
  color: #666666;
}

a.jcarousel-control-prev:hover:before, a.jcarousel-control-next:hover:before {
  opacity: 1!important;
  color: #c30e2e;
 }
 
a.jcarousel-control-prev:before {
  content: '\2329'!important;
  font-size: 3rem!important;
}

a.jcarousel-control-next:before  {
  content: '\232A'!important;
  font-size: 3rem!important;
}

@media screen and (max-width: 820px) {
	.jcarousel ul li { width: 33%; }
	a.jcarousel-control-prev { float: left; margin-left: -50px; }
	a.jcarousel-control-next { float: right; margin-right: -50px;}
}
	
@media screen and (max-width: 480px) {
	.jcarousel ul li { width:50%;  } /* force bigger width for scroll to work */
	body.home .inhoud .jcarousel ul li .avdwmerkmodel strong, body.home #inhoud .jcarousel ul li .avdwmerkmodel strong,
	body #subfooter .jcarousel ul li .avdwmerkmodel strong {font-size: 14px!important; line-height: 16px!important; }
	.jcarousel ul li .avdwuitvoering em { font-size: 12px!important; }
	.jcarousel ul li .avdwprijs strong { font-size: 14px!important; }
	.jcarousel ul li .avdwfoto img { margin-bottom: -6px; }
	a.jcarousel-control-prev { margin-left: -50px; top: -120px;}
	a.jcarousel-control-next { margin-right: -40px; top: -120px;}
}

#carslider h2 { display: none; }