@import url("reset.less");


/* Optionele CSS-aanpassingen voor de dropdown on hover */
.navbar .dropdown-menu {
	display: none;
	opacity: 0;
	visibility: hidden;
	.transition;
	position: absolute;
}

.navbar .dropdown.show .dropdown-menu {
	display: block;
	opacity: 1;
	visibility: visible;
}
.img-blog {
	width:auto;
	height:450px;
	object-fit: contain;
}
.specificatie-item{
	margin:25px 0;
}
.specificatie{
	display:flex;
	align-items: center;
	gap:20px;
	
	p {
		margin: 0;
	}
}

.login{
	font-size: 16px;
	color: #fff;
}

.kleur-blok {
	display: flex; 
	align-items: center; 
	width: 100px; 
	height: 20px; 
	gap: 30px; 
	margin: 10px;
	position: relative;
}

.ral-kleur {
	position: absolute;
	left: 110%;
	white-space: nowrap;
	font-size: 14px; 
	margin: 20px; 
}

.titlebox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	h4 {
		max-width:80%;
		color: @dark;
		margin: 0;
	}
	
	i {
		color: @dark;
		font-size: 24px;
	}
	hr {
		color: @primair;
		width:100%;
	}
}




/*------------------------------------------------------------------------ Global ------------------------------------------------------------------------*/
header {
	position: fixed;
	width: 100%;
	z-index: 999;
	background: transparent;
	.transition;
	
	&.scrolled {
		position: fixed;
		width: 100%;
		z-index: 999;
		background: #b1b1b1;
		.boxshadow_style;
	}

	.mega-menu-description {
		display: none !important;
	}
	
	nav {
		padding: 0 !important;
	}
	
	.navbar-brand {
		width: 300px;
		padding: 10px;
		
		img {
			width: 100%;
		}
	}
	
	.navbar_box {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		
		#mega-menu-wrap-primary {
			
			.mega-menu-link {
				color: @light;
				font-family: 'Titels' !important;
				font-weight: 600 !important;
				
				&:hover {
					color: @detail;
				}
			}
			
			.mega-sub-menu {
				left: 25px;
				width: 250px;
				transform: translateX(-30%);
				background: #ffffff;
				border: none;
				border-radius: 5px;
				padding: 0px;
				-webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
				-moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
				box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
				
				li {
					padding: 0px 0px 10px 0px;
					border-bottom: 1px solid @primair;
					.transition;
					
					&:hover {
						background: @primair;
						color: @light;
						
						a {
							color: @light;
						}
						
						&:first-child {
							border-radius: 5px 5px 0px 0px;
						}
						
						&:last-child {
							border-radius: 0px 0px 5px 5px;
						}
					}
					
					&:last-child {
						border-bottom: 0px solid @primair;
					}
					
					a {
						color: @dark;
						padding: 10px 20px 0px 20px;
					}
				}
			}
		}
		
		.primaire_button {
			border-radius: 100px;
			background: @detail;
			color: @light;
			padding: 10px 30px;
		}
	}
}

.button_box {
	display: flex;
	gap: 25px;
	
	.primaire_button {
		background: @detail;
		color: @light;
		padding: 10px 30px;
		border-radius: 100px;
	}
	
	.secundaire_button {
		background: transparent;
		border: 1px solid @light;
		color: @light;
		padding: 10px 30px;
		border-radius: 100px;
		.transition;
		
		&:hover {
			background: @light;
			border: 1px solid @light;
			color: @dark;
		}
	}
}

