.elementor-kit-6{--e-global-color-primary:#001028;--e-global-color-secondary:#4B566B;--e-global-color-text:#1D2738;--e-global-color-accent:#F25A0F;--e-global-color-nvorhi:#FF7A2E;--e-global-color-nvortxt:#B83D06;--e-global-color-nvamber:#FDA603;--e-global-color-nvpaper:#F7F4EE;--e-global-color-nvwhite:#FFFFFF;--e-global-color-nvmist:#EEF1F6;--e-global-color-nvline:#E3DDD2;--e-global-color-nvnavym:#A9B3C7;--e-global-color-nvfield:#8A93A6;--e-global-color-nvdeep:#000A1A;--e-global-color-nverr:#B42318;--e-global-color-nvok:#1E7A46;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Instrument Sans";--e-global-typography-secondary-font-size:19px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Instrument Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Instrument Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1em;--e-global-typography-nvdisplay-font-family:"Bricolage Grotesque";--e-global-typography-nvdisplay-font-size:60px;--e-global-typography-nvdisplay-font-weight:700;--e-global-typography-nvdisplay-line-height:1.05em;--e-global-typography-nvdisplay-letter-spacing:-0.02em;--e-global-typography-nvh2-font-family:"Bricolage Grotesque";--e-global-typography-nvh2-font-size:42px;--e-global-typography-nvh2-font-weight:700;--e-global-typography-nvh2-line-height:1.1em;--e-global-typography-nvh2-letter-spacing:-0.015em;--e-global-typography-nvh3-font-family:"Bricolage Grotesque";--e-global-typography-nvh3-font-size:24px;--e-global-typography-nvh3-font-weight:600;--e-global-typography-nvh3-line-height:1.25em;--e-global-typography-nvh4-font-family:"Bricolage Grotesque";--e-global-typography-nvh4-font-size:19px;--e-global-typography-nvh4-font-weight:600;--e-global-typography-nvh4-line-height:1.3em;--e-global-typography-nvlead-font-family:"Instrument Sans";--e-global-typography-nvlead-font-size:20px;--e-global-typography-nvlead-font-weight:400;--e-global-typography-nvlead-line-height:1.55em;--e-global-typography-nvsmall-font-family:"Instrument Sans";--e-global-typography-nvsmall-font-size:15px;--e-global-typography-nvsmall-font-weight:500;--e-global-typography-nvsmall-line-height:1.5em;--e-global-typography-nveyebrow-font-family:"Instrument Sans";--e-global-typography-nveyebrow-font-size:13px;--e-global-typography-nveyebrow-font-weight:600;--e-global-typography-nveyebrow-text-transform:uppercase;--e-global-typography-nveyebrow-line-height:1.3em;--e-global-typography-nveyebrow-letter-spacing:0.12em;background-color:#F7F4EE;color:#1D2738;font-family:"Instrument Sans", Sans-serif;font-size:17px;font-weight:400;line-height:1.65em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#F25A0F;font-family:"Instrument Sans", Sans-serif;font-size:16px;font-weight:600;color:#001028;border-radius:10px 10px 10px 10px;padding:16px 24px 16px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#FF7A2E;color:#001028;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#B83D06;}.elementor-kit-6 a:hover{color:#001028;}.elementor-kit-6 h1{color:#001028;font-family:"Bricolage Grotesque", Sans-serif;font-size:60px;font-weight:700;line-height:1.05em;letter-spacing:-0.02em;}.elementor-kit-6 h2{color:#001028;font-family:"Bricolage Grotesque", Sans-serif;font-size:42px;font-weight:700;line-height:1.1em;letter-spacing:-0.015em;}.elementor-kit-6 h3{color:#001028;font-family:"Bricolage Grotesque", Sans-serif;font-size:24px;font-weight:600;line-height:1.25em;}.elementor-kit-6 h4{color:#001028;font-family:"Bricolage Grotesque", Sans-serif;font-size:19px;font-weight:600;line-height:1.3em;}.elementor-kit-6 h5{color:#001028;}.elementor-kit-6 h6{color:#001028;}.elementor-kit-6 label{color:#1D2738;font-family:"Instrument Sans", Sans-serif;font-size:15px;font-weight:600;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{color:#1D2738;background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#8A93A6;border-radius:10px 10px 10px 10px;padding:14px 16px 14px 16px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{border-style:solid;border-width:2px 2px 2px 2px;border-color:#001028;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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-kit-6{--e-global-typography-text-font-size:17px;--e-global-typography-nvdisplay-font-size:48px;--e-global-typography-nvh2-font-size:36px;--e-global-typography-nvh3-font-size:22px;--e-global-typography-nvh4-font-size:19px;--e-global-typography-nvlead-font-size:19px;--e-global-typography-nvsmall-font-size:15px;font-size:17px;}.elementor-kit-6 h1{font-size:48px;}.elementor-kit-6 h2{font-size:36px;}.elementor-kit-6 h3{font-size:22px;}.elementor-kit-6 h4{font-size:19px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-text-font-size:16px;--e-global-typography-nvdisplay-font-size:38px;--e-global-typography-nvh2-font-size:30px;--e-global-typography-nvh3-font-size:21px;--e-global-typography-nvh4-font-size:18px;--e-global-typography-nvlead-font-size:18px;--e-global-typography-nvsmall-font-size:14px;font-size:16px;}.elementor-kit-6 h1{font-size:38px;}.elementor-kit-6 h2{font-size:30px;}.elementor-kit-6 h3{font-size:21px;}.elementor-kit-6 h4{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}
/* Start custom CSS *//* ===== Novisoft – Site Settings › Custom CSS =====
   Colours, typography and spacing live in the Elementor globals.
   This file only adds what the native controls cannot do. */

/* Self-hosted fonts (no requests to Google; @font: urls are filled in by deploy.php) */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("/wp-content/uploads/novisoft/fonts/bricolage-grotesque-latin.woff2") format("woff2");
  font-weight: 600 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("/wp-content/uploads/novisoft/fonts/instrument-sans-latin.woff2") format("woff2");
  font-weight: 400 600; font-style: normal; font-display: swap;
}

