/*
Theme Name:   Devotees FM connect	
Theme URI:    https://www.devotees.nl
Author: 	Devotees
Author URI: https://www.devotees.nl
Description:  Custom built template for pulling FM data
Version:      1.0.0
Text Domain:  devoteesfm


*/


:root {
  --greengradient: linear-gradient(92deg, #4A8C33 21.2%, #58AE15 57.78%);
  --darkgreen: #115545;
  --green: #58AE15;
  --orange: #BF6B22;
  --grey: #4E4E4E;
  --cta: #E56A00;
}


body, html {
	margin: 0px;
	padding: 0px;
	font-size: 13pt;
	color: var(--grey);
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	line-height: 160%;
}


a {
	color: inherit;
	text-decoration: none;
}

section {
	position: relative;
	width: 100%;
}

.sectioninner {
	position: relative;
	width: 100%;
	padding: 0 calc((100vw - 1366px) / 2);
	box-sizing: border-box;
}

.top {
	position: absolute;
	width: 100%;
	background: var(--greengradient);
	padding: 1em 2em;
	padding-left: calc((100vw - 1366px) / 2);
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between; /* Aligns items with space between them */
	color: white;
	top: 0;
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
	transition: box-shadow .25s;
}

.topblock {
	position: relative;
	height: 6.6em;
	width: 100%;
	background: var(--green);
}

.scrollview .top {
	position: fixed;
	z-index: 9999;
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,.2);
}

.top .logo {
	height: 4em;
	width: auto;
}

.top .rightcontainer {
	text-align: right;
}

.search_field {
	display: none !important;
}

.searchactive {
	display: inline-block !important;
}

.search_field #searchsubmit {
	display: none;
}
.search_field input {
	box-sizing: border-box;
	padding: .25em;
	background: white;
	border: 0;
	border: .12em solid white;
}
.search_field input:focus {
	outline: none;
	border: .12em solid var(--darkgreen);
}