.page_content {

	.page_div {
		
		&.intro {
			color: @light;
			.background_style;
			position:relative;
			overflow: hidden;
				
			&:after {
				content:'';
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				opacity:0.5;
				background:rgb(0, 0, 0);
			}
			
			.row {
				position:relative;
				z-index:10;
				display: flex;
				flex-wrap: wrap;
				align-items: flex-end;
			}
			
			.youtube-wrapper {
				 top: 0;
				 left: 0;
				 width: 100%;
				 height: 100%;
				 z-index: -1;
				 pointer-events: none;
				 overflow: hidden;
				 display: flex;
				 justify-content: center;
				 position: absolute;
				 
			 
				 iframe {
					width: 100vw;
					height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
					min-height: 100vh;
					min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				 }
			}
		}
		
		&.sub_intro {
			background: #b1b1b1;
			color: @dark;
			position: relative;
			
			.path_bottom {
				position: absolute;
				top: 100%;
				right: 0%;
				transform: translate(0%, -50%);
				height: 100px;
				width: auto;
			}
		}
		
		&.breadcrumbs {
			padding: 50px 0px;
			
			.breadcrumbs {
				border-bottom: 1px solid rgba(57, 161, 213, 0.3);
				padding-bottom: 25px;
				font-size: 0.875em;
				
				a {
					color: @dark;
				}
			}
		}
		
		&.categorieen {
			
			.button_box {
				justify-content: flex-end;
				
				.primaire_button {
					background: @detail;
					color: @light;
					padding: 10px 30px;
					border-radius: 100px;
				}
				
				.secundaire_button {
					background: transparent;
					border: 1px solid @dark;
					color: @dark;
					padding: 10px 30px;
					border-radius: 100px;
					.transition;
					
					&:hover {
						background: @dark;
						border: 1px solid @dark;
						color: @light;
					}
				}
			}
			
			a {
				color: @dark;
				
				img {
					width: 100%;
					border-radius: 10px 10px 0px 0px;
					height: 350px;
					object-fit: cover;
					
				
				}
				
				h6 {
					color: @primair;
				}
				
				.title_box , .titlebox a {
					display: flex;
					align-items: center;
					justify-content: space-between;
					
					h4 {
						color: @dark;
						margin: 0;
					}
					
					i {
						color: @dark;
						font-size: 24px;
					}
				}
				
				hr {
					color: @primair;
				}
			}
			
			.filter_opties {
				background: #F1F7F8;
				color: @dark;
				border-radius: 10px;
				padding: 25px;
				
				.form-check-input {
					
					&:checked {
						background-color: @primair;
						border-color: @primair;
					}	
				}
				
				.primaire_button {
					background: @detail;
					color: @light;
					border: none;
					padding: 10px 30px;
					border-radius: 100px;
				}
			}
			
			.page_usps_box {
				background: @light;
				padding: 50px;
				border-radius: 10px;
				.boxshadow_style;
				
				.page_usp {
					
					h4 {
						color: @dark;
						margin: 0;
					}
					
					i {
						color: @dark;
						font-size: 24px;
					}
				
					hr {
						color: @primair;
					}
				}
			}
		}
		
		&.usps {
			background: @light;
			
			.usp_box_blue {
				height: 100% !important;
				
				.usp_items {
					position: relative !important;
					top: 50% !important;
				}
			}
			
			.usp_box {
				height: 60vh;
				.background_style;
				background-position: 100% 90% !important;
				border-radius: 10px;
				position: relative;
				
				.usp_items {
					position: absolute;
					width: 100%;
					top: 100%;
					transform: translateY(-50%);
					
					.usp_item {
						display: flex;
						flex-direction: column;
						align-items: center;
						text-align: center;
						gap: 25px;
						width: 100%;
						height: 100%;
						background: @light;
						border: 1px solid @grey;
						padding: 25px;
						
						.icon_border {
							border: 1px dashed @primair;
							border-radius: 50px;
							padding: 25px;
							
							img {
								height: 50px;
								aspect-ratio: 1/1;
								object-fit: contain;
							}
						}
					}
				}
			}
			
			.button_box {
				transform: translateY(150px);
				justify-content: center;
			}
		}
		
		&.tekst_afbeelding {
			background: @grey;
			padding-bottom: -200px;
			position: relative;
			overflow: hidden;
			
			.achtergrondblok {
				height: 600px;
				width: 75%;
				border-radius: 50px;
				.background_style;
				position: relative;
				z-index: 2;
			}
			
			.path_left {
				height: 500px;
				position: absolute;
				top: 50%;
				left: 5%;
				transform: translate(-50%, -50%);
			}
			
			.path_right {
				height: 500px;
				position: absolute;
				top: 32%;
				left: 73%;
				transform: translate(-50%, -50%);
			}
			
			.col-lg-6 {
				margin-bottom: -200px;
				
				.tekstblok {
					background: @light;
					padding: 50px;
					border-radius: 30px;
					.boxshadow_style;
					transform: translateY(-200px);
					position: relative;
					z-index: 3;
					
					h3 {
						color: @primair;
					}
				}
			}
		}
		
		&.tekst_afbeelding_2 {
			background: @light;
			
			.achtergrondblok {
				height: 500px;
				width: 100%;
				border-radius: 10px;
				.background_style;
			}
			
			h3 {
				color: @primair;
			}
			
			h2 {
				font-size: 1.25em !important;
				padding-bottom: 10px;
				border-bottom: 1px solid @primair;
			}
			
		}
		
		&.tekst_afbeelding_3 {
			background: @light;
			
			.achtergrondblok {
				height: 500px;
				width: 100%;
				border-radius: 10px;
				.background_style;
			}
			
			h3 {
				color: @primair;
			}
			
			h2 {
				font-size: 1.25em !important;
				padding-bottom: 10px;
				border-bottom: 1px solid @primair;
			}
			
		}
		
		&.linkblokken {
			background: @light;
			
			a {
				color: @light;
				.transition;
				
				.linkblok {
					display: flex;
					align-items: flex-end;
					justify-content: center;
					height: 50vh;
					border-radius: 10px;
					.background_style;
					position:relative;
					
					&:after {
						border-radius: 10px;
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background: @dark;
						opacity: .3;
					}
					
					.linkblok_content {
						display: flex;
						flex-direction: column;
						align-items: center;
						position: relative;
						z-index: 10;
						padding-bottom: 25px;
						
						h3 {
							font-family: 'Titels' !important;
							font-size: 1.2rem !important;
						}
						
						i {
							font-size: 2em;
						}
					}
				}
				
				.tekst_linkblok {
					color: @dark;
				}
				
				&:hover {
					color: @detail;
				}
			}
		}
		
		&.tekst_formulier {
			.background_style;
			position:relative;
				
			&:after {
				content:'';
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				opacity:1;
				background-image: linear-gradient(to right, #D7EBF7, rgba(215, 235, 247, 0.8), transparent);
			}
			
			.row {
				position:relative;
				z-index:10;
			}
			
			.formulierblok {
				border-radius: 10px;
				background: @light;
				padding: 50px;
				
				label {
					font-weight: 700 !important;
				}
				
				#gform_fields_1 {
					row-gap: 10px !important;
				}
				
				input[type='submit'] {
					background: #D2E4F2 !important;
					color: @dark !important;
					padding: 10px 30px !important;
					border-radius: 100px !important;
				}
			}
		}
		
		&.kolom_1 {
			color: @dark;
			
			&.grey_bg {
				background: @grey;
			}
			
			.row {
				position: relative;
			}
			
			.button_box {
				justify-content: center;
			}
			
		}
		
		&.formulier_gegevens {
			position: relative;
				
			label {
				font-weight: 700 !important;
			}
			
			#gform_fields_2 {
				row-gap: 10px !important;
			}
			
			.gfield_required {
				display: none;
			}
			
			input[type='text'], input[type='tel'], input[type='email'], textarea {
				border: 1px solid #BCBCBC;
			}
			
			input[type='submit'] {
				background: @detail !important;
				color: @light !important;
				padding: 10px 30px !important;
				border-radius: 100px !important;
			}

			.maps_embed {
				padding: 250px;
				iframe {
					width: 100%;
					height: 400px;
					border-radius: 10px;

				}
			}
			
			.contactgegevens {
				
				h5 {
					border-bottom: 1px solid rgba(57, 161, 213, 0.3);
					padding: 100px 0px 10px 0px;
					margin-bottom: 25px;
				}
				
				a, strong, div {
					color: @dark;
					font-size: 0.875em !important;
				}
			}
			
			.afbeelding {
				position: absolute;
				top: 60%;
				right: 0;
				transform: translateY(-50%);
				height: 400px;
				width: 500px;
				border-radius: 50px 0px 0px 50px;
				.background_style;
				
				.path_left {
					width: 100px;
					transform: translate(-50%, 10%);
				}

				.path_right {
					height: 500px;
					position: absolute;
					right: 0%;
					transform: translate(125%, 0%);
				}
			}
		}
	}
}

