.elementor-kit-81213{--e-global-color-text:#19002B;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Hind";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#19002B;font-family:"Hind", Sans-serif;font-size:16px;}.elementor-kit-81213 e-page-transition{background-color:#FFBC7D;}.elementor-kit-81213 a{color:#2F2147;text-decoration:none;}.elementor-kit-81213 h1{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-kit-81213 h2{color:#19002B;font-family:"Poppins", Sans-serif;font-size:36px;font-weight:300;}.elementor-kit-81213 h3{font-family:"Poppins", Sans-serif;font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-81213{font-size:16px;}.elementor-kit-81213 h2{font-size:26px;}.elementor-kit-81213 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --hero-bckgr:#281E35; --cta-btn-bckgr:#C32D1E; --bckgr-newsletter:#C32D1E; --footer-txt-copyright:#7f7d81; --DenD-paragraaf-font:Hind; --border-box:#D9D9D9; --DUP_cta-btn-bckgr:#C32D1E; --hl-box-bckgr:#21162f; --DUP_hero-bckgr1:#21162f; --DUP_border-box:#D9D9D9; --DUP_hero-bckgr2:#21162f; }
/* Start custom CSS */.e-search-input-wrapper input::placeholder{color:#B3B3B3!important;padding-left:5px}


input::placeholder{color:#ffffff!important;}

.single-merken input::placeholder{color:#19002b!important;}

.submit-nl {text-transform:none!important;}
button[type="submit"]:not(.btn-custom-typo):not(.btn-inherit) {font-weight:700!important;}

  .cta-btn{z-index:1;}
  
  
 .custom-repeater-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 gelijke kolommen */
    gap: 20px; /* Ruimte tussen de items */
}


/* 1. Zorg dat de container de chips netjes verdeelt */
.elementor-post-info__terms-list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px; /* Dit zorgt voor de afzonderlijke ruimte tussen de blokjes */
}

/* 2. Style de individuele chips die door het script zijn gemaakt */
.custom-chip {
    display: inline-block;
    background-color: #f4efe9;
    color: #333;
    padding: 10px 12px;
    border-radius: 90px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap; /* Zorgt dat een categorienaam niet halverwege afbreekt */
}
.custom-chip-2 {padding: 20px 0px!important;}



.repeater-card {
    background: #fff;
    padding: 15px;
    border: 1px solid #eee;
    text-align: center;
}

.repeater-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.repeater-title {
    margin-top: 10px;
    font-size: 1.1em;
}

/* Mobiele weergave: 1 kolom op telefoons */
@media (max-width: 768px) {
    .custom-repeater-grid {
        grid-template-columns: 1fr;
    }
}

#wpsl-search-input {width:500px!important;}



#wpsl-radius label {margin-left:20px;color:#281E35;}

#wpsl-results label {margin-left:20px;color:#281E35;}

.wpsl-search {background:#!important;padding:0px}

#wpsl-result-list {background:!important;}

.single-wpsl_stores .wpsl-gmap-canvas {display:none;}

.single-wpsl_stores .wpsl-locations-details {display:none!important;}

.wpsl-store-location > *:first-child a  {font-size:28px;color:#19002B;}

.wpsl-checkbox-3-columns label {color::#281E35;;}


.wpsl-input label {color::#281E35;!important;width:120px!important}

#wpsl-wrap #wpsl-result-list li {padding:20px!important;border:none!important;margin-bottom:10px!important;border-radius:6px!important;background-color:#ffffff!important;}

#wpsl-checkbox-filter {width:950px!important}


/* 1. Verwijder de kolom-styling van de lijst en zet ze naast elkaar */
#wpsl-checkbox-filter.wpsl-checkbox-3-columns {
    display: flex;
    flex-wrap: wrap; /* Zorgt dat ze netjes naar de volgende regel gaan */
    gap: 10px;       /* Ruimte tussen de chips */
    list-style: none;
    padding: 0;
    margin: 10px 0px 20px 0px;
}

/* 2. Zorg dat de lijstitems geen extra witruimte of list-style hebben */
#wpsl-checkbox-filter li {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important; /* Overschrijf de '3-columns' breedte */
    display: block;
}

/* 3. Style het label als de chip */
#wpsl-checkbox-filter li label {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    background-color:transparent;
    border: 1px solid #a397b0;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
    white-space: nowrap; /* Voorkom dat tekst afbreekt */
}

#wpsl-checkbox-filter li label:hover {background-color:#21162F; /* Kies hier je gewenste kleur */
    color:#ffffff;
    border-color: #007bff;}

/* 4. Verberg de eigenlijke checkbox */
#wpsl-checkbox-filter li input[type="checkbox"] {
    display: none;
}

/* 5. De 'active' / geselecteerde status met :has() */
#wpsl-checkbox-filter li label:has(input:checked) {
    background-color: #21162F; /* Kies hier je gewenste kleur */
    color:#ffffff;
    border-color: #21162F;
}

/* 6. Optioneel: Hover effect voor interactie */


#wpsl-checkbox-filter li label:has(input:checked):hover {
    background-color: :#281E35;
}