.langswitcher {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.langswitcher .langexpand {
	position: absolute;
	z-index: 9999;
	padding: .5em 1em;
	margin-left: -1em;
	background: var(--darkgreen);
	text-align: center;
	border-radius: 0 0 .25em .25em;
	display: none;
}

.langswitcher:hover .langexpand {
	display: block;
}

.langswitcher a {
	transition: color .25s;
	color: white;
	display: block;
}

.langswitcher .currentlanguage {
	display: inline-block;
}

.langswitcher a:hover {
	color: var(--green);
}

.langswitcherarrow {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 0.5em;
	background-image: url("images/arrow-down.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	transition: left .25s;
	box-sizing: border-box;
	margin: 0 !important;
}


.toppre .toplink span {
	font-weight: bold;
	margin-right: .5em;
}

.toppre .toplink {
	margin-left: 1em;
	transition: color .25s;
}

.toppre .toplink:hover {
	color: var(--darkgreen);
}

.toppre svg:hover {
	fill: var(--darkgreen);
} 

.toppre .toppreitem {
	margin-left: 1em;
	display: inline-block;
}

.toppre svg {
	fill:white;
	height: 1em;
	width: auto;
	position: relative;
	vertical-align: middle;
	top:-.1em;
	transition: fill .25s;
}


.hamburger {
	display: none;
}

.topmenu {
	margin-top: 1em;
}

.topmenu a {
	font-size: 1.4em;
	margin-left: 1.2em;
	transition: color .25s;
	font-weight: 600;
}

.topmenu a:hover,
.topmenu a.active {
	color: var(--darkgreen);
}

.topmenu .active .langswitcherarrow {
	background-image: url("images/arrow-down-dg.svg") !important;
}

.topmenu .menuitemwrap:hover .langswitcherarrow {
	background-image: url("images/arrow-down-dg.svg") !important;
}

.menuitemwrap {
	display: inline-block;
	position: relative;
}

.menuitemwrap .submenu {
	display: none;
	position: absolute;
	background: var(--darkgreen);
	text-align: left;
	z-index: 9999;
	padding: .75em 1.5em;
	left: .75em;
	box-sizing: border-box;
	border-radius: .5em;
	box-shadow: 0px 4px 4px 0px #00000026;
}

.menuitemwrap:hover .submenu {
	display: block;
}

.menuitemwrap .submenu .menuitemwrap {
	display: block;
}

.menuitemwrap .langswitcherarrow {
	position: relative;
	top:-.25em;
	right: auto;
	padding-left: 2em;
	display: inline-block;
}

.submenu a {
	margin-left: 0;
	padding-top: .25em;
	display: block;
	font-weight: 400;
	font-size: 1em;
}

.submenu a:hover,
.submenu a.active {
	color: var(--green) !important;
}

.mega_menu_hold {
	margin-left: -110%;
	padding: 1em 3em !important;
	z-index: 99999999 !important;
}

.mega_menu {
	display: flex;
	padding-bottom: 1em;
}

.mega_menu_col {
	padding-right: 2em;
	box-sizing: border-box;
	white-space: nowrap;
}

.mega_menu_col b {
	margin-bottom: .5em;
	display: block;
}

.breadcrumbs span {
	transition: color .25s;
	margin: 0 .5em;
}


.backarrow {
	display: inline-block;
	cursor: pointer;
}
.breadcrumbs a:hover {
	color: var(--darkgreen);
}

.breadcrumbs svg {
	height: 1em;
	width: auto;
	margin-right: 0em;
	vertical-align: middle;
	position: relative;
	top:-.1em;
}

.breadcrumbs .sep {
	height: .75em;
	top:-.1em;
	margin: 0;
}

.slider {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.slides-dots {
	position: absolute;
	bottom: 3em;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 999;
}

.slides_prev,
.slides_next {
	position: absolute;
	top: 0;
	width:5em;
	z-index: 10;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.slides_next {
	right: 0;
}

.slides_prev svg,
.slides_next svg  {
	height: 1.5em;
	width: auto;
	fill:white;
	transition: fill .25s;
}

.slides_prev:hover svg,
.slides_next:hover svg {
	fill: var(--cta);
}

.slides_next svg {
	transform: rotate(180deg);
}

.slides-dots .dot {
	position: relative;
	width: 1em;
	height: 1em;
	border-radius: 100%;
	background: white;
	border: 1px solid var(--darkgreen);
	margin: .15em;
	transition: background .25s;
	cursor: pointer;
}

.slides-dots .dot:hover {
	background: var(--cta);
}
.slides-dots .dot.active {
	background: var(--darkgreen);
}
.slider img {
	display: block;
	width: 100%;
	height: auto;
}

.slider .slidehold {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
}

.tekst_container {
	width: 100%;
	border-radius: 1em;
	background: var(--greengradient);
	padding: 2em 4em 6em 4em;
	box-sizing: border-box;
	color: white;
	margin-top: -2em;
}

.flexcontainer {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.content_left {
	width: 65%;
}

.content_right {
	text-align: right;
	width: 35%;
}

.homeintro .titel_1 {
	display: block;
	width: 100%;
	font-style: italic;
	margin-bottom: 1.5em;
}

.homeintro .content_text {
	width: calc(65% - 4em);
	margin-left: 4em;
	background: var(--darkgreen);	
	padding: 2em 4em 2em 2em;
	border-radius: 1em;
	box-sizing: border-box;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.15);
	color: white;
	margin-top: -4em;
	min-height: 6em;
}


.homeintro h2 {
	font-size: 1.4em;
	font-weight: 400;
	margin: 0;
}

.homeintro h1 {
	font-size: 3.1em;
	line-height: 1.25em;
	font-style: italic;
	font-weight: 400;
	margin: 0;
}

.button {
	border-radius: 3em;
	padding: .5em 2em;
	box-sizing: border-box;
	transition: background .25s, color .25s;
}

.readmore {
	border-radius: 3em;
	box-sizing: border-box;
	transition: background .25s, color .25s;
	font-weight: bold;
}

.button::after,
.readmore::after {
	content: '';
	display: inline-block;
	position: relative;
	margin-left: .75em;
	top:.3em;
	width: 1.25em;
	height: 1.25em;
	background-image: url('images/arrow-w.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	transition: left .25s;
	box-sizing: border-box;
	left: 0;
}

.button:hover::after,
.readmore:hover::after {
	left: .25em;
}

.button.white {
	background: white;
	color: var(--darkgreen);
}

.readmore.white {
	color: var(--green);
}

.button.white:hover {
	background: var(--cta);
	color: white;
}

.button.white::after {
	background-image: url('images/arrow-g.svg');
}

.button.white:hover::after {
	background-image: url('images/arrow-w.svg');
}

.readmore.white::after {
	background-image: url('images/arrow-lg.svg');
}

.button.green {
	background: var(--green);
	color: white;
}

.button.green:hover {
	background: var(--cta);
	color: white;
}

.button.darkgreen {
	background: var(--darkgreen);
	color: white;
}

.button.darkgreen:hover {
	background: var(--cta);
	color: white;
}

section.cats_met_usps {
	margin-top: 6em;
}

.darkgreenback {
	background: var(--darkgreen);
	color: white;
	padding: 6em 0 4em 0;
	margin-top: -4em;
}

.cathold,
.nieuwshold,
.ervaringenhold,
.searchhold {
	margin-left: -.5em;
	width: calc(100% + 1em);
	position: relative;
	flex-wrap: wrap;
	justify-content: left;
}

.cat,
.product,
.rel_product {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: white;
	border-radius: 1em;
	padding: 2em;
	padding-bottom: 1em;
	text-align: center;
	margin: .5em;
	box-sizing: border-box;
	width: calc(33.33% - 1em);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
	transition: box-shadow .25s, opacity .25s;
}

.rel_product.added {
	pointer-events: none;
	opacity: .5;
}

.rel_product.added .rel_add_to_cart_vis {
	background: var(--green);
	border:1px solid var(--green);
}

.product,
.rel_product {
	text-align: left;
}

.product_flex {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.product_price {
	margin-bottom: 1em;
}

.product_price .priceblock {
	margin-bottom: 0;
}
.product_price .single_product_price {
	font-size: 1.5em;
}
.product_price .single_product_price span {
	font-size: .75em;
	color: var(--grey);
}


.product .woocommerce-Price-amount {
	font-size: 1.5em;
	color: var(--darkgreen);
	margin-left: .5em;
}

.product_short {
	font-weight: 700;
	margin-bottom: auto;
	padding-bottom: 1em;
}

.cat_arrow {
	content: '';
	display: inline-block;
	position: relative;
	margin-left: .75em;
	margin-top: auto;
	margin-bottom: .5em;
	top:.3em;
	width: 1.75em;
	height: 1.75em;
	background-image: url('images/arrow-w.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	transition: left .25s;
	box-sizing: border-box;
	left: 0;
	background-image: url('images/arrow-g.svg');
}

.cat:hover,
.product:hover {
	box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.35);
}

.cat:hover .cat_arrow {
	left:.5em;
}

.cat_name,
.product_name {
	font-size: 1.4em;
	color: var(--darkgreen);
	margin-bottom: auto;
}

.cat_img,
.product_img {
	margin: 1em 0 1em 0;
	text-align: center;
}

.cat_img img,
.product_img img {
	height: auto;
	width: 75%;
	display: inline-block;
}

.cat_usps {
	margin: 0;
	padding: 0;
	text-align: left;
	padding: 1em;
	box-sizing: border-box;
}

.usps h2 {
	font-weight: 400;
	font-style: italic;
	font-size: 1.4em;
}


.usps ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.5em;
}

.usps ul li {
	margin: 0;
	padding: 0 0 .75em 1.5em;
	list-style: none;
	background-image: url(images/list.svg);
	background-repeat: no-repeat;
	background-position: left .3em;
	background-size: 1em;
}

.usps .button {
	width: calc(100% - 2em);
	display: block;
	float: right;
	text-align: center;
}

.bgimg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
}

.visual_met_blok_tekst {
	padding-top: 8em;
	padding-bottom: 16em;
}

.visual_met_blok_tekst .tekstblok {
	width: 50%;
	height: auto;
	padding: 3em 4em;
	border-radius: 1em;
	box-sizing: border-box;
	background: white;
}

.tekstblok h2 {
	font-size: 3.1em;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0;
	color: var(--darkgreen);
}

.tekstblok h2 b {
	font-style: italic;
	display: block;
}

.tekstblok .tekst {
	margin-top: 1em;
	margin-bottom: 2em;
}

.oddevenitem.sectioncount0 {
	margin-top: 8em;
}

.oddevenitem {
	margin: 5em 0;
}

.tekst_met_afbeelding .oddevenitem {
	margin-top: 0;
	margin-bottom: 4em;
}

.oddevenitem .flexcontainer {
	align-items: center; 

}

.oddevenitem.type-even .flexcontainer {
	flex-direction: row-reverse; 
}

.twee_kolommen {
	margin: 8em 0;
}

.twee_kolommen .col {
	width: 50%;
	box-sizing: border-box;
}

.twee_kolommen .col:nth-of-type(odd){
}

.twee_kolommen .col:nth-of-type(even){
	padding-left: 4em;
}


.twee_kolommen .hasbackground {
	padding: 2em;
	padding-bottom: 8em;
	box-sizing: border-box;
	border-radius: 2em;
	height: 75%;
}

.twee_kolommen .bg-darkgreen {
	background: var(--darkgreen);
	color: white;
}

.twee_kolommen .bg-darkgreen h2 {
	color: white;
}


.oddevenitem .flexcontainer .col {
	width: calc(50% - .5em);
}

.oddevenitem .tekstcol,
.oddevenitem .vidcol,
.oddevenitem .imgcol {
	box-sizing: border-box;
}

.oddevenitem .vidcol {
	border-radius: 1em;
	overflow: hidden;
}

.oddevenitem .imgcol img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	border-radius: 1em;
	overflow: hidden;
	
}

.oddevenitem .tekstcol .tekst {
	padding-bottom: 2em;
}

.oddevenitem.type-odd .tekstcol {
	padding-right: 4em;
}
.oddevenitem.type-even .tekstcol {
	padding-left: 4em;
}

.oddevenitem.type-odd .vidcol,
.oddevenitem.type-odd .imgcol {
	margin-left: .5em;
}
.oddevenitem.type-even .vidcol,
.oddevenitem.type-even .imgcol {
	margin-right: .5em;
}

.oddevenitem h2,
.twee_kolommen h2 {
	font-size: 2em;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0;
	margin-bottom: .5em;
	color: var(--darkgreen);
}

.twee_kolommen h2 p {
	margin: 0;
}

.nieuws,
.ervaringen {
	padding: 6em 0;
	text-align: center;
}

.nieuwsgrad {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(88,174,21,0) 0%, rgba(74,140,51,1) 100%); 
}

.nieuws h2 {
	font-size: 2.2em;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0;
	margin-bottom: 2em;
	color: white;
}

.nieuwsitem,
.searchitem {
	background: white;
	width: calc(33.33% - 1em);
	margin: .5em;
	border-radius: 1em;
	min-height: 30em;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	text-align: left;
	overflow: hidden;
}

.nieuwsholdpage .nieuwsitem {
	box-shadow: none;
}

.searchitem {
	min-height: auto;
}

.nieuwsitem,
.searchitem {
	margin-bottom: 4em;
}

.nieuwsinner,
.searchinner,
.ervaringinner {
	padding: 2em;
	box-sizing: border-box;
}

.nieuwsinner h3 {
	font-size: 1.25em;
	color: var(--darkgreen);
	margin: 0;
}

.nieuwsimg {
	display: block;
	width: 100%;
	height: auto;
	
}

.searchresults {
	padding: 6em 0;
}

.ervaringitem {
	background: var(--VDK-Groen-verloop-nieuw, linear-gradient(92deg, #4A8C33 21.2%, #58AE15 57.78%));
	min-height: 30em;
	width: calc(50% - 1em);
	margin: .5em;
	border-radius: 1em;
	color: white;
	text-align: left;
}

.ervaringinner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ervaringinner h3 {
	font-size: 1.5em;
	font-weight: 400;
	margin-top: 0;
}

.ervaringmedia {
	margin-top: auto;
	padding: 0 2em;
	box-sizing: border-box;
	text-align: center;
}

.ervaringmedia img {
	height: 8em;
	display: inline-block;
	width: auto;
	border-radius: 1em;
}

.ervaringen h2 {
	font-size: 2.2em;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0;
	margin-bottom: 2em;
	color: var(--darkgreen);
	text-align: center;
}

.ervaringenhold {
	margin-bottom: 4em;
}



/* Lite youtube */


lite-youtube {
	background-color: #000;
	position: relative;
	display: block;
	contain: content;
	background-position: center center;
	background-size: cover;
	cursor: pointer;
	max-width: 720px;
}

/* gradient */
lite-youtube::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
	background-position: top;
	background-repeat: repeat-x;
	height: 60px;
	padding-bottom: 50px;
	width: 100%;
	transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* responsive iframe with a 16:9 aspect ratio
	thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
	content: "";
	display: block;
	padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
	display: block;
	/* Make the button element cover the whole area for a large hover/click target… */
	width: 100%;
	height: 100%;
	/* …but visually it's still the same size */
	background: no-repeat center/68px 48px;
	/* YT's actual play button svg */
	background-image: url('data:image/svg+xml;utf8,<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="play_circle_FILL0_wght400_GRAD0_opsz24 3"><path id="Vector" d="M32.2712 55.5394L55.6046 40.5394L32.2712 25.5394V55.5394ZM40.6046 73.8727C35.9935 73.8727 31.6601 72.9977 27.6046 71.2477C23.549 69.4977 20.0212 67.1227 17.0212 64.1227C14.0212 61.1227 11.6462 57.5949 9.89624 53.5394C8.14624 49.4838 7.27124 45.1505 7.27124 40.5394C7.27124 35.9283 8.14624 31.5949 9.89624 27.5394C11.6462 23.4838 14.0212 19.9561 17.0212 16.9561C20.0212 13.9561 23.549 11.5811 27.6046 9.83105C31.6601 8.08105 35.9935 7.20605 40.6046 7.20605C45.2157 7.20605 49.549 8.08105 53.6046 9.83105C57.6601 11.5811 61.1879 13.9561 64.1879 16.9561C67.1879 19.9561 69.5629 23.4838 71.3129 27.5394C73.0629 31.5949 73.9379 35.9283 73.9379 40.5394C73.9379 45.1505 73.0629 49.4838 71.3129 53.5394C69.5629 57.5949 67.1879 61.1227 64.1879 64.1227C61.1879 67.1227 57.6601 69.4977 53.6046 71.2477C49.549 72.9977 45.2157 73.8727 40.6046 73.8727ZM40.6046 67.2061C48.049 67.2061 54.3546 64.6227 59.5212 59.4561C64.6879 54.2894 67.2712 47.9838 67.2712 40.5394C67.2712 33.0949 64.6879 26.7894 59.5212 21.6227C54.3546 16.4561 48.049 13.8727 40.6046 13.8727C33.1601 13.8727 26.8546 16.4561 21.6879 21.6227C16.5212 26.7894 13.9379 33.0949 13.9379 40.5394C13.9379 47.9838 16.5212 54.2894 21.6879 59.4561C26.8546 64.6227 33.1601 67.2061 40.6046 67.2061Z" fill="white"/></g></svg>');
	position: absolute;
	cursor: pointer;
	z-index: 1;
	filter: grayscale(100%);
	transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
	border: 0;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
	filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
	cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
	opacity: 0;
	pointer-events: none;
}

.lyt-visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
  }


.productgallery_inner {
	margin-top: 1em;
}

.productgallery_inner,
.productvideos_inner {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.productgallery_inner {
	flex-shrink: 0;
	overflow: hidden;
	justify-content: left;
}

.productvideos_inner {
	flex-wrap: wrap;
}

.productvideos_inner {
	margin-bottom: 0;
}

.productgallery_inner .woocommerce-product-gallery__image {
	width: calc((100%) / 3);
	display: block;
	padding: 0 .5em;
	box-sizing: border-box;
	flex-shrink: 0;
	margin-bottom: .5em;
}

.productgallery_inner.combogallery {
	justify-content: flex-start;
}

.productgallery_inner.combogallery .woocommerce-product-gallery__image {
	width: calc(100% / 5);
}

.productgallery_inner.combogallery .woocommerce-product-gallery__image img {
	width: 100%;
	height: auto;
	padding: 1em;
	box-sizing: border-box;
}


.vidhold {
	width: calc(100% / 2);
	margin-bottom: 1em;
	transition: width .25s;
	padding: .5em;
	box-sizing: border-box;
}

.vidhold.activevid {
	width: 100%;
}

.img_enlarged {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	top: 0;
	left: 0;
	z-index: 9999999;
	opacity: 0;
	transition: opacity .5s;
	pointer-events: none;
	background: rgba(0,0,0, .75);
	display: flex;
	justify-content: center;
	align-items: center;
}

.img_enlarged_closer {
	position: absolute;
	top:0;
	bottom: 0;
	right: 0;
	left: 0;
}

.img_enlarged_closer svg {
	position: absolute;
	fill:white;
	height: 1.5em;
	width: auto;
	top:2em;
	right: 2em;
	transition: fill .25s;
	cursor: pointer;
}

.img_enlarged_closer svg:hover {
	fill: var(--green);
}

.img_enlarged.active {
	opacity: 1;
	pointer-events: all;
}

.img_enlarged .imgholder {
	max-width: 100%;
}
	

.img_enlarged .imgholder img {
	max-width: 100%;
	height: auto;
}

.img_nav {
	position: relative;
	height: 100%;
	width: 4em;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.img_nav svg {
	display: inline-block;
	fill:white;
	height: 2em;
	width: auto;
	transition: fill .25s;
}

.img_nav:hover svg {
	fill:var(--green);
}

.img_nav.prev svg {
	transform: rotate(180deg);
}


.productcol1 {
	z-index: 99;
	padding-right: 2em;
	width: 50%;
}

.productcol2 {
	padding-left: 2em;
	z-index: 10;
	box-sizing: border-box;
	width: 50%;
}

.productcol50 {
	width: 50%;
	box-sizing: border-box;
	
}

.productcol50 h3 {
	margin-bottom: 1em;
}

.productcol50:nth-of-type(odd){
	padding-right: 2em;
}


.productcol50:nth-of-type(even){
	padding-left: 2em;
}

.imagetoggle_container {
	padding-top: 1em;
}

.imagezoom {
	position: absolute;
	right: 2em;
	top:3em;
	cursor: pointer;
}

.productcol1 img {
	width: 100%;
	height: auto;
	cursor: pointer;
	display: block;
}

.single_product_part {
	padding-top: 2em;
	margin-bottom:4em;
}

.productcol2 h1 {
	font-size: 3em;
	font-weight: 400;
	margin: 0;
	color: var(--green);
	line-height: 115%;
	margin-bottom: .25em;
}

.single_product_part h2 {
	font-size: 2em;
	color: var(--darkgreen);
	font-weight: 400;
	margin: 0;
	line-height: 115%;
	padding: 0;
	margin-bottom: .5em;
	
}

.single_product_part h3 {
	font-size: 1.5em;
	margin-top: 0;
	font-weight: 400;
	color: var(--darkgreen);
}


.productcol2 p a,
.productcol2 h2 a {
	text-decoration: underline;
	transition: color .25s;
}

.productcol2 p a:hover,
.productcol2 h2 a:hover {
	color: var(--sand);
}

.single_product_col {
	padding-top: 2em;
	position: relative;
}

.product_intro_txt p:first-of-type {
	margin-top: 0;
}

.single_product_price {
	font-size: 2.5em;
	color: var(--darkgreen);
}

.single_product_price span {
	font-size: .5em;
	margin-right: .75em;
}

.product_qty_hold {
	border-radius: 2em;
	height: 2.5em;
	width: auto;
	border:1px solid var(--grey);
	display: inline-block;
	margin-right: 1em;
	background: white;
}

.woocommerce-cart .product_qty_hold {
	margin-right: -.75em;
}

.woocommerce-cart .product_qty_hold .quantity {
	display: none;
}

.woocommerce-cart .product_qty_hold input {
	border: 0;
	background: none;
}

.woocommerce-cart-form .remove svg {
	height: 1em;
	width: auto;
	box-sizing: border-box;
	fill:var(--darkgreen);
	transition: fill .25s;
	margin-top: .5em;
	margin-right: .5em;
}

.woocommerce-cart-form .remove:hover svg {
	fill:var(--green);
}

/* .woocommerce-cart-form .rel_qty_no {
	pointer-events: none !important;
} */

.qty_minus svg,
.qty_plus svg {
	fill:white;
	width: 2.5em;
	height: 2.5em;
	background: var(--darkgreen);
	padding: .6em;
	border-radius: 100%;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	transition: transform .25s, fill .25s;
	border: .2em solid white;
}

.qty_minus:hover svg,
.qty_plus:hover svg  {
	fill: var(--cta);
}


.qty_value {
	width: auto;
	padding: 0 1em;
	height: 2.5em;
	text-align: center;
}

.qty_value input {
	vertical-align: middle;
	font-size: 1.5em;
	position: relative;
	top: .15em;
	border: 0;
	width: 1em;
	color: var(--grey);
	text-align: center;
	transition: width .25s;
}

.qty_value input.medint {
	width:2em;
}

.qty_value input.bigint {
	width:3em;
}

.qty_value input::-webkit-outer-spin-button,
.qty_value input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.qty_value input[type=number] {
  -moz-appearance: textfield;
}

.qty_value input:focus {
	outline: none !important;
	border: 0 !important;
}

form.cart,
.relcart {
	display: none;
}

.add_to_cart,
.offerte-trigger {
	padding: .15em 2em;
	box-sizing: border-box;
	background: var(--cta);
	color: white;
	border-radius: 2em;
	display: inline-block;
	vertical-align: top;
	border: .2em solid var(--cta);
	margin-right: 1em;
	cursor: pointer;
	transition: background .25s, color .25s;
}

.add_to_cart:hover {
	background: white;
	color: var(--cta);
}

.offerte-button {
	background: none;
	border: .2em solid white;
	margin-left: 0;
	color: var(--darkgreen);
	text-decoration: underline;
	padding:0;
	vertical-align: bottom;
}

.offerte-button:hover {
	color: var(--cta);
}

.product_offerte {
	display: none;
}

.product_intro_txt {
	min-height: 5em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.price_info_hold  {
	display: flex;
	flex-direction: column;
	padding-top: 1em;
}

.pricetable {
	padding-top: 1em;
	margin-top: auto;
}

.pricetable th {
	padding-right: 2em;
	text-align: left;
}

.pricetable td {
	text-align: left;
}

.priceblock {
	margin-bottom: .5em;
}

.productcol50 .priceblock {
	margin-top: 4em;
}

.productpart2 {
	margin-top: 4em;
}

.product_dimensions {
	border-radius: 1em;
	margin-top: 1.5em;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	background: var(--darkgreen);
	color: white;
	padding: 2em;
	padding-bottom: 1em;
	box-shadow: 0px 4px 4px 0px #00000026;
}

.product_dimensions b {
	display: block;
	margin-bottom: .5em;
	font-size: 1.25em;
	font-weight: 400;
}

.product_dimensions b small {
	margin-left: .5em;
	font-size: .75em;
	font-weight: 300;
}

.dimhold {
	width: 60%;
	margin: .5em 0;
	line-height: 130%;
	font-size: .9em;
	margin-bottom: 1em;
}

.dimhold:last-of-type {
	width: 40%;
}

.dimhold svg {
	height: auto;
	width: 9em;
	margin-bottom: .5em;
	display: block;
}

.dim_exp {
	display: block;
	margin-top: 2em;
	font-size: .75em;
}

.productpart2 ul {
	margin-top: 1em;
}

.related {
	background: #F2F2F2;
	padding: 2em 0;
	margin-bottom: 0;
}

.related h3 {
	margin-bottom: .25em;
}

.related_products_hold {
	display: flex;
	width: 100%;
	margin-top: 1em;
	overflow: hidden;
	position: relative;
	cursor: grab;
}

.related_products_hold_outer {
	position: relative;
	width: 100%;
}

.rel_product {
	min-width: 18%;
	padding: 1em;
}

.rel_product_img {
	width: 100%;
	text-align: center;
}

.rel_product_img img {
	height: auto;
	width:100%;
}

.rel_product .product_flex {
	font-size: .85em;
	line-height: 170%;
}

.rel_product:first-of-type {
	margin-left: 10em;
}

.rel_product_name {
	font-weight: 700;
	margin-bottom: auto;
	color: var(--darkgreen);
}

.rel_product_price {
	color: var(--darkgreen);
	font-size: 1.5em;
	margin-top: .5em;
	margin-bottom: .75em;
}

.rel_price_info {
	position: relative;
	height: .85em;
	vertical-align: middle;
	margin-left: .2em;
	width: auto;
}

.rel_product_price div {
	font-size: .75em;
	display: inline-block;
}

.rel_product .rel_qty_add {
	margin-top: .75em;
}

.rel_add_to_cart_vis {
	padding: .75em 2em;
	margin-left: .5em;
	border-radius: 2em;
	background: var(--cta);
	transition: background .25s, border .25s;
	border:1px solid var(--cta);
}


.rel_add_to_cart_vis svg {
	height: 1.25em;
	width: auto;
	fill: white;
	position: relative;
	vertical-align: middle;
	transition: left .25s;
	left:0;	
}

.rel_add_to_cart_vis:hover svg {
	left: .25em;
}


.rel_product input {
	box-sizing: border-box;
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	border: 0;
	background: #F2F2F2;
	padding: .75em 1em;
	display: inline-block;
	width: 6em;
	text-align: center;
	border-radius: .25em;
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
	border:1px solid #F2F2F2;
	color: var(--grey);
}

.rel_product input:focus {
	outline:none;
	border:1px solid var(--cta);
}

.rel_next,
.rel_prev,
.img_next,
.img_prev {
	position: absolute;
	right: 0;
	top: 1em;
	bottom: 1em;
	z-index: 10;
	width: 5em;
	background: linear-gradient(-90deg, #FFFFFF 23.39%, rgba(255, 255, 255, 0) 100%);
	cursor: pointer;
}

.rel_prev,
.img_prev {
	right:auto;
	left: 0;
	background: linear-gradient(90deg, #FFFFFF 23.39%, rgba(255, 255, 255, 0) 100%);
	display: none;
}

.galwrap {
	position: relative;
}

.img_prev {
	left: -3.5em;
	top:-.5em;
	bottom: 0em;
}
.img_next {
	right: -3.5em;
	top:-.5em;
	bottom: 0em;
}

.rel_prev svg,
.rel_next svg,
.img_prev svg,
.img_next svg {
	position: absolute;
	height: 3em;
	right:2em;
	top: calc((100% - 3em) / 2);
	transition: transform .25s;
}

.rel_prev:hover svg,
.rel_next:hover svg,
.img_prev:hover svg,
.img_next:hover svg {
	transform: scale(1.5);
}

.footersvghold {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.footersvghold.white {
	background: white;
}

.footersvghold.green {
	background: var(--darkgreen);
}

.footersvghold .footfront {
	height: auto;
	width: 100%;
	position: relative;
	z-index: 10;
	display: block;
}

.footersvghold .footback {
	height: auto;
	width: 100%;
	position: absolute;
	left: 0;
	top:0;
	z-index: 0;
}

.footer .socials {
	margin-top: 1.25em;
}

.footer .social {
	display: inline-block;
	margin-right: .5em;
}

.footer .social svg {
	margin: 0;
}





.footgrad {
	position: absolute;
	width: 100%;
	height: 100%;
	top:-1px;
	background: linear-gradient(180deg, #68AA14 0%, rgba(104, 170, 20, 0) 46.06%);
}

.footcontent {
	padding: 6em 0;
	box-sizing: border-box;
}

.footcol {
	width: 25%;
	padding-right: 1em;
	box-sizing: border-box;
	font-size: .9em;
	line-height: 160%;
}

.footcol b {	
	display: block;
	font-size: 1.25em;
	color: var(--darkgreen);
}

.footcol a {
	color: var(--darkgreen);
}

.footcol a:hover {
	text-decoration: underline;
}

.footcol p {
	margin-top: 0;
	margin-bottom: .4em;
}


.category-header {
	background: #F2F2F2;
	padding-top: 2em;
	padding-bottom: 10em;
}

.category-header-col {
	width: 50%;
	padding-right: 1em;
	box-sizing: border-box;
}

.category-header h1,
.category-header h2 {
	font-size: 3em;
	color: var(--green);
	font-weight: 400;
	margin-bottom: .75em;
	line-height: 115%;
}

.category-header-col h2 {
	font-size: 1.5em;
	margin-top: 2em;
}

.categories {
	background: var(--darkgreen);
}

.categories .flexcontainer {
	top: -8em;
}

.cat_sp {
	margin: 0;
	padding: 0 1em;
}

.plainheader {
	padding-top: 4em;
}

.plainheader h1 {
	font-size: 3em;
	font-weight: 400;
	color: var(--green);
}

.page-template-default .plainheader h1 {
	color: var(--darkgreen);
	font-style: italic;
}

.selectcontainer {
	position: relative;
	display: inline-block;
	margin-left: .5em;
}

.selectcontainer .selectarrow {
	display: inline-block;
	position: absolute;
	top: .75em;
	width: 1em;
	right: 1em;
	height: 0.5em;
	background-image: url("images/arrow-down-dg.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	transition: left .25s;
	box-sizing: border-box;
	margin: 0 !important;
	pointer-events: none;
}

.productvariants {
	box-sizing: border-box;
	font-size: 1em;
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	background: white;
	border: .1em solid var(--darkgreen);
	border-radius: .25em;
	padding: .25em;
	padding-left: 1em;
	padding-right: 3.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: var(--grey);
	box-sizing: border-box;
}



.cart-contents {
	position: relative;
}

.cart-contents svg {
	height: 1em;
	fill: white;
	width:auto;
}

.cart-contents:hover {
	text-decoration: none;
}

.cart-contents-count {
	position: absolute;
	top: 1.5em;
	right: -.5em;
	transform: translateY(-105%) translateX(25%);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .5em;
	line-height: 1.5em;
	height: 1.5em;
	width: 1.5em;
	vertical-align: middle;
	text-align: center;
	color: white;
	background: var(--darkgreen);
	border-radius: 50%;
	padding: 1px;  
}

.contentsection {
	margin: 4em 0;
}




.woocommerce {
	position: relative;
	width: 100%;
}

.woocommerce-cart .button,
.woocommerce-checkout .button {
	border-radius: .5em !important;
	cursor: pointer;
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 1em;
	border: 0;
	color: white;
	background: var(--darkgreen);
}

.woocommerce-checkout .invisiblerow {
	opacity: 0;
	pointer-events: none;
}

.checkout-button,
#order_review .button {
	background: var(--cta) !important;
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 1em;
}
.shop_table {
	width: 100%;
	margin-bottom: 1em;
	text-align: right;
}

.shop_table .product-thumbnail {
	width: 5em;
	height: auto;
}

.shop_table .product-thumbnail img {
	width: 100%;
	display: block;
	height: auto;
}

.shop_table .coupon {
	text-align: left;
	float: left;
}

.shop_table .product-name {
	text-align: left;
}


.shop_table tr td,
.shop_table tr th,
.cart_totals tr td {
	padding: .5em;
}


.shop_table tr td,
.shop_table tr th,
.cart_totals tr td {
	padding-left: 0;
	padding-bottom: .1em;
	padding-top: .1em;
}

.shop_table tr.cart_item:nth-of-type(even) td {
	background: rgba(0,0,0,.05);
}

.shop_table .coupon input,
.checkout_coupon input {
	width: auto !important;
}

.woocommerce-checkout-review-order-table tr th:first-of-type {
	text-align: left;
	width: 80%;
}

.woocommerce-checkout-review-order-table tr th:last-of-type {
	width: 20%;
}

.cart_totals  {
	text-align: right;
}

.cart_totals h2 {
	color: var(--darkgreen);
}

.cart_totals .shop_table {
	width: auto !important;
	display: inline-block;
}


.woocommerce-form-coupon-toggle {
	display: none !important;
}

.checkout h3 {
	color: var(--darkgreen);	
}


.checkout .col2-set {
	display: block;
	width: 100%;
}

.checkout .col-1,
.checkout .col-2 {
	width:50%;
	float: left;
	padding: 1em;
	box-sizing: border-box;
}


.checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none !important;
}

.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: inline-block;
	position: absolute;
	bottom: 1em;
	width: .75em;
	right: 1em;
	height: 1em;
	top:auto;
	background-image: url("images/arrow-down-dg.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	transition: left .25s;
	box-sizing: border-box;
	margin: 0 !important;
	pointer-events: none;
}

.wc_payment_methods {
	padding: 0;
	margin: 0;
	list-style: none;
}

.wc_payment_methods li {
	margin-bottom: .5em;
	align-items: center;
	background: white;
	padding: 1em;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
	border-radius: .75em;
}

.wc_payment_methods label {
	font-weight: 700;
	color: var(--darkgreen);
	cursor: pointer;	
	
}
.wc_payment_methods p {
	margin: 0;
}

.wc_payment_methods label .mollie-gateway-icon {
	float: right !important;
}

.wc_payment_methods .input-radio {
	display: none !important;
}

.wc_payment_methods .input-radio:checked + label {
	color: var(--green);
}

.woocommerce-terms-and-conditions-wrapper p,
#checkout_checkbox_field {
	font-size: .8em;
}
#checkout_checkbox_field input,
.woocommerce-form__input-checkbox,
.qty {
	width: auto !important;
	max-width: 4em;
	display: inline-block !important;
}

#order_review_heading {
	float: left;
	width: 50%;
	padding: 0 1em;
	box-sizing: border-box;
}

#order_review {
	float: left;
	width: 50%;
	padding: 1em;
	box-sizing: border-box;
}

.checkout .woocommerce-input-wrapper,
.woocommerce-checkout .woocommerce-form-login {
	display: block;
	width: 100%;
	position: relative;
}

.woocommerce-checkout .woocommerce-form-login {
	padding: 1em;
	box-sizing: border-box;
}

.woocommerce-checkout .woocommerce-form-login .button {
	margin-top: 1em;
	display: block;
}

.checkout input,
.checkout .select2-container,
.checkout textarea,
.cart input,
.woocommerce-checkout .woocommerce-form-login input {
	width: 100%;
	padding: .5em;
	color: var(--darkgreen);
	font-size: 1em;
	padding: .5em;
	box-sizing: border-box;
	display: block;
	border-radius: .5em;
	border: .12em solid var(--darkgreen);
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 1em;
}

.checkout input::placeholder, 
.checkout textarea::placeholder,
.woocommerce input::placeholder,
.woocommerce input::placeholder {
	font-size: 1em;
	color: var(--darkgreen);
	opacity: 1;
}

.checkout input.input-checkbox  {
	width: 1em;
	height: 1em;
	padding: .5em;
	appearance: checkbox;
	border: .12em solid var(--darkgreen);
	float: left;
	margin-right: .5em;
	vertical-align: middle;
	margin-top: .25em;
}

.checkout textarea,
.woocommerce textarea {
	height: 8.9em;
	width: 100%;
	padding: .5em;
	box-sizing: border-box;
	resize: none;
	border-radius: .5em;
	border: .12em solid var(--darkgreen);
	
}

.woocommerce input:focus,
.checkout textarea:focus {
	outline: none;
	border: .12em solid var(--darkgreen);
}

.select2-container--default {
	border-radius: .25em !important;
	padding: .75em 1em !important;
}

.select2-container--default .select2-selection--single {
	border: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top:20%;
}

.woocommerce-NoticeGroup {
	
}
.woocommerce-notice,
.woocommerce-message,
.woocommerce-error {
	padding: .5em 1em;
	box-sizing: border-box;
	border-radius: 1em;
	background: #11554520;
	color: var(--darkgreen);
	margin: 0;
	margin-bottom: 1em;
	list-style: none;
}

.woocommerce-error {
	background: #e56a0030;
	color: var(--cta);
}

.woocommerce-thankyou-order-details {
	margin:0;
	padding: 0;
	list-style: none;
}

.woocommerce-thankyou-order-details {
	display: inline-block;
	width: 50%;
}

.woocommerce-error {
	list-style: none;
}

.woocommerce-error::marker {
	display: none;
}

.woocommerce-message .wc-forward {
	float: right;
	margin-top: 0 !important;
	padding: 0 !important;
}

.woocommerce-message .button:after {
	background-image: url('images/arrow-g.svg') !important;
}

section.woocommerce-order-details {
	padding-top: 1em !important;
}

.woocommerce-order-details {
	float: left;
	width: 50%;
	padding-right: 2em;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	margin-top: 0;
	padding-top: 1em !important;
}

.woocommerce-order-details .shop_table {
	text-align: left;
}

.woocommerce-customer-details section {
	width: 100%;
	display: flex;
}

.woocommerce-customer-details .woocommerce-column {
	width: 50%;
}

.woocommerce-customer-details address {
	font-style: normal;
}

.woocommerce-order-received h2 {
	color: var(--darkgreen);
}

#order_review #terms {
	width: auto !important;
	display: inline-block;
	vertical-align: middle;
}


.woocommerce-MyAccount-navigation {
	background: var(--darkgreen);
	color: white;
	padding: 2em;
	border-radius: .5em;
	box-sizing: border-box;
	float: left;
	width: 25%;
}

.woocommerce-MyAccount-content {
	width: 75%;
	float: left;
	padding-left: 2em;
	box-sizing: border-box;
	margin-bottom: 4em;
}



.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-MyAccount-navigation ul li {
	margin: 1em 0;
}

.woocommerce-MyAccount-navigation ul li a {
	font-weight: bold;
	transition: color .25s;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--green) !important; 
}



/*
CONTACT FORM 7
*/



.wpcf7-form-control-wrap {
	width: 100%;
	margin-top: 0;
	display: block;
}

.wpcf7-form p,
.woocommerce-form-row p {
	margin-bottom: .25em;
	position: relative;
	margin-top: 0;
}

.wpcf7-form p:last-of-type,
.woocommerce-form-row p:last-of-type {
	margin-bottom: 0;
}

.woocommerce-form-row label {
	display: block;
}

.wpcf7-form label {
	font-size: .75em;	
	left:1em;
	top:1.25em;
	padding: 0 .25em;
	z-index: 10;
	position: absolute;
	background: white;
	color: var(--darkgreen);
	max-width: 90%;
}

.wpcf7-form-control,
.woocommerce-form-row input,
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper select {
	border: .12em solid var(--darkgreen) !important; 
	border-radius: .25em;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding: .75em 1em;
	font-size: 1em;
	margin: 0;
	color: var(--darkgreen);
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	background: white;
	appearance: none;
}

.wpcf7-form .selectarrow {
	display: inline-block;
	position: absolute;
	bottom: 1.25em;
	width: 1em;
	right: 1em;
	height: 0.5em;
	background-image: url("images/arrow-down-dg.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	transition: left .25s;
	box-sizing: border-box;
	margin: 0 !important;
	pointer-events: none;
}

.wpcf7-form textarea {
	height: 10em;
	min-height: 5em;
	resize: vertical;
}

.wpcf7-form-control-wrap:first-of-type .wpcf7-form-control {
	margin-top: 0;
}

.wpcf7-form-control::placeholder {
	color: #BDBDBD;
	opacity: 1;
}

.wpcf7-form-control:focus {
	outline: none;
	border-color: var(--green);
}

.wpcf7-submit,
.woocommerce-MyAccount-content button {
	background: var(--cta);
	color: white;
	display: inline-block;
	width:auto;
	margin-top: 1em;
	border: 0;
	padding: .75em 1.5em;
	border-radius: 2em;	
	cursor: pointer;
	transition: background .25s;
	border:  0 !important;
}

.wpcf7-submit:hover,
.woocommerce-MyAccount-content button:hover {
	background: var(--green);
}

.woocommerce-account .woocommerce-button {
	background: var(--darkgreen);
	color: white;
	font-size: .75em;
}

.woocommerce-account .shop_table {
	text-align: left;
}

.rightpopup {
	position: fixed;
	right: 0;
	margin-top: 1em;
	z-index: 999999;
	color: white;
	background: var(--greengradient);
	padding: 1em;
	box-sizing: border-box;
	border-radius: 1em 0 0 1em;
	text-align: center;
	width: 9em;
	transition: width .25s;
}

.rightpopup.popupactive {
	width: 25% !important;
	position: absolute;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

.rightpopup.popupactive svg {
	transform: rotate(180deg);
}

.rightpopupcontent {
	text-align: left;
	line-height: 130%;
}

.rightpopupcontent big {
	font-size: 1.4em;
	margin-bottom: .5em;
	line-height: 130%;
	display: block;
}


.rightpopup svg {
	height: .75em;
	width: auto;
	margin: auto;
	margin-top: 1em;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	fill:white;
	transition: fill .25s;
}

.rightpopup:not(.rightpopup.popupactive) {
	cursor: pointer;
}

.rightpopup:not(.rightpopup.popupactive):hover svg,
.rightpopup svg:hover {
	fill: var(--darkgreen);
}

.rightpopuptrigger {
	cursor: pointer;
	pointer-events: none;
}

.popupactive .rightpopuptrigger {
	pointer-events: all;
}

.rightpopup.type-questions {
	width: 8em;
}

.rightpopup .wpcf7-form {
	text-align: left;
	display: none;
}

.rightpopup.popupactive .wpcf7-form {
	display: block;
}

.rightpopup .wpcf7-form label {
	background: none;
	color: white;
	padding: 0;
	top: auto;
	position: relative;
	left: auto;
}

.rightpopup .wpcf7-form-control {
	border: .12em solid white !important;
	transition: border .25s;
}

.rightpopup .wpcf7-form-control:focus {
	border: .12em solid var(--darkgreen) !important;
}

.rightpopup .wpcf7-form-control.wpcf7-submit {
	border: 0 !important;
}

#shipping_method {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-shipping-destination {
	display: none;
}

section.nieuwsoverzicht {
	margin-top: 15em;
	margin-bottom: 4em;
}

.dimimg {
	position: relative;
	height: 6em;
	width: 11em;
	margin-bottom: .5em;
	background-color: var(--darkgreen);
    background-blend-mode: multiply;
	background-size: cover;
}


.banner_slider {
	position: absolute;
	bottom: 5em;
	right: calc(20% + 2em);
	width: 50%;
}

.banner {
	position: relative;
	display: none;
	width: 100%;
}

.banner:first-of-type {
	display: block;
}

.b_preheader {
	color: var(--green);
	font-size: 1.25em;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 1em;
	z-index: 10;
	position: relative;
}

.b_header {
	font-size: 1.5em;
	font-weight: bold;
	color: var(--darkgreen);
	margin-bottom: .5em;
}

.banner_logo {
	position: absolute;
	bottom:calc(100% - 3.5em);
	right:-4em;
	padding: 1em 2em; 
	border-radius: 1em;
	background: white;
	height: 8em;
	z-index: 0;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

.banner_logo img {
	height: 100%;
	width: auto;
	display: block;
}

.banner_content {
	position: relative;
	background: rgba(255,255,255,.95);
	padding: 2em 1.5em;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
	border-radius: 1em;
	box-sizing: border-box;
	padding-right: 4em;
	display: block;
}
.b_content small {
	font-size: .85em;
	line-height: 130%;
}

.banner_content .button {
	font-weight: bold;
	color: var(--darkgreen);
	margin-top: .5em;
	display: inline-block;
	padding:0;
	background: none;
}

.banner_content .button::after {
	background-image: url('images/arrow-g.svg');
}


.bannerimg {
	border-radius: 0 !important;
}
.bannerimg img {
	width: 50% !important;
	height: auto;
}

.payment_methods {
	width: 100%;
	height: auto;
	margin-top: 1.25em;
}

.wc_payment_method input {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

label .mollie-gateway-icon {
	float: left !important;
	vertical-align: middle !important;
	margin-right: .25em;
	margin-top: .5em !important;
}

.footcol .mollie-gateway-icon {
	height:3em;
	width: auto;
	margin-right: 1em;
	margin-top: 1em;
}

#place_order {
	margin-top: 1em;
}

.nieuwssingle {
	margin-top: 4em;
	position: relative;
}

.nieuwsintro {
	padding: 0 calc((100vw - 1366px) / 2);
	display: flex;
	box-sizing: border-box;
}

.introinner {
	width: 65%;
	padding-right: 10em;
	box-sizing: border-box;
}

.nieuwsintro h1 {
	font-size: 2.5em;
	font-style: italic;
	font-weight: 400;
	color: var(--darkgreen);
	line-height: 130%;
}

.nieuwsintro .tekst {
	font-size: 1.5em;
	line-height: 150%;
	color: var(--grey);
}

.nieuwssingle .nieuwsimg {
	position: relative;
	width: 35%;
	border-radius: 1em;
	overflow: hidden;
	align-self: flex-start;
	margin-top: 4em;
}
.nieuwsimg img {
	width: 100%;
	height: auto;
	display: block;
}

.newssectioninner {
	padding: 0 10em;
}

.backto {
	font-weight: bold;
	color: var(--darkgreen);
}

.backto svg {
	vertical-align: middle;
	position: relative;
	height: 1em;
	width: auto;
	margin-right: .5em;
	top:-.1em;
}

.newsnav {
	margin-top: 4em;
	display: flex;
	width: 100%;
}

.navnext {
	margin-left: auto;
}


.newsnav a svg {
	height: 1em;
	width: auto;
}

.newsnav .navnext svg {
	transform: rotate(180deg);
}

.nieuwsextended {
	margin-top: 4em;
	margin-bottom: 4em;
}

.nieuwsextended em {
	font-size: 1.25em;
	font-style: normal;
	font-weight: bold;
	color: var(--darkgreen);
}



.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
	display: none;
}

.woocommerce-form-login-toggle {
	display: inline-block;
	border-radius: 3em;
	padding: .5em 2em;
	box-sizing: border-box;
	background: var(--green);
	color: white;	
	margin-left: 1em;
	margin-bottom: .5em;
	
}

.woocommerce-form-login-toggle a {
	text-decoration: underline;
}

.contactheader {
	font-weight: 400;
	font-size: 1.5em;
	color: var(--darkgreen);
	margin-top: 0;
}

.contacth1 {
	font-weight: 400;
	font-size: 3em;
	color: var(--green);
	margin-top: 0;
	margin-bottom: 1em;
}

.contacttekst p:first-of-type {
	margin-bottom: .5em;
}


.social {
	display: flex;
}

.contacttekst a:hover {
	color: var(--darkgreen);
}

.social svg {
	fill: var(--darkgreen);
	display: inline-block;
	margin-right: .75em;
	width: 2em;
	position: relative;
	top: -.15em;
	margin-bottom: 1em;
	height: auto;
	vertical-align: middle;
	transition: fill .25s;
}

.social:hover svg {
	fill: var(--cta);
}

.contactflex {
	align-items: flex-start !important; 
	justify-content: stretch;
}

.contactflex .tekstcol form,
.contactflex .imgcolaligner {
	margin-top: auto;
}

.contactflex .imgcolaligner {
	margin-bottom: 3.1em;
}

.contactflex .col {
	align-self: stretch;
	display: flex;
	flex-direction: column;
}


/* Slider */
.slick-slider
{
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.homeintro .slick-track {
	min-height: 5em;
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}