/********* Compiled - Do not edit *********/
:root{--color-primary:#000000;--color-gradient-start:#F42958;--color-gradient-stop:#E4442A;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Roboto;font-weight:400;line-height:1.7em;font-size:1em;color:#000000;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:52px;color:#181b31;}.h2,h2{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:40px;color:#181b31;}.h3,h3{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:32px;color:#181b31;}.h4,h4{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:25px;color:#181b31;}.h5,h5{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:21px;color:#181b31;}.h6,h6{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:18px;color:#181b31;}.titlebar-inner h1{}.titlebar-inner p{}.titlebar-inner{padding-top:200px;padding-bottom:200px;}section.vc_row{units:px;}body {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}






.btn.border-thin {
    border-width: 3px;
}





/* voor language switcher */

#language_selector_float {
    position: fixed;
    left: 10px;
    top: 80%; /* Aangepast naar 80% van de bovenkant van de pagina */
    transform: translateY(-50%);
    z-index: 1000;
    background-color: white; /* Witte achtergrond */
    border-radius: 10px; /* Ronde hoeken */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Lichte box schaduw */
}

#language_selector_float a {
    display: block;
    margin: 5px 10px; /* Aangepast om ruimte binnen de container te creëren */
}










/* ================================
   CF7 – Response output berichten
   ================================ */

.wpcf7 .wpcf7-response-output {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box;
  margin: 16px 0 0 0 !important;
  padding: 14px 16px !important;
  border-radius: 0 !important;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

/* Succes */
.wpcf7 form.sent .wpcf7-response-output {
  border: 1px solid #000 !important;
  background: #f7f3ee !important;
  color: #000 !important;
}

/* Validatiefout (verplichte velden) */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unacceptable .wpcf7-response-output {
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
}

/* Verzendingsfout (server/mail probleem) */
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
}

/* Spam */
.wpcf7 form.spam .wpcf7-response-output {
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
}

/* Verplichte veld indicatoren */
.wpcf7 .wpcf7-not-valid-tip {
  color: #000 !important;
  font-size: 12px !important;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin-top: 4px;
  display: block;
}

/* Verberg standaard, toon alleen bij actieve status */
.wpcf7 .wpcf7-response-output {
  display: none !important;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unacceptable .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
  display: block !important;
}































/* ================================
   Contact Form 7 – Kerst formulier
   ================================ */

/* 1. Basis: alles in het formulier Montserrat + zwart */
.wpcf7 form,
.wpcf7 form input,
.wpcf7 form select,
.wpcf7 form textarea,
.wpcf7 form button {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000;
}

/* 2. Alle CF7 controls: full width + zwarte rand */
.wpcf7 form .wpcf7-form-control {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

/* 3. Tekstvelden & textarea specifiek */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
}

/* 4. Placeholder-tekst zwart */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #000;
  opacity: 1;
}

/* 5. SUBMIT-knop full width, standaard ZWART met WITTE tekst */
.wpcf7 form input.wpcf7-submit,
.wpcf7 form input[type="submit"],
.wpcf7 form button[type="submit"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;   /* zwart */
  color: #fff !important;        /* wit */
  padding: 12px 20px !important;
  text-align: center;
  text-transform: none;
  box-shadow: none !important;
  cursor: pointer;
}

/* Hover-state submit: wit met zwarte tekst */
.wpcf7 form input.wpcf7-submit:hover,
.wpcf7 form input[type="submit"]:hover,
.wpcf7 form button[type="submit"]:hover {
  background: #fff !important;
  color: #000 !important;
}

/* 6. jQuery UI selectmenu (de grijze fake dropdown) STYLEN binnen CF7 */

.wpcf7 .ui-selectmenu-button.ui-button {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
  text-align: left;
  font-weight: 400;
}

/* Tekst binnen de dropdown */
.wpcf7 .ui-selectmenu-button .ui-selectmenu-text {
  color: #000 !important;
  font-weight: 400;
}

/* Hover/focus: niet terug naar grijs laten gaan */
.wpcf7 .ui-selectmenu-button.ui-button:hover,
.wpcf7 .ui-selectmenu-button.ui-button:focus {
  background: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
  outline: none !important;
}

/* Eventuele icon/arrow netjes houden */
.wpcf7 .ui-selectmenu-button .ui-icon {
  /* als hij te donker/licht is kun je hier nog tweaken */
}
























/* ================================
   CF7 – Checkbox group styling
   ================================ */

/* 7. Checkbox container: geen rand, geen inline forcering */
.wpcf7 form .wpcf7-checkbox {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0;
}

/* 8. Elke checkbox-optie als eigen blok */
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 10px 0 !important;
  padding: 12px 14px;
  border: 1px solid #000;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.15s ease;
}

/* Laatste item geen extra marge onderaan */
.wpcf7 .wpcf7-checkbox .wpcf7-list-item:last-child {
  margin-bottom: 0 !important;
}

/* Hover feedback */
.wpcf7 .wpcf7-checkbox .wpcf7-list-item:hover {
  background: #f7f3ee;
}

/* 9. De checkbox input zelf: groter en klikbaar */
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin: 0 12px 0 0 !important;
  flex-shrink: 0;
  accent-color: #000;
  cursor: pointer;
}

/* 10. Label tekst */
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {
  color: #000;
  font-size: 15px;
  line-height: 1.4;
  flex: 1;
}

/* 11. Op desktop: 2 kolommen voor compactere weergave (optioneel) */
@media (min-width: 768px) {
  .wpcf7 form .wpcf7-checkbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
    margin: 0 !important;
  }
}