/*
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.5.1.1788420425
Updated: 2026-09-03 07:27:05

*/

.main-menu ul.elementor-nav-menu--dropdown a, 
.main-menu ul.elementor-nav-menu--dropdown a:focus, 
.main-menu ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 0px solid transparent;
}
.main-menu .elementor-nav-menu .menu-item.current-menu-parent .elementor-item,
.main-menu .elementor-nav-menu .menu-item.current-menu-item .elementor-item{
    font-weight: bold !important;
    color: #0062c7 !important;
}
.main-menu .elementor-nav-menu .menu-item.current-menu-parent .elementor-item .sub-arrow svg {
    fill: #0062c7;
}
.main-menu .elementor-nav-menu .menu-item.current-menu-parent .sub-menu .menu-item.current-menu-item .elementor-sub-item{
    font-weight: bold !important;
}

.sectors-loop,
.sectors-loop > .elementor-widget-container,
.sectors-loop .elementor-loop-container {
	display: contents;
}

.cta-badge {
    transform: translateX(-50%);
}

.elementor-widget-heading.t-regular .elementor-heading-title, .elementor-widget.t-regular .elementor-heading-title, .elementor-widget-heading.t-regular .elementor-heading-title,
.elementor-widget.t-regular .elementor-heading-title {
	    font-weight: 400 !important;
} 

.e-con.process-step-top {
	position: relative;
}
.e-con.process-step-top::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #03224E;
}


.footer-legal-menu .elementor-nav-menu li::after {
    transform: rotate(25deg);
    position: relative;
    top: 2px;
}

.footer-contact-list .elementor-icon-list-items > .elementor-icon-list-item:nth-child(2n+3) {
	padding-top: 32px;
}
.over-ons-directie .oo-directie-photo img {
	display: block;
	width: 100%;
	height: auto;
}
.over-ons-geschiedenis .oo-year-circle {
	aspect-ratio: 1 / 1;
	flex: 0 0 auto;
}
.faq-accordion {
	padding-top: 80px;
	padding-bottom: 80px;
}

.custom-container {
    padding-left: calc((100% - 1300px) / 2) !important;
}
.art-post-content h6 {
    margin: 25px 0 5px;
    display: block;
    line-height: 1.6;
    color: #5A5A60;
}
.art-post-content h5 {
    color: #5A5A60;
    line-height: 1.5;
}

