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






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