/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 01 2025 | 15:49:22 */
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: #F2F6F9 !important;
	padding: 38px 30px !important;
	color: #002469 !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: 220px !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-1136 {
	margin-right: 10px !important;
}
#menu-item-38 {
	margin-left: 10px !important;
}




/* Verplaats de Vimeo achtergrondvideo iets naar rechts */
#video-opzij .kb-bg-video-iframe iframe {
  transform: translateX(25%); /* Verplaats 10% naar rechts */
  transition: transform 0.5s ease; /* optioneel: soepele overgang */
}

/* Zorg dat de container het overschot verbergt (optioneel) */
#video-opzij .kb-bg-video-iframe {
  overflow: hidden;
}




div[data-section="kadence_customizer_header_html2"] {
	background-color: #f5f5f5;
	padding-left: 30px !important;
	padding-right: 30px !important;
}


.popup-drawer .drawer-inner {
	background: #002469 !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;
}





@media screen and (max-width: 767px) { 


#footerlinks .kb-button.kt-button.button span {
	min-width: 200px !important;
	text-align: left !important;
}
#trapeze {
	border-radius: 0px !important;
}
#trapeze {
	border-radius: 0px !important;
	//padding: 8rem 0 10rem;
	padding: 0px !important;
	padding-top: 40px !important;
	margin: 0px !important;
}


.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;
}

}