/*
Theme Name: House of African Beauty
Theme URI: https://www.scherponline.nl/
Author: Scherponline
Author URI: http://scherponline.nl/
Description: House of African Beauty WordPress theme
Version: 1.0
License: House of African Beauty
License URI: https://www.scherponline.nl/
Tags: two-columns, right-sidebar, flexible-width
Text Domain: scherponline
*/


/* Algemeen -> Variabelen */
:root {
	--font-family-header: 'Baskervville', sans-serif;
	--font-family: 'Work Sans', sans-serif;
	--radius-l: 0;
	--radius-m: 0;
	--radius-s: 0;
	--knop-radius: 0px;
	--zwart: #000000;
	--wit: #ffffff;
	--bg: #FCFBFA;
	--bg-alt: #F7F4F0;
	--tint-1: #EFE7DD;
	--tint-1-filter: brightness(0) saturate(100%) invert(94%) sepia(5%) saturate(650%) hue-rotate(336deg) brightness(103%) contrast(87%);
	--tint-2: #E3CFB5;
	--tint-2-filter: brightness(0) saturate(100%) invert(100%) sepia(83%) saturate(302%) hue-rotate(295deg) brightness(104%) contrast(94%);
	--tint-3: #DEB28E;
	--tint-3-filter: brightness(0) saturate(100%) invert(85%) sepia(9%) saturate(1671%) hue-rotate(330deg) brightness(91%) contrast(90%);
	--tint-4: #dbd4ca;
	--tint-4-filter: ;
	--primaire: #CA8550;
	--primaire-filter: brightness(0) saturate(100%) invert(63%) sepia(59%) saturate(502%) hue-rotate(337deg) brightness(85%) contrast(84%);
	--tint-donker: #614738;
	--tint-donker-filter: brightness(0) saturate(100%) invert(26%) sepia(4%) saturate(4464%) hue-rotate(338deg) brightness(100%) contrast(84%);
	--donker: #1A1713;
	--donker-filter: brightness(0) saturate(100%) invert(7%) sepia(29%) saturate(367%) hue-rotate(355deg) brightness(94%) contrast(94%);
	--ruimte: 176px;
}
/* 	--font-family-header */
/* 	--font-family */
/* 	--radius-l */
/* 	--radius-m */
/* 	--radius-s */
/* 	--knop-radius */
/* 	--zwart */
/* 	--wit */
/* 	--bg */
/* 	--bg-alt */
/* 	--tint-1 */
/* 	--tint-1-filter */
/* 	--tint-2 */
/* 	--tint-2-filter */
/* 	--tint-3 */
/* 	--tint-3-filter */
/* 	--tint-4 */
/* 	--tint-4-filter */
/* 	--primaire */
/* 	--primaire-filter */
/* 	--tint-donker */
/* 	--tint-donker-filter */
/* 	--donker */
/* 	--donker-filter */
/* 	--ruimte */

@media (max-width: 1024px) {
	:root {
		--ruimte: 96px;
	}
}
@media (max-width: 676px) {
	:root {
		--ruimte: 64px;
	}
}


/* Algemeen -> Libraries */
.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:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{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}


/* Algemeen -> Browser default reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-display: swap;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #FBFCFD;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
.clearfix {
	*zoom: 1;
	clear:both;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	outline: 0;
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}
button,
input,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	border-radius: 0;
}
select {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	border-radius: 0;
}
button, input {
	*overflow: visible;
	line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
	vertical-align: top;
}

figure {
	padding: 0;
	margin: 0;
}


/* Algemeen -> Grid */
html, body {
	overflow-x: clip;
}

html *,
html *:before,
html *:after {
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	transition: 0.2s all;
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: var(--tin-1);
}
::-webkit-scrollbar-thumb {
	background: var(--tint-3);
	border-radius: var(--radius-s);
}
::-webkit-scrollbar-thumb:hover {
	background: var(--tint-2);
}

.container,
.main, 
#main {
	max-width: 1312px;
	margin: 0 auto;
	clear: both;
}

.main {
	padding-left: 16px;
	padding-right: 16px;
}

.section {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -16px;
	margin-right: -16px;
}
.section:after {
	content: '';
	display: table;
	clear: both;
}
[class^="fc"], [class*=" fc"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 16px 30px 16px;
	border: none;
	float: left;
}
[class^="fc"]:last-child, [class*=" fc"]:last-child {
	margin-right: 0;
}
.fc25 {
	width: calc( 25% - 32px );
}
.fc25:nth-child(4n+1) {
	clear: left;
}
.fc20 {
	width: calc( 20% - 32px );
}
.fc20:nth-child(5n+1) {
	clear: left;
}
.fc33 {
	width: calc( 33.3333% - 32px );
}
.fc33:nth-child(3n+1) {
	clear: left;
}
.fc40 {
	width: calc( 40% - 32px );
}
.fc50 {
	width: calc( 50% - 32px );
}
.fc50:nth-child(2n+1) {
	clear: left;
}
.fc60 {
	width: calc( 60% - 32px );
}
.fc66 {
	width: calc( 66.6666% - 32px );
}
.fc75 {
	width: calc( 75% - 32px );
}