/* Focus ring on every interactive element */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #F25A0F; outline-offset: 3px; border-radius: 4px;
}
.nv-dark :where(a, button, summary):focus-visible { outline-color: #FFFFFF; }
.elementor-field-group .elementor-field:focus { outline: 3px solid #F25A0F; outline-offset: 1px; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important;
  }
  .elementor-invisible { visibility: visible !important; }
}

/* Readable line length */
.nv-prose, .nv-prose p { max-width: 62ch; }
h1, h2, h3, .elementor-heading-title { text-wrap: balance; overflow-wrap: break-word; }
/* Long Dutch compounds get a soft hyphen (U+00AD) in the content, e.g. "Workflow\00ADautomatisering" */

/* Header */
.nv-header.elementor-sticky--effects { box-shadow: 0 1px 0 #E3DDD2; }
.nv-nav .elementor-nav-menu--main .nv-menu-cta { display: none; }
.nv-nav .elementor-nav-menu--dropdown .nv-menu-cta > a {
  margin: 16px 20px; justify-content: center; background: #F25A0F; color: #001028 !important;
  border-radius: 10px; font-weight: 600;
}
.nv-nav .elementor-nav-menu--dropdown a { min-height: 48px; font-size: 18px; }

/* Buttons: arrow nudge */
.nv-btn .elementor-button-icon { transition: transform .15s ease-out; }
.nv-btn .elementor-button:hover .elementor-button-icon { transform: translateX(4px); }
.nv-btn .elementor-button-icon svg { width: 18px; height: 18px; }

/* Bracket motif from the logo's open "O" (::after: Elementor uses ::before for overlays) */
.nv-bracket { position: relative; overflow: visible; }
.nv-bracket::after {
  content: ""; position: absolute; top: -14px; left: -14px; width: 56px; height: 56px; pointer-events: none;
  border-top: 3px solid #F25A0F; border-left: 3px solid #F25A0F; z-index: 1;
}
.nv-bracket--dark::after { top: -28px; left: -28px; border-color: #FF7A2E; }
@media (max-width: 767px) { .nv-bracket--dark::after { top: -20px; left: -8px; width: 40px; height: 40px; } }
.nv-flow .elementor-widget-text-editor p { margin: 0; }
.nv-step .elementor-icon-list-item { white-space: nowrap; }

/* Cards */
.nv-card { transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s; }
.nv-card:hover, .nv-card:focus-within {
  transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,16,40,.08); border-color: rgba(0,16,40,.2) !important;
}
.nv-card--lead:hover { box-shadow: 0 12px 32px rgba(0,16,40,.25); border-color: #001028 !important; }
.nv-card .elementor-heading-title a { color: inherit; }
.nv-card .elementor-heading-title a:hover { text-decoration: underline; text-decoration-color: #F25A0F; }
.nv-need p { margin: 0 0 -8px; font-weight: 600; }
.nv-more { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.nv-more-wrap { margin-top: auto; }
.nv-on-dark a, .nv-dark .nv-more { color: #FF7A2E; }
.nv-dark .elementor-icon-list-item a:hover .elementor-icon-list-text { color: #FF7A2E; }
.nv-card .elementor-icon-list-item a:hover .elementor-icon-list-text { text-decoration: underline; }

/* Example chips in the lead service card */
.nv-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.nv-chips li { border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: 8px 14px; line-height: 1.3; }

/* Why Novisoft */
.nv-proof p { margin: 0; border: 1px dashed #8A93A6; border-radius: 10px; padding: 12px 16px; }
.nv-num { flex: 0 0 44px; }
@media (max-width: 767px) { .nv-num { flex-basis: 32px; } }

/* Process steps: numbered dots and a connecting line on desktop */
.nv-dot .elementor-heading-title {
  width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center;
  background: #001028; color: #FFFFFF; font: 700 18px/1 "Bricolage Grotesque", system-ui, sans-serif;
}
.nv-dot--first .elementor-heading-title { background: #F25A0F; color: #001028; }
@media (min-width: 1025px) {
  .nv-steps { position: relative; }
  .nv-steps::after {
    content: ""; position: absolute; left: 24px; right: 24px; height: 1px; background: #E3DDD2;
    top: calc(var(--padding-top, 32px) + 24px);
  }
  .nv-steps > .e-con { position: relative; z-index: 1; }
}

/* Testimonials */
.nv-quote { position: relative; }
.nv-quote::after { order: -1; content: "\201C"; font: 700 64px/.6 "Bricolage Grotesque", system-ui, sans-serif; color: #F25A0F; height: 28px; }
.nv-qtag { display: inline-block; font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: 999px;
  background: #EEF1F6; color: #001028; text-decoration: none; }
.nv-qtag:hover { background: #001028; color: #FFFFFF; }
.nv-quote .elementor-testimonial-wrapper { text-align: left; }
.nv-quote .elementor-testimonial-meta { border-top: 1px solid #E3DDD2; padding-top: 16px; margin-top: 4px; }

/* FAQ (nested accordion): .elementor-widget-n-accordion.nv-faq beats Elementor's own .elementor-kit-6s */
.elementor-widget-n-accordion.nv-faq .e-n-accordion { gap: 0; }
.elementor-widget-n-accordion.nv-faq .e-n-accordion-item { border-top: 1px solid #E3DDD2; }
.elementor-widget-n-accordion.nv-faq .e-n-accordion-item:last-of-type { border-bottom: 1px solid #E3DDD2; }
.elementor-widget-n-accordion.nv-faq .e-n-accordion-item-title {
  padding: 22px 0; background: transparent; border: 0; border-radius: 0; justify-content: space-between;
}
.elementor-widget-n-accordion.nv-faq .e-n-accordion-item-title-text {
  font: 600 19px/1.35 "Bricolage Grotesque", system-ui, sans-serif; color: #001028;
}
.elementor-widget-n-accordion.nv-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-text { color: #B83D06; }
.elementor-widget-n-accordion.nv-faq .e-n-accordion-item-title-icon { order: 2; color: #001028; }
.elementor-widget-n-accordion.nv-faq .e-n-accordion-item > .e-con { border: 0; padding: 0 48px 24px 0; }
@media (max-width: 767px) {
  .elementor-widget-n-accordion.nv-faq .e-n-accordion-item-title-text { font-size: 18px; }
  .elementor-widget-n-accordion.nv-faq .e-n-accordion-item > .e-con { padding-right: 0; }
}

/* Footer and addresses */
.nv-address { font-style: normal; line-height: 1.9; font-size: 15px; }
.nv-footer .nv-address { color: #A9B3C7; }
.nv-footer a { color: #FFFFFF; text-decoration: none; }
.nv-footer a:hover { color: #FF7A2E; text-decoration: underline; }
.nv-legal { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; }
.nv-next { margin: 0; padding-left: 1.2em; display: grid; gap: 8px; }
.nv-mt { margin-top: 16px; }

/* Breadcrumb */
.nv-crumbs { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.nv-crumbs a { color: #4B566B; }
.nv-crumbs a:hover { color: #B83D06; }
.nv-crumbs [aria-current] { color: #001028; font-weight: 600; }

/* Anchor targets stay clear of the sticky header */
[id] { scroll-margin-top: 96px; }

/* Telephony: feature cards and the caller example */
.nv-feature .elementor-icon { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: #FFF1E8; }
.nv-example p { margin: 0; font-family: "Bricolage Grotesque", system-ui, sans-serif; font-weight: 600; }

/* Legal pages */
.nv-legal-body { max-width: 760px; }
.nv-legal-body ul, .nv-legal-body ol { padding-left: 1.2em; }
.nv-legal-body li { margin-bottom: 6px; }
.nv-notice p { margin: 0; padding: 14px 18px; border-radius: 10px; background: #FFF3D6; color: #5C3B00; max-width: 760px; }
.nv-todo { background: #FFF3D6; color: #7A4B00; padding: 0 4px; border-radius: 3px; font-weight: 600; }

/* Buttons that reopen the cookie banner */
.nv-linkbtn { background: none; border: 0; padding: 0; color: #FFFFFF; font: inherit; cursor: pointer; }
.nv-linkbtn:hover { color: #FF7A2E; text-decoration: underline; }
.nv-btn-outline { background: #FFFFFF; border: 2px solid #001028; color: #001028; border-radius: 10px;
  padding: 12px 20px; min-height: 48px; font: 600 16px/1 "Instrument Sans", system-ui, sans-serif; cursor: pointer; }
.nv-btn-outline:hover { background: #001028; color: #FFFFFF; }

/* Complianz cookie statement: Novisoft publishes no e-mail address, so hide the empty line */
.cmplz-document .cmplz-contact-email, .cmplz-document .cmplz-contact-email + br { display: none; }

/* Hero: workday feed */
.nv-time p { margin: 0; font-variant-numeric: tabular-nums; font-weight: 600; min-width: 3.2em; }
.nv-tag { display: inline-block; white-space: nowrap; font-size: 11px; font-weight: 600; line-height: 1; padding: 4px 8px;
  margin-bottom: 4px; border-radius: 999px; background: #EEF1F6; color: #001028; letter-spacing: .02em; }
/* The stacked icon (18px + padding) is wider than Elementor's widget box; reserve its real size */
.nv-step > .elementor-widget-icon { flex: 0 0 36px; }
.nv-step .elementor-widget-text-editor p { margin: 0; }
.nv-tag-time { display: none; }
@media (max-width: 767px) {
  .nv-tag-time { display: inline; }
  .nv-step { gap: 12px !important; }
}

/* Links inside running text are underlined, not only coloured (WCAG 1.4.1) */
.elementor-widget-text-editor a, .elementor-widget-html a, .cmplz-document a {
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.elementor-widget-text-editor a:hover, .elementor-widget-html a:hover { text-decoration-thickness: 2px; }
.nv-qtag, .nv-footer a { text-decoration: none; }
#content:focus { outline: none; }/* End custom CSS */