.single_content {
	
	.page_div {
		padding: 50px 0px;
		
		&.sub_intro {
			padding: 150px 0px 50px 0px;
			background: #b1b1b1;
			color: @dark;
			position: relative;
			
			.path_bottom {
				position: absolute;
				top: 100%;
				right: 0%;
				transform: translate(0%, -50%);
				height: 100px;
				width: auto;
			}
		}
		
		&.breadcrumbs {
			padding: 50px 0px;
			
			.breadcrumbs {
				border-bottom: 1px solid rgba(57, 161, 213, 0.3);
				padding-bottom: 25px;
				font-size: 0.875em;
				
				a {
					color: @dark;
				}
			}
		}
		
		&.product_info {
			font-size: 13px;
			color: @dark;
			.col{
				word-wrap: break-word;
				word-break: break-word;
				padding: 0 10px
			}
			
			.product_afbeelding {
				height: 400px;
				width: 100%;
				border-radius: 10px;
				aspect-ratio: 1;
				background-size: cover; 
				background-position: center;  
				transition: transform 0.3s ease, box-shadow 0.3s ease;  
			}
			
			.product_afbeelding:hover {
				transform: scale(1.05);
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); 
			}
			
			.product_afbeelding_small {
				height: auto;
				border-radius: 10px;
				aspect-ratio: 1;
				background-size: cover;  
				background-position: center;  
				transition: transform 0.3s ease, box-shadow 0.3s ease;  
				width: 100%;
				margin-bottom: 10px; /* Voeg wat ruimte toe onder de afbeeldingen */
			}
			
			.caption-text {
				width: 100%;
				text-align: left; 
				font-size: 14px; 
				margin-top: 5px; 
			}

			
			.col{
				background-size: cover;  
				flex: 0 0 auto;
				width: 50%;	
			}
			
			@media (max-width: 768px) {
				.col {
					width: 50%; 
				}
			}

			
			.product_afbeelding_small:hover {
				transform: scale(1.05); 
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
			}
			
			
			
		}
		
		&.vacature_info {
			color: @dark;
			
			.vacature_afbeelding {
				height: 750px;
				border-radius: 10px;
				.background_style;
			}
			
			.col-lg-6 {
				margin-top: -250px;
			}
			
			.formulierblok {
				transform: translateY(-100px);
				box-shadow: 5px 5px 99px #00000014;
				border-radius: 10px;
				background: @light;
				padding: 50px;
				
				.gfield_required {
					display: none;
				}
				
				label {
					font-weight: 700 !important;
				}
				
				#gform_fields_3 {
					row-gap: 10px !important;
				}
				
				input[type='submit'] {
					background: #D2E4F2 !important;
					color: @dark !important;
					padding: 10px 30px !important;
					border-radius: 100px !important;
				}
			}
		}
		
		&.specificaties {
			color: @dark;
			
			hr {
				color: @primair;
				opacity: 1;
			}
			
			.nav-tabs {
				display: flex;
				// justify-content: space-between;
				
				.nav-item {
					width: 16.66%;
					border: 1px solid #F1F7F8;
					
					button {
						width: 100%;
						color: @dark;
						border-radius: 0px;
						
						&.active {
							background: #F1F7F8;
							border: 1px solid #F1F7F8;
							border-radius: 0px;
						}
						
						&:hover {
							background: #F1F7F8;
							border: 1px solid #F1F7F8;
							border-radius: 0px;
						}
					}
				}
			}
			
			.specificatie_box {
				border: 1px solid #F1F7F8;
				border-top: none;
				padding: 25px 50px;
				
				.specificatie {
					display: flex;
					gap: 10px;
					
					.ral_5010 {
						background: #004F7C;
						height: 50px;
						border-radius: 5px;
						width: 100%;
					}
					
					.ral_7038 {
						background: #B0B0A9;
						height: 50px;
						border-radius: 5px;
						width: 100%;
					}
					
					.ral_1018 {
						background: #FACA30;
						height: 50px;
						border-radius: 5px;
						width: 100%;
					}
					
					.ral_2004 {
						background: #E25303;
						height: 50px;
						border-radius: 5px;
						width: 100%;
					}
					
					.ral_3002 {
						background: #9B2320;
						height: 50px;
						border-radius: 5px;
						width: 100%;
					}
				}
			}
		}
		
		&.tekst_formulier {
			margin-top: 50px;
			.background_style;
			position:relative;
				
			&:after {
				content:'';
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				opacity:1;
				background-image: linear-gradient(to right, #D7EBF7, rgba(215, 235, 247, 0.8), transparent);
			}
			
			.row {
				position:relative;
				z-index:10;
			}
			
			.formulierblok {
				border-radius: 10px;
				background: @light;
				padding: 50px;
				
				label {
					font-weight: 700 !important;
				}
				
				#gform_fields_1 {
					row-gap: 10px !important;
				}
				
				input[type='submit'] {
					background: #D2E4F2 !important;
					color: @dark !important;
					padding: 10px 30px !important;
					border-radius: 100px !important;
				}
			}
		}
	}
}

