/* ====
Theme Name: E Dental Wordpress Thema
Theme URI: https://www.e-dental.nl/
Description: WordPress-thema voor E Dental.
Version: 2.0
Author: E Dental
Tags: e-dental, wordpress

==== */

/* === ROOT == */

:root {
	--transition: all 0.234s cubic-bezier(0.4, 0.0, 0.2, 1);
	--box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
	--padding-box: 10px 20px 8px 20px;
	--oranje: rgb(255,90,0);
	--blauw: rgb(0,149,219);
	--roze: rgb(230,0,126);
	--zwart: rgb(0,0,0);
	--donkergrijs: rgb(48,48,48);
	--lichtgrijs: rgb(230,230,230);
}

*
{

}

header > div.header-video
{
	display: block;
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
	z-index: 1;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: videoLoading;
}

@keyframes videoLoading
{
	0%
	{
		background: rgb(225,225,225);	
	}
	
	67%
	{
		background: rgb(245,245,245);
	}
	
	100%
	{
		background: rgb(225,225,225);	
	}
}

header > div.header-video > video
{
	position: relative;
	height: auto;
	width: 100%;
	margin: 0 auto;
	z-index: 2;
}

section.up-sells,
section.related.products
{
	padding: 0;
}

.page-id-90 section.updated-text-and-photo { padding: 90px calc(calc(calc(100vw - 1416px) / 2) + 25px); }
body
{
	font-family: 'Open Sans', 'Open Sans', sans-serif !important;
	font-weight: 400;
	font-size: 100%;
	font-style: normal;
	line-height: 1.5em;
	color: black;
}

body.blog main,
body.post-type-archive-assortiment main
{
	display: flex;
	flex-wrap: wrap;
}


body.blog main header,
body.post-type-archive-assortiment main header
{
	order: 0;
	width: 100%;
}

body.blog main #breadcrumbs,
body.post-type-archive-assortiment main #breadcrumbs
{
	order: 1;
}

body.blog main section,
body.post-type-archive-assortiment main section
{
	order: 4;
}

body.blog main footer,
body.post-type-archive-assortiment main footer
{
	order: 5;
	width: 100%;
}

body.blog main section:nth-of-type(1),
body.post-type-archive-assortiment main section:nth-of-type(1)
{
	order: 1;
}

@media screen and (max-width: 760px)
{
	.is--hidden--on--mobile
	{
		display: none !important;
	}
	
	p
	{
		margin-bottom: 1.5em !important;
	}
}

main
{
	overflow: auto;
}

body.fixed
{
	overflow: hidden;
}

main > section:nth-of-type(1)
{
	padding: 50px calc((100vw - 1416px) / 2) 50px calc((100vw - 1416px) / 2);
}

body.home main > section:nth-of-type(1)
{
	padding: 150px calc((100vw - 1416px) / 2) 100px calc((100vw - 1416px) / 2);
}

section#404-content
{
	padding: 150px calc((100vw - 1416px) / 2) 90px calc((100vw - 1416px) / 2) !important;
}

.is-dropdown-submenu
{
	column-count: 3;
	column-gap: 25px;
	border: none;
	min-width: 60vw;
	transform: translateY(-50px) translateX(-50px);
	opacity: 0;
	z-index: -15;
	display: block !important;
	pointer-events: none;
	user-select: none;
	padding: 25px;
	margin-left: 0;
}


#menu-header-1 .is-dropdown-submenu
{
	padding: 25px 25px 25px 300px;
}

.is-dropdown-submenu.js-dropdown-active
{
	z-index: 15;
	pointer-events: initial;
	user-select: initial;
	opacity: 1;
	transform: translateY(0px) translateX(-50px);
	transition: all 250ms ease-in-out;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

div#floating-logo
{
	display: none;
	position: absolute;
	z-index: 29;
	top: 30px;
	left: 25px;
	height: 65px;
}

div#floating-logo a img
{
	height: 100%;
	width: auto;
}

div#offscreen-menu-button
{
	display: none;
	position: fixed;
	z-index: 835203;
	top: 30px;
	right: 25px;
	cursor: pointer;
	height: 50px;
	width: 50px;
}

div#offscreen-menu-button > span
{
	display: block;
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0px 0px 3px 1px rgba(20,20,20,.0456), 0px 0px 6px 1px rgba(20,20,20,.0456), 0px 0px 9px 1px rgba(20,20,20,.0456);
}

div#offscreen-menu-button > span > i
{
	display: block;
	position: absolute;
	background: black;
	height: 3px;
	border-radius: 5px;
	width: 30px;
	top: 24px;
	left: 10px;
	transition: all 200ms ease-in-out;
}

div#offscreen-menu-button > span.active
{
	opacity: 1;
}

div#offscreen-menu-button > #offscreen-menu-button-open
{
	background: white;
}

div#offscreen-menu-button > #offscreen-menu-button-open i#open-upper
{
	transform: translateX(30px) translateY(-10px);
}

div#offscreen-menu-button > #offscreen-menu-button-open i#open-middle
{
	transform: translateX(90px) scaleX(1.2);
	transition-delay: 200ms;
}

div#offscreen-menu-button > #offscreen-menu-button-open i#open-lower
{
	transition-delay: 100ms;
	transform: translateX(60px) translateY(10px);
}

div#offscreen-menu-button > #offscreen-menu-button-open.active i#open-upper
{
	transform: translateX(0) translateY(-10px);
	
}

div#offscreen-menu-button > #offscreen-menu-button-open.active i#open-middle
{
	transform: translateX(3px) scaleX(.8);
}

div#offscreen-menu-button > #offscreen-menu-button-open.active i#open-lower
{
	transform: translateX(0) translateY(10px);
}

div#offscreen-menu-button > #offscreen-menu-button-close
{
	background: black;
}

div#offscreen-menu-button > #offscreen-menu-button-close i#close-upper
{
	background: white;
}

div#offscreen-menu-button > #offscreen-menu-button-close i#close-lower
{
	background: white;
}

div#offscreen-menu-button > #offscreen-menu-button-close.active i#close-upper
{
	transform: rotate(45deg);
}

div#offscreen-menu-button > #offscreen-menu-button-close.active i#close-lower
{
	transform: rotate(-45deg);
}

aside#offscreen-menu
{
	position: fixed;
	z-index: 835200;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 5vh 25vw;
	height: 100vh;
	width: 100%;
	user-select: none;
	pointer-events: none;
	overflow: auto;
	transition: clip-path 450ms ease-in-out;
	transition-delay: 300ms;
	background: var(--roze);
	clip-path: polygon(0% 0%, 100% 0%, 100% 0, 68% 0, 34% 0, 0 0);
}

aside#offscreen-menu a:hover,
aside#offscreen-menu a:active
{
	color: white !important;
}

aside#offscreen-menu p a img
{
	display: block;
	height: 75px;
	width: auto;
	margin: 0 auto;
}

aside#offscreen-menu ul
{
	flex-direction: column;
	background: none !important;
	text-align: center;
	margin-inline-start: 0px;
}

aside#offscreen-menu ul li a
{
	color: white;
	text-align: left;
	padding: 0px 15px 15px 10px;
}

aside#offscreen-menu ul li a:hover
{
	text-decoration: underline;
}

aside#offscreen-menu span.socials
{
	display: block;
	margin-top: 50px;
	text-align: center;
}

aside#offscreen-menu span.socials a
{
	display: inline-flex;
	height: 50px;
	width: 50px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	background: white;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 100%;
	transition: all 250ms ease-in-out;
}

aside#offscreen-menu span.socials a:hover
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

aside#offscreen-menu span.socials a svg
{
	height: 100%;
	width: 100%;
	fill: black;
}


aside#offscreen-menu.open
{
	transition-delay: 450ms;
	user-select: initial;
	pointer-events: initial;
}

aside#offscreen-menu::before,
aside#offscreen-menu::after
{
	content: '';
	display: block;
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	transition: clip-path 450ms ease-in-out;
	clip-path: polygon(0% 0%, 100% 0%, 100% 0, 68% 0, 34% 0, 0 0);
}

aside#offscreen-menu.open,
aside#offscreen-menu.open::before,
aside#offscreen-menu.open::after
{
	transition: clip-path 450ms ease-in-out;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 67% 100%, 25% 100%, 0 100%);
}

aside#offscreen-menu::before, aside#offscreen-menu.open::before { background: var(--blauw); }
aside#offscreen-menu::after, aside#offscreen-menu.open::after { transition-delay: 150ms; background: var(--oranje); }



aside.bottom-sticky
{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: fixed;
	z-index: 21;
	bottom: 0;
	left: calc((100% - 1400px) / 2);
	right: 0;
	align-items: flex-end
}

aside.bottom-sticky > .showroom
{
	height: 44px;
	flex-basis: 800px;
	flex-grow: 1;
	padding: 0 20px;
	background: black;
}

aside.bottom-sticky > .showroom p
{
	line-height: 44px;
	color: white;
	font-weight: 300;
	margin: 0;
}

aside.bottom-sticky > .showroom a,
aside.bottom-sticky > .showroom a:hover
{
	color: white;
	font-weight: 700;
}

aside.bottom-sticky > .ebuild
{
	height: 64px;
	flex-basis: 313.66px;
	background: #F5F5F5;
}

aside.bottom-sticky .ebuild p
{
	line-height: 64px;
	font-size: 16px;
	padding: 0 25px;
	text-align: center;
	margin: 0;
}

aside.bottom-sticky .ebuild p a img
{
	height: 35px; width: auto;
}

aside.contact-menu
{
	display: flex;
	grid-gap: 25px;
	position: fixed;
	top: 110px;
	right: 0;
	z-index: 20;
	padding: 6px 25px;
}

aside.contact-menu li
{
	position: relative;
	list-style-type: none;
	font-size: .75em;
	transform: translateY(-2px);
}

aside.contact-menu li a,
aside.contact-menu li a:hover,
aside.contact-menu li a:visited
{
	color: white;
	font-weight: 300;
}

aside.contact-menu li a span
{
	transform: translateY(7px);
}

.contact-multiply
{
	display: block;
	position: fixed;
	top: 110px;
	right: 0;
	z-index: 19;
	background: var(--oranje);
	mix-blend-mode: multiply;
}

nav
{
	display: block;
	position: fixed;
	z-index: 30;
	width: 100%;
	
}

nav > .multiply
{
	display: block;
	height: 10px;
	width: 100%;
	background: rgba(255,65,0,.85);
}

