/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 02 2025 | 11:39:19 */
body a {
	text-underline-offset: 4px;
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}
body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


.header-html2.inner-link-style-normal {
	background: #ed7601 !important;
	/* padding: 41.2px 30px !important; */
	color: white !important;
	height: 100% !important;
	vertical-align: middle !important;
	align-items: center !important;
	display: inherit !important;
	padding: 0px 30px !important;
}

.trapeze {
	background: #f2f6f9;
	//background: #A2ADBE;
	-webkit-clip-path: polygon(0 50px,100% 0,100% 100%,0 calc(100% - 100px));
	clip-path: polygon(0 50px,100% 0,100% 100%,0 calc(100% - 100px));
	margin-top: -5rem;
	margin-bottom: -5rem;
	padding: 8rem 0 8rem;
	z-index: 2;
	position: relative;
}
#trapeze {
	//border-radius: 140px 0px 0px 140px !important;
	//padding: 8rem 0 10rem;
}

.trapeze2 {
	//background: #f2f6f9;
	background-image: url(/wp-content/uploads/grummel-metaal-gmc-coevorden-verspanen-cnc-304.jpg);
	//-webkit-clip-path: polygon(0 50px,100% 0,100% 100%,0 calc(100% - 100px));
	//clip-path: polygon(0 50px,100% 0,100% 100%,0 calc(100% - 100px));
	//margin-top: -5rem;
	//margin-bottom: -5rem;
	//padding: 8rem 0 8rem;
	z-index: 2;
	position: relative;
	background-position: center !important;
	background-size: cover !important;
}
#trapeze2 {
	border-radius: 0px 140px 140px 0px !important;
	//padding: 8rem 0 10rem;
}


.trapeze3 {
	background: #f2f6f9;
	-webkit-clip-path: polygon(0 50px,100% 0,100% 100%,0 calc(100% - 100px));
	clip-path: polygon(0 50px,100% 0,100% 100%,0 calc(100% - 0px));
	margin-top: -300px;
	margin-bottom: -2rem;
	padding: 0rem 0rem 0rem 0rem !important;
	z-index: 2;
	position: relative;
}
#trapeze3 {
	//border-radius: 140px 0px 0px 140px !important;
	//padding: 8rem 0 10rem;
}

.trapeze4 {
	background: #f2f6f9;
	-webkit-clip-path: polygon(0 50px,100% 0,100% 100%,0 calc(100% - 100px));
	clip-path: polygon(0 50px,100% 0,100% 100%,0 calc(100% - 100px));
	margin-top: -15rem;
	margin-bottom: 5rem;
	padding: 8rem 0 8rem;
	z-index: 2;
	position: relative;
}
#trapeze4 {
	//border-radius: 140px 0px 0px 140px !important;
	//padding: 8rem 0 10rem;
}

.kb-img.wp-image-133 {
	filter: brightness(0) invert(1) !important;
	margin-bottom: 47px !important;
}





#paddingtoprij {
	margin-top: -451.5px !important;
}
#paddingtoprij-vacature {
	margin-top: -451.5px !important;
}
#paddingtoprij-machines, #paddingtoprij-twee {
	margin-top: -482.5px !important;
}
#paddingtoprij-contact, #paddingtoprij-drie {
	margin-top: -514.5px !important;
}
#paddingtoprij-vier {
	margin-top: -509px !important;
}




.wp-block-kadence-iconlist.kt-svg-icon-list-items18_d83771-b6:not(.this-stops-third-party-issues) {
	margin-bottom: 0px !important;
}
.kb-splide .splide__arrow--prev {
	left: 0px !important;
	border-radius: 0px !important;
}
.kb-splide .splide__arrow--next {
	right: 0px !important;
	border-radius: 0px !important;
}

