/****************************************************
 
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	
****************************************************/


/* DEFINE BASE COLORS */
:root { 
	--ACprimary: 	#FCA311; /* Main color accent */	/* var(--ACprimary) */
	--ACsecondary:	#666666; /* 2nd color  */		/* var(--ACsecondary) */
}


:root .koelwagens { 
	--ACprimary: 	#3b9fe2; /* Main color accent */	/* var(--ACprimary) */
	--ACsecondary:	#666666; /* 2nd color  */		/* var(--ACsecondary) */
}

	
/* Klant coverrides
-------------------------------------------------------------- */

/* modena fixes */
.occtoplink { display: none;}

#occasionlijstwrapper .occasionlist .gegevens .basics .value,
#occasionlijstwrapper .occasiongrid.max .gegevens .basics .value { font-weight: normal!important; }

#detailpaginawrapper h1, #detailpaginawrapper h2,
#detailpaginawrapper h3, #detailpaginawrapper h4,
#detailpaginawrapper h5, #detailpaginawrapper h6 {  padding: 0 0 0 0; }

#occasionlijstwrapper ul, #occasionlijstwrapper ol,
#detailpaginawrapper ul, #detailpaginawrapper ol { padding-left: 0.5em!important;}

#occasionlijstwrapper button, #occasionlijstwrapper input[type="button"], #occasionlijstwrapper input[type="submit"] ,
#detailpaginawrapper button, #detailpaginawrapper input[type="button"], #detailpaginawrapper input[type="submit"] {
    color: inherit; font-weight: normal;
	}


.topcta a { font-weight: normal!important; }
	
.ac-wrapper.detailpagina #voertuigdetails ol li { font-weight: normal!important; }

.formwrap h4 { text-align: center; }

	
	@media screen and (max-width: 800px) { }		
	@media screen and (max-width: 700px) { }
	@media screen and (max-width: 480px) { }

	#inhoud .wrapper { width: auto; max-width: 940px; }
	
#inhoud #occasionlijstwrapper .occasionlist .foto img, 
#occasionlijstwrapper .occasionlist .foto img {height: auto;}


.ac-wrapper.detailpagina section .row.columns span {
    -webkit-column-break-inside: auto;
    page-break-inside: auto;
    break-inside: auto;
    display: initial;
}

.ac-wrapper .merkmodel h2 { font-family: 'Inter', Helvetica, Arial, sans-serif!important; font-weight: normal!important; }
.ac-wrapper .merkmodel h3 { font-family: 'Inter', Helvetica, Arial, sans-serif!important; font-weight: bold!important; }


@media screen and (max-width: 800px) {
	#filterbutton, #detailpaginabackbutton { margin-bottom: 50px; }
}

@media screen and (max-width: 480px) {
	.topcta a { 
		font-size: 80%!important;
		padding: 5px 6px!important;
	}
		
}


/* fotokader fixes */
	
#occasionlijstwrapper .occasiongrid .merkmodel {
    margin-bottom: 6px;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
	text-shadow: none;
	color: var(--ACsecondary);
}
#occasionlijstwrapper .occasiongrid:hover .merkmodel {
    color: var(--ACsecondary);
}

#occasionlijstwrapper .occasiongrid.max .merkmodel {
    color: #ffffff;
    text-shadow: 0 0 5px #000000;
}

/****************************************************
 
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	
****************************************************/