footer {
	background: @primair; /* Zorg ervoor dat @primair een geldige kleur is */
	color: @light;
	padding: 100px 0;

	h5 {
		padding-bottom: 10px;
		margin-bottom: 25px;
		position: relative;

		&:after {
			content: '';
			position: absolute;
			top: 100%;
			left: 0;
			width: 40px;
			height: 2px;
			background: #3CB1ED;
		}
	}

	.h5-link {
		color: #fff;
		text-decoration: none;
	}

	.h5-link:hover {
		color: #3CB1ED; /* Voeg een hoverkleur toe om het visueel aantrekkelijker te maken */
	}

	ul {
		padding: 0;
		list-style-type: none;

		li {
			margin-bottom: 10px;

			a {
				color: #fff !important;
				text-decoration: none;
				font-size: 0.9em !important;
				font-weight: 400;
				padding: 1.5px 0 !important;
			}
		}
	}
}




/*---------------------------------------------------------------------- Responsive ----------------------------------------------------------------------*/

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.page_content .page_div.categorieen a img {
    height: 250px!Important;
}

}


@media only screen and (max-width: 991px) {
	
	body {
		
		&.no-scroll {
			max-height: 80vh;
			overflow: hidden;
		}	
	}
	
	.col-lg-6.offset-lg-1 {
		margin-top: 20px;
	}
	
	header {
		background: transparent;
		padding: 10px 0px;
		
		.navbar-brand {
			width: 200px;
		}
		
		.primaire_button {
			background: @detail;
			color: @light;
			padding: 5px 20px;
			margin-left: 40px !important;
			font-size: 12px;
			border-radius: 100px;
		}
	}

	.page_content {
	
		.page_div {
	
			&.intro {
				// height: 100vh;
			}
			
			&.sub_intro {
				
				.path_bottom {
					height: 50px;
				}
			}
			
			&.categorieen {
				
				.button_box {
					justify-content: center;
				}
				
				.filter_opties {
					background: #F1F7F8;
					color: @dark;
					border-radius: 10px;
					padding: 25px;
					
					.form-check-input {
						
						&:checked {
							background-color: @primair;
							border-color: @primair;
						}	
					}
					
					.primaire_button {
						background: @detail;
						color: @light;
						border: none;
						padding: 10px 30px;
						border-radius: 100px;
					}
				}
			}
			
			&.usps {
				
				.usp_box_blue {
					
					.usp_items {
						top: 25% !important;
					}
				}
				
				.usp_box {
					height: 40vh;
					background-position: 100% 50% !important;
					
					.usp_items {
						transform: translateY(-25%);
						
						.usp_item {
							width: 94%;
							margin: 3% 0%;
						}
					}
				}
				
				.button_box {
					transform: translateY(250px);
				}
			}
			
			&.tekst_afbeelding {
				
				.achtergrondblok {
					height: 250px;
					border-radius: 30px;
					width: 80%;
					margin-left: 10%;
				}
				
				.path_left {
					height: 350px;
					top: 0%;
					left: 15%;
				}
				
				.path_right {
					height: 350px;
					top: 40%;
					left: 85%;
				}
				
				.col-lg-6 {
					margin-bottom: 0px;
					
					.tekstblok {
						padding: 25px;
						transform: translateY(-25px);
					}
				}
			}
			
			&.tekst_afbeelding_2 {
				
				.achtergrondblok {
					height: 300px;
				}
			}
			
			&.tekst_afbeelding_3 {
				
				.achtergrondblok {
					height: 300px;
				}
			}
			
			&.formulier_gegevens {
				position: relative;
					
				label {
					font-weight: 700 !important;
				}
				
				#gform_fields_2 {
					row-gap: 10px !important;
				}
				
				.gfield_required {
					display: none;
				}
				
				input[type='text'], input[type='tel'], input[type='email'], textarea {
					border: 1px solid #BCBCBC;
				}
				
				input[type='submit'] {
					background: @detail !important;
					color: @light !important;
					padding: 10px 30px !important;
					border-radius: 100px !important;
				}
				
				.contactgegevens {
					text-align: start;
					
					h5 {
						border-bottom: 1px solid rgba(57, 161, 213, 0.3);
						padding: 100px 0px 10px 0px;
						margin-bottom: 25px;
					}
					
					a, strong, div {
						color: @dark;
						font-size: 0.875em !important;
					}
				}

				.maps_embed {
					overflow: hidden;
					padding: 250px;
			
					iframe {
						width: 98%;
						height: 400px;
						border-radius: 10px;
					}
				}
				.afbeelding {
					position: absolute;
					top: 60%;
					right: 0;
					transform: translateY(-50%);
					height: 400px;
					width: 500px;
					border-radius: 50px 0px 0px 50px;
					.background_style;
					
					.path_left {
						display: none;
					}
	
					.path_right {
						display: none;
					}
				}
			}
		}
	}
	
	.single_content {
	
		.page_div {
			padding: 50px 0px;
			
			&.sub_intro {
				
				.path_bottom {
					height: 50px;
				}
			}
			
			&.product_info {
				// height: 850px;

				.product_afbeelding_small {
					height: auto;
					width: 100%;
					aspect-ratio: 1;
					object-fit: cover;
				}
			}
			
			&.specificaties {
				
				.slick-prev {
					border-radius: 30px;
					height: 30px;
					width: 30px;
					line-height: 0px;
					font-size: 0px;
					cursor: pointer;
					background: @primair;
					color: transparent;
					border: none;
					position: absolute;
					top: 100%;
					left: 0% !important;
					-webkit-transform: translate(-0%, -260%);
					-ms-transform: translate(-0%, -260%);
					transform: translate(-0%, -260%);
					z-index: 10;
					
					&:before {
						font-size: 22px;
						color: #fff;
					}
				}
				
				.slick-next {
					border-radius: 30px;
					height: 30px;
					width: 30px;
					line-height: 0px;
					font-size: 0px;
					cursor: pointer;
					background: @primair;
					color: transparent;
					border: none;
					position: absolute;
					top: 100%;
					left: 100% !important;
					-webkit-transform: translate(-100%, -260%);
					-ms-transform: translate(-100%, -260%);
					transform: translate(-100%, -260%);
					z-index: 10;
					
					&:before {
						font-size: 22px;
						color: #fff;
					}
				}
				
				.formulierblok {
					transform: translateY(0px);
					box-shadow: 5px 5px 99px #00000014;
					border-radius: 10px;
					background: @light;
					padding: 25px;
					
					.gfield_required {
						display: none;
					}
					
					label {
						font-weight: 700 !important;
					}
					
					#gform_fields_3 {
						row-gap: 10px !important;
					}
					
					input[type='submit'] {
						background: #D2E4F2 !important;
						color: @dark !important;
						padding: 10px 30px !important;
						border-radius: 100px !important;
					}
				}
			}

			&.vacature_info {
				color: @dark;
				
				.vacature_afbeelding {
					height: 400px;
				}
				
				.col-lg-6 {
					margin-top: 0px;
				}
				
				.formulierblok {
					transform: translateY(0px);
					padding: 25px;
				}
			}
		}
	}
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 0px 10px 0px 20px !important;
}

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



}	 


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



}