@media (max-width: 1200px) {
	.faq-accordion {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media (max-width: 1023px) {
	.faq-accordion {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (max-width: 1024px) {
	.over-ons-vestigingen .oo-keep-br br {
		display: inline;
	}
	 br {
		display: none;
	}
}
@media (max-width: 767px) {
	.e-con.process-step-top::before {
		display: none;
	}
}

/* FAQ page accordion */
.faq-accordion .faq-loop .elementor-loop-container,
.faq-accordion .faq-loop .elementor-toggle {
	border-top: 1px solid #707070;
}

.faq-accordion .faq-loop .elementor-tab-title,
.faq-accordion .faq-loop .elementor-tab-title a {
	color: #03224E;
}

/* Client-side question filter (assets/js/faq-filter.js). The search box used
   to run Elementor's live search against the `faq` CPT; with the CPT gone it
   filters the questions already on the page instead, so the control keeps
   doing exactly what its placeholder promises. */
.faq-accordion .faq-toggle .elementor-toggle-item[hidden] {
	display: none;
}
.faq-loop .elementor-accordion .elementor-accordion-item {
    border: 1px solid #707070 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.faq-loop .elementor-accordion .elementor-accordion-item:last-child {
    border-bottom: 1px solid #707070 !important;
}
.faq-search button.e-search-submit .e-font-icon-svg.e-fas-search {
    margin: 0;
}
.faq-no-results {
	margin: 24px 0 0;
	color: #5A5A60;
	font-size: 16px;
}

/* Homepage - Elke sector, eigen uitdagingen: sector card (sector_categorie loop) */
.sector-card .sector-chip .elementor-heading-title {
	text-transform: uppercase;
}
.sector-tags {
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
	row-gap: 9px;
}
.sector-tag {
	display: inline-block;
    padding: 2px 18px;
	border-radius: 10px;
	background-color: var(--e-global-color-brand_pale_blue);
	color: var(--e-global-color-brand_navy);
	    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
	font-size: var(--e-global-typography-70c1a70-font-size);
	font-weight: 600;
	line-height: var(--e-global-typography-70c1a70-line-height);
}

/* Product detail - hero checklist + specification list */
.pd-usps {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pd-usps li {
	position: relative;
	padding-left: 26px;
}
.pd-usps li + li {
	margin-top: 8px;
}
.pd-usps li::before {
	content: "✔";
	position: absolute;
	left: 0;
	top: 0;
}
.pd-specs {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 24px;
	row-gap: 8px;
	margin: 0;
}
.pd-specs dt,
.pd-specs dd {
	margin: 0;
}

/* Oplossingen voor uw sector - "Kies uw sector": sector_categorie term cards (loop template 853).
   The term's ACF image field returns a URL, so Elementor renders a bare <img> with no width/
   height attributes and the linking <a> shrink-wraps to the image's own aspect ratio (225px
   instead of the card's 411px), which stops object-fit: cover from cropping. Making the link a
   block restores the widget's own width:100%. Scoped to .elementor-853 so the homepage
   case-study cards (template 748) are not affected. */
.elementor-853 .sector-card .elementor-widget-image a {
	display: block;
}



.right-arrow .elementor-post .elementor-post__text .elementor-post__title a:after {
    content: "";
    background: url("/wp-content/uploads/2026/09/right-arrow.svg") no-repeat;
    display: inline-block;
    background-size: contain;
    width: 20px;
    height: 11px;
    margin-left: 6px;
    transition: filter 0.2s ease;
}

.right-arrow .elementor-post .elementor-post__text .elementor-post__title a:hover:after {
    filter: brightness(0) saturate(100%) invert(37%) sepia(91%) saturate(1000%) hue-rotate(185deg) brightness(95%) contrast(95%);
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.gform_confirmation_message {
    text-align: center;
    color: green;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    border: 2px solid;
    padding: 15px;
}

/*    Gravity Forms 
   */
#gform_wrapper_2 .gfield_label,#gform_wrapper_3 .gfield_label,#gform_wrapper_4 .gfield_label,#gform_wrapper_5 .gfield_label{font-family:"Open Sans",sans-serif;font-size:15px;font-weight:600;color:var(--e-global-color-brand_navy);}
#gform_wrapper_2 .gfield input[type=text],
[type="number"],
#gform_wrapper_3 .gfield input[type=text],
#gform_wrapper_4 .gfield input[type=text],
#gform_wrapper_5 .gfield input[type=text],
#gform_wrapper_2 .gfield input[type=email],
#gform_wrapper_3 .gfield input[type=email],
#gform_wrapper_4 .gfield input[type=email],
#gform_wrapper_5 .gfield input[type=email],
#gform_wrapper_2 .gfield input[type=tel],
#gform_wrapper_3 .gfield input[type=tel],
#gform_wrapper_4 .gfield input[type=tel],
#gform_wrapper_5 .gfield input[type=tel],
#gform_wrapper_2 .gfield select,
#gform_wrapper_3 .gfield select,
#gform_wrapper_4 .gfield select,
#gform_wrapper_5 .gfield select,
#gform_wrapper_2 .gfield textarea,
#gform_wrapper_3 .gfield textarea,
#gform_wrapper_4 .gfield textarea,
#gform_wrapper_5 .gfield textarea{border:1px solid #c9d4e2!important;border-radius:10px!important;background-color:#fff!important;font-family:"Open Sans",sans-serif!important;font-size:15px!important;color:var(--e-global-color-brand_body_grey)!important;box-shadow:none!important;}
#gform_wrapper_2 .gfield input[type=text],#gform_wrapper_3 .gfield input[type=text],#gform_wrapper_4 .gfield input[type=text],#gform_wrapper_5 .gfield input[type=text],#gform_wrapper_2 .gfield input[type=email],#gform_wrapper_3 .gfield input[type=email],#gform_wrapper_4 .gfield input[type=email],#gform_wrapper_5 .gfield input[type=email],#gform_wrapper_2 .gfield input[type=tel],#gform_wrapper_3 .gfield input[type=tel],#gform_wrapper_4 .gfield input[type=tel],#gform_wrapper_5 .gfield input[type=tel],#gform_wrapper_2 .gfield select,#gform_wrapper_3 .gfield select,#gform_wrapper_4 .gfield select,#gform_wrapper_5 .gfield select{height:52px!important;line-height:normal!important;padding:0 16px!important;}
#gform_wrapper_2 .gfield textarea,#gform_wrapper_3 .gfield textarea,#gform_wrapper_4 .gfield textarea{padding:14px 16px!important;line-height:1.6!important;}
#gform_wrapper_2 .gfield textarea{min-height:160px;}
#gform_wrapper_3 .gfield textarea,#gform_wrapper_4 .gfield textarea{min-height:140px;}
#gform_wrapper_2 .gfield input:focus,#gform_wrapper_3 .gfield input:focus,#gform_wrapper_4 .gfield input:focus,#gform_wrapper_5 .gfield input:focus,#gform_wrapper_2 .gfield select:focus,#gform_wrapper_3 .gfield select:focus,#gform_wrapper_4 .gfield select:focus,#gform_wrapper_5 .gfield select:focus,#gform_wrapper_2 .gfield textarea:focus,#gform_wrapper_3 .gfield textarea:focus,#gform_wrapper_4 .gfield textarea:focus,#gform_wrapper_5 .gfield textarea:focus{border-color:var(--e-global-color-brand_link_blue)!important;outline:none!important;}
/* Checkbox group (form 4 only): readable rows, brand-coloured ticks */
#gform_wrapper_4 .gfield--type-checkbox .gchoice{margin-bottom:8px;}
#gform_wrapper_4 .gfield--type-checkbox label{font-family:"Open Sans",sans-serif;font-size:15px;color:var(--e-global-color-brand_body_grey);}
#gform_wrapper_4 .gfield--type-checkbox input[type=checkbox]{accent-color:var(--e-global-color-brand_orange);}
#gform_wrapper_2 .gform_footer,#gform_wrapper_3 .gform_footer,#gform_wrapper_4 .gform_footer,#gform_wrapper_5 .gform_footer{margin-top:32px;padding:0;}
#gform_wrapper_2 .gform_footer button.gform_button,#gform_wrapper_3 .gform_footer button.gform_button,#gform_wrapper_4 .gform_footer button.gform_button,#gform_wrapper_5 .gform_footer button.gform_button,#gform_wrapper_2 .gform_footer input[type=submit],#gform_wrapper_3 .gform_footer input[type=submit],#gform_wrapper_4 .gform_footer input[type=submit],#gform_wrapper_5 .gform_footer input[type=submit]{background-color:var(--e-global-color-brand_orange)!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:15px 25px!important;min-height:52px!important;height:auto!important;width:auto!important;font-family:"Open Sans",sans-serif!important;font-size:15px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer;transition:background-color .2s ease;}
#gform_wrapper_2 .gform_footer button.gform_button:hover,#gform_wrapper_3 .gform_footer button.gform_button:hover,#gform_wrapper_4 .gform_footer button.gform_button:hover,#gform_wrapper_5 .gform_footer button.gform_button:hover,#gform_wrapper_2 .gform_footer input[type=submit]:hover,#gform_wrapper_3 .gform_footer input[type=submit]:hover,#gform_wrapper_4 .gform_footer input[type=submit]:hover,#gform_wrapper_5 .gform_footer input[type=submit]:hover{background-color:var(--e-global-color-brand_navy)!important;}
/* Inline validation only: message sits directly under its own field */
#gform_wrapper_2 .gfield_validation_message,#gform_wrapper_3 .gfield_validation_message,#gform_wrapper_4 .gfield_validation_message,#gform_wrapper_5 .gfield_validation_message,#gform_wrapper_2 .validation_message,#gform_wrapper_3 .validation_message,#gform_wrapper_4 .validation_message,#gform_wrapper_5 .validation_message{background:none!important;border:none!important;margin:6px 0 0!important;padding:0!important;font-family:"Open Sans",sans-serif!important;font-size:13px!important;font-weight:500!important;color:#c0392b!important;}
/* No top-of-form error banner, but keep it for screen readers (it carries autofocus) */
#gform_wrapper_2 .gform_validation_errors,
#gform_wrapper_3 .gform_validation_errors,
#gform_wrapper_4 .gform_validation_errors,
#gform_wrapper_5 .gform_validation_errors{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;}

/* Field spacing: GF orbital theme ships a 40px grid row-gap; brought to 20px sitewide. */
#gform_wrapper_2 .gform_fields,
#gform_wrapper_3 .gform_fields,
#gform_wrapper_4 .gform_fields,
#gform_wrapper_5 .gform_fields{row-gap:20px!important;}
/* Dropdowns: appearance:none + fixed 52px height + line-height:normal left the text
   riding the top of the box. 50px = 52px height minus the 1px top/bottom border. */
#gform_wrapper_2 .gfield select,
#gform_wrapper_3 .gfield select,
#gform_wrapper_4 .gfield select,
#gform_wrapper_5 .gfield select{line-height:50px!important;}



.uhf-detail-cotent h2, .uhf-detail-cotent h3, .uhf-detail-cotent h4, .uhf-detail-cotent h5, .uhf-detail-cotent h6{
	color: #03224e;
	margin-top: 0;
}
.uhf-detail-cotent h2:first-child, .uhf-detail-cotent h3:first-child, .uhf-detail-cotent h4:first-child, .uhf-detail-cotent h5:first-child, .uhf-detail-cotent h6:first-child{
    margin-top: 0;
}
.uhf-detail-cotent h2 {
    margin-top: 25px;
    display: inline-block;
}
.uhf-detail-cotent p {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.uhf-box {
    background-color: #eaf2fb;
    padding: 40px 30px;
    margin: 24px 0;
    display: inline-block;
    width: 100%;
}
.uhf-box ul {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0 0;
}
.uhf-box ul li {
    padding: 0 0 0 18px;
    margin: 6px 0 0px 0;
    position: relative;
}
.uhf-box ul li:before {
    content: "";
    background: #d78135;
    margin-right: 8px;
    height: 6px;
    width: 6px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}