/*
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 + text */
div[class^="amazingslider-nav-"] { display: none!important; }
div[class^="amazingslider-text-box-"] {display: none!important; }

/* Slideshow button */
span.wrapper.buttonwrapper {
	background: red; 
	display: block;
	position: relative;
	min-height: 0px;
    padding: 0px 10px;
	height: 0px!important;
}

.headerbutton { 
	position: absolute;
	z-index: 999;
	margin-top: -60px;
}

@media screen and (min-width: 1025px) {
	.headerbutton { margin-top: -130px; }
}

@media screen and (max-width: 820px) {
	span.wrapper.buttonwrapper { padding: 0px 24px; }
	.headerbutton { margin-top: -40px; }
}

@media screen and (max-width: 480px) {
	span.wrapper.buttonwrapper { display: none;}
}

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


/* KLANT OVERRIDES */
#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: transparent;}

/* language fixes*/
#top #language {
  float: left;
  display: inline-block;
  background: transparent;
  height: 36px;
  width: 166px;
  overflow: hidden;
}
#top #language select {
  padding: 5px 5px;
  text-align: left;
  float: left;
  background: #ffffff;
  margin-right: 20px;
  width: 160px!important;
}
#top #language .goog-te-banner-frame { display: none!important; position: absolute!important; }
iframe.skiptranslate { display: none!important; height: 0px!important;}
body { top: 0px!important; }
#top a, #top p a { line-height: 3em;}




@media screen and (min-width: 1025px) {
	#header #menu img { max-width: 400px!important; }
}

@media screen and (max-width: 1024px) {
	#header #menu img { max-width: 340px!important; }
}

@media screen and (min-width: 1100px) {
	#header #menu img { max-width: 450px!important; }
}

@media screen and (max-width: 820px) {

#header #menu img,
#header .is-sticky #menu img {
    margin-top: 10px!important;
    max-width: 250px!important;
	}
	#footer #first.widget-area { width: 50%; }	
	#footer #second.widget-area { width: 50%; }
	#footer #third.widget-area { width: 100%; display: block;}
	#footer #third.widget-area iframe { width: 394px!important; display: block;}
	
	.mean-container a.meanmenu-reveal { background: #00AF1B; }
	
}

@media screen and (max-width: 480px) {
	
	#top #language {
    position: absolute;
    right: 50%;
    top: 40px;
    z-index: 10;
	-ms-transform: translate(50%, 0%); /* IE 9 */
  -webkit-transform: translate(50%, 0%); /* Safari */
  transform: translate(50%, 0%);
	}
	
	#footer #first.widget-area { width: 100%; }	
	#footer #second.widget-area { width: 100%; }
	#footer #third.widget-area { width: 100%; }
	
	ul.ctatabs { z-index: 1000000; }
}

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

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

#footer h3.widget-title {
    background: #2D3E24;
    position: relative;
	padding-bottom: 6px;
}

#tv-widget-iframe { width: 100%; height: 116px; margin-top: -24px; margin-bottom: -4px; }

@media screen and (min-width: 821px) and (max-width: 1024px) {
	#tv-widget-iframe { width: 100%; height: 98px; margin-top: -10px; margin-bottom: 0px; }
}

@media screen and (max-width: 480px) {
	#footer #third.widget-area iframe { width: 100%!important; height: 98px; margin-top: -16px; margin-bottom: 0px; }
}


/* Wie zijn wij - LinkedIn */
.vcard {
	-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;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	box-sizing: border-box; 
	border: 1px solid #EAEAEA;
	padding: 5px;
	max-width: 610px;
	margin: 0 auto;
	margin-bottom: 24px;
	font-size: 0;
	line-height: 0;
}

.vcard:hover { border: 1px solid #c1c1c1; cursor: pointer; }

.vcard .vcard-thumb,
.vcard .vcard-data { 
	display: inline-block; 
	vertical-align: middle;
	box-sizing: border-box; 
	padding: 15px;
}
.vcard .vcard-thumb { width: 30%; }
.vcard .vcard-data { width: 70%; }

.vcard .vcard-thumb img { 
	box-sizing: border-box; 
	max-width: 100%; 
	margin: 0px!important;
	border: 3px solid #ffffff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 6px 0px #c1c1c1;
	box-shadow: 0px 0px 6px 0px #c1c1c1;
}

.vcard:hover .vcard-thumb img {
	-webkit-box-shadow: 0px 0px 6px 0px #9b9b9b;
	box-shadow: 0px 0px 6px 0px #9b9b9b;
}

.vcard .vcard-data .name,
.vcard .vcard-data .text,
.vcard .vcard-data .link {
	display: block;
	box-sizing: border-box;
}

.vcard .vcard-data .name {
    color: #2d3e24;
    font-family: 'Sunflower';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6em;
}

.vcard .vcard-data .text {
    color: #666666;
    font-size: 14px;
    font-style: normal;
    line-height: 1.8em;
}

.vcard .vcard-data .link {
    font-family: 'Sunflower';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8em;
	margin-top: 10px;
}
.vcard .vcard-data .link a { text-decoration: none; }
.vcard .vcard-data .link a:hover, .vcard:hover .vcard-data .link a { text-decoration: underline; }

@media screen and (max-width: 820px) {
	.vcard { margin-bottom: -5px; }
	.vcard .vcard-thumb { width: 40%; }
	.vcard .vcard-data { width: 60%; }
	.vcard .vcard-data .name { font-size: 20px; }
	.vcard .vcard-data .text { font-size: 12px; }
	.vcard .vcard-data .link { font-size: 14px; }
}

@media screen and (max-width: 480px) {
	.vcard .vcard-data { padding: 5px; }
	.vcard .vcard-data .name { white-space: nowrap; margin-left: -90px; margin-top: -20px; margin-bottom: 10px;  }
	.vcard .vcard-thumb img {  margin-top: 30px!important; margin-bottom: -10px!important; }
	.vcard .vcard-data .text { font-size: 11px; }
	.vcard .vcard-data .link { font-size: 13px; }
}