/* Theme Name: Hello Elementor Child Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Template: hello-elementor Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready Version: 3.4.9.1784711862 Updated: 2026-07-22 11:17:42 */ /* Fixed header */ header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; } /* Oude fixed compensatie resetten */ body { padding-top: 0 !important; margin-top: 0 !important; } /* Sticky header */ header { position: sticky; top: 0; z-index: 9999; width: 100%; } /* Mobiel/tablet admin bar hoogte */ @media screen and (max-width: 782px) { body.admin-bar header { top: 46px; } } p:last-child { margin-bottom: 0px; } .elementor-button { transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important; } .elementor-button:hover { transform: translateY(-1px); } .elementor-button-info .elementor-button { border-color: rgba(255, 255, 255, 0.25) !important; color: var(--e-global-color-7790cd0); background-color: var(--e-global-color-9cfdcee) !important; box-shadow: unset !important; } .elementor-button-info .elementor-button:hover { border-color: var(--e-global-color-7790cd0) !important; transform: unset !important; } .orange-txt { color: var(--e-global-color-accent); } .shadow-card, .shadow-card img { box-shadow: 0 2px 8px rgba(16,24,44,0.07), 0 22px 42px -18px rgba(16,24,44,0.22) !important; } .white-box .elementor-icon-box-title { margin-top: 0px !important; } .text-italic p { font-style: italic !important; } .text-wrap .elementor-heading-title { word-break: break-word; } .link-underline a { text-decoration: underline !important; text-underline-offset: 2px; font-weight: 600; } .faq .e-n-accordion-item { box-shadow: 0 2px 8px rgba(16,24,44,0.07), 0 22px 42px -18px rgba(16,24,44,0.22) !important; border-radius: 14px; } .faq .e-n-accordion-item[open] .e-n-accordion-item-title { border-radius: 14px 14px 0 0; } /*Form design start*/ .gf-modern-card .gform_fields { gap: 14px !important; } p.gform_required_legend, span.gfield_required.gfield_required_custom { display: none; } .gf-modern-card .gfield_label { font-family: var(--e-global-typography-f768003-font-family), Sans-serif !important; font-size: var(--e-global-typography-f768003-font-size) !important; font-weight: var(--e-global-typography-f768003-font-weight) !important; font-style: var(--e-global-typography-f768003-font-style) !important; line-height: var(--e-global-typography-f768003-line-height) !important; letter-spacing: var(--e-global-typography-f768003-letter-spacing) !important; color: var( --e-global-color-primary ); margin-bottom: 3px; } .gf-modern-card input[type="text"], .gf-modern-card input[type="email"], .gf-modern-card input[type="tel"], .gf-modern-card textarea, .gf-modern-card select { border: 1px solid #E7E9F0 !important; border-radius: 9px !important; padding: 8px 13px !important; font-family: var(--e-global-typography-5772ce0-font-family), Sans-serif !important; font-size: var(--e-global-typography-5772ce0-font-size) !important; font-weight: var(--e-global-typography-5772ce0-font-weight) !important; font-style: var(--e-global-typography-5772ce0-font-style) !important; line-height: var(--e-global-typography-5772ce0-line-height) !important; color: var( --e-global-color-primary ) !important; background-color: var(--e-global-color-7790cd0) !important; height: unset !important; box-shadow: unset !important; } .gf-modern-card input::placeholder, .gf-modern-card textarea::placeholder, .gf-modern-card select::placeholder { color: #757575 !important; } .gf-modern-card input:focus, .gf-modern-card textarea:focus, .gf-modern-card select:focus { border-color: var(--e-global-color-851e913) !important; box-shadow: 0 0 0 3px rgba(46,82,217,0.12) !important; outline: unset !important; } .gf-modern-card .gform-body input { padding-left: 38px !important; } .gf-modern-card textarea { padding-left: 14px !important; height: 72px !important; resize: none !important; } .gf-modern-card select option { color: var( --e-global-color-primary ) !important; } .gf-icon-field .ginput_container { position: relative; } .gf-icon-field .ginput_container::before { content: ""; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; opacity: 0.55; pointer-events: none; } .gf-icon-user .ginput_container::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9AFBF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); } .gf-icon-building .ginput_container::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9AFBF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='1'/%3E%3Cpath d='M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01'/%3E%3C/svg%3E"); } .gf-icon-email .ginput_container::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9AFBF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E"); } .gf-icon-phone .ginput_container::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9AFBF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); } .gf-icon-message .ginput_container::before { content: none; } .gf-modern-card .gform_footer input[type="submit"], .gf-modern-card .gform_footer button[type="submit"] { background-color: var(--e-global-color-accent) !important; font-family: var(--e-global-typography-accent-font-family), Sans-serif !important; font-size: var(--e-global-typography-accent-font-size) !important; font-weight: var(--e-global-typography-accent-font-weight) !important; font-style: var(--e-global-typography-accent-font-style) !important; line-height: var(--e-global-typography-accent-line-height) !important; letter-spacing: var(--e-global-typography-accent-letter-spacing) !important; color: var(--e-global-color-7790cd0) !important; box-shadow: 0px 10px 24px -10px rgba(255, 121.99999999999996, 40.99999999999999, 0.55) !important; border: 1.5px solid var(--e-global-color-9cfdcee) !important; border-radius: 10px 10px 10px 10px !important; padding: 11px 24px !important; width: 100% !important; transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important; } .gf-modern-card .gform_footer input[type="submit"]:hover, .gf-modern-card .gform_footer button[type="submit"]:hover { transform: translateY(-1px); box-shadow: 0 14px 28px -10px rgba(255,122,41,0.65) !important; } /*Form design end*/ @media screen and (max-width: 980px) { .m-nav .e-n-menu-toggle { background-color: var( --e-global-color-9cfdcee ) !important; } .m-nav .e-n-menu-toggle:focus-visible { outline: unset; } .m-nav ul li #nav-btn { border: 0px; padding: 16px 32px 20px; } .m-nav ul li #nav-btn .e-n-menu-title-container { width: 100%; background-color: var( --e-global-color-accent ); font-family: var(--e-global-typography-3df5cd4-font-family), Sans-serif; font-size: var(--e-global-typography-3df5cd4-font-size); font-weight: var(--e-global-typography-3df5cd4-font-weight); line-height: var(--e-global-typography-3df5cd4-line-height); padding: 15px 32px; color: var(--e-global-color-7790cd0); box-shadow: 0px 10px 24px -10px rgba(255, 121.99999999999996, 40.99999999999999, 0.55); border-style: solid; border-width: 1.5px 1.5px 1.5px 1.5px; border-color: var(--e-global-color-9cfdcee); border-radius: 10px 10px 10px 10px; justify-content: center; } .m-nav ul li #nav-btn .e-n-menu-title-container:hover { box-shadow: 0px 14px 28px -10px rgba(255, 121.99999999999996, 40.99999999999999, 0.65); } }