/* Algemeen -> Icons */
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-account {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.402' height='16.402'%3E%3Cpath d='M8.2 8.2A3.949 3.949 0 0 1 5.3 7a3.949 3.949 0 0 1-1.2-2.9 3.949 3.949 0 0 1 1.2-2.9 4.084 4.084 0 0 1 5.792 0 3.949 3.949 0 0 1 1.2 2.9A3.949 3.949 0 0 1 11.1 7a3.949 3.949 0 0 1-2.9 1.2ZM0 16.4v-2.87a3.058 3.058 0 0 1 1.64-2.717 15.241 15.241 0 0 1 3.229-1.192 14.17 14.17 0 0 1 6.663 0 15.274 15.274 0 0 1 3.229 1.191 3.056 3.056 0 0 1 1.64 2.717V16.4Z' data-name='Path 23412'/%3E%3C/svg%3E");
}
.icon-add {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.663' height='13.568'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' data-name='Group 12285'%3E%3Cpath d='M6.832.5v12.572' data-name='Path 23430'/%3E%3Cpath d='M13.163 6.784H.5' data-name='Path 23431'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-address {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19.677'%3E%3Cpath d='M8 0a7.955 7.955 0 0 0-8 8.2q0 4.77 7.34 11.23a1.017 1.017 0 0 0 1.33 0Q15.99 12.965 16 8.2A7.955 7.955 0 0 0 8 0Zm0 10a2 2 0 1 1 2-2 2.006 2.006 0 0 1-2 2Z' data-name='Path 23436'/%3E%3C/svg%3E");
}
.icon-arrow-right {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='7'%3E%3Cpath d='M5 3.5 0 7V0Z' data-name='Polygon 36'/%3E%3C/svg%3E");
}
.icon-arrow-down {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.131' height='6.979'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='m.708.707 4.858 4.858L10.424.707' data-name='Path 23374'/%3E%3C/svg%3E");
}
.icon-arrow-up {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.686' height='22.686'%3E%3Cpath d='m0 11.343 2 2L9.925 5.43v17.256h2.836V5.43l7.912 7.926 2.013-2.013L11.343 0Z'/%3E%3C/svg%3E");
}
.icon-cart {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.242' height='17.802'%3E%3Cpath d='M0 17.8V3.56h3.56a3.428 3.428 0 0 1 1.046-2.514 3.546 3.546 0 0 1 5.029 0 3.428 3.428 0 0 1 1.046 2.514h3.56V17.8ZM5.341 3.56H8.9A1.777 1.777 0 0 0 5.864 2.3a1.719 1.719 0 0 0-.523 1.26ZM3.56 8.011h1.78v-2.67H3.56Zm5.341 0h1.78v-2.67H8.9Z' data-name='Path 23433'/%3E%3C/svg%3E");
}
.icon-check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.504' height='11.153'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='m.707 5.683 4.055 4.056L13.797.707' data-name='Path 23485'/%3E%3C/svg%3E");
}
.icon-chevron-left {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0ibTE0IDE4bC02LTZsNi02bDEuNCAxLjRsLTQuNiA0LjZsNC42IDQuNnoiLz48L3N2Zz4=");
}
.icon-clock {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M12.55 14.55 9 11V6h2v4.175l2.95 2.95ZM9 4V2h2v2Zm7 7V9h2v2Zm-7 7v-2h2v2Zm-7-7V9h2v2Zm8 9a9.732 9.732 0 0 1-3.9-.788A9.978 9.978 0 0 1 .788 13.9 9.755 9.755 0 0 1 0 10a9.732 9.732 0 0 1 .788-3.9A9.978 9.978 0 0 1 6.1.788 9.755 9.755 0 0 1 10 0a9.732 9.732 0 0 1 3.9.788A9.984 9.984 0 0 1 19.213 6.1 9.72 9.72 0 0 1 20 10a9.732 9.732 0 0 1-.788 3.9 9.984 9.984 0 0 1-5.312 5.313A9.72 9.72 0 0 1 10 20m0-2a7.721 7.721 0 0 0 5.675-2.325A7.721 7.721 0 0 0 18 10a7.721 7.721 0 0 0-2.325-5.675A7.721 7.721 0 0 0 10 2a7.721 7.721 0 0 0-5.675 2.325A7.721 7.721 0 0 0 2 10a7.721 7.721 0 0 0 2.325 5.675A7.721 7.721 0 0 0 10 18m0-8' data-name='Path 23470'/%3E%3C/svg%3E");
}
.icon-close {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.313' height='8.313'%3E%3Cpath d='M8.313.837 7.475 0 4.156 3.319.837 0 0 .837l3.319 3.319L0 7.475l.837.837 3.319-3.319 3.319 3.319.837-.837-3.319-3.319Z'/%3E%3C/svg%3E");
}
.icon-eye {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.004' height='14.802'%3E%3Cpath d='M23.443 5.922c-2.64-2.91-7-6-11.43-5.92s-8.79 3.01-11.43 5.92a2.22 2.22 0 0 0 0 3c1.76 1.9 6.17 5.88 11.43 5.88s9.66-4 11.43-5.93a2.22 2.22 0 0 0 0-2.95Zm-16.03 1.48a4.6 4.6 0 1 1 4.6 4.6 4.6 4.6 0 0 1-4.6-4.6Z' data-name='Path 22779'/%3E%3Ccircle cx='2' cy='2' r='2' data-name='Ellipse 230' transform='translate(10.013 5.402)'/%3E%3C/svg%3E");
}
.icon-faq {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ctext fill='%231a1713' data-name='%3F' font-family='WorkSans-Regular, Work Sans' font-size='16' transform='translate(8 18)'%3E%3Ctspan x='0' y='0'%3E%3F%3C/tspan%3E%3C/text%3E%3Cg fill='none' stroke='%231a1713' data-name='Ellipse 526'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='11.5'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-facebook {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' data-name='Component 75 – 1'%3E%3Cpath d='M17 0H1a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h8.615v-6.96H7.277V8.315h2.338v-2a3.276 3.276 0 0 1 3.5-3.592 19.557 19.557 0 0 1 2.095.107v2.42h-1.435c-1.128 0-1.348.538-1.348 1.325V8.31h2.7l-.35 2.725h-2.351V18H17a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1Z' data-name='Path 23375'/%3E%3C/svg%3E");
}
.icon-globe {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTI4IDI0YTEwNCAxMDQgMCAxIDAgMTA0IDEwNEExMDQuMTEgMTA0LjExIDAgMCAwIDEyOCAyNG04Ny42MyA5NkgxNzUuOGMtMS40MS0yOC40Ni0xMC4yNy01NS40Ny0yNS4xMi03N2E4OC4yIDg4LjIgMCAwIDEgNjQuOTUgNzdNMTI4IDIxNS44OWMtMTguNzMtMjAuMjctMzAuMDktNDktMzEuNzctNzkuODloNjMuNTRjLTEuNjggMzAuODctMTMuMDQgNTkuNjItMzEuNzcgNzkuODlNOTYuMjMgMTIwYzEuNjgtMzAuODcgMTMtNTkuNjIgMzEuNzctNzkuODljMTguNzMgMjAuMjcgMzAuMDkgNDkgMzEuNzcgNzkuODlabTkuMDktNzdDOTAuNDcgNjQuNTMgODEuNjEgOTEuNTQgODAuMiAxMjBINDAuMzdhODguMiA4OC4yIDAgMCAxIDY0Ljk1LTc3bS02NC45NSA5M0g4MC4yYzEuNDEgMjguNDYgMTAuMjcgNTUuNDcgMjUuMTIgNzdhODguMiA4OC4yIDAgMCAxLTY0Ljk1LTc3bTExMC4zMSA3N2MxNC44NS0yMS41NiAyMy43MS00OC41NyAyNS4xMi03N2gzOS44M2E4OC4yIDg4LjIgMCAwIDEtNjQuOTUgNzciLz48L3N2Zz4=");
}
.icon-linkedin {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.205' height='18.174' data-name='Component 77 – 1'%3E%3Ccircle cx='2.188' cy='2.188' r='2.188' data-name='Ellipse 514'/%3E%3Cpath d='M6.442 6.034v12.139h3.769v-6c0-1.584.3-3.118 2.262-3.118 1.937 0 1.961 1.811 1.961 3.218v5.9h3.771v-6.656c0-3.27-.7-5.783-4.526-5.783a3.963 3.963 0 0 0-3.568 1.96h-.051v-1.66Zm-6.142 0h3.775v12.139H.305Z' data-name='Path 23378'/%3E%3C/svg%3E");
}
.icon-mail {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16'%3E%3Cpath d='M18 0H2A2 2 0 0 0 .01 2L0 14a2.006 2.006 0 0 0 2 2h16a2.006 2.006 0 0 0 2-2V2a2.006 2.006 0 0 0-2-2Zm0 4-8 5-8-5V2l8 5 8-5Z'/%3E%3C/svg%3E");
}
.icon-minus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.663' height='1'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' d='M13.163.5H.5' data-name='Path 23431'/%3E%3C/svg%3E");
}
.icon-instagram {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.008' height='18.036' data-name='Component 76 – 1'%3E%3Cpath d='M8.998 4.372a4.624 4.624 0 1 0 4.623 4.623 4.624 4.624 0 0 0-4.623-4.623Zm0 7.623a3 3 0 1 1 3-3 3 3 0 0 1-3 3Z' data-name='Path 23376'/%3E%3Ccircle cx='1.078' cy='1.078' r='1.078' data-name='Ellipse 513' transform='translate(12.727 3.124)'/%3E%3Cpath d='M17.531 3.106A4.6 4.6 0 0 0 14.898.474a6.606 6.606 0 0 0-2.186-.42C11.749.012 11.444 0 9.002 0s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42A4.6 4.6 0 0 0 .475 3.106a6.585 6.585 0 0 0-.419 2.189c-.043.959-.058 1.264-.058 3.707s0 2.753.056 3.71a6.6 6.6 0 0 0 .421 2.183 4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633 6.585 6.585 0 0 0 .419-2.186c.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.213Zm-1.218 9.532a5.043 5.043 0 0 1-.315 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055s-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654s0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687 2.986 2.986 0 0 1 1.723-1.712 5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.708 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655s0 2.7-.043 3.654h-.011Z' data-name='Path 23377'/%3E%3C/svg%3E");
}
.icon-phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath d='M3.62 7.79a15.149 15.149 0 0 0 6.59 6.59l2.2-2.2a.994.994 0 0 1 1.02-.24 11.407 11.407 0 0 0 3.57.57 1 1 0 0 1 1 1V17a1 1 0 0 1-1 1A17 17 0 0 1 0 1a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02Z'/%3E%3C/svg%3E");
}
.icon-pin {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEyIDEycS44MjUgMCAxLjQxMy0uNTg3VDE0IDEwcTAtLjgyNS0uNTg3LTEuNDEyVDEyIDhxLS44MjUgMC0xLjQxMi41ODhUMTAgMTBxMCAuODI1LjU4OCAxLjQxM1QxMiAxMm0wIDEwcS00LjAyNS0zLjQyNS02LjAxMi02LjM2MlQ0IDEwLjJxMC0zLjc1IDIuNDEzLTUuOTc1VDEyIDJxMy4xNzUgMCA1LjU4OCAyLjIyNVQyMCAxMC4ycTAgMi41LTEuOTg3IDUuNDM4VDEyIDIyIi8+PC9zdmc+");
}
.icon-search {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.258' height='16.258'%3E%3Cpath d='M6.013 12.026a5.8 5.8 0 0 1-4.266-1.746A5.809 5.809 0 0 1 0 6.013a5.8 5.8 0 0 1 1.747-4.266A5.809 5.809 0 0 1 6.013 0a5.8 5.8 0 0 1 4.266 1.747 5.809 5.809 0 0 1 1.746 4.266 5.638 5.638 0 0 1-.324 1.919 5.512 5.512 0 0 1-.879 1.6L16 14.708a.92.92 0 0 1-1.3 1.3l-5.18-5.18a5.512 5.512 0 0 1-1.6.879 5.638 5.638 0 0 1-1.907.319Zm0-1.85a4.145 4.145 0 0 0 4.163-4.163A4.145 4.145 0 0 0 6.013 1.85 4.145 4.145 0 0 0 1.85 6.013a4.145 4.145 0 0 0 4.163 4.163Z' data-name='Path 23411'/%3E%3C/svg%3E");
}
.icon-sort {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.497' height='12'%3E%3Cpath d='M9.461 11.79a.749.749 0 0 0 1.04 0l2.75-2.65a.75.75 0 1 0-1.04-1.08l-1.48 1.426V.75a.75.75 0 0 0-1.5 0v8.736L7.751 8.06a.75.75 0 1 0-1.04 1.08l2.75 2.65ZM4.011.22a.75.75 0 0 0-1.06 0L.201 2.97a.75.75 0 0 0 1.06 1.06l1.47-1.47v8.69a.75.75 0 1 0 1.5 0V2.56l1.47 1.47a.75.75 0 0 0 1.06-1.06Z' data-name='Path 23408'/%3E%3C/svg%3E");
}
.icon-update {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.26' height='24.265'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' data-name='streamline-icon-button-refresh-arrows@40x40'%3E%3Cpath d='M6.2 14.604v4.953H1.25' data-name='Path 378'/%3E%3Cpath d='M21.058 9.653V4.7h4.95' data-name='Path 379'/%3E%3Cpath d='M21.369 4.697a10.731 10.731 0 0 1-11.87 17.337' data-name='Path 380'/%3E%3Cpath d='M5.891 19.559a10.732 10.732 0 0 1 11.87-17.333' data-name='Path 381'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-menu {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M13.5 2H.5m13 5H.5m13 5H.5'/%3E%3C/svg%3E");
}
.icon-play {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 17.192V6.808L17.154 12z'/%3E%3C/svg%3E");
}


/* Algemeen -> Kleuren definities */
.has-zwart-color {
	color: var(--zwart);
}
.has-wit-color {
	color: var(--wit);
}
.has-bg-color {
	color: var(--bg);
}
.has-bg-alt-color {
	color: var(--bg-alt);
}
.has-tint-1-color {
	color: var(--tint-1);
}
.has-tint-2-color {
	color: var(--tint-2);
}
.has-tint-3-color {
	color: var(--tint-3);
}
.has-tint-4-color {
	color: var(--tint-4);
}
.has-primaire-color {
	color: var(--primaire);
}
.has-tint-donker-color {
	color: var(--tint-donker);
}
.has-donker-color {
	color: var(--donker);
}

.has-zwart-background-color {
	background-color: var(--zwart);
}
.has-wit-background-color {
	background-color: var(--wit);
}
.has-bg-background-color {
	background-color: var(--bg);
}
.has-bg-alt-background-color {
	background-color: var(--bg-alt);
}
.has-tint-1-background-color {
	background-color: var(--tint-1);
}
.has-tint-2-background-color {
	background-color: var(--tint-2);
}
.has-tint-3-background-color {
	background-color: var(--tint-3);
}
.has-tint-4-background-color {
	background-color: var(--tint-4);
}
.has-primaire-background-color {
	background-color: var(--primaire);
}
.has-tint-donker-background-color {
	background-color: var(--tint-donker);
}
.has-donker-background-color {
	background-color: var(--donker);
}


/* Algemeen -> Text styles */
body {
	font-size: 16px;
	line-height: 1.5;
	color: var(--zwart);
	font-family: var(--font-family);
	font-weight: 300;
	font-style: normal;
	background-color: var(--bg);
}

p {
	margin: 0 0 12px 0;
}

p.has-groot-font-size {
	font-size: 20px !important;
	margin-bottom: 36px;
}

a {
	color: var(--primaire);
	font-weight: 400;
}

ul.wp-block-list li,
ul:not([class]) li:not([class]) {
	color: var(--zwart);
	font-size: 18px;
	line-height: 24px;
	margin: 12px 0;
	font-weight: normal;
	display: block;
	padding-inline-start: 40px;
}

ul.wp-block-list li:before,
ul:not([class]) li:not([class]):before {
	content: "";
	background: var(--donker);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m10.5 16.2-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4Z'/%3E%3C/svg%3E");
	background-size: 24px auto;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	line-height: 24px;
	margin-right: 20px;
	margin-left: -40px;
}

.wp-block-heading, h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-header);
	line-height: 1.2;
	font-weight: 400;
}

.wp-block-heading:not(.has-text-color), h1:not(.has-text-color), h2:not(.has-text-color), h3:not(.has-text-color), h4:not(.has-text-color), h5:not(.has-text-color), h6:not(.has-text-color) {
	color: var(--zwart);
}

h1, .h1 {
	font-size: 48px;
	margin-bottom: 32px;
}
h1.has-groot-font-size {
	font-size: 64px !important;
	margin-bottom: 36px;
}

div.dashboard-title > h3,
h2 {
	font-size: 32px;
	margin-bottom: 24px;
}
h2.has-groot-font-size {
	font-size: 48px !important;
	margin-bottom: 32px;
}

h3 {
	font-size: 28px;
	margin-bottom: 18px;
}

h4 {
	font-size: 24px;
	margin-bottom: 16px;
}

h5 {
	font-size: 18px;
	margin-bottom: 12px;
}