#wpsl-search-btn {width:150px!important;background-color:#C32D1E!important;background-image:none;color:white;border:none!important;border-radius:3px!important;padding:8px;margin-top:8px;font-weight:700;}

#wpsl-stores .wpsl-store-thumb {display:none;}

/* Zorg dat de formulier-container een flex-rij wordt */
.search-filter-container, 
form.wp-block-search { /* Vervang dit door de exacte class of ID van je formulier-container */
    display: flex;
    flex-direction: row;
    align-items: flex-end; /* Lijnt de knop netjes uit met de onderkant van de inputvelden */
    gap: 15px; /* Ruimte tussen de filters en de zoekknop */
    flex-wrap: wrap; /* Zorgt voor een nette overloop op mobiele schermen */
}

/* Optioneel: Zorg dat de zoekknop niet onnodig breed wordt */
form.wp-block-search button,
form.wp-block-search input[type="submit"] {
    align-self: flex-end;
    margin-top: 0;
    white-space: nowrap; /* Voorkomt dat de tekst in de knop afbreekt */
}


.wpsl-store-location a:first-of-type {
    text-decoration: none!important;
}

.wpsl-contact-details a {text-decoration:underline!important;}

@media (max-width: 768px) {
    
    #wpsl-search-input {width:100%!important;}
    
    #wpsl-radius label {margin-left:0px;color:white}
    
    
    /* 1. Hoofdcontainers flexibel maken */
    .wpsl-search,
    #wpsl-search-wrap,
    .search-filter-container {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        gap: 15px !important;
        width: 100% !important;
    }

    /* 2. Reguliere invoervelden en dropdowns */
    .wpsl-search div,
    .wpsl-input,
    .wpsl-select {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    /* 3. BELANGRIJK: Overschrijf de 950px breedte van de checkbox container */
    #wpsl-checkbox-filter {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important; /* Zorgt dat chips netjes doorlopen op de volgende regel */
        gap: 10px !important;
        margin: 10px 0 20px 0 !important;
    }

    /* 4. Zorg dat de list items en labels op mobiel flexibel blijven als chips */
    #wpsl-checkbox-filter li {
        width: auto !important;
        display: block !important;
    }

    #wpsl-checkbox-filter li label {
        display: inline-flex !important;
        width: auto !important; /* Voorkomt dat de chip de hele breedte pakt */
        white-space: nowrap !important;
    }

    /* 5. Zoekknop over de volledige breedte */
    .wpsl-search button,
    #wpsl-search-btn {
        width: 100% !important;
        margin-top: 10px !important;
    }
}









.wpsl-custom-dealer-btn {
    display: inline-block !important;
    background-color: #C32D1E !important; /* D&D Audio Goud/Bruin */
    color: #ffffff !important;
    padding: 10px 20px !important;
    margin-bottom: 10px;
    text-decoration: none !important;
    border-radius: 3px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    transition: background 0.2s ease !important;
    text-align: center;
}

.wpsl-custom-dealer-btn:hover {
    background-color: #C32D1E !important; /* Wordt zwart bij hover */
    color: #ffffff !important;
}


  .mobile-phone a {color:white;}
  .maillink a {color:white!important;font-weight:400!important}
  
 p a {text-decoration:underline!important;color:#2F223E!important;font-weight:600!important}/* End custom CSS */