.kb-img.wp-image-726 {
	filter: grayscale(100%);
}
#footerlinks .kb-button.kt-button.button span {
	min-width: 235px !important;
	text-align: left !important;
}
.image-is-svg {
	width: 250px !important;
	margin: 0 auto !important;
	margin-bottom: 30px !important;
}
.kb-img.wp-image-732 {
	filter: brightness(0) invert(1) !important;
}
.home h1 strong {
	color: white !important;
	font-weight: 900 !important;
}
#menu-item-794 .menu-label-icon svg {
	fill: white !important;
}
.menu-label-icon {
	top: 2px !important;
	position: relative !important;
	color: white !important;
	margin-right: 5px !important;
}
#menu-item-289 {
	/* border: 1px solid black !important; */
	border-radius: 30px !important;
	padding: 0px 10px !important;
	background: #ed7601 !important;
	color: white !important;
}
#menu-item-289 a::after {
	content: "3";
	position: absolute !important;
	top: -5px !important;
	background: #002469 !important;
	border-radius: 100% !important;
	width: 20px !important;
	height: 20px !important;
	text-align: center !important;
	color: white !important;
	font-size: 12px !important;
	right: -18px !important;
}
#menu-item-289 a {
	color: white !important;
}
#menu-item-294 {
	margin-right: 10px !important;
}
#menu-item-38 {
	//margin-left: 10px !important;
}
.kb-splide.kb-slider-group-arrows .splide__arrows .splide__arrow {
	opacity: 1 !important;
}
.gform_heading {
	display: none !important;
}
#witlogo img {
	filter: brightness(0) invert(1) !important;
}
.gform-theme--foundation .gform_fields {
	row-gap: 20px !important;
}
.gfield--input-type-section {
	border: 0px !important;
}
.gsection_title {
	font-size: 18px !important;
}
.gform_next_button {
	border-radius: 0px !important;
	background: #96A597 !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
}
.gform_prev_button, .gform_button, .gform_previous_button {
	border-radius: 0px !important;
	background: #96A597 !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
}
.gform-theme--framework .gf_progressbar .percentbar_blue {
	background-color: #ED7601 !important;
}
.gform_previous_button {
	border: 0px !important;
	color: white !important;
}

.gsection_description {
	color: black !important;
	font-size: 16px !important;
}


/* Verberg standaard checkbox */
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
    display: none;
}

/* Maak een custom checkbox */
.gform_wrapper .gfield_checkbox input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 2px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
    background-color: #fff;
}
.gform-field-label {
	margin-left: 0px !important;
	font-size: 16px !important;
}
/* Checkbox aangevinkt */
.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::before {
    background-color: #96A597; /* gewenste kleur */
    border-color: #96A597;
}

/* Verwijder blauwe focus-ring voor alle Gravity Forms knoppen */
.gform_wrapper .gform_page_footer input[type="button"]:focus,
.gform_wrapper .gform_page_footer input[type="submit"]:focus {
    outline: none; /* verwijdert de blauwe rand */
    box-shadow: none; /* verwijdert eventuele schaduw */
}
.gfield_label.gform-field-label {
	//font-weight: bold !important;
}
.gform_wrapper .gform_page_footer input[type="button"]:focus {
    outline: 2px solid #ff6600; /* eigen kleur voor focus */
    outline-offset: 2px;
}

.popup-drawer .drawer-inner {
	background: #243F49 !important;
}
.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button {
	border-left: 0px !important;
}
.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a {
	border-bottom: 0px !important;
}
.mobile-menu-container.drawer-menu-container ul li a {
	padding: 5px !important;
}
.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap {
	color: white !important;
}

#mobile-menu li a {
	font-size: 18px !important;
}

#field_1_23 {
	padding-bottom: 0px !important;
	margin-bottom: -10px !important;
}
#field_1_11 {
	padding-bottom: 0px !important;
	margin-bottom: -10px !important;
}


.grecaptcha-badge {
	display: none !important;
}


.page-id-18 .site-header-upper-inner-wrap { 	height: auto !important; }


.bedrijfsinfo a {
	color: white !important;
	pointer-events: none !important;
	text-decoration: none !important;


@media screen and (max-width: 767px) { 
.site-top-header-wrap .site-header-row-container-inner > .site-container {
	padding: 0px !important;
}
	
	
/* Centreert de gehele lijst */
#mobile-secondary-menu {
  display: flex;
  flex-direction: column; /* Zorgt dat de items onder elkaar staan */
  align-items: center; /* Centreert horizontaal */
  justify-content: center;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}

/* Optioneel: centreren van de links zelf */
#mobile-secondary-menu li a {
  display: flex;
  align-items: center; /* centreert icoon en tekst verticaal */
  justify-content: center; /* centreert de inhoud horizontaal */
  text-align: center;
}

/* Eventueel om te zorgen dat de iconen niet naar links trekken */
#mobile-secondary-menu .menu-label-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bedrijfsinfo a {
	color: white !important;
	pointer-events: none !important;
	text-decoration: none !important;
}
}