h6 {
	font-size: 14px;
	margin-bottom: 6px;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

p + .wp-block-heading {
	padding-top: 32px;
}


/* Algemeen -> Selection color */
::-moz-selection {
	color: var(--tint-donker);
	background: var(--tint-1);
}

::selection {
	color: var(--tint-donker);
	background: var(--tint-1);
}

@media (max-width: 676px) {
	h1.has-groot-font-size {
		font-size: 48px !important;
		margin-bottom: 32px;
	}
	body.single-product .related.products .related_header .related_header_cat_link a,
	h2.has-groot-font-size {
		font-size: 36px !important;
		margin-bottom: 24px;
	}

}

@media (max-width: 500px) {
	h1,
	h1.has-groot-font-size {
		font-size: 32px !important;
		margin-bottom: 24px;
	}
	div.dashboard-title > h3,
	h2,
	body.single-product .related.products .related_header .related_header_cat_link a,
	h2.has-groot-font-size {
		font-size: 28px !important;
		margin-bottom: 24px;
	}
	h3 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	h4 {
		font-size: 20px;
	}
}


/* Algemeen -> Knoppen */
a.button,
.tribe-common button,
input[type="submit"],
.tribe-tickets__tickets-buy,
.wp-block-button > a {
	padding: 16px 48px;
	font-size: 18px;
	line-height: 21px;
	border-radius: var(--knop-radius);
	outline: 0;
	border: 0;
	text-decoration: none;
}

a.button,
.tribe-common button,
input[type="submit"],
.tribe-tickets__tickets-buy,
.wp-block-button > a:not(.has-background) {
	background-color: var(--primaire);
	color: var(--wit);
}

.wp-block-button.has-background > a {
	background-color: inherit;
}

a.button,
.tribe-common button,
.wp-block-button > a:not(.has-text-color) {
	color: var(--wit);
}

.wp-block-button.has-text-color > a {
	color: inherit;
}

a.button:hover,
.tribe-common button,
input[type="submit"]:hover,
.wp-block-button:hover > a {
	background-color: var(--tint-donker);
	color: var(--wit);
}

a.button.omlijnd,
.wp-block-button.is-style-omlijnd > a {
	background-color: transparent;
	border-radius: var(--radius-s);
	border: 1px solid var(--donker);
	color: var(--donker);
	font-weight: 500;
}
a.button.omlijnd:hover,
.wp-block-button.is-style-omlijnd > a:hover {
	background-color: var(--donker);
	color: var(--wit);
}

.button.underline,
.wp-block-button.is-style-underline > a {
	background-color: transparent;
	color: var(--donker);
	font-weight: 500;
	padding: 8px 0px 4px 0px;
	background-image: linear-gradient(transparent calc(100% - 1px),#000000 2px), linear-gradient(transparent calc(100% - 2px), rgb(26, 23, 19, 0.2) 1px);
	background-size: 0% 6px, 100% 6px;
	background-position: 0 bottom, 0 bottom;
	transition: background-size 500ms cubic-bezier(0.23, 1, 0.32, 1);
	background-repeat: no-repeat;
	text-decoration: none;
}
.button.underline,
.wp-block-button.is-style-underline > a:hover {
	background-size: 100% 6px, 100% 6px;
}

/* Algemeen -> Gutenberg */
body .is-layout-flex {
	gap: 28px;
}

/* Header */
.header {
	height: 104px;
	padding: 0 16px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 98;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
body.admin-bar .header,
body.admin-bar .header.scrolled {
	top: 32px;
}
.header:has(.header_mobile_menu.active),
.header.scrolled {
	background-color: var(--wit);
	height: 74px;
}
.header .container {
	display: flex;
	gap: 62px;
	align-items: center;
	position: relative;
	width: 100%;
}
.header:has(.header_mobile_menu.active) .container,
.header.scrolled .container {
	gap: 36px;
}
.header .logo {
	display: inline-flex;
	flex: 0 0 150px;
	align-items: center;
}
.header:has(.header_mobile_menu.active) .logo,
.header.scrolled .logo {
	flex: 0 0 120px;
}
.header .logo img {
	width: 100%;
	max-width: 150px;
	height: auto;
	max-height: 80px;
	object-fit: contain;
	object-position: left;
	margin-top: 12px;
	margin-bottom: 12px;
}
.header:has(.header_mobile_menu.active) .logo img,
.header.scrolled .logo img {
	max-width: 120px;
	max-height: 60px;
}
.header .mainmenu {
	display: inline-flex;
	gap: 32px;
	height: 100%;
}
.header .header_buttons {
	display: inline-flex;
	align-items: center;
	margin-left: auto;
	gap: 24px;
}

.header .header_buttons i {
	height: 16px;
	width: 20px;
	filter: var(--donker-filter);
}
.header .header_winkelwagen {
	position: relative;
	margin-right: 12px;
}
.header .header_winkelwagen span {
	position: absolute;
	border-radius: 100%;
	width: 18px;
	height: 18px;
	top: -10px;
	right: -10px;
	background-color: var(--tint-3);
	color: var(--wit);
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
.wc-block-mini-cart__badge {
	background-color: var(--tint-3);
	color: var(--wit);
	font-size: 12px !important;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-weight: 400 !important;
}
.wc-block-mini-cart__button {
	margin: 0 !important;
	padding: 0 !important;
}
.wc-block-mini-cart__button .wc-block-mini-cart__icon {
	height: 27px !important;
	width: 28px !important;
}
.header .header_zoeken form {
	position: absolute;
	right: 124px;
	top: 24px;
	text-align: right;
	pointer-events: none;
	width: calc(100% - 332px);
}
.header.scrolled .header_zoeken form {
	top: 4px;
	width: calc(100% - 278px);
	min-width: 270px;
}
.header .header_zoeken form input:not([type="submit"]) {
	width: 0;
	padding: 14px 0;
	font-size: 16px;
	line-height: 20px;
	color: var(--tint-donker);
	background-color: var(--bg-alt);
	border: 0px solid var(--tint-1);
	border-radius: var(--radius-s);
	pointer-events: none;
}
.header .header_zoeken.active form input:not([type="submit"]) {
	width: 100%;
	padding: 14px 24px;
	border: 1px solid var(--tint-1);
	pointer-events: all;	
}
.header .header_zoeken form input[type="submit"] {
	display: none;
}
.header .header_zoeken i.icon-search {
	cursor: pointer;
}
.header .header_zoeken.active i.icon-search {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.313' height='8.313'%3E%3Cpath d='M8.313.837 7.475 0 4.156 3.319.837 0 0 .837l3.319 3.319L0 7.475l.837.837 3.319-3.319 3.319 3.319.837-.837-3.319-3.319Z'/%3E%3C/svg%3E");
	background-size: 16px auto;
}

.header .header_mobile_menu i {
	background-size: auto 100%;
	height: 20px;
}
.header .header_mobile_menu.active i {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M13.5 2H6m5 5H3.5m5 5h-8'/%3E%3C/svg%3E");
}

@media (min-width: 1040px) {

	.header .header_mobile_menu {
		display: none;
	}

}
@media (max-width: 1040px) {
	.header .logo img {
		max-height: 60px;
	}
	.header .header_mobile_menu {
		display: block;
	}
}

/* Header -> Main menu */
.header .mainmenu a {
	color: var(--donker);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	display: inline-block;
}
.header .mainmenu a:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--donker);
}
.header .mainmenu .menu-item-has-children > .menu-item-button a {
	cursor: pointer;
}
.header .mainmenu a:hover:after {
	width: 100%;
}

@media (max-width: 1100px) {
	.header .container {
		gap: 24px;
	}
	.header .header_zoeken form {
		right: 174px;
		min-width: 230px;
	}
}

@media (max-width: 1040px) {
	html:has(.mainmenu.active) {
		overflow: hidden;
	}

	.header .mainmenu > li > a,
	.header .mainmenu > li > .menu-item-button > span {
		font-size: 18px;
		line-height: 24px;
	}
	.header .submenu_toggle,
	.header .back_button {
		width: 40px;
		height: 40px;
		display: block;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 24px;
		background-color: #fff;
		cursor: pointer;
	}
	.header .submenu_toggle {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from TDesign Icons by TDesign - https://github.com/Tencent/tdesign-icons/blob/main/LICENSE --%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='square' stroke-width='2' d='M10.734 8.464L14.27 12l-3.536 3.536'/%3E%3C/svg%3E");
	}
	.header .back_button {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from TDesign Icons by TDesign - https://github.com/Tencent/tdesign-icons/blob/main/LICENSE --%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='square' stroke-width='2' d='M13.266 15.536L9.73 12l3.535-3.536'/%3E%3C/svg%3E");
	}
	.header .menu-item-button {
		display: flex;
		align-items: center;
		gap: 8px;
		justify-content: space-between;
		cursor: pointer;
	}
	.header .submenu_title,
	.header .menu-item-button a {
		color: var(--donker);
		text-decoration: none;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 24px;
		position: relative;
		display: inline-block;
	}
	.header .submenu_title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding: 16px 48px;
        background: rgba(0, 0, 0, .02);
	}
	.header .mainmenu {
		flex-direction: column;
		position: fixed;
		background-color: var(--bg-alt);
		width: 100vw;
		height: calc(100vh - 74px);
		z-index: -1;
		padding: 48px;
		left: 0;
		top: -100%;
		overflow: auto;
		opacity: 0;
	}
	body.admin-bar .header .mainmenu.active {
		top: 106px;
	}
	.header .mainmenu.active {
		top: 74px;
		opacity: 1;
	}
	.header .mainmenu .sub-menu {
		height: 0;
		padding: 0;
		opacity: 0;
		pointer-events: none;
		overflow: hidden;
		line-height: 36px;
		position: absolute;
		inset: 0;
		background: var(--bg-alt);
		z-index: 1;
		padding-bottom: 48px;
		min-height: fit-content;
		overflow-y: auto;
		height: 100% !important;
		transform: translateX(-20px);
	}
	.header .mainmenu .sub-menu > .menu-item {
		padding-left: 48px;
		padding-right: 48px;
		transition: unset;
	}
	.header .mainmenu li.active > .sub-menu {
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 32px;
		transform: translateX(0);
	}
	.header .mainmenu li.active > .sub-menu {
		opacity: 1;
		pointer-events: all;
	}
	.header .mainmenu li.active > .sub-menu > li > a {
		font-size: 16px;
	}
}

@media (max-width: 676px) {
	.header .mainmenu {
		padding: 16px 16px 48px 16px;
	}

	.header .submenu_title {
		padding: 16px;
	}

	.header .mainmenu .sub-menu > .menu-item {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (max-width: 540px) {
	.header .header_zoeken form {
		top: 100%;
		right: 0;
		width: 100%;
	}
	.header.scrolled .header_zoeken form {
		top: calc(100% + 10px);
		right: 0;
		width: 100%;
	}
	.header.scrolled .header_zoeken form input {
		background-color: var(--wit);
	}
}

/* Header -> Sub menu */
@media (min-width: 1040px) {
	.header .mainmenu > li > ul.sub-menu {
		position: absolute;
		top: -12px;
		left: 0;
		width: 100%;
		z-index: -1;
		padding-top: 0;
		padding-bottom: 0;
		height: 0;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		overflow: hidden;
		transition: 0s;
	}
	.header .mainmenu > li.active > ul.sub-menu {
		overflow: auto;
		padding-top: 152px;
		padding-bottom: 20px;
		height: 608px;
		overflow: visible;
	}
	.header .mainmenu .submenu_title {
		display: none;
	}
	.header .mainmenu > li > ul.sub-menu:before {
		content: '';
		width: 100vw;
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		background-color: var(--bg-alt);
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		z-index: -1;
	}
	.header .mainmenu > li {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.header .mainmenu > li > ul.sub-menu * {
		opacity: 0;
	}
	.header .mainmenu > li.active > ul.sub-menu * {
		opacity: 1;
	}
	.header .mainmenu > li > ul.sub-menu > li > a,
	.header .mainmenu > li > ul.sub-menu > li > .menu-item-button a {
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		color: var(--tint-donker);
		margin-bottom: 12px;
	}
	.header .mainmenu > li > ul.sub-menu > li > ul.sub-menu {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 48px;
	}
	.header .mainmenu > li > ul.sub-menu > li > ul.sub-menu a {
		font-size: 12px;
		line-height: 18px;
		text-transform: initial;
	}
	.mainmenu > .menu-item-has-children > a {
		cursor: pointer;
	}
	.mainmenu > .menu-item-has-children:after {
		content: '';
		display: inline-block;
		width: 16px;
		aspect-ratio: 1 / 1;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from TDesign Icons by TDesign - https://github.com/Tencent/tdesign-icons/blob/main/LICENSE --%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='square' stroke-width='2' d='M17.5 9.5L12 15L6.5 9.5'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		transition: all .1s ease-in-out;
	}
	.mainmenu > .menu-item-has-children.active:after {
		transform: rotate(180deg);
	}
	.header .mainmenu > li.menu-item-has-children.active > a:after {
		width: 100%;
	}
	.header-overlay {
		background-color: rgba(0, 0, 0, .5);
		position: fixed;
		inset: 0;
		opacity: 0;
		pointer-events: none;
		transition: opacity .1s ease-in-out;
	}
	body:has(li.menu-item-has-children.active) .header {
		z-index: 5;
	}
	body:has(li.menu-item-has-children.active) .header-overlay {
		opacity: 1;
		pointer-events: all;
		z-index: 4;
	}
}

/* Template -> Standaard pagina */
body:not(.home) .main.page {
	margin-top: 150px;
	margin-bottom: var(--ruimte);
}
body:not(.home) .sectie_blok:first-child:is(.has-background.is-style-full-width) {
	margin-top: calc(var(--ruimte) / -1);
	padding-top: calc(var(--ruimte) * 1.4);
}

@media (max-width: 676px) {
	body:not(.home) .main.page {
		margin-top: 100px;
	}
}


/* Template -> Archief blog */
body .main.archief,
body.blog .main,
body.category .main {
	margin-top: 150px;
	margin-bottom: var(--ruimte);
}
body.blog .main h1,
body.category .main h1 {
	text-align: center;
	margin-bottom: 48px;
}
.blog_filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 16px 24px;
	margin-bottom: 48px;
}
.blog_filters a {
	color: var(--donker);
	padding: 10px 48px;
	font-size: 14px;
	line-height: 19px;
	border: 1px solid rgba(0, 0, 0, .17);
	border-radius: var(--knop-radius);
	text-decoration: none;
}
.blog_filters a.active {
	color: var(--wit);
	background-color: var(--primaire);
}

.nav-links {
	display: flex;
	gap: 16px;
	width: 100%;
	margin-top: 48px;
	align-items: center;
}
.nav-links a.next {
	text-align: right;
}
.nav-links a.prev,
.nav-links a.next {
	flex: 1;
	font-size: 20px;
	line-height: 32px;
	color: var(--donker);
	text-decoration: none;
}
.nav-links a.prev:hover,
.nav-links a.next:hover {
	text-decoration: underline;
}
.nav-links a.prev:after,
.nav-links a.next:before {
	content: '';
	flex: 1;
	border-bottom: 1px solid var(--donker);
	display: inline-block;
	width: 150px;
	margin-left: calc(50% - 150px);
}
.nav-links a.next:before {
	margin-right: calc(50% - 150px);
	margin-left: auto;
}
.nav-links a.page-numbers:not(.next):not(.prev) {
	font-size: 20px;
	line-height: 32px;
	color: var(--donker);
	border-radius: var(--radius-s);
	border: 1px solid var(--donker);
	text-decoration: none;
	width: 32px;
	display: block;
	text-align: center;
}
.nav-links a.page-numbers:not(.next):not(.prev):hover {
	background-color: var(--tint-1);
}
.nav-links span.page-numbers.current span {
	font-size: 20px;
	line-height: 32px;
	color: var(--wit);
	background-color: var(--donker);
	border-radius: var(--radius-s);
	border: 1px solid var(--donker);
	text-decoration: none;
	width: 32px;
	display: block;
	text-align: center;
}
.nav-links > span:first-child {
	flex: 1;
	justify-content: flex-end;
	display: inline-flex;
	margin-left: 56px;
}
.nav-links > span:last-child {
	flex: 1;
	justify-content: flex-start;
	display: inline-flex;
	margin-right: 56px;
}

@media (max-width: 1000px) {
	.nav-links a.prev:after,
	.nav-links a.next:before {
		display: none;
	}
}
@media (max-width: 560px) {
	.nav-links :is(a, span) {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.nav-links :is(span.page-numbers.current, a.page-numbers:not(.next):not(.prev)) {
		width: 24px;
	}
}

@media (max-width: 450px) {
	.blog_filters {
		gap: 12px 16px;
	}
	.blog_filters a {
		padding: 8px 24px;
	}
}


/* Template -> Single blog */
.blog_intro {
	max-width: 1088px;
	padding-top: 140px;
	margin: 0 auto 32px auto;
	position: relative;
	z-index: 0;
}
.blog_intro:before {
	content: '';
	width: 100vw;
	height: calc(100% - var(--ruimte));
	left: 0;
	top: 0;
	position: absolute;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	z-index: -1;
	background-color: var(--bg-alt);
}
.blog_intro > * {
	position: relative;
	z-index: 1;
}
.blog_intro #breadcrumbs {
	margin-bottom: 16px;
}
.blog_author {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
.blog_intro h1 {
	text-align: center;
}
.blog_intro h1 + p {
	text-align: center;
	max-width: 864px;
	display: block;
	margin: 0 auto 74px auto;
}
.blog_author img {
	border-radius: 100%;
}
.blog_cats {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
	align-self: flex-start;
}
.blog_cats :is(span, a) {
	color: var(--wit);
	background-color: var(--primaire);
	font-size: 14px;
	line-height: 19px;
	padding: 6px 32px;
	text-decoration: none;
	border-radius: var(--radius-l);
}
.blog_cats a:hover {
	background-color: var(--donker);
}
.blog_image {
	aspect-ratio: 16/9;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 0;
	padding: 40px 48px;
	display: flex;
	justify-content: space-between;
}
.blog_image figure {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1;
}
.blog_image figure img {
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: center;
}
.blog_image > div {
	position: relative;
	z-index: 2;
}
.blog_date {
	color: var(--wit);
}
.blog_content {
	max-width: 864px;
	margin: 32px auto var(--ruimte) auto;
}
.blog_content p + :is(h2, h3, h4, h5, h6) {
	padding-top: 48px;
}
.blog_content > figure {
	margin-top: 64px;
	margin-bottom: 64px;
	width: calc(100% + 224px);
	margin-left: -112px;
}

.related_blogs {
	background-color: var(--bg-alt);
	width: calc(100vw - 96px);
	max-width: calc(100vw - 96px);
	margin-left: 48px;
	padding: var(--ruimte) 0;
	margin-bottom: 48px;
}
.related_blogs .related_blogs_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 48px;
	flex-wrap: wrap;
	gap: 24px;
}
.related_blogs .related_blogs_header h2 {
	margin: 0;
}

@media (max-width: 1400px) {
	.related_blogs {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		padding: var(--ruimte) 0;
	}
}

@media (max-width: 1110px) {
	.blog_content > figure {
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 667px) {
	.blog_image {
		padding: 24px;
		aspect-ratio: 4/3;
	}
	.blog_image figure img {
		aspect-ratio: 4/3;
	}
}


/* Template -> Blog blok */
.blog_blok {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	position: relative;
}
.blog_blok:hover figure img {
	transform: scale(1.05);
}
.blog_blok_header {
	flex: 1;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
	padding: 30px 24px;
	display: flex;
	justify-content: space-between;
	min-height: 400px;
	margin-bottom: 16px;
	pointer-events: none;
}
.blog_blok_header a {
	pointer-events: all;
}
.blog_blok_header figure {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: -1;
}
.blog_blok_header figure img {
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	object-position: center;
}
.blog_blok_header > div {
	position: relative;
	z-index: 2;
}
.blog_blok hr {
	border-top: 1px solid var(--donker);
	margin: 36px 0 16px 0;
	display: block;
}
.blog_blok:hover hr {
	border-top: 1px solid var(--primaire);
}
.blog_blok a.lees_meer {
	color: var(--donker);
	text-decoration: none;
}
.blog_blok a.lees_meer:hover {
	color: var(--primaire);
}
.blog_blok a.lees_meer:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

@media (max-width: 940px) {
	.fc33.blog_blok {
		width: calc(50% - 32px);
	}
}

@media (max-width: 650px) {
	.fc33.blog_blok {
		width: calc(100% - 32px);
	}
	.blog_blok_header {
		min-height: auto;
		aspect-ratio: 4/3;
		padding: 12px;
	}
	.blog_blok hr {
		margin-top: 12px;
	}
}


/* Template -> 404 */
.main .content-404 {
	padding-top: 80px;
	padding-bottom: 40px;
	position: relative;
}
.main .content-404:after {
	content: '404';
	font-size: 40vw;
	position: absolute;
	left: 10vw;
	right: auto;
	top: 0;
	color: var(--tint-1);
	z-index: -1;
	line-height: 1;
}

.main .content-404 > p {
	max-width: 800px;
}

.main .content-404 form {
	position: relative;
	margin-top: 16px;
}

.main .content-404 form i {
	position: absolute;
	left: 12px;
	width: 24px;
	height: 24px;
	top: calc(50% - 12px);
}

.main .content-404 form input {
	padding-left: 48px;
	background-color: var(--bg-alt);
	border-radius: var(--radius-s);
}

@media screen and (min-width: 1312px) {
	.main .content-404:after {
		font-size: 500px;
		left: 200px;
	}
}

.gutenberg-content {
	margin-top: var(--ruimte);
}


/* Template -> Zoekresultaten */
.zoekresultaten .zoeken {
	margin-bottom: 12px;
	display: flex;
	width: 100%;
	position: relative;
}

.zoekresultaten .zoeken > i.icon-search {
	position: absolute;
	left: 12px;
	top: calc(50% - 12px);
	width: 24px;
	height: 24px;
}

.zoekresultaten .zoeken form {
	width: 100%;
}

.zoekresultaten .zoeken form input {
	padding-left: 48px;
}

.zoekresultaten h3.geen-zoekresultaten {
	margin: 0 16px;
	font-size: 16px;
	font-weight: 400;
	font-family: var(--font-family);
}

.zoekresultaten > section {
	margin-top: 48px;
}

.zoekresultaten .zoeken-tabs {
	margin-top: 48px;
	border-bottom: 1px solid var(--tint-4);
	display: flex;
	gap: 16px;
	padding: 0px;
}

.zoekresultaten .tab-item {
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 8px 12px;
	text-decoration: none;
	color: var(--zwart);
	font-size: 16px;
}
.zoekresultaten .tab-item:not(.active):hover {
	transform: translateY(-4px);
}
.zoekresultaten .tab-item.active {
	border-bottom: 2px solid var(--primaire);
	font-weight: 800;
	font-family: var(--font-family-header);
}

.zoekresultaten .section-top {
	display: flex;
	gap: 8px;
	align-items: flex-end;
	margin-bottom: 24px;
}

.zoekresultaten .section-top > :is(h2, p) {
	margin-bottom: 0px;
}

.zoekresultaten .section-top .view-more {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	text-decoration: none;
	color: var(--zwart);
	align-self: center;
	position: relative;
	line-height: 24px;
}
.zoekresultaten .section-top .view-more:hover {
	outline: 0;
}
.zoekresultaten .section-top .view-more:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--donker);
}
.zoekresultaten .section-top .view-more:hover:after {
	width: 100%;
}

.zoekresultaten section .button.more {
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
}

@media screen and (max-width: 880px) {
	.zoekresultaten .tab-item {
		padding: 6px 8px;
	}
}

@media screen and (max-width: 400px) {
	.zoekresultaten .tab-item {
		font-size: 14px;
	}
}


/* Template -> Event overzicht */
body.post-type-archive-tribe_events * {
	transition: 0s;
}
body.post-type-archive-tribe_events .main.single-event {
	max-width: 1312px;
}
.tribe-events-l-container {
	padding: 0 !important;
	margin: 0 !important;
}
.tribe-events-calendar-list {
	margin: 48px 0  24px 0!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
	margin: 0 !important;
}

.tribe-events-calendar-list .tribe-events-calendar-list__event {
	background-color: var(--wit);
	padding: 32px;
	position: relative;
	margin: 32px 0 !important;
	border-radius: var(--radius-l);
}
.tribe-events-calendar-list .tribe-events-calendar-list__event:hover {
	background-color: var(--tint-1);
}
.tribe-events-calendar-list__event-row .tribe-common-g-col {
	padding: 0 !important;
}
.tribe-events .tribe-events-calendar-list__event-details {
	padding-right: 32px !important;
}
.tribe-events-calendar-list__event-datetime-wrapper {
	font-weight: bold;
}
.tribe-events-calendar-list__event-title a {
	text-decoration: none;
}
.tribe-events-calendar-list__event-title a:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.tribe-events-calendar-list__event-details {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.tribe-events .tribe-events-calendar-list__event-featured-image,
.tribe-events .tribe-events-calendar-list__event-featured-image img {
	aspect-ratio: 6/4;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius-s);
}

.tribe-events-c-nav__list-item--today {
	display: none !important;
}

.tribe-events .tribe-events-calendar-list-nav {
	padding-top: 0;
}

@media (max-width: 600px) {
	h2.tribe-events-schedule__datetime {
		font-size: 18px !important;
	}
}

@media (max-width: 440px) {
	.tribe-events-calendar-list .tribe-events-calendar-list__event {
		padding: 20px;
	}
}


/* Template -> Event single */
body.a11y-dialog__body-locked {
	position: unset !important;
}
.main.single-event {
	max-width: 1080px;
	margin-top: 150px;
	margin-bottom: var(--ruimte);
	margin-left: auto;
	margin-right: auto;
}

.main.single-event #breadcrumbs {
	margin-bottom: 16px;
}

.tribe-events-ajax-loading {
	display: none;
}

h2.tribe-events-schedule__datetime {
	font-size: 20px;
	line-height: 24px;
}
h2.tribe-events-schedule__datetime:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M12.55 14.55 9 11V6h2v4.175l2.95 2.95ZM9 4V2h2v2Zm7 7V9h2v2Zm-7 7v-2h2v2Zm-7-7V9h2v2Zm8 9a9.732 9.732 0 0 1-3.9-.788A9.978 9.978 0 0 1 .788 13.9 9.755 9.755 0 0 1 0 10a9.732 9.732 0 0 1 .788-3.9A9.978 9.978 0 0 1 6.1.788 9.755 9.755 0 0 1 10 0a9.732 9.732 0 0 1 3.9.788A9.984 9.984 0 0 1 19.213 6.1 9.72 9.72 0 0 1 20 10a9.732 9.732 0 0 1-.788 3.9 9.984 9.984 0 0 1-5.312 5.313A9.72 9.72 0 0 1 10 20m0-2a7.721 7.721 0 0 0 5.675-2.325A7.721 7.721 0 0 0 18 10a7.721 7.721 0 0 0-2.325-5.675A7.721 7.721 0 0 0 10 2a7.721 7.721 0 0 0-5.675 2.325A7.721 7.721 0 0 0 2 10a7.721 7.721 0 0 0 2.325 5.675A7.721 7.721 0 0 0 10 18m0-8' data-name='Path 23470'/%3E%3C/svg%3E");
	margin-right: 12px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.tribe-block__venue__name h3:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19.677'%3E%3Cpath d='M8 0a7.955 7.955 0 0 0-8 8.2q0 4.77 7.34 11.23a1.017 1.017 0 0 0 1.33 0Q15.99 12.965 16 8.2A7.955 7.955 0 0 0 8 0Zm0 10a2 2 0 1 1 2-2 2.006 2.006 0 0 1-2 2Z' data-name='Path 23436'/%3E%3C/svg%3E");
	margin-right: 16px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}

