/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body{
	overflow-x: hidden !important;
    hyphens: auto;
    word-break: auto-phrase;
}

h1, h2, h3, h4, h5, h6 {
	hyphens: none;
}

.elementor-widget-text-editor ul {
    margin-top: 20px !important;
}

.openingstijden td{
	border: none;
	background: none !important;
	padding: 0 !important;
}

.fixed-contact .elementor-icon-list-item:last-of-type:hover:before {
	content: 'Bel mij terug';
	 position: fixed;
    width: 120px;
    right: 54px;
    color: var(--e-global-color-primary);
    background: var(--e-global-color-accent);
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
}


.elementor-widget-text-editor ul {
    list-style: none;     /* standaard bullets uit */
    margin: 0;            /* marge weghalen */
    padding: 0;           /* standaard inspringing weghalen */
}

.elementor-widget-text-editor ul li {
    position: relative;
    padding-left: 30px;   /* ruimte voor je icoon */
    margin-bottom: 0;  /* wat ruimte tussen de regels */
}

.elementor-widget-text-editor ul li::before {
    content: "";
    background: url('/wp-content/uploads/2025/09/colorkit-13.svg') no-repeat center center;
    background-size: 16px 16px; /* formaat icoon aanpassen */
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 6px; /* uitlijning met de tekst */
}

.vacature-list ul li::before {
	mask: url('/wp-content/uploads/2025/09/Path-138.svg') no-repeat center center;
    mask-size: 16px 16px; /* formaat icoon aanpassen */
	background: var( --e-global-color-accent );
}

.no-list-margin ul {
	margin-top: 0 !important;
}

/* Formulier styling */
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
 width: 100%;
  border: none;
  border-bottom: 1px solid #FDF9F4;
  background: transparent;
  color: var(--e-global-color-accent);
  padding: 8px 0;
  font-size: 16px;
  border-radius: 0;
}

.gfield_required.gfield_required_text {
    display: none !important;
}

/* tussenruimte */
.gform_wrapper.gravity-theme .gform_fields {
    display: grid;
    grid-column-gap: 5% !important;
}

/* Placeholder kleur */
#gform_wrapper_2 ::placeholder {
  color: var(--e-global-color-accent);
  opacity: 0.9;
}
#gform_wrapper_1 ::placeholder {
  color: var(--e-global-color-accent);
  opacity: 0.9;
}

/* Checkbox netjes uitlijnen */
.ginput_container_consent {
display: inline-flex;
}
.gfield_consent_label{
	margin-left:20px;
	color: var(--e-global-color-accent);
}

/* Submit button */
#gform_wrapper_2 .gform_button, #gform_wrapper_1 .gform_button {
  background: var(--e-global-color-c229f72);
  color: var(--e-global-color-primary); /* jouw bordeaux rood */
  padding: 12px 30px;
  font-weight: bold;
  border: 1px solid var(--e-global-color-c229f72);
  cursor: pointer;
  transition: all 0.3s ease;
}

#gform_wrapper_2 .gform_button:hover, #gform_wrapper_1 .gform_button:hover {
  background: var(--e-global-color-primary);
  border: 1px solid var(--e-global-color-c229f72);
  color: var(--e-global-color-c229f72);
}

.gform_confirmation_message_2{
	color: var(--e-global-color-accent) !important;
}


@media only screen and (min-width: 1025px) {
	.menu-item-418, .menu-item-419 {
		display:none !important;
	}
}

@media (max-width: 767px){
  /* Voor de verschillende Elementor carousels */
  .elementor-widget-carousel .swiper,
  .elementor-widget-media-carousel .swiper,
  .elementor-widget-image-carousel .swiper {
    overflow: visible;
  }
  /* Zorg dat items niet ingedrukt worden */
  .elementor-widget-carousel .swiper-wrapper {
    align-items: stretch;
  }
	
	.cookie-notice-container {
		width: unset !important;
    	right: 15px;
	}
	
}

.mobiel-slider .elementor-icon-list-items {
  display: flex !important;
  flex-wrap: nowrap !important;    /* niet laten afbreken */
  overflow-x: auto !important;     /* horizontaal scrollen indien nodig */
  gap: 5px !important;            /* ruimte tussen de items */
  -ms-overflow-style: none !important;  /* IE en Edge */
  scrollbar-width: none !important;  
}

.mobiel-slider  .elementor-icon-list-item {
  white-space: nowrap !important;  /* tekst mag niet breken */
}

.mobiel-slider .elementor-icon-list-items::-webkit-scrollbar {
	display: none !important; 
}

.home-card-hover:hover * {
	color: var(--e-global-color-primary) !important;
	stroke: var(--e-global-color-primary);
}

.swiper-pagination-bullet {
	width: 22px !important;
	height: 5px !important;
	margin: 2px !important;
	border-radius: 10px;
}

.menu-item .sub-arrow > svg {
	transition: transform 300ms;
}

.menu-item > .has-submenu:hover .sub-arrow > svg, .menu-item .highlighted .sub-arrow > svg {
    transform: rotate3d(0, 0, 1, 180deg);
}

.content-index li {
	margin-bottom: 0 !important;
}

/* custom gravity forms consent checkbox */
/* checkbox input */
.gform-body input[type=checkbox] {
	position: relative;
	appearance: none;
    width: 20px;
    height: 20px;
	cursor: pointer;
}

/* checkbox & label container */
.ginput_container_consent {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	height: 26px;
}

/* checkbox visual */
.ginput_container_consent:has(input[type=checkbox])::before {
	position: absolute;
	visibility: visible;
	content: '';
	border: 1px solid var(--e-global-color-accent);
	width: 20px;
	height: 20px;
	color: var(--e-global-color-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	border-radius: 5px;
}

/* check visual */
.ginput_container_consent:has(input[type=checkbox]:checked)::after {
	position: absolute;
	visibility: visible;
	content: '';
	left: 6px;
	top: 4px;
	width: 8px;
	height: 14px;
	border: solid var(--e-global-color-accent);
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	pointer-events: none;
}

.elementor-widget-text-editor a {
	text-decoration: underline;
}

.footer-socials a {
	text-decoration: none !important;
}

.general-text-content h2 {
	margin: 20px 0 5px;
}

/* cookies */
.cookie-notice-container {
	background-color: white;
	font-family: 'Montserrat' !important;
    font-size: 16px;
	line-height: 30px;
    padding: 20px !important;
    position: absolute;
    z-index: 9999 !important;
	width: 28%;
    left: 15px;
    bottom: 15px !important;
    border-radius: 20px;
	text-align: left !important;
}

.cookie-button {
    margin: 10px 20px 0 0 !important;
    border-radius: 20px !important;
	border: 1px solid #f68b1f !important;
}

.cookie-button:hover {
	background: white;
	color: #f68b1f;
	border-color: #f68b1f !important;
}

.cookie-button.cn-more-info {
	background: white;
	color: #f68b1f;
	border-color: #f68b1f !important;
}

.cookie-button.cn-more-info:hover {
	background-color: #f68b1f !important;
	color: white !important;
}

#cn-close-notice {
	display: none;
}

/* header award visibility */
@media screen and (max-width: 1440px) {
	.header-award {
		display: none;
	}
}

@media screen and (max-width: 1180px) {
	.header-contact-btn {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.contact-heading {
		text-indent: -2px;
	}
}

.elementor-nav-menu--dropdown a.highlighted .sub-arrow {
    fill: var( --e-global-color-accent ) !important;
}