/* ========================================================================== Adlår — custom CSS (opgeschoond) Kleuren via kit-globals (var(--e-global-color-*)). Element-id-selectors veranderen bij herbouw van dat element — werk de selector dan bij. ========================================================================== */ /* ---- Globaal ---- */ .elementor-button { font-size: clamp(14px, 1.3vw, 16px); padding-left: clamp(15px, 2.6vw, 20px); padding-right: clamp(15px, 2.6vw, 20px); } a[href^="tel:"] { color: inherit !important; font-weight: inherit !important; text-decoration: none !important; } .elementor-widget-text-editor a { text-decoration: underline; } .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* ---- Over ons: feature-kolommen ---- */ .col-feat { flex: 1 1 40%; min-width: var(--col-min-feat) !important; } /* ---- Portret-media (526x680) ---- */ .video-portrait .elementor-wrapper { aspect-ratio: 526 / 680 !important; padding-bottom: 0 !important; height: auto !important; border-radius: var(--radius-l); overflow: hidden; } .img-portrait img { width: 100%; aspect-ratio: 526 / 680; object-fit: cover; display: block; border-radius: var(--radius-m) !important; } /* ---- Proces-carrousel ---- */ /*.step-tag { align-self: flex-start !important; background: var(--e-global-color-adlarlight); padding: 5px 12px; border-radius: var(--radius-s); line-height: 18px; } .step-tag p { margin: 0; font-weight: 600 !important; }*/ .proces-carousel .swiper-slide img { aspect-ratio: 383 / 480; object-fit: cover; width: 100%; border-radius: var(--radius-m); } /*.proces-carousel .swiper-pagination { display: none !important; }*/ .proces-carousel .swiper { padding-top: 72px; } .proces-carousel .elementor-swiper-button { top: 0 !important; bottom: auto !important; transform: none !important; width: 40px; height: 40px; border-radius: 50%; background-color: var(--e-global-color-adlarlight) !important; margin: 0 !important; } .proces-carousel .elementor-swiper-button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 17px; margin: -8.5px 0 0 -9px; background: url(https://adlar.pasrv.nl/wp-content/uploads/adlar-arrow.svg) no-repeat center; background-size: 18px 17px; } .proces-carousel .elementor-swiper-button i, .proces-carousel .elementor-swiper-button svg { display: none !important; } .proces-carousel .elementor-swiper-button-prev { left: auto !important; right: 52px !important; transform: scaleX(-1) !important; } .proces-carousel .elementor-swiper-button-next { left: auto !important; right: 0 !important; } /* ---- iPhone safe-area (landscape) ---- */ /* .e-con.e-parent { padding-left: max(var(--pad-x, var(--space-x)), env(safe-area-inset-left)) !important; padding-right: max(var(--pad-x, var(--space-x)), env(safe-area-inset-right)) !important; } */ /* ========================================================================== HEADER (ongewijzigd qua werking; kleuren -> globals) ========================================================================== */ .elementor-location-header { position: relative; z-index: 99; } .elementor-location-header .elementor-nav-menu--dropdown { z-index: 99; } /* Dropdowns donker + hover alleen kleur */ .elementor-location-header .elementor-nav-menu--dropdown { background-color: var(--e-global-color-adlardark) !important; } .elementor-location-header .elementor-nav-menu--dropdown a { color: var(--e-global-color-adlarwhite); } .elementor-location-header .main-nav .elementor-nav-menu--dropdown a:hover, .elementor-location-header .elementor-nav-menu--dropdown a:hover, .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item-active { color: var(--e-global-color-primary); background-color: transparent !important; } /* Mega-menu: volle-breedte horizontale dropdown */ .elementor-location-header .e-con.e-parent { position: relative; } .elementor-location-header .e-con.e-parent > .e-con-inner { position: static; } .elementor-location-header .main-nav, .elementor-location-header .main-nav > .elementor-widget-container, .elementor-location-header .main-nav .elementor-nav-menu, .elementor-location-header .main-nav .menu-item { position: static !important; } .elementor-location-header .main-nav .elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center; align-items: center; column-gap: var(--space-xl); background-color: var(--e-global-color-adlardark) !important; padding: 12px var(--space-x) !important; border: 0 !important; } .elementor-location-header .main-nav .menu-item-has-children:hover > .elementor-nav-menu--dropdown, .elementor-location-header .main-nav .menu-item-has-children:focus-within > .elementor-nav-menu--dropdown { display: flex !important; } .elementor-location-header .main-nav .elementor-nav-menu--dropdown .menu-item { width: auto !important; } .elementor-location-header .main-nav .elementor-nav-menu--dropdown .elementor-sub-item { padding: 8px 0 !important; white-space: nowrap; border: 0 !important; } /* Hover-brug + chevron (volle-breedte) */ .elementor-location-header .main-nav .elementor-nav-menu > .menu-item-has-children > a.elementor-item { display: flex; align-items: center; } .elementor-location-header .main-nav .elementor-nav-menu--dropdown::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 16px; } .elementor-location-header .main-nav .elementor-item .sub-arrow { display: none !important; } .elementor-location-header .main-nav .elementor-nav-menu > .menu-item-has-children > a.elementor-item::after { content: ""; display: inline-block !important; width: 11px; height: 7px; margin-left: 8px !important; flex: 0 0 auto; position: static !important; opacity: 1 !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; transform: none !important; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5.5%204.875L9.4375%200.9375L10.5%202L5.5%207L0.5%202L1.5625%200.9375L5.5%204.875Z'%20fill='white'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 11px 7px !important; } /* NL-vlag voor taalmenu-item */ .elementor-location-header .e-con.e-parent > .e-con-inner > .e-con .elementor-nav-menu > .menu-item > a::before { content: "" !important; display: inline-block !important; width: 22px !important; height: 15px !important; margin-right: 8px !important; vertical-align: middle !important; border-radius: 2px !important; position: static !important; opacity: 1 !important; background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%209%206'%3E%3Crect%20width='9'%20height='6'%20fill='%2321468B'/%3E%3Crect%20width='9'%20height='4'%20fill='%23ffffff'/%3E%3Crect%20width='9'%20height='2'%20fill='%23AE1C28'/%3E%3C/svg%3E") no-repeat center !important; background-size: cover !important; } /* CTA Gratis brochure: compact 5x12 + gele hover + gradient-overlay */ .elementor-location-header .elementor-widget-button { display: flex; align-items: center; } .elementor-location-header .elementor-widget-button .elementor-button { padding: 5px 12px !important; border-radius: 0 !important; position: relative; overflow: hidden; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1.2 !important; transition: background-color .2s ease, color .2s ease !important; } .elementor-location-header .elementor-widget-button .elementor-button, .elementor-location-header .elementor-widget-button .elementor-button .elementor-button-text { font-size: 16px !important; } .elementor-location-header .elementor-widget-button .elementor-button::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); transform: translateY(100%); transition: transform .3s ease; pointer-events: none; } .elementor-location-header .elementor-widget-button .elementor-button:hover::before { transform: translateY(0); } .elementor-location-header .elementor-widget-button .elementor-button:hover { background-color: var(--e-global-color-primary) !important; } .elementor-location-header .elementor-widget-button .elementor-button:hover, .elementor-location-header .elementor-widget-button .elementor-button:hover .elementor-button-text { color: var(--e-global-color-secondary) !important; } /* ========================================================================== FLOATING BAR (gele actiebalk) ========================================================================== */ .e-floating-bars.e-floating-bars { min-height: 47px !important; align-items: center !important; column-gap: 0 !important; gap: 0 !important; padding-left: max(var(--space-x), calc((100% - var(--container-max, 1280px)) / 2)) !important; padding-right: max(var(--space-x), calc((100% - var(--container-max, 1280px)) / 2)) !important; } .e-floating-bars [class*="announcement-icon"] { display: none !important; } .e-floating-bars .e-floating-bars__close-button { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; right: max(var(--space-x), calc((100% - var(--container-max, 1280px)) / 2)) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 20px 20px !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8.4%2017L12%2013.4L15.6%2017L17%2015.6L13.4%2012L17%208.4L15.6%207L12%2010.6L8.4%207L7%208.4L10.6%2012L7%2015.6L8.4%2017ZM12%2022C10.6167%2022%209.31667%2021.7375%208.1%2021.2125C6.88333%2020.6875%205.825%2019.975%204.925%2019.075C4.025%2018.175%203.3125%2017.1167%202.7875%2015.9C2.2625%2014.6833%202%2013.3833%202%2012C2%2010.6167%202.2625%209.31667%202.7875%208.1C3.3125%206.88333%204.025%205.825%204.925%204.925C5.825%204.025%206.88333%203.3125%208.1%202.7875C9.31667%202.2625%2010.6167%202%2012%202C13.3833%202%2014.6833%202.2625%2015.9%202.7875C17.1167%203.3125%2018.175%204.025%2019.075%204.925C19.975%205.825%2020.6875%206.88333%2021.2125%208.1C21.7375%209.31667%2022%2010.6167%2022%2012C22%2013.3833%2021.7375%2014.6833%2021.2125%2015.9C20.6875%2017.1167%2019.975%2018.175%2019.075%2019.075C18.175%2019.975%2017.1167%2020.6875%2015.9%2021.2125C14.6833%2021.7375%2013.3833%2022%2012%2022ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z'%20fill='%23040404'/%3E%3C/svg%3E") !important; } .e-floating-bars .e-floating-bars__close-button i::before { content: "" !important; } /* ========================================================================== RESPONSIVE - tablet & mobiel (max 1024px, burgermenu) ========================================================================== */ @media (max-width: 1024px) { /* CTA verbergen */ .elementor-location-header .elementor-widget-button { display: none !important; } /* Header op een rij: logo links, NL + burger gegroepeerd rechts */ .elementor-location-header .e-con.e-parent { min-height: 54px !important; } .elementor-location-header .e-con.e-parent > .e-con-inner { flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; column-gap: 10px !important; } .elementor-location-header .e-con.e-parent > .e-con-inner > .elementor-widget-image { order: 0 !important; margin-right: 0 !important; flex: 0 0 auto !important; } .elementor-location-header .e-con.e-parent > .e-con-inner > .e-con { order: 1 !important; flex: 0 0 auto !important; width: auto !important; align-items: center !important; padding: 0 !important; gap: 0 !important; justify-content: flex-end !important; margin-left: auto !important; } .elementor-location-header .main-nav { order: 2 !important; flex: 0 0 auto !important; margin-left: 0 !important; } /* Taalmenu inline (geen eigen burger) + verticaal gecentreerd, smal */ .elementor-location-header .e-con.e-parent > .e-con-inner > .e-con .elementor-menu-toggle { display: none !important; } .elementor-location-header .e-con.e-parent > .e-con-inner > .e-con .elementor-widget-nav-menu { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-end !important; width: max-content !important; flex: 0 0 auto !important; } .elementor-location-header .e-con.e-parent > .e-con-inner > .e-con .elementor-nav-menu--main { display: flex !important; } .elementor-location-header .e-con.e-parent > .e-con-inner > .e-con .elementor-nav-menu { margin: 0 !important; } .elementor-location-header .e-con.e-parent > .e-con-inner > .e-con .elementor-nav-menu > .menu-item > a { padding-top: 0 !important; padding-bottom: 0 !important; } .elementor-location-header .e-con.e-parent > .e-con-inner > .e-con .elementor-nav-menu--dropdown { position: absolute !important; } /* Hoofdmenu burger-dropdown verticaal (mega-menu uit) */ .elementor-location-header .main-nav .elementor-nav-menu--dropdown { flex-direction: column !important; column-gap: 0 !important; justify-content: flex-start !important; align-items: stretch !important; } .elementor-location-header .main-nav .elementor-nav-menu--dropdown::before { content: none !important; } .elementor-location-header .main-nav .elementor-nav-menu--dropdown .menu-item { width: 100% !important; } .elementor-location-header .main-nav .elementor-nav-menu--dropdown .elementor-sub-item { padding: 10px 20px !important; } /* Hamburger = 2 lijnen (zoals origineel), wordt kruis bij openen */ .elementor-location-header .main-nav .elementor-menu-toggle { position: relative !important; width: 24px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; } .elementor-location-header .main-nav .elementor-menu-toggle svg { display: none !important; } .elementor-location-header .main-nav .elementor-menu-toggle::before, .elementor-location-header .main-nav .elementor-menu-toggle::after { content: ""; position: absolute; left: 4px; width: 16px; height: 2px; background-color: var(--e-global-color-adlarwhite); transition: transform .25s ease, top .25s ease; } .elementor-location-header .main-nav .elementor-menu-toggle::before { top: 8px; } .elementor-location-header .main-nav .elementor-menu-toggle::after { top: 14px; } .elementor-location-header .main-nav .elementor-menu-toggle[aria-expanded="true"]::before { top: 11px; transform: rotate(45deg); } .elementor-location-header .main-nav .elementor-menu-toggle[aria-expanded="true"]::after { top: 11px; transform: rotate(-45deg); } /* Gele balk compacter */ .e-floating-bars.e-floating-bars-var-1 { min-height: 0 !important; padding-top: 8px !important; padding-bottom: 8px !important; } .e-floating-bars-var-1 .e-floating-bars__announcement-text { font-size: 14px !important; line-height: 1.4 !important; } } /* ========================================================================== FOOTER ========================================================================== */ /* Nieuwsbrief: Form-widget heeft geen native padding-control voor knop/veld */ .elementor-location-footer .elementor-element-1958de7 .elementor-button { padding: 6px 10px; } .elementor-location-footer .elementor-element-1958de7 .elementor-field-textual { padding: 8px 12px; } /* Full-bleed hero (overschrijft safe-area zijpadding) */ .elementor-element-54e60a0.e-con.e-parent{padding-left:0 !important;padding-right:0 !important;} /* Contact-kaart oranje / geel verloop-lijn (zoals origineel) */ .adlar-contact-line{position:relative;} .adlar-contact-line::after{content:"";position:absolute;left:10px;right:10px;top:100%;height:4px;border-radius:0px 0px var(--radius-pill) var(--radius-pill);background:radial-gradient(72.78% 334.82% at 72.78% 38.06%, #FF7A34 0%, rgba(254,181,86,.8) 51.5%, rgba(255,201,136,.7) 100%);} .adlar-contact-line-yellow::after{content:"";position:absolute;left:50%; transform:translateX(-50%); top:100%;height:14px;border-radius:0px 0px var(--radius-pill) var(--radius-pill); background-image: linear-gradient(135deg, #E8E000 0%, #FBF49B 100%); width: calc(100% - var(--space-m) * 2);} /* ADLAR BLOG START */ .adlar-tags .elementor-heading-title{display:flex;flex-wrap:wrap;gap:8px;line-height:1} .adlar-tags .elementor-heading-title a{background:#fff;color:var(--e-global-color-secondary);font-family:"Inter",sans-serif;font-size:12px;font-weight:600;line-height:1.6;padding:6px 12px;border-radius:8px;text-decoration:none} .adlar-tags-dark .elementor-heading-title a{background:#EEF2F2;color:var(--e-global-color-secondary);font-family:"Inter",sans-serif;font-size:12px;font-weight:600;line-height:1.6;padding:6px 12px;border-radius:8px;text-decoration:none} .adlar-hero-img{position:relative;line-height:0;display:block} .adlar-hero-img img{display:block;width:100%;height:auto} .adlar-post-content h2{font-family:"Poppins",sans-serif;font-size:clamp(30px,3.6vw,48px);font-weight:600;line-height:1.1;margin:0 0 24px} .adlar-post-content h3{font-family:"Poppins",sans-serif;font-size:clamp(28px,3.1vw,42px);font-weight:600;line-height:1.1;margin:0 0 21px} .adlar-post-content h4{font-family:"Poppins",sans-serif;font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.1;margin:0 0 12px} .adlar-post-content h2:not(:first-child),.adlar-post-content h3:not(:first-child),.adlar-post-content h4:not(:first-child){margin-top:var(--space-l)} .adlar-post-content img{border-radius:12px;height:auto;max-width:100%;margin:var(--space-s) 0} .adlar-post-content a{color:var(--e-global-color-secondary);text-decoration:none} .adlar-post-content ul,.adlar-post-content ol{margin:0 0 16px;padding-left:1.2em} .adlar-related-grid{display:flex;flex-wrap:wrap;gap:32px} .adlar-rcard{flex:0 0 407px;max-width:407px;text-decoration:none;color:var(--e-global-color-secondary)} .adlar-rcard-img{display:block;width:100%;aspect-ratio:407/240;background-size:cover;background-position:center;border-radius:var(--radius-m);margin-bottom:16px} .adlar-rcard-title{font-family:"Poppins",sans-serif;font-size:21px;font-weight:600;line-height:1.1;margin:0 0 10px} .adlar-rcard-exc{font-family:"Inter",sans-serif;font-size:16px;line-height:1.5;color:var(--e-global-color-secondary);margin:0 0 14px} .adlar-rcard-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-family:"Inter",sans-serif;font-size:14px;color:var(--e-global-color-secondary)} .adlar-rcard-tag{background:var(--e-global-color-adlarlight);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600} .adlar-rcard-date::before{content:"•";margin-right:12px} @media(max-width:767px){.adlar-rcard{flex:1 1 100%;max-width:100%}} .adlar-loopimg img{width:100%;aspect-ratio:3/2;object-fit:cover} .adlar-loopexc .elementor-heading-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .adlar-looptitle .elementor-heading-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* ADLAR BLOG END */ /* verberg lijn op lege dubbele render (template-widget) */ /*.adlar-contact-line:empty::after{display:none !important;}*/ /* Service adviseurs video */ .adlar-video-box .elementor-widget-video .elementor-wrapper,.adlar-video-box .e-hosted-video,.adlar-video-box .elementor-fit-aspect-ratio{border-radius:16px;overflow:hidden;} /* CONTACT - vierkante hero-video (aspect + cover + radius, niet native mogelijk) */ .adlar-video-square video{aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius-l);} .adlar-video-square .elementor-custom-embed-image-overlay{border-radius:var(--radius-l);overflow:hidden;} .adlar-video-square .elementor-custom-embed-image-overlay img{aspect-ratio:1/1;object-fit:cover;width:100%;} /* Gravity Forms */ /* ---------- BASIS ---------- */ .adlar-form { --af-bg:#e8e000; --af-field-bg:#fcfbc4; --af-field-border:transparent; --af-text:#0a0a0a; --af-placeholder:#8f8a45; --af-required:#000; --af-accent:#e8e000; --af-focus:rgba(0,0,0,.45); --af-btn-bg:#0d0d0d; --af-btn-text:#fff; --af-btn-bg-hover:#2a2a2a; --af-link:#0a0a0a; --af-radius:10px; --af-btn-radius:8px; --af-gap:22px; font-family:"Inter", Arial, "Helvetica Neue", Helvetica, sans-serif } .adlar-form *,.adlar-form *::before,.adlar-form *::after{box-sizing:border-box} .adlar-form .gform_fields{row-gap:var(--af-gap);column-gap:var(--af-gap)} .adlar-form .gform_required_legend{ display:none;} /* Labels: zwart, hoofdletters, bold */ .adlar-form .gfield_label,.adlar-form legend.gfield_label{ color:var(--af-text);font-size:13px !important;font-weight:700; text-transform:uppercase;margin:0 0 8px;line-height:1.2; } /* Rode asterisk */ .adlar-form .gfield_required, .adlar-form .gfield_required .gfield_required_asterisk{color:var(--af-required);margin-left:2px} /* Velden + textarea + select */ .adlar-form .gfield input[type="text"], .adlar-form .gfield input[type="email"], .adlar-form .gfield input[type="tel"], .adlar-form .gfield input[type="number"], .adlar-form .gfield input[type="url"], .adlar-form .gfield textarea, .adlar-form .gfield select{ width:100%;background:var(--af-field-bg);color:var(--af-text); border:1px solid var(--af-field-border);border-radius:var(--af-radius); padding:8px 12px;font-size:15px;font-family:inherit;line-height:1.35; box-shadow:none;transition:box-shadow .15s ease,border-color .15s ease; } .adlar-form .gfield textarea{min-height:84px;resize:vertical} .adlar-form .gfield ::placeholder{color:var(--af-placeholder);opacity:1} /* Zichtbare focus (toegankelijkheid) */ .adlar-form .gfield input:focus, .adlar-form .gfield textarea:focus, .adlar-form .gfield select:focus{ outline:none;border-color:var(--af-focus);box-shadow:0 0 0 3px var(--af-focus); } /* Checkbox */ .adlar-form .gfield_checkbox .gchoice, .adlar-form .gfield_checkbox li{display:flex;align-items:center;gap:10px} .adlar-form .gfield_checkbox input[type="checkbox"]{ appearance:none;-webkit-appearance:none;flex:0 0 auto;width:20px;height:20px;margin:0; border:2px solid var(--af-text);border-radius:5px;background:var(--af-field-bg); cursor:pointer;position:relative; } .adlar-form .gfield_checkbox input[type="checkbox"]:checked{background:var(--af-accent);border-color:var(--af-text)} .adlar-form .gfield_checkbox input[type="checkbox"]:checked::after{ content:"";position:absolute;left:5px;top:1px;width:6px;height:11px; border:solid var(--af-text);border-width:0 2.5px 2.5px 0;transform:rotate(45deg); } .adlar-form .gfield_checkbox input[type="checkbox"]:focus-visible{box-shadow:0 0 0 3px var(--af-focus)} .adlar-form .gfield_checkbox label{ color:var(--af-text);font-size:14px;font-weight:400;text-transform:none; letter-spacing:0;margin:0;cursor:pointer; } /* Privacy-link */ .adlar-form .gfield a,.adlar-form .gform_footer a{ color:var(--af-link);text-decoration:underline;font-size:14px; } /* Error */ .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { background: transparent; border: 0px; font-size: 14px; margin-block-start: 0px; padding: 0px; } .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label{ color: #000; } .gform_validation_errors{ display: none !important; } /* Verzendknop */ .adlar-form .gform_footer input[type="submit"], .adlar-form .gform_footer button{ display:inline-block;background:var(--af-btn-bg);color:var(--af-btn-text);border:none; border-radius:0px;padding:16px 30px;font-family:inherit;font-size:15px; font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer; transition:background .15s ease,transform .05s ease; margin-top:20px; } .adlar-form .gform_next_button, .adlar-form .gform_previous_button{background:var(--af-btn-bg) !important; border:0px !important; } .adlar-form .gform_previous_button.button{color:var(--af-btn-text) !important;} .adlar-form .gform_footer input[type="submit"]:hover, .adlar-form .gform_footer button:hover{background:var(--af-btn-bg-hover)} .adlar-form .gform_footer input[type="submit"]:active, .adlar-form .gform_footer button:active{transform:translateY(1px)} /* Stappen */ .adlar-form .gf_progressbar_title{display:none;} .adlar-form .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{background-color: var(--af-process-bg);} /* ---------- VARIANT 1 — GEEL (brochure) ---------- */ .adlar-form--geel{ --af-bg:#e8e000; --af-field-bg:#fcfbc4; --af-field-border:transparent; --af-placeholder:#8f8a45; --af-focus:rgba(0,0,0,.40); --af-btn-bg:#0d0d0d; --af-btn-text:#fff; --af-btn-bg-hover:#2a2a2a; --af-process-bg:#e8e000; } /* ---------- VARIANT 2 — LICHT (adviesgesprek) ---------- */ .adlar-form--licht{ --af-bg:#e9eded; --af-field-bg:#fff; --af-field-border:#dfe4e4; --af-placeholder:#9aa0a0; --af-focus:rgba(10,10,10,.28); --af-btn-bg:#e8e000; --af-btn-text:#0a0a0a; --af-btn-bg-hover:#d3cc00; --af-process-bg:#e8e000; }