.tribe-block__venue__meta {
	position: relative;
}
.tribe-block__venue__meta > br {
	display: none;
}
.tribe-block__venue__meta .tribe-block__venue__name h3 {
	margin-bottom: 0;
}

.tribe-block__venue__meta .tribe-block__venue__name a {
	font-size: 20px;
	line-height: 24px;
}
.tribe-block__venue__meta .tribe-block__venue__address {
	margin-bottom: 24px;
	padding-left: 36px;
}
.tribe-block__venue__meta .tribe-block__venue__address .tribe-address {
	display: flex;
	flex-wrap: wrap;
	gap: 0 6px;
}
.tribe-block__venue__meta .tribe-block__venue__address .tribe-address .tribe-street-address {
	flex: 1 0 100%;
}
.tribe-block__venue__meta .tribe-block__venue__address abbr {
	text-decoration: none;
}
.tribe-block__venue__meta .tribe-block__venue__address .tribe-postal-code {
	order: 1;
}
.tribe-block__venue__meta .tribe-block__venue__address .tribe-locality {
	order: 2;
}
.tribe-block__venue__meta .tribe-block__venue__address :is(.tribe-delimiter, .tribe-region, br) {
	display: none;
}
.tribe-block__venue__meta .tribe-block__venue__address a.tribe-events-gmap {
	flex: 1 0 100%;
}
.tribe-block__event-price__cost, .tribe-block__venue__phone {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 24px;
	display: block;
	width: 100%;
}
.tribe-block__event-price__cost:before, .tribe-block__venue__phone:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath d='M3.62 7.79a15.149 15.149 0 0 0 6.59 6.59l2.2-2.2a.994.994 0 0 1 1.02-.24 11.407 11.407 0 0 0 3.57.57 1 1 0 0 1 1 1V17a1 1 0 0 1-1 1A17 17 0 0 1 0 1a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02Z'/%3E%3C/svg%3E");
	margin-right: 16px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.tribe-block__event-price__cost:before {
	margin-right: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.242' height='17.802'%3E%3Cpath d='M0 17.8V3.56h3.56a3.428 3.428 0 0 1 1.046-2.514 3.546 3.546 0 0 1 5.029 0 3.428 3.428 0 0 1 1.046 2.514h3.56V17.8ZM5.341 3.56H8.9A1.777 1.777 0 0 0 5.864 2.3a1.719 1.719 0 0 0-.523 1.26ZM3.56 8.011h1.78v-2.67H3.56Zm5.341 0h1.78v-2.67H8.9Z' data-name='Path 23433'/%3E%3C/svg%3E");
}