nav > .main-navigation
{
	height: 100px;
	width: 100%;
	display: grid;
	grid-template-columns: 250px 1fr 375px;
	grid-gap: 25px;
	background: white;
	padding: 0 25px;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

nav > .main-navigation a > img
{
	height: 50px;
}
.main-navigation > p
{
	height: 100px;
	line-height: 100px;
	text-align: center;
	margin-bottom: 0;
}

.main-navigation .shopmenu
{
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin: 0 0 0 0 !important;
}

.main-navigation > ul
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.main-navigation > ul > .menu-item
{
	display: inline-block;
	height: 100px;
	margin-right: 25px;
}

.is-dropdown-submenu > li
{
	list-style-type: none;
}

.main-navigation > ul > .menu-item > a
{
	height: 100%;
	line-height: 75px;
	color: black;
}

.is-dropdown-submenu > li >  a
{
	height: 100%;
	line-height: 25px;
	color: black;
	transition: all 250ms ease-in-out;
}

ul.shopmenu li
{
	display: inline-block;
    height: auto;
    vertical-align: middle;
    padding: 0px 15px 15px 10px;
}


aside#offscreen-menu ul.shopmenu
{
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #FFF;
}

aside#offscreen-menu ul.shopmenu li
{
	display: block;
	text-align: left;
	padding: 0px 0px 15px 0px;
}

ul.shopmenu a.cart
{
	position: relative;
}

ul.shopmenu a.cart span.material-icons
{
	transform: translateY(7px);
}

ul.shopmenu a.cart span.cart-count
{
	display: table;
	position: absolute;
	top: 25px;
    left: 15px;
	height: 25px;
	width: 25px;
	line-height: 25px;
	border-radius: 50%;
	background: #202020;
}

aside#offscreen-menu ul.shopmenu a.cart span.cart-count
{
	top: -15px;
    left: 25px;
}

ul.shopmenu a.cart span.cart-count i
{
	display: table-cell;
	color: white;
	height: 100%;
	width: 100%;
	font-size: .675rem;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
}

#menu-shop-1 .is-dropdown-submenu:hover > li > a
{
	opacity: 0.25;
}

#menu-shop-1 .is-dropdown-submenu > li:hover > a
{
	opacity: 1;
	color: var(--blauw);
}

h1,h2,h3,h4,h5
{
	font-family: 'Open Sans', 'Open Sans', sans-serif !important;
	line-height: 1.23em;
}

h1
{
	font-weight: 300;
	font-size: 3.125rem;
	margin-bottom: 25px;
}

h1 > strong
{
	font-weight: 700 !important;
}

h2
{
	font-weight: 300;
	font-size: 2.5rem;
	margin-bottom: 0.8rem !important;
}

h2 > strong
{
	font-weight: 700 !important;
}

h3
{
	font-weight: 700;
	font-size: 2.25rem;
}

h3 > light
{
	font-weight: 300 !important;
}

h4
{
	font-weight: 700;
	font-size: 1.5rem;
}

h5
{
	font-size: 1.5rem;
	font-weight: 300 !important;
}

.first-word
{
	font-weight: 300 !important;
}

input[type=submit]
{
	padding: 10px 15px;
	border-radius: 5px;
	background-color: var(--oranje);
	border: none;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	color: white !important;
	font-weight: 300;
	font-family: 'Open Sans', 'Open Sans', sans-serif !important;
	cursor: pointer;
}

p.button_wrapper
{
	display: inline-table;
	position: relative;
	padding: 10px 15px;
	border-radius: 5px;
	margin: 1em 2em 1em 0;
	background-color: var(--oranje);
	overflow: hidden;
	transition: all 250ms ease-in-out;
}

p.button_wrapper:hover
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

p.button_wrapper::after
{
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	transform: skew(-33deg) translateX(-150%);
	height: 125%;
	width: 125%;
	z-index: 1;
	border-radius: 5px;
	user-select: none;
	pointer-events: none;
	transition: all 125ms ease-in-out;
	background-color: rgba(255,255,255,.34);
}

p.button_wrapper:hover::after
{
	transform: skew(-33deg) translateX(-12.5%);
}

p.button_wrapper.white
{
	display: inline-table;
	padding: 10px 15px;
	border-radius: 5px;
	margin: 0 0 1em 0;
	background-color: white;
	transition: all 250ms ease-in-out;
}

p.button_wrapper.white:hover
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

p.button_wrapper.blue
{
	display: inline-table;
	padding: 10px 15px;
	border-radius: 5px;
	margin: 1em 0;
	background-color: var(--blauw);
	color: white;
	transition: all 250ms ease-in-out;
}

p.button_wrapper.blue:hover
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

p.button_wrapper > a
{
	display: table-cell;
	position: relative;
	z-index: 2;
	height: 100%;
	width: 100%;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	color: white !important;
	font-weight: 300;
	font-family: 'Open Sans', 'Open Sans', sans-serif !important;
}

p.button_wrapper > i
{
	display: table-cell;
	cursor: pointer;
	height: 100%;
	width: 100%;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	color: white !important;
	font-weight: 300;
	font-family: 'Open Sans', 'Open Sans', sans-serif !important;
	font-style: normal;
}

p.button_wrapper.white > a
{
	color: var(--blauw) !important;
}

p
{
	line-height: 1.5em;
	margin-bottom: 2em;
}

header.full
{
	position: relative;
	margin-bottom: 100px;
}

@media screen and (min-width: 980px)
{
	header.full
	{
		height: clamp(600px, 80vh, 800px);
	}
}
div.header-slider
{
	height: 100%;
}

div.header-slider .header-slide
{
	height: 100%;
	position: relative;
}

div.header-slider .slick-arrow
{
	left: unset;
	top: unset;
	right: calc(((100vw - 1416px) / 2) + 50px );
	bottom: 0;
}

div.header-slider .slick-arrow.slick-prev
{
	transform: rotate(180deg) translateX(50px);
}

header.small
{
	margin-bottom: 0;
	height: 60vh;
	position: relative;
}

header.small > .header-image
{
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

header.empty
{
	background-color: rgba(255,255,255,.9);
	position: relative;
	min-height: unset;
	padding: calc(50px + 110px) calc(50px + calc(calc(100vw - 1416px) / 2 )) 0px calc(50px + calc(calc(100vw - 1416px) / 2 ));
}

header.no-header
{
	position: relative;
	display: block;
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 155px calc(50px + ((100vw - 1416px) / 2)) 42px calc(50px + ((100vw - 1416px) / 2));
	background-color: #F5F5F5;
	box-sizing: border-box;
	overflow: visible;
}

header.no-header .no-header-inner
{
	position: relative;
	display: block;
	width: 100%;
	max-width: 900px;
	margin: 0;
	padding: 0;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	box-sizing: border-box;
}

header.no-header h1
{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 900px;
	font-size: 2.75rem;
	line-height: 1.12em;
	font-weight: 300;
	color: black;
}

header.no-header h1 strong
{
	font-weight: 700 !important;
}

header.no-header .no-header-intro
{
	position: relative;
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 12px 0 0 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.5em;
}

header.no-header .button_wrapper
{
	position: relative;
	display: inline-table;
	margin: 20px 0 0 0;
}

header.no-header + p#breadcrumbs
{
	margin-top: 0;
}

/* No Header Image: tablet / menu wisselpunt */
@media screen and (max-width: 1440px)
{
	header.no-header
	{
		padding: 135px 25px 36px 25px;
	}

	header.no-header .no-header-inner
	{
		max-width: 900px;
		margin: 0 auto;
	}

	header.no-header h1
	{
		font-size: 2.5rem;
	}

	header.no-header + p#breadcrumbs
	{
		margin-top: 0 !important;
	}
}

/* No Header Image: tablet */
@media screen and (max-width: 1024px)
{
	header.no-header
	{
		padding: 125px 25px 32px 25px;
	}

	header.no-header h1
	{
		font-size: 2.25rem;
		line-height: 1.15em;
	}

	header.no-header .no-header-intro
	{
		margin-top: 10px;
		font-size: 1rem;
	}
}

/* No Header Image: mobiel */
@media screen and (max-width: 681px)
{
	header.no-header
	{
		padding: 112px 25px 28px 25px;
	}

	header.no-header h1
	{
		font-size: 1.75rem;
		line-height: 1.2em;
	}

	header.no-header .no-header-intro
	{
		margin-top: 8px;
		font-size: 1rem;
		line-height: 1.5em;
	}
}

header .header-text
{
	position: absolute;
	padding: 50px;
	width: auto; 
	max-width: 810px;
	left: calc((100vw - 1416px) / 2 );
	bottom: -50px;
	color: white;
	z-index: 12;
}

header .header-text .button_wrapper a
{

}

header .header-text p
{
	margin-bottom: 0px;
}

header .header-multiply
{
	display: block;
	height: 1px;
	width: 1px;
	position: absolute;
	bottom: -50px;
	left: calc((100vw - 1416px) / 2);
	mix-blend-mode: multiply;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
	z-index: 11;
}

header.empty .header-multiply
{
	box-shadow: none;
}

header .header-multiply.no-multi
{
	mix-blend-mode: unset;
	background-color: rgba(255,255,255,.85) !important;
}

header.has-mobile-variation > div.desktop { display: initial; }
header.has-mobile-variation > div.mobile { display: none; }

@media screen and (max-width: 980px)
{
	header.has-mobile-variation > div.desktop { display: none; }
	header.has-mobile-variation > div.mobile { display: initial; }
}

section
{
	width: 100%;
	padding: 120px calc((100vw - 1416px) / 2) 120px calc((100vw - 1416px) / 2);
}

section#project-single
{
	padding: 60px calc((100vw - 1416px) / 2) 120px calc((100vw - 1416px) / 2);
}

@media screen and (max-width: 1440px)
{
	section { padding: 90px 25px !important; margin: unset !important; } 
	
	section#page-intro { padding: 0 25px 90px 25px !important;}
	
	section#archive
	{
		width: 100% !important;
	}
}

@media screen and (max-width: 680px)
{
	section { padding: 60px 25px !important; }
	footer > section.linkedin { padding: 0 !important; transform: translateY(0) !important; }
	section#shop-archive
	{
		grid-template-columns: 1fr !important;
		grid-gap: 50px;
	}
}

section#page-intro
{
	padding: 0 calc(((100vw - 1416px ) / 2) + 50px) 120px calc(((100vw - 1416px ) / 2) + 50px);
	position: relative;
}

section#page-intro > span.page-intro-text
{
	display: block;
	position: relative;
	z-index: 4;
	width: 100%;
	max-width: 600px;
	color: white;
}

section#page-intro > span.page-intro-text p
{
	margin-bottom: 0;
	line-height: 1.5em;
}

section#page-intro > span.page-intro-multiply
{
	display: block;
	position: absolute;
	top: -50px;
	left: calc((100vw - 1416px ) / 2);
	background: var(--oranje);
	mix-blend-mode: multiply;
	z-index: 3;
}

section.no-orange-columns,
section.columns
{
	display: grid;
	grid-template-columns: 675px 1fr;
	grid-gap: 50px;
}

@media screen and (max-width: 860px)
{
	section.no-orange-columns,
	section.columns { grid-template-columns: 1fr; }
}

section.gray
{
	background: #F5F5F5;
}

aside.image-wrap
{
	 position: relative;
}

aside.image-wrap img
{
	z-index: 6;
    height: calc(100% + 200px);
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    object-fit: contain;
    max-width: 700px;
}

article.text-wrap
{
	position: relative;
	z-index: 7;
	padding: 0 0 0 50px;
}

.nf-form-fields-required,
.ninja-forms-req-symbol
{
	display: none;
}

@media screen and (max-width: 1180px)
{
	article.text-wrap
	{
		padding: 0;
	}
	
	div.header-slider,
	.slick-list,
	.slick-track,
	.slick-slide,
	.slick-slide > div,
	.slick-slide div li,
	div.header-slider .header-slide
	{
		min-height: 500px;
	}
}

section.columns > article.text-wrap h2
{
	margin-bottom: 25px;
}

@media screen and (max-width: 1441px)
{
	section.columns > article.text-wrap { padding: 0px; }
}

section.text-elem-right > aside.image-wrap { order: 1; }
section.text-elem-right > article.text-wrap { order: 2; }

@media screen and (max-width: 1180px)
{
	section.text-elem-right > aside.image-wrap { order: 2; }
	section.text-elem-right > article.text-wrap { order: 1; padding: 0; }
	
	section.columns > aside.image-wrap { height: 440px; }
	
	.filter-wrapper > .filter-results
	{
		padding: 0px !important;
	}
	
	.columns.extra-row article
	{
		padding: 0 !important;
	}
	
	.columns.extra-row article.orange-background
	{
		padding: 25px !important;
	}
}

section.banner
{
	position: relative;
	padding: 150px calc((100vw - 1416px) / 2) 0px calc((100vw - 1416px) / 2);
}

section.banner::after
{
	content: '';
	display: block;
	position: absolute;
	height: 200%;
	max-height: 565px;
	width: 100%;
	top: 50%;
	left: 0;
	background: #F5F5F5;
	z-index: -1;
}

section.banner > article.banner-wrap
{
	display: block;
	position: relative;
	width: 100%;
	height: 340px;
	background-size: cover;
	background-position: center;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

section.banner > article.banner-wrap > span.banner-inner
{
	position: absolute;
	padding: 35px 50px;
	display: block;
	top: 35px;
	left: 0;
	width: 100%;
	max-width: 830px;
	background: rgba(255,255,255,.9);
}

section.banner > article.banner-wrap > span.banner-inner h2
{
	color: var(--blauw);
}

section.banner > article.banner-wrap > span.banner-inner > p.button_wrapper
{
	position: absolute;
	right: 50px;
	bottom: 0;
	margin: 0;
	transform: translateY(50%);
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

section.banner > article.banner-wrap > span.banner-inner > p.button_wrapper:hover
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

section.extra-slider-wrap h2,
section.nieuws-slider h2
{
	margin-bottom: 50px;
	text-align: center;
}

article.nieuws
{
	transform: translateX(-13px);
	width: calc(100% + 24px);
}

a.nieuws-item
{
	position: relative;
	display: block !important;
	height: 380px;
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}

.nieuws-item-image
{
	display: block;
	position: absolute;
	width: 100%;
	height: 330px !important;
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.nieuws-item-tekst
{
	display: block;
	position: absolute;
	bottom: 25px;
	width: 100%;
	padding: 25px;
	z-index: 3;
	color: white;
	background: rgba(255,65,0,.85);
	transition: all 250ms ease-in-out;
}

.nieuws-item-tekst .datum {	font-size: 14px; line-height: 19px; }

.nieuws-item-button
{
	display: block;
	position: absolute;
	bottom: 0px;
	right: 25px;
	height: 50px;
	width: 50px;
	background-color: #F5F5F5;
	border-radius: 0;
	z-index: 6;
	overflow: hidden;
	transition: all 250ms ease-in-out;
}

.nieuws-item-button::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: #F5F5F5;
	background-image: url('img/arrow-forwards-oranje.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 125ms ease-in-out;
	transform: translateX(0);	
}

.nieuws-item-button::after
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: var(--donkergrijs);
	background-image: url('img/arrow-forwards-wit.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 125ms ease-in-out;
	transform: translateX(-100%);
}

.nieuws-item:hover .nieuws-item-button::before
{
	transform: translateX(100%);
}

.nieuws-item:hover .nieuws-item-button::after
{
	transform: translateX(0);
}

.extra-slider .slick-arrow
{
	top: unset;
	left: 38px !important;
	right: unset !important;
	bottom: -75px;
	background-color: #F5F5F5;
	opacity: 1 !important;
}

.link_wrapper
{
	line-height: 50px;
	height: 50px;
	padding-left: 160px;
	margin-top: 25px;
	margin-bottom: 0;
}

.link_wrapper a,
.link_wrapper a:hover
{
	color: black;
}

.link_wrapper a img
{
	transition: transform 200ms ease-in-out;
}

.link_wrapper a:hover img
{
	transform: translateX(5px);
}

.nieuws .slick-arrow.slick-next
{
	left: 98px !important;
}

section.sticky-foto
{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

section.sticky-foto > article.sticky-inner
{
	padding: 35px 50px;
	position: relative;
	background: rgba(255,255,255,.765);
	width: 100%;
	max-width: 660px;
}

@media screen and (max-width: 980px )
{
	section.sticky-foto > article.sticky-inner
	{
		padding: 25px;
	}
	
	section.photogrid h2
	{
		padding: 0 !important;
	}
}

section.sticky-foto > article.sticky-inner > p.button_wrapper
{
	position: absolute;
	right: 50px;
	bottom: 0;
	margin: 0;
	margin-bottom: 0 !important;
	transform: translateY(50%);
}

section.project-sliders
{
	padding: 150px calc((100vw - 1416px) / 2) 150px calc((100vw - 1416px) / 2);
}

section.project-sliders h2
{
	padding-left: 50px;
	margin-bottom: 50px;
}

section.project-sliders h2 img
{
	height: 60px;
	width: auto;
	margin-right: 25px;
}

section.project-sliders > article.projecten
{
	display: flex;
	flex-wrap: wrap;
	height: 380px;
	position: relative;
}

section.project-sliders > article.projecten > div
{
	width: 50%;
}

.slick-list,
.slick-track,
.slick-slide,
.slick-slide > div,
.slick-slide div li
{
	height: 100%;
	background-size: cover;
	background-position: center;
}

.slick-arrow
{
	text-indent: 3000px;
	display: block;
	position: absolute;
	top: calc(50% - 25px);
	height: 50px;
	width: 50px;
	background-color: white;
	background-image: url('img/arrow-forwards-oranje.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0;
	z-index: 21;
	overflow: hidden;
	cursor: pointer;
}

.slick-arrow.slick-prev
{
	left: 0px;
	right: unset;
	opacity: .75;
	transform: rotate(180deg);
}

.slick-arrow.slick-next
{
	left: unset;
	right: 0px;
	opacity: .90;
}

.slick-arrow:hover
{
	opacity: 1;
}

.slick-arrow::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: white;
	background-image: url('img/arrow-forwards-oranje.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 125ms ease-in-out;
	transform: translateX(0);	
}

.extra-slider .slick-arrow::before,
.nieuws .slick-arrow::before
{
	background-color: #F5f5f5;
}

.slick-arrow::after
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: var(--oranje);
	background-image: url('img/arrow-forwards-wit.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 125ms ease-in-out;
	transform: translateX(-100%);
}

.slick-arrow:hover::before
{
	transform: translateX(100%);
}

.slick-arrow:hover::after
{
	transform: translateX(0);
}

section.project-sliders > article.projecten > div#project-slider-fotos
{
	margin-left: 50px;
	width: calc(50% - 50px);
}

section.project-sliders > article.projecten > div#project-slider-info li
{
	padding: 50px 50px 50px 100px;
}

footer
{
	margin-top: 120px;
}

@media screen and (max-width: 1180px)
{
	footer
	{
		margin-top: 60px;
	}
}

footer.no-banner,
body.home footer
{
	margin-top: 0;
}

footer > section.linkedin
{
	transform: translateY(-50%);
	padding: 0 calc((100vw - 1614px) / 2) 0 calc((100vw - 1614px) / 2);
}

footer > section.linkedin .linkedin-banner
{
	padding: 50px 0;
	color: white;
	font-size: 24px;
	text-align: center;
}

footer > section.linkedin .linkedin-banner.gray
{
		background: var(--lichtgrijs);
}

footer > section.linkedin .linkedin-banner.white
{
		background: white;
		color: black !important;
}

footer > section.linkedin .linkedin-banner.black
{
		background: black;
}

footer > section.linkedin .linkedin-banner.orange
{
		background: var(--oranje);
}

footer > section.linkedin .linkedin-banner.blue
{
		background: var(--blauw);
}

footer > section.linkedin .linkedin-banner.magenta
{
		background: var(--roze);
}

footer > section.linkedin .linkedin-banner a
{
	color: white;
	display: inline-block;
	transform: translateY(-4px);
}

footer > section.linkedin .linkedin-banner a span
{
	display: inline-table;
	transform: translateY(14px);
	margin-left: 10px;
	height: 44px;
	width: 44px;
	background: white;
	border-radius: 100%;
}

footer > section.linkedin .linkedin-banner.white a span
{
		background: black !important;
}

footer > section.linkedin .linkedin-banner a span i
{
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
}

footer > section.linkedin .linkedin-banner.gray a span i
{
		color: var(--lichtgrijs);
}

footer > section.linkedin .linkedin-banner.white a span i
{
		color: white;
}

footer > section.linkedin .linkedin-banner.black a span i
{
		color: black;
}

footer > section.linkedin .linkedin-banner.orange a span i
{
		color: var(--oranje);
}

footer > section.linkedin .linkedin-banner.blue a span i
{
		color: var(--blauw);
}

footer > section.linkedin .linkedin-banner.magenta a span i
{
		color: var(--roze);
}

footer > section.footer-columns
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 25px;
	margin-top: -25px;
	padding: 0px calc( 75px + calc(calc(100% - 1590px) / 2 ));
	font-size: 1rem;
}

footer > section.footer-columns.no-banner
{
	margin-top: 0;
	padding: 50px calc( 50px + calc(calc(100vw - 1416px) / 2 )) 0 calc( 50px + calc(calc(100vw - 1416px) / 2 ));
}

@media screen and (max-width: 1590px)
{
	footer > section.footer-columns
	{
		padding: 0 25px;
	}
	
	footer > section.footer-columns.no-banner
	{
		padding: 50px 25px 0 25px;
	}
}

footer > section.footer-columns h4
{
	font-size: 1.125rem;
	margin-bottom: 1.45rem;
	color: black;
}

footer > section.footer-columns > div
{
	flex-basis: 280px;
	flex-grow: 0;	
}

footer > section.footer-columns span > img { height: 62px; width: auto; max-width: unset; margin-bottom: 25px; }


footer > section.footer-columns span.socials a
{
	display: inline-flex;
	justify-content: center;
	vertical-align: middle;
	height: 50px;
	padding: 10px;
	width: 50px;
	aspect-ratio: 1/1;
	background: var(--oranje);
	margin-right: 10px;
	border-radius: 100%;
}

footer > section.footer-columns span.socials a svg
{
	height: 100%;
	width: 100%;	
	fill: white;
}

footer table
{
	margin-bottom: 25px;
}

.footer-columns .footer-mailing
{
	margin-top: -10px;
	margin-bottom: 0;
}

.footer-columns .footer-mailing a
{
	color: black;
}

.footer-columns .footer-mailing a span
{
	color: var(--oranje);
	transform: translateY(8px);
	font-size: 150%;
}

footer .menu-footer li
{
	position: relative;
	list-style-type: none;
}

footer .menu-footer li::before
{
	content: '';
	display: block;
	height: 20px;
	width: 20px;
	background-image: url('img/keyboard-arrow-right-oranje.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 2px;
	left: -25px;
	transition: all 150ms ease-in-out;
}

footer .menu-footer li:hover::before
{
	left: -20px;
}

footer .menu-footer li a,
footer .menu-footer li a:hover
{
	color: black;	
}

footer > section.footer-center
{
	display: block;
	text-align: center;
	padding: 75px calc(25px + calc( calc(100vw - 1560px))) 100px calc(25px + calc( calc(100vw - 1560px)));
}

footer > section.footer-center p.footer-center--edental a img
{
	height: auto;
	width: 100%;
	max-width: 225px;
}

footer > section.footer-center > .footer-center--sub
{
	display: block;
}

footer > section.footer-center > .footer-center--sub > p
{
	display: inline-block;
	margin: 0 10px;
	font-size: .889rem;
	color: black;
}

footer > section.footer-center > .footer-center--sub > p a,
footer > section.footer-center > .footer-center--sub > p a:hover
{
	font-size: .889rem;
	color: black;
}

footer > section.footer-center > .footer-center--sub > p.last
{
	display: inline-block;
	transform: translateY(-6px);
	float: right;
	height: 36px;
	width: 36px;
}

aside#side-popup-wrapper
{
	display: block;
	width: 100%;
	max-width: 400px;
	position: fixed;
	top: calc(50% - 230px);
	right: 0;
	z-index: 43;
	padding: 25px 25px 50px 25px;
	transition: 200ms ease-in-out;
}

aside#side-popup-button
{
	display: block;
	position: fixed;
	height: 54px;
	font-size: 0.8em;
	line-height: 24px;
	background: var(--oranje);
	padding: 12.5px 25px;
	color: white;
	text-align: center;
	top: 50%;
	right: 26px;
	cursor: pointer;
	z-index: 31;
	transform: translateY(-50%) translateX(50%) rotate(90deg);
	transition: 200ms ease-in-out;
}

aside#side-popup-button.closed
{
	overflow: hidden;
	user-select: none;
	pointer-events: none;
	transform: translateY(-50%) translateX(100%) rotate(90deg);
}


aside#side-popup-wrapper.closed
{
	overflow: hidden;
	user-select: none;
	pointer-events: none;
	transform: translateX(100%);
}

aside#side-popup-wrapper h3
{
	text-align: center;
	color: white;
}

aside#side-popup-wrapper > p.side-popup-close
{
	position: absolute;
	margin: 0;
	height: 22px;
	width: 22px;
	top: 25px;
	left: 25px;
	color: white;
	cursor: pointer;
	user-select: none;
}
aside#side-popup-wrapper > p.side-popup-close span
{
	font-size: 30px;
}

aside#side-popup-wrapper > img
{
	display: block;
	max-height: 250px;
	width: auto;
	margin: 0 auto 25px auto;
}

aside#side-popup-wrapper > p.button_wrapper
{
	position: absolute;
	margin: 0;
	bottom: 0px;
	right: 25px;
	transform: translateY(50%);
	background: white;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

aside#side-popup-wrapper > p.button_wrapper:hover
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

aside#side-popup-wrapper > p.button_wrapper a
{
	color: var(--oranje) !important;
}

div.side-popup-multiply
{
	display: block;
	height: 460px;
	width: 100%;
	max-width: 500px;
	position: fixed;
	top: calc(50% - 230px);
	right: 0;
	background: var(--oranje);
	mix-blend-mode: multiply;
	z-index: 42;
	transition: 200ms ease-in-out;
}


div.side-popup-multiply.closed
{
	transition: 200ms ease-in-out;
	width: 0px !important;
}

div.product
{
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer.gray
{
	background-color: #F5F5F5;
}

footer .footer-columns div span
{
	line-height: 1.7em;
}
footer span.socials
{
	display: block;
	padding-top: 1.5em;
}

footer .footer-columns div span.adressen
{
	font-weight: 300;
}

table,
table tbody,
table tbody tr:nth-child(even)
{
	border: 0;
	background: none;
	margin-bottom: 0;
	border-radius: 0;
}

table tbody tr td
{
	padding: 0 0 .5em 0;
}

@media screen and (max-width: 1180px)
{
	table tbody tr td
	{
		padding: 5px;
	}
}

table tbody tr td a
{
	color: black;
	transition: all 250ms ease-in-out;
}


table tbody tr td a:hover
{
	color: var(--oranje);
}

section#filter-intro > article
{
	width: 100%;
	max-width: 920px;
	padding: 0 50px;
}
section#filter
{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 100px;
    grid-row-gap: 25px;
	padding: 150px calc(((100vw - 1416px) / 2) + 50px) 100px calc(((100vw - 1416px) / 2) + 50px);
}

section#filter > div
{
	padding-left: 20px;
	padding-right: 20px;
}

section#results
{
	position: relative;
	min-height: 300px;
	padding: 0px calc(((100vw - 1416px) / 2) + 50px) 100px calc(((100vw - 1416px) / 2) + 50px);
}

.container
{
    display: block;
    position: relative;
    padding-left: 30px;
}

.container input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark
{
	position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #202020;
    border-radius: 0px;
}

.checkmark::after
{
    content: '';
    position: absolute;
    display: block;
    transform: scale(0.8);
    opacity: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
	background-image: url('img/checkmark-black.svg');
	background-color: white;
    background-size: 12px;
	background-repeat: no-repeat;
    background-position: center;
    transition: all 125ms ease-in-out !important;
}

.container input:checked ~ .checkmark:after
{
    opacity: 1;
    transition: all 250ms ease-in-out;
    transform: scale(1);
}

.container:hover .checkmark
{
    background-image: linear-gradient(rgba(145,145,145,.134), rgba(145,145,145,.0134));
    background-blend-mode: overlay;
}


.filtering-overlay
{
	display: table;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.87);
	position: absolute;
	opacity: 0;
	user-select: none;
	z-index: -8;
	pointer-events: none;
	transition: all 250ms ease-in-out;
}

.filtering-overlay.shown
{
	opacity: 1;
	user-select: initial;
	z-index: 8;
	pointer-events: initial;
	
}

.filtering-overlay > p
{
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.filtering-overlay > p i
{
	animation-name: transformRotate;
	animation-duration: 500ms;
	animation-iteration-count: infinite;
	transform: translateY(10px) rotate(0deg);
	font-size: 2em;
}

section#archive 
{
	margin: 0 50px;
	margin-top: -100px !important;
	width: calc(100% - 100px);
}

body.post-type-archive-assortiment section#archive 
{
	margin-top: 0px;
}

.large-grid
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 50px;
	margin-bottom: 50px;
}

.small-grid
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 25px;
}
.archive-item
{
	width: 100%;
	position: relative;
}

.archive-item > .archive-item-image
{
	position: absolute;
	height: calc(100% - 25px);
	width: 100%;
	background-size: cover;
	overflow: hidden;
	background-position: center;
	top: 0; left: 0; bottom: 25px; right: 0;
	z-index: 3;
}

.archive-item > .archive-item-image > .archive-item-image-inner
{
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	top: 0; left: 0; bottom: 0; right: 0;
	transform: scale(1);
	transition: transform 300ms ease-in-out;
}

.archive-item:hover > .archive-item-image > .archive-item-image-inner
{
	transform: scale(1.05);
}

.archive-item > .archive-item-tekst
{
	display: block;
	position: absolute;
	bottom: 25px;
	width: 100%;
	padding: 25px;
	z-index: 4;
	color: black;
	background: rgba(255,255,255,.90);
	transition: all 250ms ease-in-out;
}

.archive-item > .archive-item-tekst .cat-name
{
	margin-top: 12px;
	display: block;
	font-size: 16px;
	line-height: 21px;
	color: black;
	letter-spacing: 1px;
}

.archive-item > .archive-item-tekst .datum
{
	margin-top: 12px;
	display: block;
	font-size: 14px;
	line-height: 19px;
	color: black;
}


.archive-item-button
{
	display: block;
	position: absolute;
	bottom: 0;
	right: 25px;
	height: 50px;
	width: 50px;
	background-color: var(--oranje);
	border-radius: 0;
	z-index: 6;
	overflow: hidden;
}

.filter-wrapper > .filter-results > .results-flex > a
{
	width: 100%;
	height: unset;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
	flex-basis: 310px;
	box-shadow: 0px 0px 2px rgb(0 0 0 / 1%), 0px 1px 4px rgb(0 0 0 / 1%), 0px 2px 6px rgb(0 0 0 / 1%), 0px 4px 8px rgb(0 0 0 / 1%), 0px 8px 10px rgb(0 0 0 / 1%);
}

.filter-results .archive-item > .archive-item-image
{
	position: relative;
	flex-basis: 280px;
	height: unset;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 3;
	box-sizing: border-box;
	overflow: hidden;
}

.filter-results  .archive-item > .archive-item-image > img
{
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
	transform: scale(1);
	transition: all 250ms ease-in-out;
}

.filter-results .archive-item > .archive-item-image:hover > img
{
	transform: scale(1.05);
}

.filter-results .archive-item > .archive-item-tekst
{
	display: block;
	position: relative;
	flex-basis: 80px;
	width: 100%;
	padding: 25px;
	bottom: 0;
	z-index: 4;
	color: black;
}

.archive-item-button::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: var(--oranje);
	background-image: url('img/arrow-forwards-wit.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 125ms ease-in-out;
	transform: translateX(0);	
}

.archive-item-button::after
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: var(--donkergrijs);
	background-image: url('img/arrow-forwards-wit.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 125ms ease-in-out;
	transform: translateX(-100%);
}

.slick-slide:hover .archive-item-button::before,
.archive-item:hover .archive-item-button::before
{
	transform: translateX(100%);
}

.slick-slide:hover .archive-item-button::after,
.archive-item:hover .archive-item-button::after
{
	transform: translateX(0);
}

.large-grid > .archive-item
{
	height: 460px;
}

.small-grid > .archive-item
{
	height: 380px;
}

.large-grid > .archive-item > .archive-item-image
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

.small-grid > .archive-item > .archive-item-image
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

@media screen and (max-width: 1441px)
{
	.large-grid
	{
		grid-template-columns: 1fr;
		grid-gap: 50px;
	}

	.small-grid
	{
		grid-template-columns: 1fr 1fr;
		grid-gap: 25px;
	}
	
	.large-grid > .archive-item
	{
		height: 400px;
	}

	.small-grid > .archive-item
	{
		height: 340px;
	}
}

@media screen and (max-width: 681px)
{
	.large-grid
	{
		grid-gap: 25px;
	}

	.small-grid
	{
		grid-template-columns: 1fr;
	}
	
	.large-grid > .archive-item
	{
		height: 300px;
	}

	.small-grid > .archive-item
	{
		height: 260px;
	}
	
	header.full {
		margin-bottom: -50px;
	}
}

@keyframes transformRotate
{
	0% { transform: translateY(10px) rotate(0deg); }
	100% { transform: translateY(10px) rotate(359deg); }
}

section.form > article,
section#content > article,
section.plaintext.extra-row > article,
section.plaintext.extra-row > h2
{
	display: block;
	width: 100%;
	max-width: 900px;
	box-sizing: border-box;
	padding: 0 50px;
}

section.plaintext.extra-row > h2.width-column
{
	margin-bottom: 30px;	
}

section#content > article.fullwidth
{
	max-width: unset;
}

.extra-row.banner
{
	padding: 50px calc((100vw - 1416px) / 2) 150px calc((100vw - 1416px) / 2);
}

section.banner.extra-row::after
{
	content: none;
}

section.banner.extra-row > article.banner-wrap > span.banner-inner h1 { color: black; }


.extra-row.extra-slider-wrap
{
	padding: 150px calc((100vw - 1416px) / 2) 100px calc((100vw - 1416px) / 2);
}

.extra-row.extra-slider-wrap > h1
{
	margin: 0 0 50px 50px;
}

article.extra-slider
{
	transform: translateX(-13px);
    width: calc(100% + 24px);
}

a.extraslider-item
{
	position: relative;
	display: block !important;
	height: 380px;
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}

.extraslider-item-image
{
	display: block;
	position: absolute;
	width: 100%;
	height: 330px !important;
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.extraslider-item-tekst
{
	display: block;
	position: absolute;
	bottom: 25px;
	width: 100%;
	padding: 25px;
	z-index: 3;
	color: white;
	background: rgba(255,255,255,.95);
	transition: all 250ms ease-in-out;
}

.extraslider-item-tekst h4
{
	color: black;
}

.extraslider-item-button
{
	display: block;
	position: absolute;
	bottom: 0px;
	right: 25px;
	height: 50px;
	width: 50px;
	background-color: var(--oranje);
	background-image: url('img/arrow-forwards-wit.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0;
	z-index: 6;
	overflow: hidden;
	transition: all 250ms ease-in-out;
}

.extra-slider .slick-arrow
{
	top: unset;
	left: 38px !important;
	right: unset !important;
	bottom: -75px;
	background-color: #F5F5F5;
	opacity: 1 !important;
}

.extra-slider .slick-arrow.slick-next {
    left: 98px !important;
}

.columns.text-elem-right.extra-row
{
	/* padding-top: 75px; */
}

section.no-orangecolumns.extra-row,
section.columns.extra-row
{
	grid-gap: 0;
}

section.extra-row.gray
{
	background-color: #F5F5F5;
}

section.columns.extra-row > article.text-wrap
{
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 50px 0 50px 50px;
	background: var(--oranje);
	color: white;
}

section.columns.text-elem-right.extra-row > article.text-wrap
{
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 50px 50px 50px 0;
	background: var(--oranje);
	color: white;
}

section.no-orange-columns.extra-row > aside.image,
section.columns.extra-row > aside.image
{
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

section.columns.extra-row > article.text-wrap::after
{
	content: '';
	display: block;
	position: absolute;
	background: rgba(255,65,0,.85);
	width: 50px;
	height: 100%;
	top: 0px;
	right: -50px;
}

section.columns.text-elem-right.extra-row > article.text-wrap::after
{
	content: '';
	display: block;
	position: absolute;
	background: rgba(255,65,0,.85);
	width: 50px;
	height: 100%;
	top: 0px;
	left: -50px;
}

.field-wrap input[type=button]
{
	padding: 10px 15px;
    border-radius: 5px;
    margin: 1em 0;
	color: white;
	cursor: pointer;
    background-color: var(--oranje);
	border: none !important;
	outline: none !important;
	font-weight: 300;
	transition: all 250ms ease-in-out;
}

.field-wrap input[type=button]:hover
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after
{
	border-color: var(--oranje) transparent transparent;
}

#menu-shop-1.dropdown.menu>li.is-dropdown-submenu-parent>a::after
{
	border: inset 4px;
	border-color: var(--blauw) transparent transparent;
}

@media screen and (max-width: 1680px)
{
	nav > .main-navigation
	{
		grid-template-columns: 150px 6fr 1fr;
		grid-gap: 25px;
	}
	
	.main-navigation > ul > .menu-item > a
	{
		padding: .7rem 2px !important;
	}
	
	.dropdown.menu>li.is-dropdown-submenu-parent>a::after
	{
		right: -15px;
	}
}

@media screen and (max-width: 1440px)
{
	div.contact-multiply,
	aside.contact-menu,
	div.main-navigation { display: none; }
	div#floating-logo { display: block; }
	div#offscreen-menu-button { display: block; }
	
	div.header-slider .slick-arrow
	{
		right: 0px;
	}
	
}

a.product_cat-item
{
	position: relative;
	display: block !important;
	height: 380px;
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}

.upsells a.product_cat-item
{
	margin: 20px 0;
}

.product_cat-item-image
{
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% - 25px);
	background-size: cover;
	background-position: center;
	z-index: 1;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

.product_cat-item-tekst
{
	display: block;
	position: absolute;
	bottom: 25px;
	width: 100%;
	padding: 25px;
	z-index: 3;
	color: black;
	background: rgba(255,255,255,.85);
	transition: all 250ms ease-in-out;
}

.product_cat-item-tekst li
{
	margin-left: 25px;
	list-style-type: disc !important;
}

.product_cat-item-tekst li a,
.product_cat-item-tekst li a:hover
{
	color: black;
	font-size: 16px;
	line-height: 22px;
}

.product_cat-item-tekst li a:hover
{
	text-decoration: underline;
}

.product_cat-item-tekst i {	font-size: 14px; line-height: 19px; }

.product_cat-item-tekst h4,
.product_cat-item-tekst h4 a,
.product_cat-item-tekst h4 a:hover
{
	color: black;
	font-size: 20px;
	line-height: 27px;
	font-weight: 700;
	text-decoration: none;
}

div.product_cat-item p.button_wrapper
{
	position: absolute;
	bottom: 0;
	right: 25px;
	margin: 0;
	z-index: 4;
}

#actie-template-archive article
{
	padding: 0 25px;
	max-width: 900px;
}

#actie-template-archive article,
ul.products
{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

ul.products > div.product_cat-item
{
	flex-basis: 310px;
	flex-grow: 1;
}

#actie-template-archive article > div.product-item,
ul.products > div.product-item
{
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 50px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--lichtgrijs);
	padding-bottom: 25px;
}

.product-item h4,
.product-item h4 a,
.product-item h4 a:hover
{
	color: var(--blauw);
	text-decoration: none;
}

body.single-product section#content,
section#shop-archive,
section#shop_cat-archive
{
	width: 100%;
    padding: 0px calc((100vw - 1416px) / 2) 90px calc((100vw - 1416px) / 2);
}

@media screen and (max-width: 1440px)
{
	section#shop-archive,
	section#shop_cat-archive
	{
		padding: 90px 25px;
	}
}

section#shop-archive > article,
section#shop_cat-archive > article
{
	display: block;
	width: 100%;
	padding: 0 50px;
}

div.single-product
{
	padding-top: 50px;
	display: grid;
	position: relative;
	grid-template-columns: 1fr;
}

section#shop-archive
{
	padding-top: 50px;
	padding-left: calc(calc((100vw - 1416px) / 2) + 50px);
	padding-right: calc(calc((100vw - 1416px) / 2) + 50px);
	display: grid;
	grid-template-columns: 305px 1fr;
}

div.single-product > aside,
section#shop-archive > aside
{
	display: block;
	width: 100%;
}

div.single-product > aside > p,
section#shop-archive > aside > p
{
	margin-bottom: .5em;
}

div.single-product > aside li,
section#shop-archive > aside li
{
	list-style-type: none;
	margin-bottom: .5em;
	font-weight: 300;
	transform: translateX(-24px);
}

div.single-product > aside li > ul,
section#shop-archive > aside li > ul
{
	transform: translateX(24px);
}

div.single-product > aside a,
section#shop-archive > aside a,
div.single-product > aside a:hover,
section#shop-archive > aside a:hover
{
	color: black;
	transition: all 250ms ease-in-out;
	text-decoration: none;
}

div.single-product > aside a:hover,
section#shop-archive > aside a:hover
{
	color: var(--blauw);
}

div.single-product > aside a span,
section#shop-archive > aside a span
{
	transform: translateX(0px) translateY(6px);
	transition: all 125ms ease-in-out;
}

div.single-product > aside a:hover span,
section#shop-archive > aside a:hover span
{
	transform: translateX(5px) translateY(6px);
}

section.shop-archive-intro
{
	padding: 0 0 150px 0;
}

section.shop-archive-intro > article.shop-archive-intro-wrap
{
	display: block;
	position: relative;
	width: 100%;
	height: 340px;
	background-size: cover;
	background-position: center;
	background-color: white;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

section.shop-archive-intro > article.shop-archive-intro-wrap > span.shop-archive-intro-inner
{
	position: absolute;
	padding: 35px 50px;
	display: block;
	bottom: 50px;
	left: 0;
	width: 100%;
	z-index: 4;
	max-width: 830px;
}

section.shop-archive-intro > article.shop-archive-intro-wrap > div.shop-archive-intro-multiply
{
	content: '';
	position: absolute;
	bottom: 50px;
	left: 0;
	background: var(--blauw);
	z-index: 3;
	mix-blend-mode: multiply;
}

section.shop-archive-intro > article.shop-archive-intro-wrap > span.shop-archive-intro-inner h2
{
	color: white;
	font-size: 48px;
	line-height: 54px;
}

section.shop-archive-intro > article.shop-archive-intro-wrap >  p.button_wrapper
{
	position: absolute;
	right: 25px;
	bottom: 0;
	margin: 0;
	transform: translateY(50%);
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}

section.shop-archive-intro > article.shop-archive-intro-wrap > span.shop-archive-intro-inner > p.button_wrapper:hover
{
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
}


body.single-product section#content > article
{
	max-width: unset;
}

body.single-product section#content > article .summary h4
{
	font-weight: 800;
	font-size: 1.1em;
	line-height: 1.25em;
}

body.single-product section#content > article .summary > div
{
	margin-bottom: 0px;
}

body.single-product section#content > article .summary td
{
	padding: .5em 1em;
}

body.single-product section#content > article .summary tr > td:nth-child(1)
{
	font-weight: 700;
}

body.single-product section#content > article .summary tr:nth-child(odd)
{
	background: #F5F5F5;
}

section.twoiframes.extra-row
{
	/* background: #F5F5F5; */
}

section.photogrid.extra-row > h1,
section.twoiframes.extra-row > h1
{
	margin-left: 25px;
	margin-right: 25px;
}

div.twoframes
{
	margin: 100px 25px 0 25px;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

div.twoframes.no-title
{
	margin: 25px 25px 0 25px;
}

div.twoframes > div
{
	flex-grow: 1;
	flex-basis: 640px;
}

div.twoframes > div h3
{
	margin-bottom: 25px;
}

div.twoframes > div p
{
	text-align: center;
}

div.twoframes > div iframe
{
	max-width: 640px;
}

section.photogrid
{
	padding: 50px calc((100vw - 1416px) / 2) 100px calc((100vw - 1416px) / 2);
}

section.photogrid h2
{
	padding: 0 50px;
}


div.photogrid-grid
{
	margin: 50px 50px 0 50px;
}

div.photogrid-grid a span
{
	margin-top: 1.5em;
	display: block;
	color: black;
}

.column-count-2
{
	-webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

.column-count-3
{
	-webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}

.column-count-4
{
	-webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
}

.column-count-5
{
	-webkit-column-count: 5;
    -webkit-column-gap: 10px;
    -moz-column-count: 5;
    -moz-column-gap: 10px;
    column-count: 5;
    column-gap: 10px;
}

.column-count-6
{
	-webkit-column-count: 6;
    -webkit-column-gap: 10px;
    -moz-column-count: 6;
    -moz-column-gap: 10px;
    column-count: 6;
    column-gap: 10px;
}

.column-count-7
{
	-webkit-column-count: 7;
    -webkit-column-gap: 10px;
    -moz-column-count: 7;
    -moz-column-gap: 10px;
    column-count: 7;
    column-gap: 10px;
}

.column-count-8
{
	-webkit-column-count: 8;
    -webkit-column-gap: 10px;
    -moz-column-count: 8;
    -moz-column-gap: 10px;
    column-count: 8;
    column-gap: 10px;
}

.column-count-9
{
	-webkit-column-count: 9;
    -webkit-column-gap: 10px;
    -moz-column-count: 9;
    -moz-column-gap: 10px;
    column-count: 9;
    column-gap: 10px;
}

.column-count-10
{
	-webkit-column-count: 10;
    -webkit-column-gap: 10px;
    -moz-column-count: 10;
    -moz-column-gap: 10px;
    column-count: 10;
    column-gap: 10px;
}

@media screen and (max-width: 1367px)
{
	
	div.twoframes > div h3
	{
		text-align: center;
	}
	
	div.imagelinks-grid,
	div.photogrid-grid { column-count: 2; }
	
	div.imagelinks-grid
	{
		margin: 50px 0 0 0 !important;
	}
}

@media screen and (max-width: 768px)
{
	div.imagelinks-grid,
	div.photogrid-grid { column-count: 1; margin: 50px 0 0 0; }
	
	div.imagelinks-grid > a,
	div.photogrid-grid > a
	{
		width: 100% !important;
	}
}


div.photogrid-grid > a
{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
}

section#project-single
{
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}

section#project-single > article
{
	flex-basis: 600px;
	padding: 0 0 0 50px;
	flex-grow: 1;
}

section#project-single > aside
{
	flex-basis: 600px;
	padding: 0 50px 0 0;
}


section#project-single > aside img
{
	width: 100%;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 1%), 0px 1px 10px rgb(0 0 0 / 1%), 0px 2px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 8px 25px rgb(0 0 0 / 1%);
	height: auto;
}

p#breadcrumbs {
    font-size: .86em;
    margin-top: 50px;
    padding: 25px calc( 50px + calc((100vw - 1416px) / 2 )) 25px calc( 50px + calc((100vw - 1416px) / 2 ));
	padding-bottom: 0;
    font-weight: 700;
    margin-bottom: 0;
	color: gray;
}

p#breadcrumbs.extra-spacing
{
	margin-top: 120px;
}

p#breadcrumbs.gray
{
	margin-top: 0px;
	padding-top: 75px;
	background: #F5F5F5;
}

p#breadcrumbs a,
p#breadcrumbs a:hover,
p#breadcrumbs a:active,
p#breadcrumbs a:visited
{
	position: relative;
	/* z-index: 815200; */
	font-weight: 300 !important;
	color: var(--donkergrijs);
}

body.home p#breadcrumbs
{
	display: none;
}

section.shop-archive-intro > article.shop-archive-intro-wrap > p.button_wrapper
{
	z-index: 4;
}

aside.mobile-shop-sidemenu
{
	display: none !important;
}

.category-slide
{
	padding: .25em;
}

.category-slide > a
{
	display: block;
	padding: 1.5em .75em;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 1px rgba(20,20,20,.02456), 0px 0px 6px 1px rgba(20,20,20,.02456), 0px 0px 9px 1px rgba(20,20,20,.02456);
	word-break: break-word;
	font-weight: bold;
	font-size: 14px;
	min-height: 100px;
}

.category-slide > a .current
{
	text-decoration: underline;
}

.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title
{
	position: absolute;
	left: 30px;
	top: 15px;
	bottom: 15px;
	height: 230px;
	width: 230px;
	transition: all 250ms ease-in-out;
	opacity: 0 !important;
}

.menu-image-title-after.menu-image-title
{
	display: inline-block;
	font-size: 1.1em;
	padding-left: 0;
}

li.menu-item:hover > a > img
{
	opacity: 1 !important;
}

.dropdown .is-dropdown-submenu a
{
	padding: 0.5em;
}

.black-bar .last a svg
{
	transform: translateY(16px);
	height: 36px;
	width: 36px;
	fill: white;
	transition: var(--transition-hover);
}

.black-bar .last a:hover svg
{
	fill: #DF7141;
}

.article-with-1-columns
{
	column-count: 1;
}

.article-with-2-columns
{
	column-count: 2;
	column-gap: 50px;
	max-width: 100% !important;
}

.article-with-3-columns
{
	column-count: 3;
	column-gap: 50px;
	max-width: 100% !important;
}

.article-with-4-columns
{
	column-count: 4;
	column-gap: 50px;
	max-width: 100% !important;
}
section.cta-button
{
	text-align: center;
	padding: 50px calc((100vw - 1416px) / 2) 50px calc((100vw - 1416px) / 2);
}

section#index--filter
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	padding: 50px calc(25px + calc(calc(100vw - 1466px) / 2)) 0 calc(25px + calc(calc(100vw - 1466px) / 2));
}

section#index--filter > label
{
	flex-basis: 75px;
	font-weight: 700;
}

section#index--filter > select
{
	flex-basis: 250px;
	margin: 0 !important;
}

.edental--primary-menuitems a,
.edental--primary-menuitems a:hover
{
	font-weight: 700 !important;
	font-size: 1.123rem !important;
}

.mega-sub-menu
{
	box-shadow: 0px 5px 5px rgb(0 0 0 / 1%), 0px 6px 10px rgb(0 0 0 / 1%), 0px 7px 15px rgb(0 0 0 / 1%), 0px 8px 20px rgb(0 0 0 / 1%), 0px 9px 25px rgb(0 0 0 / 1%) !important;
}

section.content--contact
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    padding: 0px calc(calc(calc(100vw - 1416px) / 2) + 50px) 100px calc(calc(calc(100vw - 1416px) / 2) + 50px);
}

section.content--contact > article
{
	flex-basis: 624.5px;
	padding: 0 !important;
}

section.content--contact > aside
{
	flex-basis: 624.5px;
}

section.content--contact > aside > span
{
	display: block;
	background: #F5F5F5;
	padding: 25px;
	/* box-shadow: 0px 1px 5px rgb(0 0 0 / 1%), 0px 2px 10px rgb(0 0 0 / 1%), 0px 3px 15px rgb(0 0 0 / 1%), 0px 4px 20px rgb(0 0 0 / 1%), 0px 5px 25px rgb(0 0 0 / 1%) !important; */
}

section.content--contact > aside > span iframe
{
	width: 100%;
	height: 300px;
}

.label-left .nf-field-label
{
	width: unset;
	flex-basis: 150px;
	text-align: left !important;
}

.label-left .nf-field-element
{
	width: unset;
	flex-basis: 300px;
	flex-grow: 1;
}

.listradio-wrap ul,
.listcheckbox-container ul
{
	column-count: 3;
}

.diagnostiek-filter.extra-row,
.behandelunits-filter.extra-row,
.reinigingdesinfectue-filter.extra-row,
.tandtechniek-filter.extra-row
{
	padding: 50px calc(calc(calc(100vw - 1416px) / 2) + 30px) 100px calc(calc(calc(100vw - 1416px) / 2) + 30px);
}

.filter-wrapper
{
	margin-top: 50px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}

.filter-wrapper h4
{
	font-weight: 300;
	margin-bottom: 0px;
}

.filter-wrapper > .filter-navigation
{
	flex-basis: 280px;
	padding: 20px;
}

.filter-wrapper > .filter-navigation > .wrapper
{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	padding-top: 40px;
}

.filter-wrapper > .filter-navigation > .wrapper > div > p
{
	margin-bottom: 15px;
}

.filter-wrapper > .filter-navigation__mobile
{
	display: none;
}

.filter-wrapper > .filter-navigation__mobile > p
{
	display: table-cell;
	height: 100%;
	width: 100%;
	color: white;
	text-align: center;
	vertical-align: middle;
}

aside.mobile-filter-wrapper
{
	display: block;
	position: fixed;
	bottom: 0px;
	max-height: 0px;
	left: 0;
	right: 0;
	transform: translateY(50px);
	background: #FFF;
	padding: 25px;
	z-index: 64;
	pointer-events: none;
	user-select: none;
	overflow: hidden;
	transition: all 125ms ease-in-out;
}

aside.mobile-filter-wrapper.is-open
{
	max-height: 100vh;
	transform: translateY(0px);
	pointer-events: initial;
	user-select: initial;
	overflow-y: auto;
	overflow-x: hidden;
}

aside.mobile-filter-wrapper.is-open > div
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 25px;
	width: 100%;
	margin-bottom: 50px;
}

aside.mobile-filter-wrapper.is-open > div .container
{
	margin-right: 25px;
	margin-left: 25px;
	width: calc(100% - 50px);
}

@media screen and (max-width: 1100px)
{
	
	.filter-wrapper > .filter-navigation
	{
		display: none;
	}
	
	.filter-wrapper > .filter-navigation__mobile
	{
		display: table;
		position: fixed;
		bottom: 25px;
		left: 50%;
		transform: translateX(-50%);
		padding: 10px 15px;
    	border-radius: 5px;
    	margin: 1em 0;
		cursor: pointer;
		z-index: 34;
    	background-color: var(--oranje);
    	transition: all 250ms ease-in-out;
	}
}

.filter-wrapper > .filter-navigation > div
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	flex-basis: 350px;
}

.filter-wrapper > .behandelunits-filter-navigation > div label
{
	margin-bottom: 10px;
}

.filter-wrapper > .filter-results
{
	flex-basis: 650px;
	padding: 20px;
	flex-grow: 1;
}

.filter-wrapper > .filter-results > .results-flex
{
	display: flex;
	width: 100%;
	height: 100%;
	gap: 25px;
	margin-top: 40px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.archive-item-tekst h4
{
	font-weight: 700;
	font-size: 1.25rem;
}

.filter-wrapper .archive-item .archive-item-button::before
{
	background-color: white;
	background-image: url(img/arrow-forwards-oranje.svg);
}


.slick-slide img {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    /* object-fit: cover;
    object-position: center; */
}

section.imagelinks
{
	padding: 50px calc((100vw - 1416px) / 2) 100px calc((100vw - 1416px) / 2);
}

section.imagelinks > h2
{
	padding: 0 50px;
}

section.imagelinks > div.imagelinks-grid
{
	margin: 50px 50px 0 50px;
}

section.imagelinks > div.imagelinks-grid > a
{
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 300px;
	margin-bottom: 10px;
}

section.imagelinks > div.imagelinks-grid > a::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	user-select: none;
	pointer-events: none;
	background-color: var(--oranje);
	transform: translateX(-150%);
	transition: all 250ms ease-in-out;
	mix-blend-mode: multiply;
}

section.imagelinks > div.imagelinks-grid >  a:hover::before
{
	transform: translateX(0);
}

@media screen and (max-width: 1024px)
{
	.filter-wrapper > .filter-results > .results-flex
	{
		justify-content: space-evenly;
	}
}

/** MEDIA QUERIES **/

@media screen and (max-width: 1441px)
{
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link
	{
		text-align: left;
	}
	
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary
	{
		padding: 0;
	}
	
	[data-aos]
	{
		transform: none !important;
		opacity: 1 !important;
	}
	
	section.columns > aside.image-wrap img
	{
		height: calc(100% + 100px);
	}
	
	header.small > span,
	header.empty > span
	{
		padding: 150px 25px 50px 25px;
	}
	
	footer > section.linkedin
	{
		transform: translateY(0);
		padding: 0 !important;
	}
	
	footer > section.linkedin .linkedin-banner
	{
		padding: 50px 25px;
	}
	
	header .header-text,
	header .header-multiply
	{
		left: 0px;
		right: 0;
		bottom: 0px;
	}
	
	.mega-sub-menu
	{
		box-shadow: none !important;
	}
	
	p#breadcrumbs
	{
		padding: 25px;
		margin-top: 0px;
		margin-bottom: -50px !important;
	}
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link
	{
		text-align: left;
		color: white;
	}
	
	header.small
	{
		height: unset;
		padding-top: calc(10vh + 100px);
	}
	
	header.small > .header-image
	{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	header.white .header-text
	{
		background: rgba(255,255,255,.65);
	}
	
	header.orange .header-text
	{
		background: none;
	}
	
	header.small > .header-text
	{
		position: relative !important;
	}
	
	header.white .header-multiply
	{
		display: none !important;
	}	
}

@media screen and (max-width: 1260px)
{
	aside.image-wrap img
	{
		max-width: 100%;
		position: relative;
		left: unset;
		top: unset !important;
		right: unset;
		bottom: unset;
		transform: none !important;
		height: 100%;
		width: auto;
	}
	
	.columns.extra-row.text-elem-right.row-index-3 article,
	.columns.extra-row.row-index-2 article
	{
		padding: 0px !important;
	}
	
	footer > section.footer-columns
	{
		justify-content: center;
	}	
}

@media screen and (max-width: 1054px)
{
	footer > section.footer-columns > div
	{
		flex-grow: 1;
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 1024px)
{
	aside#side-popup-wrapper,
	aside#side-popup-button
	{
		display: none;
	}
	
		header .header-text
	{
		position: relative;
		padding: 25px;
	}
	
	section.project-sliders > article.projecten
	{
		height: auto;
	}
	
	section.project-sliders > article.projecten > div
	{
		min-height: 320px;
		width: 100% !important;
		margin: 0 !important;
	}
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link
	{
		color: #FFF;
	}
	
	h1
	{
		font-size: 2.5rem;
	}


	h2
	{
		font-size: 2.125rem;
	}

	h3
	{
		font-size: 1.875rem;
	}

	h4
	{
		font-size: 1.5rem;
	}

	h5
	{
		font-size: 1.25rem;
	}
	
}

@media screen and (max-width: 681px)
{
	h1
	{
		font-size: 1.625rem;
	}


	h2
	{
		font-size: 1.5rem;
	}

	h3
	{
		font-size: 1.375rem;
	}

	h4
	{
		font-size: 1.125rem;
	}

	h5
	{
		font-size: 1.25rem;
	}
	
	.listradio-wrap ul, .listcheckbox-container ul
	{
		column-count: 1;
	}
	
	section.columns > aside.image-wrap img
	{
		height: 100%;
		width: 100%;
	}
	
	section#project-single > aside,
	section#project-single > article,
	footer > section.footer-columns > div,
	section#shop-archive > article, section#shop_cat-archive > article
	{
		padding: 0;
	}
	
	table, table tbody,
	table tbody tr:nth-child(even)
	{
		font-size: .85rem;
	}
	
	.twoframes iframe
	{
		max-height: 240px;
		max-width: 100% !important;
	}
	
	table#kalender--tabel tbody tr td:nth-child(1)
	{
		text-align: left;
	}
	
	table#kalender--tabel tbody tr td:nth-child(2)
	{
		text-align: center;
	}
	
	table#kalender--tabel tbody tr td:nth-child(3)
	{
		text-align: right !important;	
	}
	
	#side-popup-wrapper,
	#side-popup-button,
	.site-popup-multiply
	{
		display: none !important;
	}
	
	section#page-intro > span.page-intro-multiply
	{
		top: -25px;
		left: 0;
		right: 0;
		width: 100% !important;
	}
	
	aside.bottom-sticky
	{
		left: 0;
		width: 100%;
		grid-template-columns: 65% 35%;
	}
	
	aside.bottom-sticky > div
	{
		height: 48px !important;
		flex-basis: 130px !important;
	}
	
	aside.bottom-sticky > .showroom p,
	aside.bottom-sticky > .ebuild p
	{
		line-height: 48px !important;
		font-size: .8em;
		padding: 0 !important;
	}
	
	aside.bottom-sticky .ebuild p a img
	{
		height: 25px;
	}
	
	aside.bottom-sticky > div > p.desktop
	{
		display: none;
	}
	
	aside.bottom-sticky > div > p.mobile
	{
		display: block;
		box-shadow: 0px 0px 3px 1px rgba(20,20,20,.0456), 0px 0px 6px 1px rgba(20,20,20,.0456), 0px 0px 9px 1px rgba(20,20,20,.0456);
	}
	
	section.project-sliders > article.projecten
	{
		height: unset;
	}
	
	section.project-sliders h2
	{
		padding-left: 0px;
	}
	
	.columns.text-elem-right.extra-row > aside.image,
	section.project-sliders > article.projecten > div#project-slider-fotos
	{
		height: 380px;
	}
	
	section.columns.text-elem-right.extra-row > article.text-wrap,
	section.columns.extra-row > article.text-wrap
	{
		padding: 25px;
		margin-top: 0;
	}
	
	section.columns.text-elem-right.extra-row > article.text-wrap::after,
	section.columns.extra-row > article.text-wrap::after
	{
		content: none;
	}
	
	section.project-sliders > article.projecten > div#project-slider-info li
	{
		padding: 50px 0 0 0;
	}
	
	section.project-sliders h1
	{
		padding: 0 25px;
	}
	
	article.nieuws
	{
		transform: translateX(0);
		width: 100%;
	}
	
	.link_wrapper
	{
		padding-left: 25px;
		padding-right: 25px;
		text-align: center;
	}
	
	aside#offscreen-menu
	{
		padding: 50px 25px;
	}
	
	section.shop-archive-intro > article.shop-archive-intro-wrap > div.shop-archive-intro-multiply,
	section.shop-archive-intro > article.shop-archive-intro-wrap > span.shop-archive-intro-inner,
	section.banner > article.banner-wrap > span.banner-inner
	{
		top: 40%;
	}
	
	section.shop-archive-intro > article.shop-archive-intro-wrap > span.shop-archive-intro-inner h1,
	section.columns > article.text-wrap h1,
	section.sticky-foto > article.sticky-inner h1,
	section.banner > article.banner-wrap > span.banner-inner h1
	{
		font-size: 30px;
		line-height: 36px;
	}
	
	section.columns > aside.image-wrap img
	{
		position: relative;
		top: 0;
	}
	
	ul.products > div.product-item
	{
		grid-template-columns: 1fr;
		grid-template-rows: 300px 1fr;
		gap: 25px;
		padding-bottom: 25px;
		border-bottom: 1px solid #EFEFEF;
		margin-bottom: 25px;
	}
	
	div.product
	{
		grid-template-columns: 1fr;
	}
	
	div.single-product
	{
		grid-template-columns: 1fr;
	}
	
	section#content > article, section.plaintext.extra-row > article
	{
		padding: 0;
	}
	
	body.single-product section#content > article
	{
		padding: 0;
	}
	
	aside.desktop-shop-sidemenu
	{
		display: none !important;
	}
	
	 aside.mobile-shop-sidemenu
	{
		display: block !important;
		max-width: calc(100vw - 50px);
		padding: 0 !important;
		margin-right: 0 !important;
		border-right: none !important;
	}
	
	section.banner > article.banner-wrap > span.banner-inner
	{
		padding: 25px;
		word-break: break-word;
	}
	
}

@media screen and (max-width: 720px)
{
	section.form > article, section#content > article, section.plaintext.extra-row > article, section.plaintext.extra-row > h2
	{
		column-count: 1 !important;
		padding: 0;
	}
	
	.columns.extra-row article
	{
		padding: 0 !important;
	}
	
	.columns.extra-row. article.orange-background
	{
		padding: 25px !important;
	}
	
	article.contact--form
	{
		transform: translateY(-50px) !important;
	}
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu
{
	padding: 10px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item
{
	padding: 0px 15px 15px 10px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
{
	line-height: initial;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item
{
	padding: 0;
	box-sizing: border-box;
	vertical-align: top;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link
{
	padding: 0px 25px 0px 0px;
}

header .header-multiply
{
	max-width: 100vw;
}

.mobile-image
{
	display: none !important;
}


@media screen and (max-width: 1180px)
{
	.desktop-image
	{
		display: none !important;
	}
	
	.mobile-image
	{
		display: initial !important;
	}
}

aside.mobile-filter-wrapper.is-open > .filter-navigation__mobile--close
{
	display: block !important;
	cursor: pointer;
	position: fixed;
	top: 15px;
	right: 15px;
	width: unset;
}

aside.mobile-filter-wrapper.is-open > .filter-navigation__mobile--close > p
{
	display: table;
	height: 50px;
    width: 50px;
	border-radius: 100%;
	background: black;
	box-shadow: 0px 0px 3px 1px rgb(20 20 20 / 5%), 0px 0px 6px 1px rgb(20 20 20 / 5%), 0px 0px 9px 1px rgb(20 20 20 / 5%);
}

aside.mobile-filter-wrapper.is-open > .filter-navigation__mobile--close > p > span
{
	display: table-cell;
	height: 100%;
	width: 100%;
	text-align: center;
	color: white;
	vertical-align: middle;
}

@media screen and (max-width: 1400px) and (min-width: 850px)
{
	.columns.extra-row article
	{
		flex-basis: unset !important;
		width: 45%;
	}
	
	.columns.extra-row aside
	{
		flex-basis: unset !important;
		width: 45%;
	}
	
	.columns.extra-row aside img
	{
		transform: scale(1) !important;
	}
}

#shop_cat-archive ul.products.columns-4
{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 25px;
}

@media screen and (max-width: 1300px)
{
	#shop_cat-archive ul.products.columns-4
	{
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 800px)
{
	#shop_cat-archive ul.products.columns-4
	{
		grid-template-columns: 1fr;
	}
}

.product_cat-item-image-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(1);
    transition: transform 300ms ease-in-out;
}

.product_cat-item:hover > .product_cat-item-image > .product_cat-item-image-inner {
    transform: scale(1.05);
}
.product_cat-item-tekst i {
    margin-top: 12px;
    display: block;
    font-size: 16px;
    line-height: 21px;
	font-style: normal;
    color: black;
    letter-spacing: 1px;
}

.product_cat-item:hover .archive-item-button::after {
    transform: translateX(0);
}

section#shop_cat-archive
{
	padding-top: 50px;
}

#beschrijving
{
	margin-bottom: 25px !important;
	color: #202020;
}
.product_meta > span
{
	display: block;
	font-size: 0.8rem;
	line-height: 1.23em;
}

#offscreen-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item
{
	padding: 0px 15px 15px 10px;
}

.category-slide
{
	text-align: center;
}

.category-slide img
{
	position: relative;
	height: 150px;
	width: 150px;
}

body.single-product [data-aos]
{
	transform: none !important;
	opacity: 1 !important;
}

.product_meta .posted_in
{
	display: none;
}

ul.products > div.product-item > a
{
	position: relative;
}

section.form
{
	display: flex;
	flex-wrap: wrap;
}

section.form > article
{
	flex-basis: 700px;
	flex-grow: 1;
}

section.form > aside
{
	flex-basis: 300px;
	flex-grow: 1;
}

div.grecaptcha-badge
{
	bottom: 12.5vh !important;
}

div#direct_bestellen
{
	display: flex;
	flex-wrap: wrap;
}
div#direct_bestellen > .price,
div#direct_bestellen > .product_meta
{
	width: 100%;
}

div#direct_bestellen > .price
{
	order: -2;
}
div#direct_bestellen > form
{
	order: -1;
}

div#direct_bestellen > h2
{
	display: none;
}

#activate_search_button
{
	display: table;
	height: 45px;
	width: 45px;
	cursor: pointer;
	z-index: 1450;
	border-radius: 50%;
	position: fixed;
	bottom: 25px;
	left: 25px;
}

#activate_search_button:before
{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background-color: #F5F5F5;
	z-index: -2;
}

#activate_search_button:after
{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	background-color: var(--blauw);
	transform: scale(0);
	transition: all 250ms ease-in-out;
	z-index: -1;
}

#activate_search_button:hover:after
{
	transform: scale(1.15);
}

#search_overlay
{
	display: none;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.85);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1440;
}

#search_overlay .inner
{
	display: grid;
	grid-template-rows: 50px 1fr;
	max-height: 80vh;
	width: 100%;
	max-width: 800px;
	padding: 20px;
	margin: auto;
}

#search_overlay.active
{
	display: flex;
}

#search_overlay input[type=text]
{
	font-size: 1.375rem;
    font-weight: 700;
	background-color: transparent !important;
	color: white !important;
}

#activate_search_button span
{
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 30px;
	transition: all 300ms ease-in-out;
}


#activate_search_button:hover span
{
	color: white;
}

#activate_search_button span.open
{
	display: none;
}

#activate_search_button.active span.open
{
	display: table-cell;
}

#activate_search_button span.close
{
	display: table-cell;
}

#activate_search_button.active span.close
{
	display: none;
}

#search_results
{
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0 10px;
}

.search-result:first-child
{
	border-top: none;
}

.search-result
{
	border-top: 1px dotted gray;
	padding: 20px 0;
}


.search-result a
{
	color: white;
}

.search-result a:hover
{
	color: var(--blauw);
}

.tos-caption
{
	display: none !important;
}

section.text-and-gallery span.label
{
	display: table;
    height: 100px;
    width: 100px;
	border-radius: 100%;
    background-color: var(--oranje);
}

section.text-and-gallery span.label i
{
	display: table-cell;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
	font-weight: 700;
    color: #fff;
    font-size: 14px;
    user-select: none;
}

@media screen and (max-width: 880px) and (min-width: 600px)
{
	form.cart
	{
		display: grid;
		grid-template-columns: 60px 1fr;
	}
	
	form.cart::before,
	form.cart::after
	{
		content: none !important;
	}
}


@media screen and (max-width: 600px)
{
	form.cart
	{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 1rem !important;
	}
	
	form.cart > div.quantity,
	form.cart > .single_add_to_cart_button
	{
		width: 100%;
		margin: 5px 0 !important;
	}
}

a.shop
{
	padding: 10px 15px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--blauw);
	color: var(--blauw);
	font-weight: bold;
	transition: all 125ms ease-in-out;
}

a.shop:hover
{
	color: white;
	background: var(--blauw);
}

#swipebox-close
{
	top: 2rem;
	right: 2rem;
}

.gform_wrapper.gravity-theme
{
	.gform_body
	{
		label
		{
		}
		
		.gfield_label
		{
			display: block !important;
			font-size: .875rem;
			font-weight: 700;
		}
		
		.ginput_complex
		{
			> *:not(.gf_clear)
			{
				flex: 1 0 50% !important;
			}
		}
	}
	
	[type=checkbox], [type=file], [type=radio]
	{
    	margin: 0;
	}
}


/* =========================================================
   E-Dental - Max Mega Menu dropdown indicator fix
   Houdt de dropdown-pijltjes naast het hoofdmenu-item
   ========================================================= */

#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-item-has-children
> a.mega-menu-link
> span.mega-indicator
{
	display: inline-block;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	margin-left: 6px;
	vertical-align: middle;
	transform: none;
}

#mega-menu-wrap-primary
#mega-menu-primary
> li.mega-menu-item-has-children
> a.mega-menu-link
> span.mega-indicator::after
{
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	vertical-align: middle;
}