.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   ICTNOTARIS.NL — Global CSS override
   Plak dit in Elementor → Site Settings → Custom CSS
   Neutraliseert Hello Elementor / Elementor Pro standaardkleuren
   binnen alle inb- blokken
   ============================================================ */

/* Reset alle links binnen inb-blokken */
[class*="inb-"] a,
[class*="inb-"] a:link,
[class*="inb-"] a:visited {
  color: inherit;
  text-decoration: none;
  outline: none;
}

[class*="inb-"] a:hover,
[class*="inb-"] a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

/* Reset knoppen */
[class*="inb-"] button,
[class*="inb-"] button:hover,
[class*="inb-"] button:focus {
  outline: none;
  box-shadow: none;
}

/* Specifieke knop-overrides */
.inb-btn--primary,
.inb-btn--primary:link,
.inb-btn--primary:visited       { color: #111f1f !important; background: #3efcba !important; }
.inb-btn--primary:hover,
.inb-btn--primary:focus          { color: #111f1f !important; background: #67fdc8 !important; }

.inb-btn--ghost,
.inb-btn--ghost:link,
.inb-btn--ghost:visited          { color: #ffffff !important; }
.inb-btn--ghost:hover,
.inb-btn--ghost:focus            { color: #3efcba !important; }

.inb-btn-xl--solid,
.inb-btn-xl--solid:link,
.inb-btn-xl--solid:visited       { color: #111f1f !important; background: #3efcba !important; }
.inb-btn-xl--solid:hover,
.inb-btn-xl--solid:focus         { color: #111f1f !important; background: #67fdc8 !important; }

.inb-btn-xl--outline,
.inb-btn-xl--outline:link,
.inb-btn-xl--outline:visited     { color: #3efcba !important; }
.inb-btn-xl--outline:hover,
.inb-btn-xl--outline:focus       { color: #3efcba !important; }

.inb-btn-teal,
.inb-btn-teal:link,
.inb-btn-teal:visited            { color: #3efcba !important; background: #1a2b2b !important; }
.inb-btn-teal:hover,
.inb-btn-teal:focus              { color: #111f1f !important; background: #3efcba !important; }

/* Service card CTA links */
.inb-svc-cta,
.inb-svc-cta:link,
.inb-svc-cta:visited             { color: #3efcba !important; }
.inb-svc-cta:hover,
.inb-svc-cta:focus               { color: #67fdc8 !important; }

/* Contact items */
.inb-contact-item,
.inb-contact-item:link,
.inb-contact-item:visited        { color: #a8c4c4 !important; }
.inb-contact-item:hover,
.inb-contact-item:focus          { color: #3efcba !important; }

/* Diensten link */
.inb-diensten__link,
.inb-diensten__link:link,
.inb-diensten__link:visited      { color: #3efcba !important; }
.inb-diensten__link:hover,
.inb-diensten__link:focus        { color: #67fdc8 !important; }

/* CTA footer links */
.inb-cta__links a,
.inb-cta__links a:link,
.inb-cta__links a:visited        { color: #4a6464 !important; }
.inb-cta__links a:hover,
.inb-cta__links a:focus          { color: #3efcba !important; }

.inb-cta__powered a,
.inb-cta__powered a:link,
.inb-cta__powered a:visited      { color: #3efcba !important; }
.inb-cta__powered a:hover,
.inb-cta__powered a:focus        { color: #3efcba !important; text-decoration: underline !important; }

/* Hero logo link */
.inb-hero__logo,
.inb-hero__logo:link,
.inb-hero__logo:visited,
.inb-hero__logo:hover,
.inb-hero__logo:focus            { color: inherit !important; }

/* FAQ accordion knop */
.inb-faq__btn,
.inb-faq__btn:hover,
.inb-faq__btn:focus              { color: #1a2b2b !important; outline: none !important; box-shadow: none !important; }

/* FAQ accordion — voorkomt roze Elementor kleur op active state */
.inb-faq-item__q,
.inb-faq-item__q:hover,
.inb-faq-item__q:focus,
.inb-faq-item__q:active,
.inb-faq-item__q[aria-expanded="true"],
.inb-faq-item__q[aria-expanded="false"] {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.inb-faq-item__q[aria-expanded="true"] {
  color: #3d8c72 !important;
}

/* Burger menu knop — geen roze Elementor hover */
.inb-burger-btn,
.inb-burger-btn:hover,
.inb-burger-btn:focus,
.inb-burger-btn:active {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  color: inherit !important;
}

/* ============================================================
   CONTACT FORM 7 — Stijl passend bij Mr. Blocks / ictnotaris.nl
   ============================================================ */

.wpcf7 {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(62,252,186,.15);
  border-radius: 20px;
  padding: 36px;
  font-family: 'Roboto', 'Segoe UI', sans-serif;
}

.wpcf7 label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #a8bfbf;
  margin-bottom: 6px;
  letter-spacing: .03em;
}

.wpcf7 .wpcf7-form-control-wrap { display: block; width: 100%; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  background: rgba(255,255,255,.05) !important;
  border: 1.5px solid rgba(62,252,186,.2) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 15px !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
  outline: none !important;
  transition: border-color .2s !important;
  box-sizing: border-box;
  caret-color: #3efcba;
}

.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 textarea::placeholder { color: #4a6a6a !important; }

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
  border-color: rgba(62,252,186,.6) !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}

.wpcf7 textarea { min-height: 100px; resize: vertical; }

.wpcf7 input[type="submit"] {
  width: 100%;
  background: #3efcba !important;
  color: #111f1f !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Roboto', 'Segoe UI', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 14px 24px !important;
  cursor: pointer !important;
  transition: all .2s !important;
  margin-top: 4px;
}

.wpcf7 input[type="submit"]:hover {
  background: #67fdc8 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(62,252,186,.25) !important;
}

.wpcf7 .wpcf7-not-valid-tip {
  color: #ff6b6b;
  font-size: 12px;
  margin-top: -12px;
  margin-bottom: 12px;
  display: block;
}

.wpcf7 .wpcf7-response-output {
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  margin-top: 16px !important;
  border: none !important;
}

.wpcf7 .wpcf7-mail-sent-ok {
  background: rgba(62,252,186,.15) !important;
  color: #3efcba !important;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng {
  background: rgba(255,107,107,.1) !important;
  color: #ff6b6b !important;
}

.wpcf7 .ajax-loader { display: none !important; }

/* ============================================================
   CONTACT SECTIE LAYOUT — kolom-padding & formulier header
   ============================================================ */

/* Rechterkolom: zorg dat .wpcf7 volledig de kaartstijl toont */
.wpcf7 form .wpcf7-response-output { margin-top: 12px !important; }

/* Voeg boven het formulier een zichtbare koptekst toe via CSS ::before
   (alleen als je een extra div.inb-cf7-header toevoegt boven de shortcode widget) */
.inb-cf7-header {
  font-family: 'Roboto', 'Segoe UI', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.inb-cf7-sub {
  font-family: 'Roboto', 'Segoe UI', sans-serif;
  color: #7a9e9e;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* ============================================================
   CF7 — Inline labels (label links, input rechts)
   Vereist dat labeltekst in <span> staat in CF7 formulier-editor
   ============================================================ */

/* Elke label wordt een flex-rij */
.wpcf7 label {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

/* Labeltekst: vaste breedte links */
.wpcf7 label > span:first-child {
  min-width: 110px !important;
  flex-shrink: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #a8bfbf !important;
  text-align: right !important;
}

/* Control wrap: vult de rest */
.wpcf7 label .wpcf7-form-control-wrap {
  display: block !important;
  flex: 1 !important;
  width: auto !important;
}

/* Inputs: geen bottom margin meer (label regelt spacing) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  margin-bottom: 0 !important;
  width: 100% !important;
}

/* Verberg <br> tags in formulier */
.wpcf7 br { display: none !important; }

/* Textarea label verticaal bovenaan uitlijnen */
.wpcf7 label:has(textarea) { align-items: flex-start !important; }
.wpcf7 label:has(textarea) > span:first-child { padding-top: 12px !important; }

/* CF7 — Labels verbergen, alleen placeholders tonen */
.wpcf7 label { display: none !important; }
.wpcf7 .wpcf7-form-control-wrap { display: block !important; margin-bottom: 14px; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] { margin-bottom: 0 !important; }

/* CF7 — Formulier omhoog en uitlijning */
.wpcf7 { margin-top: 0 !important; align-self: flex-start; }
.elementor-widget-shortcode { align-self: flex-start !important; }

/* CF7 — Meer ruimte tussen velden */
.wpcf7 .wpcf7-form-control-wrap { margin-bottom: 20px; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] { padding: 16px 18px !important; }
.wpcf7 input[type="submit"] { margin-top: 8px !important; }

/* CF7 — Nog meer ruimte tussen velden */
.wpcf7 .wpcf7-form-control-wrap { margin-bottom: 32px !important; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] { padding: 18px 20px !important; font-size: 16px !important; }/* End custom CSS */