.tribe-tickets__tickets-wrapper {
	margin-top: 48px;
}
.tribe-tickets__tickets-wrapper .tribe-tickets__notice {
	font-size: 16px;
	line-height: 21px;
	margin: 12px 0 24px 0;
	background-color: transparent;
}
.tribe-tickets__tickets-wrapper .tribe-tickets__tickets-item {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
}
.tribe-tickets__tickets-wrapper .tribe-tickets__tickets-item-content-title-container {
	flex: 1 0 100%;
	margin-bottom: 8px;
}
.tribe-tickets__tickets-wrapper .tribe-tickets__tickets-item-content-title {
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	flex: 1 0 100%;
}
.tribe-tickets__tickets-wrapper .tribe-tickets__tickets-item-extra {
	display: flex;
	flex-direction: column;
}

.tribe-tickets__tickets-wrapper .tribe-tickets__tickets-item-extra-available {
	font-size: 14px;
	line-height: 18px;
}

.tribe-tickets__tickets-item-quantity {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: flex-end;
	margin-left: auto !important;
}
.tribe-tickets__tickets-item-quantity .quantity {
	position: relative;
	order: 3;
}
.tribe-tickets__tickets-item-quantity button.single_add_to_cart_button {
	align-self: flex-start;
	order: 5;
	padding: 16px 48px;
	font-size: 18px;
	line-height: 21px;
	border-radius: var(--knop-radius);
	outline: 0;
	border: 0;
	text-decoration: none;
	background-color: var(--donker);
	color: var(--wit);
}
.tribe-tickets__tickets-item-quantity button.single_add_to_cart_button:hover {
	background-color: var(--primaire);
}
.tribe-tickets__tickets-item-quantity button.single_add_to_cart_button:disabled {
	background-color: #BBBBBB;
}

.tribe-tickets__tickets-item-quantity {
	background-color: white;
}
.tribe-tickets__tickets-item-quantity input {
	background-color: transparent;
	outline: 0;
	border: 0 !important;
	line-height: 36px;
	text-align: center;
	margin: 0;
	margin-right: 8px;
	max-width: 80px;
	min-width: 80px;
	font-weight: 500;
	padding: 0 !important;
}
.tribe-tickets__tickets-item-quantity input::-webkit-outer-spin-button,
.tribe-tickets__tickets-item-quantity input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.tribe-tickets__tickets-item-quantity input[type=number] {
	-moz-appearance: textfield;
}
.tribe-tickets__tickets-item-quantity :is(.tribe-tickets__tickets-item-quantity-remove, .tribe-tickets__tickets-item-quantity-add) {
	align-self: center;
	background-color: transparent;
	border: none;
	height: 36px;
	width: 54px;
	padding: 8px;
	border-radius: var(--radius-s);
	color: var(--zwart);
}
.tribe-tickets__tickets-item-quantity :is(.tribe-tickets__tickets-item-quantity-remove, .tribe-tickets__tickets-item-quantity-add):hover {
	background-color: var(--tint-1);
}
.tribe-tickets__tickets-item-quantity :is(.tribe-tickets__tickets-item-quantity-remove, .tribe-tickets__tickets-item-quantity-add):active {
	transform: translateY(-4px);
}

.tribe-tickets__tickets-item-quantity .tribe-tickets__tickets-item-quantity-add {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTExLjUgMTIuNUg2di0xaDUuNVY2aDF2NS41SDE4djFoLTUuNVYxOGgtMXoiLz48L3N2Zz4=");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
}
.tribe-tickets__tickets-item-quantity .tribe-tickets__tickets-item-quantity-remove {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTUgMTUiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEgOEg0VjdoN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
}


.tribe-tickets__tickets-wrapper .tribe-tickets__tickets-footer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 48px;
	gap: 12px 0;
}

.tribe-common button[disabled] {
	opacity: 0.4;
	cursor: not-allowed;
}
.tribe-common .tribe-common-c-loader {
	padding-top: 0;
	display: flex;
	gap: 8px;
	margin: 24px 0;
}
.tribe-common .tribe-common-c-loader.tribe-common-a11y-hidden {
	display: none;
}
.tribe-common .tribe-common-c-loader svg {
	max-width: 8px;
	max-height: 8px;
	animation: pulse 2s infinite;
	opacity: 0;
}
.tribe-common .tribe-common-c-loader svg:nth-child(2) {
	animation-delay: 0.5s;
}
.tribe-common .tribe-common-c-loader svg:nth-child(3) {
	animation-delay: 1s;
}
@keyframes pulse {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	72% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.tribe-tickets__tickets-buy {
	flex: 1 0 100%;
}


#tribe-events-pg-template {
	padding: 0;
}
.single_event_intro {
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: space-between;
	margin-bottom: 48px;
}
.single_event_intro > div {
	background-color: var(--bg-alt);
	padding: 48px;
	flex: 1 0 460px
}
.single_event_intro > div :is(h2, .tribe-tickets-notice__content) {
	display: none;
}

.single_event_intro > figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.single_event_intro :is(.tribe-tickets__tickets-item-remove-wrap, .tribe-dialog__close-button) {
	display: none;
}
.single_event_intro .tribe-modal__content .tribe-tickets__tickets-item {
	visibility: hidden;
	height: 0;
	max-height: 0;
	overflow: hidden;
}

.single_event_content {
	max-width: 864px;
	margin: 0 auto;
}

.single_event_intro .tribe-tickets__rsvp-details {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.single_event_intro .tribe-tickets__rsvp-details .tribe-tickets__rsvp-attendance {
	font-weight: 500;
}

.single_event_intro .tribe-tickets__rsvp-actions-wrapper {
	margin-top: 20px;
}

.single_event_intro .tribe-tickets__rsvp-actions-rsvp-going {
	margin-top: 4px;
}

.single_event_intro .tribe-tickets__rsvp-form-content {
	margin-top: 20px;
	margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.single_event_intro .tribe-tickets__form :is(input[type="text"], input[type="email"], input[type="number"]) {
	padding-left: 24px;
}

.single_event_intro .tribe-tickets__rsvp-form-buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 20px;
}

.single_event_intro .tribe-tickets__rsvp-form-button--cancel {
	border-radius: var(--radius-s);
    color: var(--donker);
    font-size: 16px;
	border: 1px solid var(--tint-4);
    padding: 12px 24px;
}

.single_event_intro .tribe-common-c-btn.tribe-tickets__rsvp-form-button {
	background-color: var(--donker);
	color: var(--wit);
	transition: 250ms ease all;
	font-weight: 600px;
	font-size: 16px;
	padding: 16px 24px;
}
.single_event_intro .tribe-common-c-btn.tribe-tickets__rsvp-form-button:hover {
	background-color: var(--tint-donker);
}

.single_event_intro .tribe-tickets__rsvp-message.tribe-tickets__rsvp-message--success {
	border: 1px solid var(--donker);
    border-radius: var(--radius-m);
    padding: 16px 24px;
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 20px 0px;
}

.single_event_intro .tribe-tickets__rsvp-message svg {
	max-height: 40px;
}

.single_event_intro .tribe-tickets__rsvp-attendees-wrapper {
	margin-top: 20px;
}

.single_event_intro .tribe-tickets__rsvp-attendees-wrapper .tec-tickets__attendees-list .tec-tickets__attendees-list-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.single_event_intro .tribe-tickets__rsvp-attendees-wrapper .tec-tickets__attendees-list .tec-tickets__attendees-list-item .tec-tickets__wallet-plus-component-pdf-button-link {
	border: 1px solid var(--donker);
	border-radius: var(--radius-s);
}

@media screen and (max-width: 836px) {
	.single_event_intro {
		flex-direction: column;
	}
	.single_event_intro > div {
		flex: 1 0 100%;
		padding: 24px;
	}
	.single_event_intro > figure {
		aspect-ratio: 16/9;
		flex: 1 0 100%;
	}	
}


/* Template -> Event afrekenen */
.tribe-tickets__notice {
	background-color: var(--tint-2);
	border-radius: var(--radius-m);
	padding: 32px;
	margin: 32px 0;
}
.tribe-tickets__commerce-checkout-header-link-back-to-event:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='7'%3E%3Cpath d='M5 3.5 0 7V0Z' data-name='Polygon 36'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 8px;
	transform: scale(-1);
	margin-right: 8px;
}
.tribe-tickets__commerce-checkout-cart {
	margin-top: 32px;
}
.tribe-tickets__commerce-checkout-cart-items {
	display: flex;
}
.tribe-tickets__commerce-checkout-cart-footer {
	border-top: 1px solid var(--tint-4);
}
.tribe-tickets__commerce-checkout-cart-footer,
.tribe-tickets__commerce-checkout-cart-item {
	display: flex;
	width: 100%;
	max-width: 560px;
	gap: 12px;
	padding: 12px;
	background-color: var(--bg-alt);
}
.tribe-tickets__commerce-checkout-cart-item:nth-of-type(even) {
	background-color: var(--bg);
}
.tribe-tickets__commerce-checkout-cart-item-details-title {
	font-weight: bold;
}
.tribe-tickets__commerce-checkout-cart-items button {
	display: none;
}
.tribe-tickets__commerce-checkout-cart-item-quantity:before {
	content: '(';
}
.tribe-tickets__commerce-checkout-cart-item-quantity:after {
	content: 'x )';
}
.tribe-tickets__commerce-checkout-cart-footer-total,
.tribe-tickets__commerce-checkout-cart-item-subtotal {
	margin-left: auto;
}
.tribe-tickets__commerce-checkout-cart-footer-total {
	font-weight: bold;
}


/* WP Core -> Media tekst */
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 144px 0 0;
}
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
	padding: 0 0 0 144px;
}
.wp-block-media-text.has-bg-alt-background-color .wp-block-media-text__content {
	padding: 48px;
}

@media (max-width: 980px) {
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 0 64px 0 0;
	}
	.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
		padding: 0 0 0 64px;
	}	
	.wp-block-media-text.has-bg-alt-background-color .wp-block-media-text__content {
		padding: 36px;
	}
}

@media (max-width: 767px) {
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 0 32px 0 0;
	}
	.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
		padding: 0 0 0 32px;
	}
	.wp-block-media-text.has-bg-alt-background-color .wp-block-media-text__content {
		padding: 32px;
	}
}

@media (max-width: 676px) {
	.wp-block-media-text {
		display: flex;
		flex-direction: column;
	}
	.wp-block-media-text.has-media-on-the-right {
		flex-direction: column-reverse;
	}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 32px 0;
	}
	.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
		padding: 32px 0;
	}
	.wp-block-media-text .wp-block-media-text__media {
		width: 100%;
		align-self: flex-start;
	}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
		width: 100%;
		align-self: flex-end;
	}
	.wp-block-media-text.has-bg-alt-background-color .wp-block-media-text__content {
		padding: 24px;
	}
}


/* WP Core -> Media tekst 50/50 */
.wp-block-columns .wp-block-column > .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
	padding: var(--ruimte) 0 64px 32px;
}
.wp-block-columns .wp-block-column > .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: var(--ruimte) 32px 64px 0;
}
.wp-block-columns .wp-block-column:nth-of-type(2) > .wp-block-media-text {
	margin-top: var(--ruimte);
}

