/*
Theme Name: Ilse Homan
Description: Zelfstandig WordPress-thema met de oorspronkelijke Ilse Homan vormgeving en lokale bestanden.
Version: 1.2.3
Requires PHP: 7.4
Text Domain: ilse-homan
*/
html { scroll-behavior: smooth; }
body { margin: 0; }
.ilse-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; }
.ilse-form-notice { padding: 16px; margin-bottom: 20px; background: #e2f3f5; color: #121216; border-left: 4px solid #85c0ce; }
.w-dropdown:hover > .w-dropdown-list, .w-dropdown:focus-within > .w-dropdown-list, .w-dropdown.ilse-open > .w-dropdown-list { display: block; }
.ilse-menu-toggle { display: none; }
.navigation-line { opacity: 0; transition: opacity .2s; }
.navigation-link:hover .navigation-line, .navigation-link:focus-visible .navigation-line, .navigation-link.w--current .navigation-line { opacity: 1; }
@media (max-width: 991px) {
  .container-nav.flex { position: relative; }
  .ilse-menu-toggle { display: inline-flex; align-items: center; justify-content: center; background: transparent; color: #fff; border: 1px solid #6b6b70; border-radius: 3px; width: 40px; height: 40px; padding: 6px; cursor: pointer; margin-left: auto; margin-right: 12px; }
  .menu-flex.ilse-mobile-open { display: block; position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; background: #121216; padding: 12px 20px 20px; }
  .menu-flex.ilse-mobile-open .nav-menu { display: flex !important; position: static; flex-direction: column; align-items: stretch; float: none; width: 100%; background: transparent; padding: 0; }
  .menu-flex.ilse-mobile-open { margin: 0; max-height: calc(100vh - 110px); overflow-y: auto; }
  .menu-flex.ilse-mobile-open .navigation-link { display: block; margin: 0; padding: 12px 8px; }
  .menu-flex.ilse-mobile-open .w-dropdown { margin: 0; width: 100%; }
  .menu-flex.ilse-mobile-open .dropdown-list { position: static; }
}
@media (max-width: 479px) {
  .container-nav.flex { padding-left: 16px; padding-right: 16px; }
  .right-flex .button-primary.whiter { padding: 14px 13px; font-size: 14px; }
  .logo-image { max-width: 90px; }
  .ilse-menu-toggle { width: 36px; height: 36px; margin-right: 8px; }
}
@media (max-width: 359px) {
  .hero.sub > .container { min-width: 0; width: 100%; }
  .hero.sub .display-1 { font-size: 28px; line-height: 1.15; overflow-wrap: anywhere; }
  .breadcrumb { max-width: calc(100% - 30px); padding-left: 15px; padding-right: 15px; gap: 5px; flex-wrap: wrap; justify-content: center; }
  .breadcrumb-title { min-width: 0; font-size: 12px; overflow-wrap: normal; flex: 0 0 auto; }
  .breadcrumb-title:last-child { flex: 0 1 auto; max-width: 100%; }
  .breadcrumb-arrow { flex: 0 0 7px; }
  .container-nav.flex { padding-left: 8px; padding-right: 8px; }
  .logo-image { width: 75px; }
  .right-flex .button-primary.whiter { white-space: nowrap; font-size: 12px; padding-left: 10px; padding-right: 10px; }
}
.w-checkbox-input--inputType-custom { pointer-events: none; }
.w-checkbox:has(input:checked) .w-checkbox-input--inputType-custom { background-color: #85c0ce; border-color: #85c0ce; }
.w-checkbox input[type="checkbox"] { position: static !important; z-index: auto !important; width: 18px; height: 18px; margin-right: 8px; accent-color: #85c0ce; }
.w-checkbox:has(.w-checkbox-input--inputType-custom) input[type="checkbox"] { position: absolute !important; opacity: 0; inset: 0 auto auto 0; width: 20px; height: 20px; }
.ilse-consent { font-size: 14px; margin: 12px 0 20px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [role="button"]:focus-visible { outline: 3px solid #85c0ce; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }