/* Autodealers.nl CSS voor de dealerwebsite */
@import url('//svl.autodealers.nl/css/responsive2/bootstrap.min.css');
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.min.css');
@import url('//svl.autodealers.nl/css/responsive2/style.min.css');
/* Gallery weergave */
/* Style voor de nummering linksboven */

@import url('https://fonts.googleapis.com/css2?family=Khand:wght@400;600;700&display=swap');

body {
    font-family: 'Khand', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
}

body#body {
  background:#2D3C4C;
}

a.btn.btn-primary {
    background: #EDA566;
}
a.btn-primary, span.btn-primary, button.btn-primary {
    background: #EDA566;
    border-color: #EDA566;
    color: #2D3C4C;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px;
}

#body.autolijst_background .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { 
     color: #2D3C4C;
     background-color: #f5f5f5;
     border-color: #ddd;
}

#body.autolijst_background .pagination>li>a, .pagination>li>span {
     color: #000;
     text-decoration: none;
     background-color: #f5f5f5;
}

#body.autolijst_background .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
     color: #fff;
     background-color: #EDA566;
     border-color: #2e6da4;
}

/* Bekijk occasion button */ 
#body.autolijst_background .gallery-view .btn-primary {
     color: #2D3C4C;
     background-color: #EDA566;
     
}

#body.autolijst_background .gallery-view .btn-primary:hover {
     color: ;
     background-color: #f5f5f5;
     border-color: #f5f5f5;
}



#body.autolijst_background .gallery-view .glyphicon {
     color:#EDA566;
}

/* Lijstweergave */

.btn-social.btn-sm {
  color:#fff;
}

#body.autolijst_background .auto-detail-page {
  color:#fff;
}

#body.autolijst_background a.btn.btn-primary.btn-list {
     background: #EDA566;
     color: #fff;
     border-color: #2e6da4;
}

#body.autolijst_background .block.title {
     color: #EDA566;
}

/* Style voor detailpagina */
#body.autolijst_background .col-xs-12.auto-detail-page .xs-center-block.sm-center-block .title {
     color: #EDA566;
}

#body.autolijst_background h2, #body.autolijst_background h3 {
    color: #fff;
}

/* Style voor de button met telefoonnummers */
#body.autolijst_background .btn.btn-primary.btn-lg.btn-block-company {
   color: #2D3C4C;
     background-color: #EDA566;
/* Wanneer er meerdere telefoonnummers getoond worden: 
margin-bottom: 10px;
*/ }

#body.autolijst_background .btn.btn-primary.btn-lg.btn-block-company:hover {
   color: #2D3C4C;
     background-color: #fff;
  border-color:#fff;
/* Wanneer er meerdere telefoonnummers getoond worden: 
margin-bottom: 10px;
*/ }



/* Meer button achter het merk */
#body.autolijst_background .label.label-primary {
     color: #fff;
     background-color: #EDA566;
}

#body.autolijst_background .label-primary[href]:hover, .label-primary[href]:focus {
     background-color: #EDA566;
}
#body.autolijst_background a.label:hover, a.label:focus {
     color: #fff;
     text-decoration: none;
}

/* Financierenlink */
#body.autolijst_background .col-sm-12.col-md-5.data-list.auto-attributen [data-section="financieren"] a {
     color: #EDA566;
}

/* Verzekeren link */
#body.autolijst_background .col-sm-12.col-md-5.data-list.auto-attributen [data-section="verzekeren"] a {
     color: #EDA566;
}

/* Meer specificaties button */
#body.autolijst_background .data-list.auto-attributen .btn.btn-primary {
     background: #EDA566;
     border-color: #2e6da4;
     color: #fff;
}
@media(max-width:767px) {
     #body.autolijst_background .data-list.auto-attributen .row .col-xs-12.data-list-item-label {
           padding-left: 15px;
     }
}

/* Meer opties */
#body.autolijst_background .responsive-controls .btn.btn-primary {
     background: #EDA566;
     border-color: #2e6da4;
     color: #fff;
}

/* Toon disclaimer button */
#body.autolijst_background .auto-toon-disclaimer .btn.btn-primary {
     background: #EDA566;
     border-color: #2e6da4;
     color: #fff;
}

/* Telefoon en Mobiel nummer onderin de detailpagina */
#body.autolijst_background .row.nav-bar.margin-bottom-md .telefoon {
     color: #EDA566;
}
#body.autolijst_background .row.nav-bar.margin-bottom-md .mob {
     color: #EDA566;
}
#body.autolijst_background .row.nav-bar.margin-bottom-md a {
     color: #EDA566;
}

/* Background voor de financieringscalculator */ 
#body.autolijst_background .row.financiering { 
background: #f5f5f5 !important; 
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #EDA566;
    font-weight: bold;
  transition: ease-in-out all 0.3s;}

#body.autolijst_background .gallery-view .glyphicon {
    color: #EDA566;
}

a.btn.btn-primary {
    background: #EDA566;
}
a.btn-primary, span.btn-primary, button.btn-primary {
    background: #EDA566;
    border-color: #EDA566;
    color: #2D3C4C;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px;
}
a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #EDA566;
    font-weight: bold;
    transition: ease-in-out all 0.3s;
}

.well {
 color: #000
}

h2 {
  color: #fff;
}

.nav-bar {
  color: #000;
}

#body.autolijst_background .detail-view, #body.autolijst_background .row.auto-opmerkingen h3, .autotrust-item h3 {
  color: #fff;
}

#body.autolijst_background .detail-view .modal-dialog {
  color: #000;
}

.beoordeling .rand {
    border-color: #fff;
}


#body.autolijst_background, html #body.autolijst_background .auto-detail-page contact-adres, html #body.autolijst_background .list-view, html #body.autolijst_background .gallery-view, html #body.autolijst_background .row.auto-specificaties, html #body.autolijst_background .row.auto-opties, html #body.autolijst_background .row.auto-opmerkingen h3, html #body.autolijst_background label,  #body.autolijst_background .financiering>div, html #body.autolijst_background h3  {
    color: #000;
}

 html #body.autolijst_background .data-item-label {
color:#fff !important;
}