@media (max-width: 676px) {
	.wp-block-columns .wp-block-column > .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
	.wp-block-columns .wp-block-column > .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
		padding: 32px;
	}
}


/* WP Core -> Image */
figure {
	border-radius: var(--radius-s);
	overflow: hidden;
}
figure:not(.is-resized) > picture {
	width: 100% !important;
}
figure > picture > :is(source, img) {
	width: 100%;
	display: block;
}


/* WP Core -> Seperator */
.wp-block-separator {
	border: 0;
	border-top-width: 2px;
	border-top-style: solid;
	display: block;
	margin-bottom: 24px;
}


/* WP Core -> Columns */
.wp-block-columns {
	gap: 32px;
	margin-bottom: 32px;
}
.wp-block-column.has-background {
	padding: 48px 32px;
	border-radius: var(--radius-m);
}

@media (max-width: 781px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: calc(50% - 16px) !important;
		max-width: calc(50% - 16px) !important;
	}
}
@media (max-width: 676px) {
	body .wp-block-columns:not(.is-not-stacked-on-mobile, .is-style-side-by-side) > .wp-block-column {
		flex-basis: calc(100%) !important;
		max-width: calc(100%) !important;
	}
}

@media (max-width: 440px) {
	.wp-block-column.has-background {
		padding: 32px 24px;
	}
}


/* WP Core -> Image */
.wp-block-column > figure.wp-block-image {
	margin-bottom: 24px;
}


/* WP Core -> Cover */
.wp-block-cover:not(.is-style-full-width) {
	width: calc(100vw - 96px);
	max-width: calc(100vw - 96px);
	margin-left: calc((-100vw / 2 + 100% / 2) + 48px);
	margin-right: calc(-100vw / 2 + 100% / 2);
	padding: var(--ruimte) 16px;
	border-radius: var(--radius-l);
}
.wp-block-cover.is-style-content-width {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0px;
}

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
	max-width: 1312px;
	margin: 0 auto;
}

.wp-block-cover.is-style-full-width {
	width: 100vw;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	padding: var(--ruimte) 20px;
}

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
	max-width: 1312px;
	margin: 0 auto;
}

@media (max-width: 1400px) {
	.wp-block-cover:not(.is-style-full-width) {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		padding: var(--ruimte) 16px;
	}
}


/* WP Core -> Groep */
@media (max-width: 676px) {
	.wp-block-group.is-layout-flex:not(.is-vertical) {
		flex-direction: column;
	}
	.wp-block-group.is-layout-flex {
		margin-bottom: 24px;
	}
	.wp-block-group.is-layout-flex > * {
		flex-basis: 0;
	}
}


/* WP Core -> Spacer */
@media screen and (max-width: 880px) {
	.is-style-hide-phone {
		display: none;
	}
	.wp-block-spacer {
		max-height: var(--ruimte);
	}
}


/* Pattern -> Contact card */
.so-pattern-contact-card {
	padding: 42px;
	border-radius: 0px;
	display: flex;
	flex-direction: column;
	gap: 28px;
	min-height: 200px;
	justify-content: start;
	border: 1px solid var(--tint-4);
	align-items: start;
	text-align: left;
	flex: 1 1 0;
	width: 100%;
	font-size: 18px;
	color: var(--zwart);
	border-radius: var(--radius-s);
}
.so-pattern-contact-card:hover {
	border: 1px solid var(--zwart);
}

.so-pattern-contact-card > figure,
.so-pattern-contact-card > p {
	display: flex;
	align-items: start;
	margin-left: 0px!important;
	color: var(--donker);
}

.so-pattern-contact-card > p a {
	color: var(--donker);
	text-decoration: none;
	position: relative;
}
.so-pattern-contact-card > p a:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--zwart);
	opacity: 0.3;
}
.so-pattern-contact-card:hover > p a:after {
	width: 100%;
}
.so-pattern-contact-card:hover > p a:hover:after {
	opacity: 1
}
.so-pattern-contact-card :is(figure, img) {
	border-radius: 0;
}

@media (max-width: 1024px) {
	.so-pattern-contact-card {
		padding: 24px;
		gap: 16px;
		min-height: auto;
	}
}

@media (max-width: 880px) {
	.so-pattern-contact-card {
		padding: 12px;
		gap: 8px;
	}
}

@media (max-width: 676px) {
}


/* Block -> Sectie */
.sectie_blok:not(.is-style-full-width) {
	width: calc(100vw - 96px);
	max-width: calc(100vw - 96px);
	margin-left: calc((-100vw / 2 + 100% / 2) + 48px);
	margin-right: calc(-100vw / 2 + 100% / 2);
	padding: var(--ruimte) 16px;
	border-radius: var(--radius-l);
}
.sectie_blok.is-style-full-width {
	width: 100vw;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	padding: var(--ruimte) 16px;
	overflow: hidden;
}
.sectie_blok .wp-block-group__inner-container {
	max-width: 1280px;
	margin: 0 auto;
}
.main *:first-child:is(.sectie_blok) {
	margin-top: 0px;
	padding-top: 48px;
}

.main > *:last-child:is(.sectie_blok) {
	padding-bottom: 0px;
}

.sectie_blok.is-style-hanging {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0px;
	margin-top: calc(var(--ruimte)/-1);
	padding-bottom: 68px;
}
.sectie_blok.is-style-hanging .wp-block-group__inner-container {
	padding: 0px;
}

@media (max-width: 1400px) {
	.sectie_blok:not(.is-style-full-width) {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		padding: var(--ruimte) 16px;
		overflow: hidden;
	}
}


/* Block -> Intro slider */
.intro_slider {
	display: block;
	width: 100vw;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	position: relative;
}
.intro_slide {
	padding: var(--ruimte) 0;
	min-height: 90vh;
	position: relative;
	width: 100%;
	display: flex !important;
	align-items: center;
	padding-left: 16px;
	padding-right: 16px;
}
.intro_slide > figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.intro_slide > figure img {
	object-fit: cover;
	object-position: right center;
	width: 100%;
	height: 100%;
}
.intro_slide .intro_slide_container {
	height: 100%;
	flex: 1;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.intro_slide .intro_slide_container > * {
	max-width: 767px;
}
.intro_slider ul.slick-dots {
	margin: 0 auto;
	width: calc(100% - 32px);
	max-width: 1280px;
	z-index: 3;
	bottom: 96px;
	display: flex;
	gap: 48px;
	position: relative;
	margin-bottom: -32px;
	left: 0px;
}
.intro_slider ul.slick-dots li a {
	font-family: var(--font-family-header);
	font-size: 24px;
	line-height: 28px;
	color: var(--zwart);
	text-decoration: none;
}
.intro_slider ul.slick-dots li.slick-active {
	border-bottom: 1px solid var(--zwart);
}
.intro_slider ul.slick-dots li a > div {
	height: 0;
}
.intro_slider ul.slick-dots li.slick-active a > div {
	position: absolute;
	left: 0;
	top: -24px;
	max-width: 767px;
	width: calc(100vw - 32px);
	height: 4px;
	background-color: var(--wit);
	transition: 0s;
}
.intro_slider ul.slick-dots li.slick-active a > div span {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: var(--donker);
}

@media (max-width: 680px) {
	.intro_slider ul.slick-dots li a {
		font-size: 0;
	}
}

@media (max-width: 580px) {
	.intro_slider ul.slick-dots {
		gap: 24px;
	}
	.intro_slide > figure:after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background-color: var(--tint-1);
		opacity: 0.5;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media (max-height: 900px) {
	.intro_slide {
		min-height: 95vh;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.intro_slider ul.slick-dots {
		bottom: 48px;
	}
}



/* Block -> Vergelijker */
.vergelijker_block {
	width: 100%;
	aspect-ratio: 4/3;
	overflow: hidden;
	position: relative;
	transition: 0s;
	margin-bottom: 32px;
}
.vergelijker_block * {
	transition: 0s;
}
.vergelijker_block figure {
	position: absolute;
	font-size: 0;
	background-size: cover;
	width: 100%;
	height: 100%;
	margin: 0;
}
.vergelijker_block .divisor {
	background-size: cover;
	position: absolute;
	width: 50%;
	box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
	bottom: 0;
	height: 100%;
	overflow: hidden;
}
.vergelijker_block .divisor::before,
.vergelijker_block .divisor::after {
	content: '';
	position: absolute;
	right: -1px;
	width: 2px;
	height: calc(50%);
	background: var(--wit);
	z-index: 3;
}
.vergelijker_block .divisor::before {
	top: 0;
}
.vergelijker_block .divisor::after {
	bottom: 0;
}
.vergelijker_block .handle {
	position: absolute;
	height: 22px;
	width: 22px;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);
	z-index: 1;
}
.vergelijker_block input[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	top: 50%;
	left: -11px;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	background-color: transparent;
	width: calc(100% + 22px);
	z-index: 2;
	cursor: pointer;
}
.vergelijker_block input[type=range]:focus,
.vergelijker_block input[type=range]:active {
	border: none;
	outline: none;
}
.vergelijker_block input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background: var(--wit);
}
.vergelijker_block input[type=range]::-moz-range-track {
	-moz-appearance: none;
	height: 15px;
	width: 100%;
	background-color: transparent;
	position: relative;
	outline: none;
}


/* Block -> Dubbel media tekst */
.dubbelmt_blok {
	display: flex;
	justify-content: space-between;
}
.dubbelmt_blok.links_ {
	flex-direction: row-reverse;
}
.dubbelmt_blok .dubbelmt_blok_media {
	display: flex;
	justify-content: space-between;
	flex: 0 0 calc(60% - 16px);
}
.dubbelmt_blok .dubbelmt_blok_media > div:first-of-type {
	flex: 0 0 calc(60% - 16px);
	max-width: calc(60% - 16px);
	align-self: flex-start;
}
.dubbelmt_blok .dubbelmt_blok_media > div:last-of-type {
	flex: 0 0 calc(40% - 16px);
	max-width: calc(40% - 16px);
	align-self: flex-end;
	margin-top: var(--ruimte);
}
.dubbelmt_blok .dubbelmt_blok_tekst {
	padding: var(--ruimte) 0;
	flex: 0 0 calc(40% - 16px);
}

@media (max-width: 1100px) {
	.dubbelmt_blok .dubbelmt_blok_media > div:first-of-type {
		flex: 0 0 calc(50% - 16px);
		max-width: calc(50% - 16px);
	}
	.dubbelmt_blok .dubbelmt_blok_media > div:last-of-type {
		flex: 0 0 calc(50% - 16px);
		max-width: calc(50% - 16px);
	}
}

@media (max-width: 860px) {
	.dubbelmt_blok .dubbelmt_blok_media {
		flex: 0 0 calc(50% - 16px);
		align-self: center;
	}
	.dubbelmt_blok .dubbelmt_blok_tekst {
		flex: 0 0 calc(50% - 16px);
	}
	.dubbelmt_blok .dubbelmt_blok_media > div:last-of-type {
		align-self: flex-start;
	}
}

@media (max-width: 676px) {
	.dubbelmt_blok {
		flex-direction: column !important;
	}
}

@media (max-width: 530px) {
	.dubbelmt_blok .dubbelmt_blok_media > div:first-of-type,
	.dubbelmt_blok .dubbelmt_blok_media > div:last-of-type {
		flex: 0 0 calc(50% - 4px);
	}
}


/* Block -> Referentie slider */
.ref_slider .slick-list {
	overflow: visible;
	margin: 0 -16px;
}

.ref_slider .ref_slide {
	background-color: var(--bg-alt);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0 16px;
	height: auto;
}
.sectie_blok.has-background.has-bg-alt-background-color > div > .ref_slider .ref_slide {
	background-color: var(--bg);
}
.ref_slider .ref_slide .ref_slide_header {
	display: flex;
	gap: 36px;
	align-items: flex-end;
}
.ref_slider .ref_slide .ref_slide_header figure {
	width: 80px;
	height: 80px;
	aspect-ratio: 1/1;
	border-radius: 100%;
}
.ref_slider .ref_slide .ref_slide_header figure img {
	width: 80px;
	height: 80px;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
}
.ref_slider .ref_slide .ref_slide_header h4 {
	margin: 0;
}

@media (max-width: 420px) {
	.ref_slider .ref_slide .ref_slide_header {
		gap: 12px;
	}
	.ref_slider .slick-list {
		margin: 0 -8px;
	}
	.wc-block-grid__products .slick-track > li.product,
	.ref_slider .ref_slide {
		margin: 0 8px !important;
	}
}


/* Block -> Videospeler */
.videospeler_blok {
	aspect-ratio: 16/9;
	width: 100%;
	background-color: var(--donker);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	position: relative;
}
.videospeler_blok figure {
	aspect-ratio: 16/9;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.videospeler_blok figure img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	opacity: 0.4;
}
.videospeler_blok a {
	background-color: var(--donker);
	width: 88px;
	height: 60px;
	border-radius: 20px;
	position: relative;
	z-index: 2;
}
.videospeler_blok a:hover {
	transform: scale(1.06);
}
.videospeler_blok a i {
	width: 100%;
	height: 100%;
	display: block;
	background-size: 60px auto;
	background-position: center;
	filter: invert(1);
}
.sectie_blok.has-background + .videospeler_blok {
	margin-top: -80px;
	margin-bottom: 80px;
}


/* Block -> Product categories grid */
.so-product-categories-grid:not(.no-bg) {
	background-color: var(--bg-alt);
	padding: 64px 80px;
}
.so-product-categories-grid h4 {
	font-size: 14px;
	color: var(--zwart);
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.so-product-categories-grid .grid {
	display: grid;
	gap: 16px;
	row-gap: 0px;
}
.so-product-categories-grid .grid a:not(.uitgelicht) {
	width: fit-content;
	font-size: 24px;
	text-decoration: none;
	font-weight: 500;
	position: relative;
	color: var(--zwart);
	padding: 12px 0px;
}
.so-product-categories-grid .grid a:not(.uitgelicht):hover {
	color: var(--donker);
}
.so-product-categories-grid .grid a:not(.uitgelicht):after {
	content: '';
	position: absolute;
	top: calc(100% - 16px);
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--zwart);
	filter: opacity(0.3);
}
.so-product-categories-grid .grid a:not(.uitgelicht):hover:after {
	width: 100%;
	filter: opacity(1);
}

.so-product-categories-grid .grid a.uitgelicht,
.so-product-categories-grid .grid a.uitgelicht figure {
	position: relative;
	aspect-ratio: 4/6;
	width: 100%;
	z-index: 0;
	text-decoration: none;
}

.so-product-categories-grid .grid a.uitgelicht figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-s);
	background: linear-gradient(1deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.so-product-categories-grid .grid a.uitgelicht figure {
	position: relative;
	aspect-ratio: 4/6;
	width: 100%;
	z-index: 0;
	text-decoration: none;
	flex-direction: column;
	display: flex;
	justify-content: flex-end;
	padding: 32px 36px;
	margin-bottom: 36px;
	overflow: hidden;
}
.so-product-categories-grid .grid a.uitgelicht figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.so-product-categories-grid .grid a.uitgelicht:hover figure img {
	transform: scale(1.04);
}
.so-product-categories-grid .grid a.uitgelicht figure span {
	position: relative;
	z-index: 2;
	color: var(--wit);
	font-size: 32px;
	line-height: 36px;
}

.cursor {
	border-radius: 100%;
	background-color: transparent;
	pointer-events: none;
	width: 1px;
	height: 1px;
	position: fixed;
	z-index: 1000;
}

@media screen and (max-width: 880px) {
	.so-product-categories-grid:not(.no-bg) {
		padding: 32px;
	}
	.so-product-categories-grid .grid {
		grid-template-columns: repeat(2, minmax(0, 2fr))!important;
	}

	.cursor {
		display: none;
	}
}

@media (max-width: 778px) {
	.so-product-categories-grid .grid a.uitgelicht,
	.so-product-categories-grid .grid a.uitgelicht figure {
		aspect-ratio: 1/1;
	}
	.so-product-categories-grid .grid a:not(.uitgelicht) {
		font-size: 22px;
		line-height: 28px;
	}
}

@media (max-width: 600px) {
	.so-product-categories-grid .grid a:not(.uitgelicht) {
		font-size: 18px;
		line-height: 22px;
		padding: 8px 0;
	}
}

@media (max-width: 460px) {
	.so-product-categories-grid .grid {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}
}

@media (max-width: 420px) {
	.so-product-categories-grid:not(.no-bg) {
		padding: 16px;
	}
	.so-product-categories-grid .grid a:not(.uitgelicht) {
		padding: 4px 0;
	}
	.so-product-categories-grid .grid a.uitgelicht figure {
		padding: 24px 32px;
		margin-bottom: 16px;
	}
	.so-product-categories-grid .grid a.uitgelicht figure span {
		font-size: 24px;
		line-height: 28px;
	}
}

/* Block -> Veelgestelde vragen */
.faq_sectie {
	margin-bottom: var(--ruimte);
}
.faq_blok {
	padding: 32px 48px;
	border-bottom: 1px solid var(--donker);
	gap: 0;
}
.faq_blok.active {
	background-color: var(--tint-1);
	gap: 48px;
	border-radius: var(--radius-l);
}
.faq_vraag {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	cursor: pointer;
}
.faq_vraag i {
	width: 38px;
	height: 38px;
	background-size: 20px auto;
	background-position: center;
	border: 1px solid var(--donker);
	min-width: 38px;
	flex: 0 0 38px;
}
.faq_blok.active .faq_vraag i {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.663' height='1'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' d='M13.163.5H.5' data-name='Path 23431'/%3E%3C/svg%3E");
}
.faq_antwoord {
	height: 0;
	max-height: 0;
	overflow: hidden;
}
.faq_blok.active .faq_antwoord {
	height: auto;
	max-height: 1600px;
}

@media (max-width: 420px) {
	.faq_blok {
		padding: 24px;
	}
	.faq_blok h3 {
		font-size: 18px !important;
		line-height: 24px;
	}
}

/* Block -> Accordion slider */
.so-block-accordion-slider {
	display: block;
}

.so-block-accordion-slider .so-block-accordion-slider__inner-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 108px;
}

.so-block-accordion-slider .so-block-accordion-slider-item {
	background-color: var(--tint-1);
	margin: -24px -32px;
	padding: 24px 32px;
	position: relative;
	max-height: 1000px;
	border-radius: var(--radius-m);
	overflow: clip;
}

.so-block-accordion-slider .column-images .step-image-content {
	height: 0px;
	width: 100%;
	overflow: hidden;
	filter: opacity(0);
	transition: 450ms ease filter;
}
.so-block-accordion-slider .column-images .step-image-content.active {
	height: 720px;
	filter: opacity(1);
	transition: 450ms ease filter;
}
.so-block-accordion-slider .column-images .step-image-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: clip;
	border-radius: var(--radius-m);
}

.so-block-accordion-slider .column-accordion {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-top: 48px;
}

.so-block-accordion-slider .column-accordion > h2 {
	margin-bottom: 24px;
}

.so-block-accordion-slider .column-accordion .accordion-items {
	display: flex;
	flex-direction: column;
	gap: 52px;
}

.so-block-accordion-slider .so-block-accordion-slider-item .item-index {
	font-size: 20px;
	font-weight: 400;
	color: var(--primaire);
	position: absolute;
	top: 24px;
	left: 32px;
	line-height: 1;
}

.so-block-accordion-slider .so-block-accordion-slider-item > *:first-child {
	padding-left: 80px;
}

.so-block-accordion-slider .so-block-accordion-slider-item h2,
.so-block-accordion-slider .so-block-accordion-slider-item h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
}

.so-block-accordion-slider .so-block-accordion-slider-item:not(.active) {
	background-color: transparent;
	cursor: pointer;
	max-height: 64px;
	overflow: hidden;
}
.so-block-accordion-slider .so-block-accordion-slider-item:not(.active):hover {
	background-color: var(--tint-1);
}

.so-block-accordion-slider .so-block-accordion-slider-item:not(.active) p {
	filter: opacity(0);
}

@media (max-width: 450px) {
	.so-block-accordion-slider .column-accordion {
		padding-top: 0;
	}
}

/* Block -> Accordion items */
.column-accordion {
	container-type: inline-size;
}

.so-block-accordion-slider .column-accordion > h2 {
	font-size: 48px;
	letter-spacing: 0;
	line-height: 1.2;
	padding-left: 32px;
}

.accordion-items > li:not(:last-child) {
	border-bottom: 1px solid #EDE8E4;
}

.so-block-accordion-slider .so-block-accordion-slider-item {
	margin: -26px 0;
	padding: 25px 32px;
	width: 100%;
}

.so-block-accordion-slider .so-block-accordion-slider-item > *:first-child {
	position: relative;
	padding-right: 30px;
}

.so-block-accordion-slider .so-block-accordion-slider-item > *:first-child:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.663' height='13.568'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' data-name='Group 12285'%3E%3Cpath d='M6.832.5v12.572' data-name='Path 23430'/%3E%3Cpath d='M13.163 6.784H.5' data-name='Path 23431'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right;
    transition: 0s;
}

.so-block-accordion-slider .so-block-accordion-slider-item.active > *:first-child:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.663' height='1'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' d='M13.163.5H.5' data-name='Path 23431'/%3E%3C/svg%3E");
}

@media screen and (max-width: 880px) {
	.so-block-accordion-slider .so-block-accordion-slider__inner-container {
		display: flex;
		flex-direction: column-reverse;
		gap: 48px;
	}

	.so-block-accordion-slider .column-images .step-image-content.active {
		height: 480px;
	}
}


@media screen and (max-width: 600px) {
	.so-block-accordion-slider .so-block-accordion-slider-item > h3.wp-block-heading {
		padding-left: 40px;
	}
}

@media (max-width: 510px) {
	.so-block-accordion-slider .so-block-accordion-slider-item > *:first-child {
		padding-left: 50px !important;	
	}
}

@media (max-width: 430px) {
	.so-block-accordion-slider .so-block-accordion-slider-item > *:first-child {
		padding-left: 40px !important;	
	}
}

@media (max-width: 300px) {
	.so-block-accordion-slider .so-block-accordion-slider-item {
		padding: 20px;
	}

	.so-block-accordion-slider .so-block-accordion-slider-item .item-index {
		top: 20px;
		left: 20px;
	}
}


/* Block -> Behandelingen */
.sectie_blok + 
.behandelingen:not(:has(.cat_filter)) {
	margin-top: calc(-1 * var(--ruimte));
}
.behandelingen {
	display: flex;
	flex-wrap: wrap;
	gap: 64px 0;
	justify-content: space-between;
}
.behandelingen > .behandeling {
	flex: 0 0 calc(50% - 16px);
	display: flex;
	flex-direction: column;
}

.behandelingen > .behandeling figure {
	aspect-ratio: 16/9;
	position: relative;
	z-index: 0;
	display: flex;
	padding: 24px;
	align-items: flex-end;
	flex-direction: row-reverse;
	margin-bottom: 32px;
}
.behandelingen > .behandeling figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 1;
}
.behandelingen > .behandeling figure div {
	position: relative;
	z-index: 2;
	padding: 10px 20px;
	display: inline-flex;
	align-items: center;
	background-color: var(--wit);
	gap: 16px;
	white-space: nowrap;
}
.behandelingen > .behandeling figure div i {
	width: 20px;
	height: 20px;
}
.behandelingen > .behandeling > p {
	font-size: 14px;
	line-height: 21px;
	font-weight: 200;
	margin-bottom: 48px;
}
.behandeling_button_wrapper {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	margin-bottom: 32px;
}
.behandelingen > .behandeling a.button:not(.omlijnd) {
	background-color: var(--tint-donker);
}
.behandelingen > .behandeling a.button:not(.omlijnd):hover {
	background-color: var(--donker);
}
.behandelingen > .behandeling a.button.omlijnd {
	border-color: var(--tint-donker);
	color: var(--tint-donker);
}
.behandelingen > .behandeling a.button.omlijnd:hover {
	border-color: var(--tint-donker);
	background-color: var(--tint-donker);
}
.behandelingen > .behandeling > hr {
	border: 0;
	border-top: 1px solid var(--tint-2);
	width: 100%;
}

@media (max-width: 850px) {
	.behandelingen > .behandeling figure {
		aspect-ratio: 4/3;
	}
}

@media (max-width: 676px) {
	.behandelingen > .behandeling {
		flex: 1 0 100%;
	}
}

@media (max-width: 464px) {
	.behandelingen {
		gap: 32px 0;
	}
}


/* Block -> Breadcrumbs */
#breadcrumbs i.icon-arrow-right {
	width: 6px;
	height: 6px;
	background-size: 6px auto;
	background-position: center;
	margin: 0 8px;
}

@media (max-width: 460px) {
	#breadcrumbs :is(span, a) {
		font-size: 14px;
	}
	#breadcrumbs i.icon-arrow-right {
		margin: 0 4px;
	}
}

/* Block -> Routine */
.so-block-routine .navigation {
	display: flex;
	justify-content: space-between;
	gap: 24px;
}

.so-block-routine .navigation p {
	max-width: 640px;
}

.so-block-routine ul.products > li.product {
	padding: 16px !important;
	background-color: var(--tint-1);
	flex-basis: calc(25% - 32px) !important;
	border-radius: var(--radius-s);
}

.so-block-routine .products .product:has(.routine-step.active) {
	background-color: var(--bg);
}

ul.products.columns-4 > li.product .so_wc_quantity,
.so-block-routine ul.products > li.product .so_wc_quantity {
	position: relative;
	right: 0;
	bottom: 0;
	margin-top: 12px;
}

.so-block-routine ul.products > li.product span.huidconditie {
	display: none;
}

.so-block-routine ul.products > li.product span.inhoud {
	margin-bottom: -16px;
}

.so-block-routine .products .product picture,
.so-block-routine .products .product img,
.so-block-routine .products .product picture img {
	background-color: transparent;
	border-radius: var(--radius-m);
	order: 1 !important;
}

.so-block-routine ul.products > li.product h2 {
	order: 2 !important;
	margin-top: 8px;
	margin-bottom: 12px !important;
}

.so-block-routine .products .product .product_bottom {
	margin-top: 0px;
}

.so-block-routine .products .product .routine-step {
	order: 0;
	position: absolute;
	top: 16px;
	left: 16px;
	background-color: var(--tint-2);
	padding: 8px 32px;
	border-radius: 1000px;
	color: var(--donker);
	font-weight: 300;
	font-size: 14px;
	line-height: 1;
	z-index: 2;
}
.so-block-routine .products .product .routine-step.active {
	background-color: var(--wit);
}


.so-block-routine .routine-cta {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 68px;
}

@media screen and (max-width: 880px) {
	.so-block-routine .navigation {
		flex-direction: column;
	}
}


/* Forms -> Gravity Forms styling */
.gform_wrapper .gform-body .gform_fields {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}
.gform_wrapper .gform-body .gform_fields > * {
	width: 100%;
}
.gform-grid-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.gform-grid-row > .gform-grid-col,
.gform-grid-row > .gform-grid-col--size-auto {
	flex: 1;
}
.gform-grid-row > .gform-grid-col.ginput_full {
	flex: 1 0 100%;
}
.gfield_required_text {
	font-weight: 600;
	display: inline-block;
	margin-left: 4px;
}

.gform-body .gfield.gfield--width-half {
	width: calc(50% - 6px);
}
.gform_required_legend,
.hidden_label > .gfield_label {
	visibility: hidden;
	position: absolute;
}


@media (max-width: 540px) {
	.gform-grid-row {
		flex-direction: column;
	}
	.gform-body .gfield.gfield--width-half {
		flex: 1 0 100%;
		width: 100%;
	}
}

/* Forms */
label.gform-field-label {
	display: block;
	color: var(--zwart);
	font-size: 14px;
	line-height: 21px;
}
textarea, input:not([type="submit"], [type="range"], [type="checkbox"], [type="radio"]), select {
	font-family: var(--font-family);
	outline: 0;	
	background-color: var(--bgalt);
	border: 1px solid var(--tint-4);
	padding: 16px 24px;
	width: 100%;
	border-radius: var(--radius-s);
}
select {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-chevron-down fa-w-14 fa-9x'%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z' class=''%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: auto 30%;
	background-position: center right 20px;
	padding-right: 48px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}
textarea:focus, 
input:not([type="submit"], [type="range"], [type="checkbox"], [type="radio"]):focus, 
select:focus,
textarea:active, 
input:not([type="submit"], [type="range"], [type="checkbox"], [type="radio"]):active, 
select:active {
	border: 1px solid var(--zwart);
}

fieldset,
.gfield {
	margin-bottom: 16px;
}
fieldset legend {
	font-weight: bold;
}

:is(input[type="radio"], input[type="checkbox"]) {
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--bg);
	margin: 0;
	font: inherit;
	color: var(--primaire);
	width: 24px;
	height: 24px;
	border: 3px solid var(--primaire);
	border-radius: 5px;
	display: inline-grid;
	place-content: center;
	vertical-align: middle;
} 
input[type="radio"] {
	border-radius: 100%;
}
:is(input[type="radio"]:checked, input[type="checkbox"]:checked) {
	box-shadow: inset 0 0 0 2px var(--bg);
	background-color: var(--primaire);
}
:is(input[type="radio"]:disabled, input[type="checkbox"]:disabled) {
	cursor: not-allowed;
}
:is(input[type="radio"], input[type="checkbox"]) + label {
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
}



/* Footer */
footer:not([class]) {
	padding: 0 16px 0 16px;
	background-color: var(--bg-alt);
}

footer .container:has(.footer_cta) {
	padding-top: 96px;
}

@media (max-width: 676px) {
	footer:not([class]) {
		padding: 48px 16px 16px 16px;
		background-color: var(--bg-alt);
	}
}

/* Footer -> USPS */
.usp_section {
	padding: 0;
	border: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 32px 112px;
}
.usp_section:has(> div) {
	padding: 48px 16px;
	border-top: 1px solid var(--donker);
}
.usp_section > div {
	flex: 1;
	display: inline-flex;
	gap: 24px;
}
.usp_section > div i {
	width: 28px;
	height: 20px;
	position: relative;
	z-index: 1;
	background-size: 0;
}
.usp_section > div i:before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--tint-2);
	border-radius: 100%;
	z-index: 1;
}
.usp_section > div i:after {
	content: '';
	width: 28px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.504' height='11.153'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='m.707 5.683 4.055 4.056L13.797.707' data-name='Path 23485'/%3E%3C/svg%3E");
	background-size: auto 18px;
	background-repeat: no-repeat;
	z-index: 2;
}

@media (max-width: 967px) {
	.usp_section {
		gap: 32px 48px;
	}
	.usp_section > div h4 {
		font-size: 20px;
		flex: 1;
	}
}

@media (max-width: 500px) {
	.usp_section > div {
		flex: 1 0 100%;
	}
}

/* Footer -> CTA */
footer .footer_cta {
	display: flex;
	flex-wrap: nowrap;
	gap: 32px;
	padding-bottom: 54px;
	border-bottom: 1px solid var(--tint-2);
}

footer .footer_cta h3 {
	flex: 0 0 300px;
	font-size: 48px;
	margin-bottom: 0;
	margin-right: auto;
}
footer .footer_cta h3.nieuwsbrief_header {
	font-size: 64px;
	line-height: 76px;
}
footer .footer_cta a {
	flex: 0 0 300px;
	display: inline-flex;
	flex-direction: column;
	gap: 24px;
	padding: 36px 32px;
	color: var(--tint-donker);
	text-decoration: none;
	position: relative;
	z-index: 1;
	border-radius: var(--radius-m);
	overflow: clip;
}
footer .footer_cta a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	background-color: var(--tint-donker);
	opacity: 0.02;
}
footer .footer_cta a:hover:before {
	opacity: 0.04;
}
footer .footer_cta a i {
	width: 20px;
	height: 20px;
	background-size: 100% auto;
	filter: var(--tint-donker-filter);
}
footer .footer_cta a span {
	position: relative;
	align-self: flex-start;
}
footer .footer_cta a span:after {
	content: '';
	width: 0;
	height: 1px;
	background-color: var(--tint-donker);
	position: absolute;
	left: 0;
	top: 100%;
}
footer .footer_cta a:hover span:after {
	width: 100%;
}

footer .footer_cta .gform_wrapper {
	max-width: 50%;
	margin-left: auto;
}
footer .footer_cta .gform_wrapper .gfield--type-submit {
	text-align: right;
}
footer .footer_cta .gform_wrapper .gfield--type-submit input {
	background-color: var(--donker);
}
footer .footer_cta .gform_wrapper .gfield--type-submit input:hover {
	background-color: var(--tint-donker);
}

@media (max-width: 1300px) {
	footer .footer_cta {
		flex-wrap: wrap;
	}
	footer .footer_cta h3:not(.nieuwsbrief_header) {
		flex: 1 0 100%;
	}
	footer .footer_cta a {
		white-space: nowrap;
		align-self: flex-end;
	}
}

@media (max-width: 1000px) {
	footer .footer_cta {
		gap: 16px;
		padding-bottom: 48px;
	}
	footer .footer_cta a {
		flex-direction: row;
		flex: 1 0 100%;
		padding: 24px;
	}
	footer .footer_cta h3 {
		font-size: 32px !important;
		line-height: 48px !important;
	}
}

@media (max-width: 760px) {
	footer .footer_cta .gform_wrapper {
		max-width: 100%;
	}
}

/* Footer -> Footer menu's */
footer .footer_menus {
	display: flex;
	flex-wrap: wrap;
	gap: 36px 92px;
	padding-top: 56px;
	padding-bottom: 40px;
}
footer .footer_menus .logo {
	flex: 0 0 160px;
	filter: brightness(0);
}
footer .footer_menus .menu {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
footer .footer_menus .menu a {
	color: var(--tint-donker);
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	display: inline-block;
}
footer .footer_menus .menu a:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--tint-donker);
}
footer .footer_menus .menu a:hover:after {
	width: 100%;
}
footer .footer_menus .social_icons {
	margin-left: auto;
	display: flex;
	gap: 16px;
}
footer .footer_menus .social_icons i {
	width: 18px;
	height: 18px;
	background-size: 100% auto;
	filter: var(--tint-donker-filter);
}
footer .footer_menus .social_icons a:hover i {
	filter: var(--tint-4-filter);
}
@media (max-width: 750px) {
	footer .footer_menus .menu {
		order: 2;
		flex: 0 0 20%;
	}
	footer .footer_menus .social_icons {
		flex: 0 0 calc(100% - 300px);
		justify-content: flex-end;
	}
	footer .footer_menus .menu {
	}
}

/* Footer -> Subfooter */
.footer_sub {
	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 12px 0;
}
.footer_sub:before {
	content: '';
	width: 100vw;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	background-color: var(--bg);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
}
.footer_sub > * {
	position: relative;
	z-index: 2;
}
.footer_sub .menu {
	display: inline-flex;
	gap: 4px;
}
.footer_sub .menu > li:not(:last-of-type) a:after {
	content: '/';
	margin-left: 4px;
}
.footer_sub .menu a {
	text-transform: lowercase;
	text-decoration: none;
	color: var(--zwart);
	font-size: 12px;
	line-height: 18px;
}
.footer_sub .menu a:hover {
	color: var(--tint-donker);
}





/* Relevanssi Live Search */
#rlvlivegeneral {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

#rlvlivegeneral .relevanssi-live-search-results {
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	pointer-events: initial !important;
}

#rlvlivegeneral > div {
	max-height: calc(-800px + 100dvh);
    height: auto;
	border-radius: 0 !important;
}

.rlv-has-spinner {
	border-color: var(--primaire);
	border-right-color: transparent;
}

.rlv-has-spinner::after {
	background-color: var(--primaire);
}

.relevanssi-live-search-result-status p {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}
.relevanssi-live-search-heading {
	font-size: 14px;
	padding: 8px 24px;
	text-align: left;
	background: #ebebeb;
}

.product-result-inner {
	display: flex;
	align-items: center;
	padding: 0 24px;
  box-sizing: border-box;
	gap: 16px;
}

.relevanssi-live-search-result:has(.product-result-inner) {
	border-bottom: 1px dotted #ebebeb;
}

.relevanssi-live-search-result .product-result-title {
	text-decoration: underline;
}

.relevanssi-live-search-result:hover .product-result-title {
	text-decoration: none;
}

.relevanssi-live-search-result:has(.product-result-inner):last-child {
	border-bottom: none;
}

.product-result-thumbnail {
	width: 60px;
	height: 60px;
	background-image: url('https://houseofafricanbeauty.com/wp-content/themes/hoab/assets/images/logo.png');
	background-size: 60%;
	flex: 0 0 60px;
	background-position: center;
	background-repeat: no-repeat;
}

.relevanssi-live-search-result.post-result {
	border-bottom: 1px dotted #ebebeb;
}


.relevanssi-live-search-result.post-result:last-child {
	border-bottom: none;
}

.relevanssi-live-search-result > a {
	text-decoration: none;
}

.relevanssi-live-search-result.post-result > a span:first-child {
	text-decoration: underline;
}

.relevanssi-live-search-result.post-result:hover > a span:first-child {
	text-decoration: none;
}

.product-result-title {
	white-space: pre-wrap;
	text-align: left;
}

.relevanssi-live-search-result.post-result > a > div {
	padding: 16px 24px;
	display: flex;
	justify-content: space-between;
	gap: 4px 16px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.relevanssi-live-search-result.post-result > a > div > span:first-child {
	white-space: pre-wrap;
	text-align: left;
}

.relevanssi-live-search-result.post-result > a > div:last-child {
	border-bottom: none;
}

.relevanssi-live-search-result.post-result .blog_post_label {
	font-size: 12px;
	color: #000;
	padding: 4px 8px;
	background: #ebebeb;
}

.relevanssi-live-search-result-status p {
	padding: 8px 24px;
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	#rlvlivegeneral > div {
		max-height: calc(-200px + 100dvh);
    height: auto;
	}
}