/*

    Theme Name: Thema
    Theme URI: http://www.qreative-web.com
    Description: Is een korte omschrijving echt nodig?
    Version: 2023.10

    Author: Qreative-Web
    Author URI: http://www.qreative-web.com

	Text Domain: basetheme
	Domain Path: /languages/

    License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* Available vars 

	Colors
	--main
	--second
	--textColor
	--backgroundColor
	--borderColor
	--topColor
	--headerColor
	--navColor
	--bannerColor
	--bannerTextColor
	--footerColor
	--blackOrWhite
	--topblackOrWhite
	--headerblackOrWhite
	--navblackOrWhite
	--footerblackOrWhite

    WooCommerce
    --wc-green
    --wc-highlight
    --wc-red
    --wc-orange
    --woocommerce
    --wc-primary
    --wc-primary-text

	Fonts
    --headingFont
    --textFont

	Styling
    --rondeRandjes
    --padding
    --logo_size
    --wrapperWidth

*/
:root {
	
	/* Overwritable in child css, not a setting */
	--border-width: 2px;
	--box-shadow: 1px 1px 18px rgba(0,0,0,0.05);

	/* Depth */
	--depth-2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
    --depth-4: 0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14);
    --depth-8: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14);
    --depth-16: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
    --depth-28: 0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14);
    --depth-64: 0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14);

    /* Spacing */
    --spacing: var(--padding);

    /* For darkmode compat */
    --dark_or_lightmode: #FFFFFF;

    /* The ideal minimal size for touch elements according to Google */
    --ideal-touch-size: 48px;

    /* Review stars */
    --wc-stars-color: #FFC723;

	/*  Font sizes  */ 
	--small-font-size: 13px;
	--intermediate-font-size: 14px;
	--default-font-size: 16px;
	--medium-font-size: 21px;
	--large-font-size: 36px;
	--x-large-font-size: 42px;

}

@media (prefers-color-scheme: dark) {
	:root {
	    /*--dark_or_lightmode: #141414; */
	}
}

/* ====================================== ADMINBAR ======================================  */
#wpadminbar {
	font-family: var(--textFont)!important;
}
#wp-admin-bar-wp-logo, #wp-admin-bar-comments {
	display: none!important;
}
#wp-admin-bar-qreative-web-need-support {
	float: right!important;
	background: rgba(255,255,255,0.2)!important;
}

/* ====================================== GLOBAL SETTING CLASSES ======================================  */
.has-no-spacing {
	--spacing:  0;
}
.has-small-spacing {
	--spacing: calc( var(--padding) / 1.5 );
}
.has-intermediate-spacing {
	--spacing: calc( var(--padding) / 1.3 );
}
.has-default-spacing {
	--spacing: var(--padding);
}
.has-medium-spacing {
	--spacing: calc( var(--padding) * 1.5 );
}
.has-large-spacing {
	--spacing: calc( var(--padding) * 2 );
}
.has-x-large-spacing {
	--spacing: calc( var(--padding) * 2.5 );
}
.has-2-columns {
	grid-template-columns: repeat(2, 1fr);
}
.has-3-columns {
	grid-template-columns: repeat(3, 1fr);
}
.has-4-columns {
	grid-template-columns: repeat(4, 1fr);
}
.has-5-columns {
	grid-template-columns: repeat(5, 1fr);
}
.has-6-columns {
	grid-template-columns: repeat(6, 1fr);
}
.has-7-columns {
	grid-template-columns: repeat(7, 1fr);
}
.has-font-family-paragraph {
	font-family: var(--textFont);
}
.has-font-family-heading {
	font-family: var(--headingFont);
}

/* ====================================== HIDDEN ======================================  */
.home .hide-on-front,
.woocommerce-checkout .hide-on-checkout {
	display: none!important;
}

/* ====================================== BASICS ======================================  */
label {
	display: block;
	position: relative;
}
fieldset {
	margin: 25px 0;
	border: 0;
	padding: 0;
}
legend {
	font-weight: bold;
}
.inline-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.inline-list li {
	display: inline-block;
}
.seperated-list li:after {
	content: "|";
    padding: 5px;
    position: relative;
    bottom: 1px;
    font-size: .8em;
}
.seperated-list li:last-child:after {
	content: "";
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--headingFont);
}
h1 {
	line-height: 1.2;
	margin: 0;
}
img, svg {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
mark {
	background: transparent;
	color: inherit;
}
::selection {
    background-color: var(--main);
    color: #FFF;
}
html, 
body {
	padding: 0;
	margin: 0;
	font-family: var(--textFont);
	background: var(--backgroundColor);
	color: var(--textColor);
	@media (prefers-color-scheme: dark) {
		background: var(--backgroundColor_dm);
		color: var(--textColor_dm);
	}
}
.wrap, 
#wp-toolbar, 
.is-style-wrap {
	--_wrapperWidth: var(--wrapperWidth);
}
.is-style-small-wrap {
	--_wrapperWidth: 750px;
}
.wrap, 
#wp-toolbar, 
.is-style-wrap,
.is-style-small-wrap {
	width: min( 100%, var(--_wrapperWidth) );
	margin-inline: auto;
	position: relative;
	padding-inline: var(--padding);
}
* {
	box-sizing: border-box;
}
a {
	color: inherit;
	text-decoration: none;
}
figure {
	margin: 0;
}
pre {
	background: #282C34;
	color: #FFF;
	padding: var(--padding);
    position: relative;
    overflow-y: auto;
    border-radius: var(--rondeRandjes);
    font-size: 14px!important;
    line-height: 24px;
}

/* ====================================== FORMS ======================================  */
::placeholder {
	color: inherit;
	opacity: .5;
}
input, 
select, 
textarea {
	background-color: var(--backgroundColor);
	color: var(--textColor);
	font-family: var(--textFont);
	border: var(--border-width) solid var(--borderColor);
	padding: 10px 15px;
	border-radius: var(--rondeRandjes);
	width: min( 100%, 350px );
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: 16px; /* iOS fix */
	@media (prefers-color-scheme: dark) {
		background-color: var(--backgroundColor_dm);
		color: var(--textColor_dm);
		border-color: var(--borderColor_dm);
	}
}
input:hover, 
select:hover, 
textarea:hover {
	border-color: var(--textColor);
}
input:focus, 
select:focus, 
textarea:focus {
	border-color: var(--main);
}
select {
	background-image: url( 'assets/down.svg' );
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	background-size: 20px;
}
input[type="checkbox"] {
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
	width: auto;
}

/* ====================================== RADIO & CHECKBOXES ======================================  */
input[type="radio"]:not(:checked), input[type="radio"]:checked {
	display: none;
}
input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
	display: inline-block;
	content: '';
	height: 15px;
	width: auto;
	aspect-ratio: 1;
}
input[type="radio"] + label {
	display: flex!important;
	align-items: center;
	gap: 5px;
}
input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
	background: var(--backgroundColor);
	border-radius: calc( var(--rondeRandjes) / 3 );
	border: var(--border-width) solid var(--borderColor);
}
@media (prefers-color-scheme: dark) {
	input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
		background-color: var(--backgroundColor_dm);
		border-color: var(--borderColor_dm);
	}
}
input[type='radio']:checked + label:before {
    background-color: var(--main); 
	background-image: url( 'assets/check.svg' );
	background-size: contain;
	background-position: center center;
    border-color: var(--main);
}

/* ====================================== BUTTONS ======================================  */
/* Basic setup */
button, input[type="submit"] {
	background: none;
	color: inherit;
	border: none;
	padding: inherit;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	font-size: inherit;
}
.wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link, button:not(.no-button-styling), input[type="submit"], .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .button.disabled {
	font-family: var(--headingFont);
	cursor: pointer;
	position: relative;
	z-index: 1;
	width: auto;
	margin: 2px;
	padding: calc( var(--spacing) / 2 ) var(--spacing);
	font-weight: bold;
	font-size: inherit;
	transition: .3s;
	border-radius: var(--rondeRandjes);
	isolation: isolate;
}
.wp-block-button:not([class*="-spacing"]) .wp-block-button__link, button:not(.no-button-styling), input[type="submit"], .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .button.disabled {
	--spacing: var(--padding);
}
.wp-block-button .wp-block-button__link:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	border-radius: inherit;
	z-index: -10;
	transition: .3s;
	background: inherit;
}
.wp-block-button .wp-block-button__link:hover:before {
	top: -7px;
	left: -7px;
	right: -7px;
	bottom: -7px;
	filter: brightness(120%);
}
button:not(.no-button-styling), input[type="submit"], .button {
	background: var(--main);
	color: #FFF;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	color: #FFF;
}
.wp-block-button.has-image .wp-block-button__link {
	padding: 15px;
}
.wp-block-button .wp-block-button__link:hover, button:hover, input[type="submit"]:hover, .button:hover {
	text-decoration: none!important;
	filter: brightness(80%);
}

/* Buttons  */
.wp-block-button .wp-block-button__link:not(.has-background) {
	border: var(--border-width) solid;
}
.wp-block-button.is-style-fill .wp-block-button__link {
	background: var(--main);
	border-color: var(--main);
}
.wp-block-button.is-style-alternative .wp-block-button__link {
	background: var(--second);
	border-color: var(--second);
}
.wp-block-button.is-style-fill .wp-block-button__link:not(.has-text-color), 
.wp-block-button.is-style-alternative .wp-block-button__link:not(.has-text-color) {
	color: #FFF;
}
.wp-block-button.is-style-grey .wp-block-button__link {
	background: #edf2f6;
	border-color: #edf2f6;
}
.wp-block-button.is-style-grey .wp-block-button__link:not(.has-text-color) {
	color: #475978;
}
.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-alternative-outline .wp-block-button__link, .wp-block-button.is-style-grey-outline .wp-block-button__link {
	background-color: transparent;
}
.wp-block-button.is-style-woocommerce .wp-block-button__link {
	background: var(--wc-primary);
	border-color: var(--wc-primary);
	color: var(--wc-primary-text);
}

/* Long style names untill I can figure out how to make it work better */
.wp-block-button.is-style-fill-outline .wp-block-button__link:not(.has-text-color) {
	color: var(--main);
	border-color: var(--main);
}
.wp-block-button.is-style-alternative-outline .wp-block-button__link:not(.has-text-color) {
	color: var(--second);
	border-color: var(--second);
}
.wp-block-button.is-style-grey-outline .wp-block-button__link:not(.has-text-color) {
	color: #edf2f6;
	border-color: #edf2f6;
}

/* Wide button */
.wp-block-button.wide .wp-block-button__link {
	display: block;
	width: 100%;
}

/* F*cking no border radius */
.wp-block-button__link.no-border-radius {
	border-radius: 5px!important;
}

/* ====================================== STYLING ======================================  */
.grecaptcha-badge {
	display: none!important;
}
#page.page-is-boxed {
	--_bodywidth: calc( var(--wrapperWidth) + calc( var(--padding) * 2 ) );
	background: var(--bodyBackground);
    border-left: 1px solid var(--borderColor);
    border-right: 1px solid var(--borderColor);
    width: min( 100%, var(--_bodywidth) );
    margin-block: auto;
    position: relative;
}
#page.header-style-left-sidebar {
	margin-left: 250px;
}
.woocommerce-store-notice, p.demo_store {
    position: fixed;
    font-size: 1em;
    padding: 10px;
	background-color: var(--footerColor);
	color: var(--footerblackOrWhite);
    box-shadow: none;
}
#top {
	background: var(--topColor);
	color: var(--topblackOrWhite);
	padding: calc( var(--spacing) / 4 ) 0;
}
#top.has-second-menu > div {
	display: flex;
}
#top.has-second-menu > div > ul {
	flex: 1;
}
#top.has-second-menu > div > ul:last-child {
	text-align: right;
}
#header {
	background: var(--headerColor);
	color: var(--headerblackOrWhite);
	top:  0;
	left:  0;
	right:  0;
	z-index: 5000;
	--_spacing: var(--spacing);
}
#header:hover {
	z-index: 6000; /* Fixed the subheader bug */
}
#header ul:not(.sub-menu) > li {
	padding: var(--_spacing) 0;
}
header.sticky {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
}
header.fixed {
	position: absolute;
}
header.fixed.scroll {
	position: fixed;
}
header.scroll {
	box-shadow: var(--depth-4);
	transition: .3s;
}
header.scroll .hide-on-scroll {
	display: none;
}
#header.left-sidebar {
	position: fixed;
	left: 0;
	right: auto;
	bottom: 0;
	max-width: 250px;
	padding: calc( var(--spacing) * 2 ) var(--spacing);
	box-shadow: var(--depth-4);
}
#header.transparent_header:not(.scroll):not(.left-sidebar) {
	background: transparent;
	color: var(--bannerTextColor);
	position: absolute;
}
header .header_blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}
header .header_blocks .header_block {
	flex-grow: 1;
}
header .header_blocks .header_block.logo {
	order:  1;
	flex-grow: 0;
}
header .header_blocks .header_block.logo img, header .header_blocks .header_block.logo svg {
	width: var(--logo_size);
	height: auto;
	color:  var(--main); /* For SVG icons */
}
#header.transparent_header:not(.scroll):not(.left-sidebar) .header_blocks .header_block.logo svg {
	color: var(--bannerTextColor);
}
header .header_blocks .header_block.site_subtitle {
	order:  3;
}
header .header_blocks .header_block.navigation {
	order:  5;
	background: var(--navColor);
	color: var(--navblackOrWhite);
}
header .header_blocks .header_block.search_block {
	order:  7;
}
header .header_blocks .header_block.widget_area {
	order: 9;
}
header .header_blocks .header_block.header_icons {
	order:  11;
}

/* Custom changes per layout type on dekstop */
@media screen and (min-width: 725px) {

	/* Header layout: Left sidebar */
	#header.left-sidebar .header_blocks {
		flex-direction: column;
	}

	/* Header layout: Logo left and Nav right */
	#header.logo-left-nav-right .header_blocks .header_block.search_block {
		order:  4;
	}
	#header.logo-left-nav-right .header_blocks .header_block.nav {
		background: transparent;
		color: inherit;
	}
	#header.logo-left-nav-right .header_blocks .header_block.header_icons {
		flex-grow: 0;
	}

	/* Header layout: Logo left and Nav left below it */
	#header.logo-left-nav-bottom {
		padding-bottom: 0;
	}
	#header.logo-left-nav-bottom .header_blocks .header_block.nav {
		order: 13;
		flex-basis: 100%;
		padding: 0;
		position: relative;
	}
/*	#header.logo-left-nav-bottom {
		box-shadow: 750px 0 0 var(--headerColor), -750px 0 0 var(--headerColor)
	}
	#header.logo-left-nav-bottom .header_blocks .header_block.nav {
		box-shadow: 750px 0 0 var(--navColor), -750px 0 0 var(--navColor)
	}
	#page.page-is-boxed #header.logo-left-nav-bottom:not(.scroll) {
		box-shadow: var(--padding) 0 0 var(--headerColor), var(--negative-padding) 0 0 var(--headerColor)
	}
	#page.page-is-boxed #header.logo-left-nav-bottom:not(.scroll) .header_blocks .header_block.nav {
		box-shadow: calc( var(--padding) * 2 ) 0 0 var(--navColor), calc( var(--negative-padding) * 2 ) 0 0 var(--navColor)
	}*/
	#header.logo-left-nav-bottom .header_blocks .header_block.header_icons {
		text-align: right;
	}
	#header.logo-left-nav-bottom .header_blocks .header_block.search_block {
		padding-left: var(--_spacing);
	}

	/* Header layout: Everything centered */
	#header.logo-nav-center {
		padding-top: var(--_spacing);
		padding-bottom: 0;
	}
	#header.logo-nav-center .header_blocks {
		display: grid;
		grid-template-columns: 1fr var(--logo_size) 1fr;
		gap: var(--_spacing);
		align-items: center;
		text-align: center;
	}
	#header.logo-nav-center .header_blocks .header_block.search_block {
		order:  1;
	}
	#header.logo-nav-center .header_block.logo {
		order: 2;
	}
	#header.logo-nav-center .header_block.header_icons {
		order: 3;
		padding: 0;
		flex-grow: 0;
	}
	#header.logo-nav-center .header_blocks .header_block.search_block #searchform {
		max-width: 300px;
	}
	#header.logo-nav-center .header_blocks .header_block.site_subtitle {
		order:  5;
		grid-column: span 3;
	}
	#header.logo-nav-center .header_blocks .header_block.navigation {
		order:  7;
		grid-column: span 3;
		padding: 0;
		position: relative;
	}
/*	header .header_blocks .header_block.navigation:before {
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		left: 50%;
		width: 100vw;
		width: 100dvw;
		height: 100%;
		background: inherit;
	    transform: translateX(-50%);
	}
	#page.page-is-boxed header .header_blocks .header_block.navigation:before {
	    width: calc( var(--wrapperWidth) + calc( var(--_spacing) * 2 ) );
	}*/
	#header.logo-nav-center .header_blocks .header_block.widget_area {
		order: 9;
		grid-column: span 3;
	}

}

#subheader {
    background: var(--backgroundColor);
    color: var(--textColor);
	padding: var(--spacing) 0;
	z-index: 5001;
}

/* Search form  */
#searchform {
    background: var(--backgroundColor);
    color: var(--textColor);
	border-radius: var(--rondeRandjes);
	border: var(--border-width) solid var(--borderColor);
	position: relative;
	text-align: left;
	display: grid;
	grid-template-columns: 1fr 55px;
	overflow: hidden;
}
#searchform input, 
#searchform button {
	background: transparent;
	color: inherit;
	margin: 0;
	border: 0;
	padding: 10px 20px;
}
#searchform input {
	width: 100%;
}
#searchform button {
	margin: 3px;
	padding: 12px;
}
#searchform button svg {
	height: 100%;
}
#searchform button:hover svg {
	filter: brightness(2);
}
body.woocommerce.search-results .woocommerce-products-header {
	margin: 0;
	padding: 0;
}
body.woocommerce.search-results .wp-block-searchform {
	margin-bottom: 25px;
}

/* Navigation  */
header ul, 
nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	--_active_menu_color: var(--main);
}
#header.transparent_header:not(.scroll) ul:not(.sub-menu) {
	--_active_menu_color: var(--bannerTextColor);
}
#header.left-sidebar ul, #header.left-sidebar nav ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--padding);
}
header ul li, 
nav ul li {
	display: inline-flex;
	align-items: center;
	border-radius: var(--rondeRandjes);
	transition: .3s;
	margin: 2px;
	position: relative;
	line-height: 1.5;
}
nav .current-menu-item > a, 
nav .current-page-ancestor > a, 
nav .current-post-parent > a, 
nav .current-menu-parent > a, 
nav .current_page_parent  > a,
nav .current-cat > a,
nav .is-active > a,
nav.blog-nav span.current,
nav.default ul li:hover {
	color: var(--_active_menu_color);
}
nav.menu_buttons .current-menu-item > a, 
nav.menu_buttons .current-page-ancestor > a, 
nav.menu_buttons .current-post-parent > a, 
nav.menu_buttons .current-menu-parent > a, 
nav.menu_buttons .current_page_parent > a,
nav.menu_buttons .current-cat > a,
nav.menu_buttons .is-active > a,
nav.blog-nav.menu_buttons span.current,
nav.menu_buttons ul li:hover > a {
	mix-blend-mode: multiply;
	background: var(--borderColor);
	color: var(--textColor);
}
nav ul li a, 
nav ul li button,
nav.blog-nav ul li span {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr;
	padding: calc( var(--spacing) / 3 ) calc( var(--spacing) / 2 );
	border-radius: inherit;
	min-width: 32px;
	gap: calc( var(--spacing) / 5 );
}
ul li {
	--_icon-size: calc( var(--_sizing) * 1.1 );
	--menu_icon: 0px;
	--down_icon: 0px;
}
ul li .menu_item_icon svg {
	width: var(--_icon-size);
	aspect-ratio: 1;
}
ul li .menu_item_dropdown svg {
	width: var(--_icon-size);
	aspect-ratio: 1;
}
ul li .menu_item_subtext {
	display: block;
	font-size: small;
	opacity: .8;
}
ul li.has-svg-icon > a, 
ul li.has-svg-icon > button {
    grid-template-columns: var(--_icon-size) 1fr;
    --menu_icon: var(--_icon-size);
}
ul li.menu-item-has-children > a,
ul li.menu-item-has-children > button {
    grid-template-columns: 1fr var(--_icon-size);
    --down_icon: var(--_icon-size);
}
ul li.has-svg-icon.menu-item-has-children > a,
ul li.has-svg-icon.menu-item-has-children > button {
    grid-template-columns: var(--_icon-size) 1fr var(--_icon-size);
    --menu_icon: var(--_icon-size);
    --down_icon: var(--_icon-size);
}
nav ul li ul li {
	display: block;
	text-align: left;
	width: 100%;
	margin: 2px 0;
	padding: 0;
}
nav ul li ul li:after {
	display: none;
}
nav ul li ul li .menu_item_dropdown {
	transform: rotate(-90deg);
    float: right;
}

/* Menu buttons */
nav.menu_buttons ul li > a, 
nav ul li.menu-button > a ,
nav.blog-nav.menu_buttons ul li span {
	border:  var(--border-width) solid transparent;
}

/* Underlined nav */
nav.underlined ul li a,
nav.underlined.blog-nav ul li span {
	position: relative;
}
nav.underlined ul li:not(.menu-button) a:after,
nav.blog-nav.underlined span.current:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -3px;
	height: 3px;
	left: calc( 45% + var( --menu_icon ) );
	right: calc( 45% + var( --down_icon ) );
	background: transparent;
	border-radius: 10px;
	transition: .3s;
	z-index: 0;
}
nav.underlined ul li.current-menu-item:not(.menu-button) a:after, 
nav.underlined ul li.current-menu-parent:not(.menu-button) a:after, 
nav.underlined ul li.current-page-ancestor:not(.menu-button) a:after, 
nav.underlined ul li.current-post-ancestor:not(.menu-button) a:after, 
nav.underlined ul li.current-category-ancestor:not(.menu-button) a:after,
nav.blog-nav.underlined span.current:after,
nav.underlined ul li.is-active > a:after,
nav.underlined ul li.current-cat > a:after {
	background: currentColor;
	left: calc( 25% + var( --menu_icon ) );
	right: calc( 25% + var( --down_icon ) );
}
nav.underlined ul li:not(.menu-button) a:hover:after {
	background: currentColor;
	left: calc( 25% + var( --menu_icon ) );
	right: calc( 25% + var( --down_icon ) );
	bottom: 0;
}
nav.underlined ul li ul li:not(.menu-button) a:after {
	display: none;
}

/* Extra nav buttons */
nav ul li.menu-button.button-main > a {
	background: var(--main);
	color:  #FFF;
	position: relative;
}
nav ul li.menu-button.button-alt > a {
	background: var(--second);
	color:  #FFF;
	position: relative;
}
nav ul li.menu-button > a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	border-radius: inherit;
	z-index: -1;
	transition: .3s;
	filter: brightness(120%);
}
nav ul li.menu-button.button-main > a:before {
	background: var(--main);
}
nav ul li.menu-button.button-alt > a:before {
	background: var(--second);
}
nav ul li.menu-button.current-menu-item > a:before, 
nav ul li.menu-button.current-page-ancestor > a:before, 
nav ul li.menu-button.current-post-parent > a:before, 
nav ul li.menu-button.current_page_parent  > a:before,
nav ul li.menu-button:hover > a:before {
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
}

/* Responsive nav stuff */
@media screen and (min-width: 725px) {

	/* In order to better align stuff we'll remove the padding from first and last items, but only when using the default class */
	nav.default ul:not(.sub-menu) > li:not(.menu-button):first-child a,
	nav.default ul:not(.sub-menu) > li:not(.menu-button):first-child a {
		padding-left: 0px;
	}
	nav.default ul:not(.sub-menu) > li:not(.menu-button):last-child a,
	nav.default ul:not(.sub-menu) > li:not(.menu-button):last-child a {
		padding-right: 0px;
	}

	/* Submenu overlay */
	.submenu_overlay {
		position: fixed;
		top: 200px;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.1);
		z-index: -10;
		display: none;
	}

	/* Submenu styling  */
	nav ul li ul.sub-menu {
		--submenuBackground: var(--backgroundColor);
		display: none;
		position: absolute;
		z-index: 1000;
		background: var(--submenuBackground);
		color: var(--textColor);
		padding: 15px 10px;
		transition: .3s;
		top: 99%;
		width: 250px;
		border-radius: var(--rondeRandjes);
    	border: var(--border-width) solid var(--borderColor);
    	box-shadow: var(--box-shadow);
	}
	nav ul li:hover > ul.sub-menu {
		animation: showsub .3s;
		display: block;
	}
	nav ul li.has-big-sub:hover > ul.sub-menu {
		display: grid;
	}
	li.has-big-sub:hover ~ .submenu_overlay {
		display: block!important;
	}
	nav ul li ul.sub-menu li, nav ul li ul.sub-menu li a {
		transition: none;
	}
	nav ul li ul.sub-menu li:hover {
		color: var(--_active_menu_color);
	}

	/* Left sidebar submenu */
	#header.left-sidebar nav ul li ul.sub-menu {
		position: relative;
		width: auto;
		background: transparent;
		box-shadow: none;
		padding-left: 0;
		padding-right: 0;
		border: 0;
		top: auto;
		opacity: .7;
	}
	#header.left-sidebar nav ul li ul.sub-menu li {
		text-align: center;
	}
	#header.left-sidebar nav ul li ul.sub-menu li a {
		padding: 0;
	}
	#header.left-sidebar nav ul li.menu-item-has-children {
		flex-direction: column;
	}

	@keyframes showsub {
		0% {
			margin-top: -20px;
		}
		100% {
			margin-top: 0px;
		}
	}

	/* Sub subs */
	nav ul li:not(.has-big-sub) ul li ul {
		top: 0px!important;
		margin-left: 200px;
	}
	nav ul li ul.sub-menu li ul li a {
		font-weight: normal;
	}

	/* Bigger subs */
	nav ul li.has-big-sub {
		position: initial;
	}
	nav ul li.has-big-sub > ul {
    	grid-template-columns: repeat( 4, 1fr );
    	gap: var(--spacing);
		width: var(--wrapperWidth);
		left: 0;
		right: 0;
    	border: 0;
    	border-bottom: var(--border-width) solid var(--borderColor);
    	box-shadow: 750px 0 0 var(--submenuBackground), -750px 0 0 var(--submenuBackground);
    	border-radius: 0px;
		padding: 25px 20px;
	}
	nav ul li.has-big-sub ul li {
		margin: 0;
		padding: 0;
	}
	nav ul li.has-big-sub ul li:hover > ul {
		animation: showsub 0s;
	}
	nav ul li.has-big-sub ul li ul,
	nav ul li.has-big-sub ul li ul li {
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		border: 0;
		box-shadow: none;
		top: 0!important;
	}
	nav ul li.has-big-sub ul li.menu-item-has-children {
		margin-bottom: 10px;
	}
	nav ul li.has-big-sub ul li.menu-item-has-children > a {
		font-family: var(--headingFont);
		font-weight: bold;
		font-size: 1.1em;
		position: relative;
	}
	nav ul li.has-big-sub ul li .menu_item_dropdown {
		display: none;
	}

	/* Parent titels */
	nav.underlined ul li.has-big-sub > ul li.menu-item-has-children > a {
		margin-bottom: 10px;
	}
	nav.underlined ul li.has-big-sub > ul li.menu-item-has-children > a:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0px;
		height: 3px;
		left: var(--_spacing);
		width: 25%;
		background: currentColor;
		border-radius: 10px;
		transition: none;
		z-index: 10;
	}
	nav.menu_buttons ul li.has-big-sub > ul li.menu-item-has-children > a {
		mix-blend-mode: multiply;
		background: var(--borderColor);
		color: var(--headerblackOrWhite);
	}

}

/* Content  */
h1 sup, 
h2 sup {
    display: block;
    color: var(--main);
    font-size: .5em;
    line-height: 1;
    font-weight: normal;
}
#banner {
	display: grid;
	background: var(--bannerColor);
	color: var(--bannerTextColor);
	position: relative;
	overflow: hidden;
}
#banner.is-style-wrap {
	border-radius: var(--rondeRandjes);
}
#banner.banner_background_image img.banner_background {
	position: absolute;
	top:  50%;
	left:  0;
	opacity: .1;
	right: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	transform: translateY(-50%);
}
#banner .inner_banner {
	position: relative;
	z-index: 50;
	padding-block: var(--spacing);
}
#banner h1 {
	margin: 10px 0;
	font-weight: inherit;
	line-height: 1;
}
#banner ul, #banner ol {
	margin:  10px 0;
	opacity: .8;
	font-weight: normal;
}
#banner .wp-block-searchform {
	margin-top: 15px;
}
#banner img.woocommerce_page_title_image {
	float: right;
	margin-left: 15px;
	max-width: 125px;
}
#breadcrumbsbar {
	font-size: 14px;
	opacity: .6;
}
ol.breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
}
ol.breadcrumbs li {
	display: inline-block;
	vertical-align: middle;
}
ol.breadcrumbs li.breadcrumbs_divider {
	opacity: .8;
	padding-inline: 2px;
}
ol.breadcrumbs li a {
	color: inherit!important;
}
ol.breadcrumbs li a:hover {
	text-decoration: underline;
}
ol.breadcrumbs li span[itemprop="position"] {
	display: none;
}
ol.breadcrumbs li svg {
	width: var(--_sizing);
}
ol.breadcrumbs li.breadcrumbs_divider svg {
	width: calc( var(--_sizing) * 0.8 );
}
ol.breadcrumbs li.item-1 span[itemprop="name"] {
	display: none;
}

/* Sitemap */
main .html-sitemap-column h2 {
	background: var(--textColor);
	color: #FFF;
	font-size: 1.1em;
	padding: 20px;
	border-radius: var(--rondeRandjes);
}
main .html-sitemap-column ul {
	list-style: none;
	padding-left: 10px;
}
main .html-sitemap-column ul li a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid var(--borderColor);
	color: var(--textColor);
}
main .html-sitemap-column ul li ul li a:before {
	content:  "- ";
}

/* Content  */
#content {
	gap: var(--padding);
	padding-top: var(--spacing);
	padding-bottom: var(--spacing);
	grid-template-areas: "column-1 column-2";
}
#content.has-no-spacing {
	padding: 0;
}
#content.sidebar-show-left {
	display: grid;
	grid-template-columns: 250px 1fr;
}
#content.sidebar-show-right {
	display: grid;
	grid-template-columns: 1fr 250px;
}
#content.sidebar-show-left #sidebar {
	grid-area: column-1;
}
#content.sidebar-show-right #sidebar {
	grid-area: column-2;
}
main a:not([class]) {
	color: var(--second);
}
main a:not([class]):hover {
	text-decoration: underline;
}
main .has-text-color a {
	color: inherit;
}
main h1.page-title {
	margin-top: 0;
}
main nav.inline-nav {
	margin-block: var(--spacing);
}
main nav.inline-nav ul li.cat-item-none {
	display: none;
}
main .post-tags {
	padding-top: 25px;
	font-weight: bold;
    font-size: 14px;
}
main .single_post_image {
	border-radius: var(--rondeRandjes);
}
.wp-block-searchresults {
	padding-bottom:  var(--padding);
}
.widget a:hover {
	text-decoration: underline;
}
.widget .inner_widget ul {
	padding:  0;
	list-style: none;
}
.widget .inner_widget ul li {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.widget .inner_widget ul li ul {
	padding-top: 10px;
	opacity: .8;
}
.widget .inner_widget ul li ul li {
	padding-left: 23px;
	border-bottom: 0px;
}
.widget_product_search input {
	margin-bottom: 10px;
}
footer {
	background: var(--footerColor);
	color: var(--footerblackOrWhite);
	margin: 0;
	clear: both;
}
footer .is-style-wrap {
	padding: var(--spacing) var(--padding);
}
#copy .wp-block-columns {
	align-items: center;
	gap: 10px;
}
#copy .wp-block-columns .wp-block-column {
	margin:  0;
}
#copy .wp-block-columns .wp-block-column.copy_logo {
	max-width: calc( var(--logo_size) * 0.8 );
}
#copy .wp-block-columns .wp-block-column.copy_logo img, #copy .wp-block-columns .wp-block-column.copy_logo svg {
	width:  100%;
	height: auto;
}
#copy .wp-block-columns .wp-block-column.copy_siteinfo {
	align-self: center;
}
#copy .wp-block-columns .wp-block-column.copy_siteinfo strong {
	display: block;
}
#copy .wp-block-columns .wp-block-column.copy_siteinfo span {
	display: block;
	font-size: .9em;
}
#copy .wp-block-columns .wp-block-column.copy_siteinfo em {
	display: block;
	font-style: normal;
	opacity: .5;
	font-size: .8em;
}
.single_post_comments {
	padding: var(--spacing) 0;
}
ol.commentlist,
ol.commentlist li.comment ul.children {
	list-style: none;
	padding: 0;
}
ol.commentlist li.comment {
	--_spacing: 20px;
	padding: var(--_spacing);
	border-radius: var(--rondeRandjes);
	border: var(--border-width) solid var(--borderColor);
	margin: var(--_spacing) 0;
}
ol.commentlist li.comment .comment-author {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
ol.commentlist li.comment .comment-author img {
	border-radius: var(--rondeRandjes);
	margin-right: 10px;
}
ol.commentlist li.comment .comment-author cite {
	font-style: normal;
}
ol.commentlist li.comment .comment-author .says {
	display: none;
}
ol.commentlist li.comment .comment-meta {
	display: inline-block;
	vertical-align: middle;
	width: 50%;	
	text-align: right;
}
ol.commentlist li.comment ul.children li.comment {
	--_spacing: 10px;
}
#respond {
	display: grid;
	grid-template-columns: 150px 1fr;
	gap: 10px;
	padding: 20px;
	border-radius: var(--rondeRandjes);
	border: var(--border-width) solid var(--borderColor);
	width: 100%;
}
.archive-columns {
	display: grid;
	gap: var(--padding);
}
.next-and-previous-posts-columns {
	padding-top: 50px;
}
.archive-description,
.term-description {
	margin-bottom: var(--spacing);
}
.blogitem {
	border-radius: var(--rondeRandjes);
	transition:  .3s;
	overflow: hidden;
	background: var(--borderColor);
	position: relative;
}
.blogitem:hover {
	outline: 3px solid var(--main);
}
.blogitem .inner_blogitem {
	display: grid;
	height: 100%;
	gap: calc( var(--padding) / 2);
	padding: var(--padding);
}
.blogitem .inline-post-img {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.blogitem .inline-post-img img {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.blogitem .blogitem-author {
	align-self: flex-end;
	background: var(--footerColor);
	color: var(--footerblackOrWhite);
	padding: calc( var(--padding) / 2);
	margin: calc( 0px - var(--padding) );
	margin-top: 0;
}
.blogitem .wp-block-button {
	align-self: flex-end;
}
.blogitem.item-aside {
	background: linear-gradient( var(--second), var(--borderColor) );
}

/* Layout 1 */
.layout-1 .blogitem .inline-post-img {
	aspect-ratio: 16 / 9;
	width: calc( 100% + calc( var(--padding) * 2 ) );
	margin: calc( 0px - var(--padding) );
	margin-bottom: 0;
}

/* Layout 2 */
.layout-2 .inner_blogitem {
	grid-template-columns: 150px 1fr;
	height: 100%;
}
.layout-2 .blogitem-author,
.layout-2 .wp-block-button {
	grid-column-start: span 2;
}

/* Layout 3 */
.layout-3 .blogitem .inline-post-img {
	width: calc( 100% + calc( var(--padding) * 2 ) );
	height: calc( 100% + calc( var(--padding) * 2 ) );
	margin: calc( 0px - var(--padding) );
}
.layout-3 .blogitem.item-aside {
	background: var(--second);
	color: #FFF;
}
.layout-3 .blogitem .inline-post-img {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .2;
	transition: .3s;
}
.layout-3 .blogitem:hover .inline-post-img {
	opacity: 0;
}
.layout-3 .blogitem .blogitem-author {
	background: transparent;
	color: inherit;
	padding: var(--padding);
}

/* Modals */
::backdrop {
    background-color: rgba( 0,0,0,0.5 ); 
}
dialog {
	--_spacing: 15px;
    background: var(--dark_or_lightmode);
    border-radius: var(--rondeRandjes);
    border: var(--border-width) solid var(--borderColor);
    width: min( 95%, 600px );
  	padding: 0;
}
dialog header {
	padding: var(--_spacing);
	position: sticky;
	top: 0;
	z-index: 100;
	display: grid;
	grid-template-columns: 1fr 50px;
	gap: 10px;
	align-items: center;
	background: inherit;
	border-bottom: 1px solid var(--borderColor);
}
dialog header > div > * {
	margin: 0;
}
dialog header button.closebutton {
	background: var(--borderColor);
	color: var(--textColor);
	padding: 10px;
	aspect-ratio: 1;
	font-size: 0;
	mix-blend-mode: multiply;
}
dialog section {
	padding: calc( var(--_spacing) / 2 ) var(--_spacing);
}
dialog section h2, 
dialog section h3 {
	font-size: 1em;
	margin: 0;
}
@media screen and (min-width: 725px) {
	dialog .woocommerce ul.products[class*=' columns-'] {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ====================================== WOOCOMMERCE ======================================  */

/* General */
.payment-icons img {
	margin: 2px;
}

/* Messages */
.woocommerce-message, .woocommerce-error, .woocommerce-info  {
	border-radius: var(--rondeRandjes);
	border-top: 0px;
	color: #FFF;
	padding: 20px;
	margin: 0;
}
.woocommerce-message {
	background: #E5F4E9;
	color: #01982B;
}
.woocommerce-error {
	background: #FFECEC;
	color: #EB0400;
	position: relative;
}
.woocommerce-info {
	background: #F0F6FF;
	color: #3578E5;
}
.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
	display: none;
}
.woocommerce-info a, .woocommerce-message a, .woocommerce-error a {
	font-weight: bold;
	color: inherit;
	margin-left: 10px;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
	text-transform: none;
	background-color: transparent;
	padding: 3px;
}
.woocommerce .woocommerce-message .button {
	color: #01982B;
}
.woocommerce .woocommerce-info .button {
	color: #3578E5;
}
.woocommerce .woocommerce-error .button {
	color: #EB0400;
}
.woocommerce div.product div.summary {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing);
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width: auto;
	float: none;
}
.woocommerce div.product div.wc-product-page-columns {
	margin-top: 25px;
	gap: var(--padding);
}
.woocommerce div.product .woocommerce-product-rating:before,
.woocommerce div.product .woocommerce-product-rating:after {
	display: none;
}
.woocommerce div.product .woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link {
	opacity: .5;
}
.woocommerce div.product .single_product_brandimage {
	max-height: 60px;
	float: right;
	margin: 0px 0px 10px 10px;
}
.woocommerce div.product .summary .jebespaart {
	font-size: var(--intermediate-font-size);
	margin: 0;
}
.woocommerce div.product .summary .stock,
.stock {
	color: inherit;
	font-size: var(--intermediate-font-size);
}
.stock strong {
	display: block;
}
.stock.in-stock strong {
	color: var(--wc-green);
}
.stock.low-in-stock strong {
	color: var(--wc-orange);
}
.stock.on-backorder strong {
	color: var(--wc-orange);
}
.stock.out-of-stock strong {
	color: var(--wc-red);
}
.woocommerce #content div.product section.products {
	padding: var(--padding) 0;
}
.woocommerce-product-details__short-description p:first-child {
	margin-top: 0;
}
.woocommerce-product-details__short-description p:last-child {
	margin-bottom: 0;
}
._shipping_class_description,
._sale_price_dates_to {
	border-radius: var(--rondeRandjes);
    padding: calc( var(--padding) / 2 );
}
._shipping_class_description {
	background: var(--borderColor);
}
._shipping_class_description p:before {
	display: inline-block;
	content: "";
	mask: url( 'assets/truck.svg' ) no-repeat 50% 50%;
	-webkit-mask: url( 'assets/truck.svg' ) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: currentColor;
	aspect-ratio: 1;
	width: 20px;
}
._sale_price_dates_to {
    background: #F0F6FF;
    color: #3578E5;
}
._sale_price_dates_to p:before {
	display: inline-block;
	content: "";
	mask: url( 'assets/calendar.svg' ) no-repeat 50% 50%;
	-webkit-mask: url( 'assets/calendar.svg' ) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: currentColor;
	aspect-ratio: 1;
	width: 20px;
}
._shipping_class_description p,
._sale_price_dates_to p {
	display: flex;
    align-items: center;
    gap: 5px;
	padding: 0;
	margin: 0;
}
.woocommerce .product .cart {
	display: flex;
	align-items: center;
}
.woocommerce .product .cart .quantity {
	height: calc( 100% - calc( var( --border-width ) * 2 ) );
}
.woocommerce .product .cart .quantity .qty {
	width: 75px;
	padding: 0;
	text-align: center;
	height: 100%;
}

/* Add to cart */
.woocommerce a.ajax_add_to_cart.added span,
.woocommerce a.ajax_add_to_cart.loading span {
	visibility: hidden;
	opacity: 0;
}
.woocommerce a.ajax_add_to_cart.added {
	background: var(--wc-highlight);
	color: #FFF;
}
.woocommerce a.ajax_add_to_cart.added:after,
.woocommerce a.ajax_add_to_cart.loading:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.woocommerce a.ajax_add_to_cart.added:after  {
	mask: url( 'assets/check.svg' ) no-repeat 50% 50%;
	mask-size: cover;
	-webkit-mask: url( 'assets/check.svg' ) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	background-color: currentColor;
	width: 28px;
	height: 28px;
}
.woocommerce a.ajax_add_to_cart.loading:after {
	border: 4px solid transparent;
	border-top-color: currentColor;
	border-radius: 50%;
	animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
	from {
		transform: rotate(0turn);
	}

	to {
		transform: rotate(1turn);
	}
}
.woocommerce a.added_to_cart {
	display: none!important;
}

/* Reviews  */
#review-form #respond {
	display: block;
	padding: 0;
	border: 0;
}
#review-form p.stars {
	font-size: 2em;
	margin: 0;
	color: var(--wc-stars-color);
}
#review-form input, #review-form select, #review-form textarea {
	width: 100%;
}
figure.review-summary table .rating-meter {
	display: block;
	width: 95%;
	height: 15px;
	background-color: var(--borderColor);
	border-radius: 100vw;
}
figure.review-summary table .rating-meter .rating-meter-bar {
	display: block;
	height: inherit;
	border-radius: inherit;
	background-color: var(--wc-stars-color);
}
#reviews .rating-stars {
	float: right;
}


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	color: var(--textColor);
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: var(--wc-primary);
	color: var(--wc-primary-text);
	border-radius: var(--rondeRandjes);
	margin: 0px;
	text-align: center;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: var(--wc-primary);
	color: var(--wc-primary-text);
}
.woocommerce #reviews #comments ol.commentlist li .meta {
	color:  var(--textColor);
	opacity: .6;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
	margin: 0;
}
.woocommerce #review_form,
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: var(--border-width) solid var(--borderColor);
	padding: 25px 20px;
	border-radius: var(--rondeRandjes);
	width: 100%;
	margin: 0;
	margin-bottom: 15px;
}
.woocommerce #review_form #respond p {
	margin: 0;
}
.woocommerce #review_form #respond label {
	display: none;
}
.woocommerce div.product form.cart .button {
	padding: 18px 30px 19px 30px;
}
#bulkdiscount, #productfamilies .familie {
	padding: 10px 0;
}
#productfamilies label {
	font-weight: bold;
	margin-bottom: 10px;
}
#productfamilies label span {
	font-weight: normal;
}
#bulkdiscount summary {
	border-radius: var(--rondeRandjes);
}
#bulkdiscount summary:hover {
	background: var(--borderColor);
	outline: 5px solid var(--borderColor);
}
#bulkdiscount .bulkdiscount_options {
	margin-top: var(--spacing);
}
.wp-block-buttons.btw-buttons-woo .wp-block-button .wp-block-button__link {
	border-color: var(--borderColor);
	text-align: left;
}
.wp-block-buttons.btw-buttons-woo .wp-block-button .wp-block-button__link:hover {
	border-color: var(--textColor);
}
.woocommerce .summary .woocommerce-variation-price {
	display: none;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
	display: none;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	vertical-align: middle;
	padding: 5px 0;
}
.woocommerce div.product form.cart .variations th {
	min-width: 100px;
}
.woocommerce div.product form.cart .variations select {
	border-width: 1px;
	background-color: transparent;
}

/* Archive */
.wc-count-sorting {
	margin-bottom: var(--spacing);
	@media screen and (min-width: 725px) {
		display: grid;
		grid-template-columns: 1fr 350px;
		align-items: center;
	}
	@media screen and (max-width: 724px) {
		text-align: center;
	}
}
.woocommerce .widget_price_filter .price_slider_amount .button {
	padding: 10px 15px;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
	display: none;
}
.wc-block-grid {
	text-align: left;
}
.woocommerce ul.products {
	--_columns: 4;
	list-style: none;
	display: grid;
	gap: 10px;
	padding: 0;
	margin: 0;
	container-type: inline-size;
	container-name: productlist;
	grid-template-columns: repeat( var(--_columns), 1fr );
	grid-template-rows: repeat( 4, auto );
}
.woocommerce ul.products.columns-1 {
	--_columns: 1;
}
.woocommerce ul.products.columns-2 {
	--_columns: 2;
}
.woocommerce ul.products.columns-3 {
	--_columns: 3;
}
.woocommerce ul.products.columns-4 {
	--_columns: 4;
}
.woocommerce ul.products.columns-5 {
	--_columns: 5;
}
.woocommerce ul.products.columns-6 {
	--_columns: 6;
}
.woocommerce ul.products.columns-7 {
	--_columns: 7;
}
.woocommerce ul.products.columns-8 {
	--_columns: 8;
}
.woocommerce ul.products.columns-9 {
	--_columns: 9;
}
.woocommerce ul.products.columns-10 {
	--_columns: 10;
}
.woocommerce ul.products li.product.type-product, 
.woocommerce ul.products li.product.product-category {
	--_spacing: 15px;
	--_item-background: var(--dark_or_lightmode);
	display: grid;
	gap: var(--_spacing);
	padding: var(--_spacing);
    background: var(--_item-background);
	border-radius: var(--rondeRandjes);
	border: var(--border-width) solid var(--borderColor);
	overflow: hidden;
	position: relative;

	/* Use subgrid	*/
	grid-row: span 4;
	grid-template-rows: subgrid;
}
.woocommerce ul.products li.product.product-category {
	text-align: center;
	font-size: 1.3em;
}
.woocommerce ul.products li.product:hover {
	border-color: var(--main);
}
.woocommerce ul.products li.product a {
	display: block;
	height: 100%;
}
.woocommerce ul.products li.product .btt_image_wrapper {
	position: relative;
}
.woocommerce ul.products li.product .btt_image_wrapper .btt_badges {
	top: auto;
	left: var(--_spacing);
	right: auto;
	bottom: var(--_spacing);
	margin: 0;
	font-size: .8em;
}
.woocommerce ul.products li.product .btt_image_wrapper .basetheme_product_thumbnail {
	aspect-ratio: 1;
	display: grid;
	place-items: center;
}
.woocommerce ul.products li.product .btt_image_wrapper .basetheme_product_thumbnail img {
	width: auto;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .price {
	font-size: inherit;
	font-weight: normal;
	font-family: var(--headingFont);
	line-height: 1.3;
}
.woocommerce ul.products li.product .stock {
	font-size: var(--small-font-size);
	padding-top: var(--_spacing);
}
.woocommerce ul.products li.product a.button {
	background: var(--borderColor);
	color: var(--textColor);
	font-size: 0;
	position: absolute;
	right: var(--_spacing);
	bottom: -50px;
	height: var(--ideal-touch-size);
	aspect-ratio: 1;
    padding: 0;
    display: grid;
    place-content: center;
}
.woocommerce ul.products li.product a.button:not(.loading):not(.added):before {
	content: '';
	display: inline-block;
	mask: url( 'assets/cart.svg' ) no-repeat 50% 50%;
	-webkit-mask: url( 'assets/cart.svg' ) no-repeat 50% 50%;
	mask-size: cover;
	-webkit-mask-size: cover;
	height: 24px;
	aspect-ratio: 1;
	background-color: currentColor;
}
.woocommerce ul.products li.product a.button.loading,
.woocommerce ul.products li.product a.button.added,
.woocommerce ul.products li.product:hover a.button {
	bottom: var(--_spacing);
}

/* Wide products */
.woocommerce ul.products.columns-1 li.product {
	grid-template-columns: 125px 1fr;
	align-items: center;
}
.woocommerce ul.products.columns-1 li.product .btt_image_wrapper {
	grid-row: 1 / 3;
}

/* General product stuff */
.woocommerce .btt_badges {
	position: absolute;
    top: var(--padding);
    left: var(--padding);
    z-index: 10;
}
.woocommerce .btt_badges .badge {
	font-weight: 600;
	padding: 5px 10px;
	border-radius: var(--rondeRandjes);
	background: var(--second);
	margin: 1px;
}
.woocommerce .btt_badges .badge.new {
	background: var(--wc-orange);
	color: #FFF;
}
.woocommerce .btt_badges .badge.sale {
	background: var(--wc-green);
	color: #FFF;
}
.woocommerce .btt_badges .badge.aanrader {
	background: var(--main);
	color: #FFF;
}
.woocommerce .btt_badges .badge.lowstock {
	background: var(--borderColor);
	color: var(--textColor);
}
.woocommerce .btt_badges .badge.bulkdiscount {
	background: var(--borderColor);
	color: var(--textColor);
}
.woocommerce .btt_badges .badge.custom_badge {
	background: var(--wc-primary);
	color: #FFF;
}
.woocommerce table.cart p.price, 
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	font-family: var(--headingFont);
	color: var(--textColor);
	margin: 0;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	font-size: 1.7em;
}
.price .woocommerce-Price-amount {
	font-weight: normal;
}
.price del {
	opacity: .5;
}
.price ins {
	text-decoration: none;
}
.price ins .woocommerce-Price-amount {
	color: red;
	font-weight: 500;
	margin-left: 3px;
}
.rating-stars {
	height: 24px;
	aspect-ratio: 5 / 1;
	mask: url( 'assets/star.svg' );
	mask-size: contain;
	-webkit-mask: url( 'assets/star.svg' );
	-webkit-mask-size: contain;
	background: var(--borderColor);
}
.rating-stars .bar {
	background: var(--wc-stars-color);
	height: inherit;
}
.has-large-font-size .rating-stars {
	height: 36px;
}
.has-x-large-font-size .rating-stars {
	height: 42px;
}

/* Gallery + Summary position */
@media screen and (min-width:  725px) {
	.wc-product-column-layout-switched .wc-product-page-column.product-summary {
		order: 0;
	}
	.wc-product-column-layout-switched .wc-product-page-column.product-image {
		order: 1;
		position: relative;
	}
}

/* Product gallery */
.woocommerce-product-gallery {
	color: var(--textColor);
}
.woocommerce-product-gallery ul, 
.woocommerce-product-gallery ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
.woocommerce-product-gallery img {
	margin: 0 auto;
	border-radius: var(--rondeRandjes);
}
ul.flex-direction-nav {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: var(--padding);
	right: var(--padding);
}
ul.flex-direction-nav li a {
	--_sizing: 40px;
	display: block;
	font-size: 0;
	width: var(--_sizing);
	aspect-ratio: 1;
	border-radius: 100px;
}
ul.flex-direction-nav li a:before {
	content: '';
	display: block;
	width: 100%;
	aspect-ratio: 1;
	background-color: currentColor;
}
ul.flex-direction-nav li.flex-nav-prev a:before {
	mask: url( 'assets/prev.svg' ) no-repeat 50% 50%;
	mask-size: var(--_sizing);
	-webkit-mask: url( 'assets/prev.svg' ) no-repeat 50% 50%;
	-webkit-mask-size: var(--_sizing);
}
ul.flex-direction-nav li.flex-nav-next a:before {
	mask: url( 'assets/prev.svg' ) no-repeat 50% 50%;
	mask-size: var(--_sizing);
	-webkit-mask: url( 'assets/next.svg' ) no-repeat 50% 50%;
	-webkit-mask-size: var(--_sizing);
}

/* Default gallery */
.woocommerce div.product div.images .flex-control-thumbs {
	display: flex;
	justify-content: center;
	gap: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	width: 60px;
	margin: 0;
	padding: 0;
	float: none;
	border-radius: var(--rondeRandjes);
	transition: .3s;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	border: var(--border-width) solid transparent;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
	border-color: var(--textColor);
}

/* Bullets gallery */
.wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs li {
	height: 10px;
    background-color: currentColor;
}
.wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs li:hover,
.wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs li:has( img.flex-active ) {
	background: var(--main);
}
.wc-product-gallery-layout-bullets.woocommerce div.product div.images .flex-control-thumbs li img {
	opacity: 0;
}

/* Leftsided gallery */
@media screen and (min-width: 725px) {
	.wc-product-gallery-layout-leftside .woocommerce-product-gallery {
		display: grid;
		grid-template-columns: 60px 1fr;
		gap: 10px;
	}
	.wc-product-gallery-layout-leftside.woocommerce div.product div.images .flex-viewport {
		order: 2;
	}
	.wc-product-gallery-layout-leftside.woocommerce div.product div.images .flex-control-thumbs {
		order: 1;
		flex-direction: column;
		overflow-y: auto;
	}
	.wc-product-gallery-layout-leftside.woocommerce div.product div.images .flex-control-thumbs li {
	    width: 100%;
	}
	.wc-product-gallery-layout-leftside.woocommerce div.product div.images ul.flex-direction-nav {
		display: none;
	}
}

/* No images */
.wc-product-gallery-layout-no-images.woocommerce div.product div.images .flex-control-thumbs {
	display: none;
}

/* Product tabs: General */
main div.product .woocommerce-tabs .panel h2:first-child {
	margin-top: 0;
}

/* Products tabs: Tabbed */
.woocommerce-page.wc-product-layout-tabbed .woocommerce-tabs {
	display: grid;
	grid-template-columns: 250px 1fr;
	gap: var(--padding);
}
.woocommerce main div.product .woocommerce-tabs ul.tabs {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.woocommerce main div.product .woocommerce-tabs ul.tabs li {
    border: 0px;
    background-color: transparent;
    color: var(--textColor);
}
.woocommerce main div.product .woocommerce-tabs ul.tabs li:after {
	display: none;
}
.woocommerce main div.product .woocommerce-tabs ul.tabs li:before {
	content: "";
	display: block;
	width: 3px;
	height: auto;
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 0;
	border: 0;
	border-radius: 50px;
	box-shadow: none;
}
.woocommerce main div.product .woocommerce-tabs ul.tabs li:hover:before {
	background: var(--borderColor);
}
.woocommerce main div.product .woocommerce-tabs ul.tabs li.active:before {
	background: var(--main);
}
.woocommerce main div.product .woocommerce-tabs ul.tabs li.active a {
	font-weight: bold;
}
.woocommerce main div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	color: inherit;
	font-weight: inherit;
}

/* Products tabs: Rows */
.woocommerce.wc-product-layout-rows main div.product .woocommerce-tabs .panel {
	display: grid!important;
	grid-template-columns: 350px 1fr;
	gap: var(--spacing);
	padding-block: var(--spacing);
	margin-block: var(--spacing);
	border-top: var(--border-width) solid var(--borderColor);
}

/* Account */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	width: auto;
	float: none;
}
.woocommerce-account main .woocommerce-MyAccount-content fieldset {
	padding: var(--padding) 0;
	border-top: var(--border-width) solid var(--borderColor);
}
.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
	display: none;
}
.woocommerce-account.logged-in main nav.account-back-nav {
	margin-bottom: var(--padding);
}
.woocommerce-account .woocommerce-MyAccount-content {
	container-type: inline-size;
	container-name: content;
}
.woocommerce form.login, .woocommerce form.register {
	border: 0;
	padding: 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	padding: 6px 0;
}
.woocommerce table.my_account_orders.shop_table {
	font-size: 1em;
	border: 0px;
}
.woocommerce table.my_account_orders.shop_table thead {
	display: none;
}
.woocommerce table.my_account_orders.shop_table tbody {
	display: block;
}
.woocommerce table.my_account_orders.shop_table tr {
	display: block;
	border: var(--border-width) solid var(--borderColor);
	padding: var(--padding);
	border-radius: var(--rondeRandjes);
	margin-bottom: 25px;
	position: relative;
}
.woocommerce table.my_account_orders.shop_table td {
	display: block;
	border: 0px;
	padding: 0;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-title h3 {
	margin-top: 0;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status {
	position: absolute;
	top: var( --padding );
	right: var( --padding );
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status span {
    display: inline-block;
    color: #777;
    background: #E5E5E5;
    border-radius: var(--rondeRandjes);
    padding: 2px 10px;
    font-size: 14px;
}
.woocommerce table.my_account_orders.shop_table tr.woocommerce-orders-table__row--status-processing {
	border-color: #c8d7e1;
}
.woocommerce table.my_account_orders.shop_table tr.woocommerce-orders-table__row--status-completed {
	border-color: #c6e1c6;
}
.woocommerce table.my_account_orders.shop_table tr.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status span {
	background: #c8d7e1;
    color: #2e4453;
}
.woocommerce table.my_account_orders.shop_table tr.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status span {
	background: #c6e1c6;
    color: #5b841b;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
	padding-top: 15px;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button {
	padding: 10px 15px;
	font-size: 14px;
}
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date,
.woocommerce table.my_account_orders.shop_table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total {
	font-size: 14px;
}
.account-page-blocks {
	padding-top: var(--spacing);
}
.account-page-blocks__columns {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: 10px;
}

@container content (max-width: 600px) {
	.account-page-blocks__columns {
		grid-template-columns: repeat( 1, 1fr );
	}
}

/* Cart */
.woocommerce-info[data-notice="getcarttotals"],
.woocommerce-info[data-notice="getfreeshipping"],
.woocommerce-message[data-notice="combideal_savings"] {
	background: transparent;
	border: 0;
	padding: 0!important;
	font-weight: normal;
}
.woocommerce-info[data-notice="getcarttotals"] {
	color: var(--textColor);
	margin: 0!important;
}
.woocommerce-info[data-notice="getfreeshipping"],
.woocommerce-message[data-notice="combideal_savings"] {
	color: var(--wc-highlight);
}
.woocommerce-cart table.shop_table {
	border: 0px;
}
.woocommerce-cart main table.cart thead,
.woocommerce-cart main table.cart td.product-remove,
.woocommerce-cart main table.cart td.product-price,
.woocommerce-cart main table.cart td.product-subtotal,
.woocommerce td.product-name dl.variation dt {
	display: none;
}
.woocommerce-cart main table.cart tr {
	position: relative;
}
.woocommerce-cart main table.cart .product-thumbnail {
	width: 125px;
	text-align: center;
	padding-inline: 0;
}
.woocommerce main table.cart img, .woocommerce-page table.cart img {
	max-height: 125px;
	width: auto;
	border-radius: calc( var(--rondeRandjes) / 3 );
}
.woocommerce-cart main table.cart td.product-name a {
	color: var(--textColor);
	font-family: var(--headingFont);
	font-weight: bold;
}
.woocommerce-cart main table.cart td.product-name .price {
	font-size: 1.3em;
	margin: 5px 0;
}
.woocommerce-cart main table.cart td.product-name .product-actions {
	margin-top: 10px;
}
.woocommerce-cart main table.cart td.product-name .product-actions .product-remove {
	position: absolute;
	top: 10px;
	right: 10px;
}
.woocommerce-cart main table.cart td.product-name .product-actions .product-remove a {
	background: transparent;
	color: var(--textColor)!important;
}
.woocommerce-cart main table.cart td.product-name .product-actions .product-remove a:hover {
	color: var(--wc-red)!important;
}
.woocommerce td.product-name dl.variation p {
	margin: 0;
	font-size: .8em;
	display: flex;
	align-items: center;
	gap: 5px;
}
.woocommerce td.product-name dl.variation dd.variation-delivery {
	color: var(--wc-green);
}
.woocommerce td.product-name dl.variation dd.variation-delivery strong {
	display: none;
}
.woocommerce td.product-name dl.variation dd.variation-Bulkdiscount {
	color: var(--wc-orange);
}
.woocommerce-cart .cross-sells {
	padding: var(--padding) 0;
}

/* Cart collaterals / Order review */
.woocommerce-cart-page {
	display: grid;
	grid-template-columns: 1fr 350px;
	gap: var(--padding);
}
.cart-header .woocommerce-message, 
.cart-header .woocommerce-error, 
.cart-header .woocommerce-info {
	padding: 0;
	margin: 0;
	background: transparent;
}
.woocommerce-cart .cart-collaterals .woocommerce-form-coupon-toggle,
.woocommerce-cart .cart-collaterals form.checkout_coupon p:not([class]),
.woocommerce-cart .cart-collaterals .cart_totals h2,
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout,
.woocommerce-cart .cart-collaterals .woocommerce-shipping-destination,
.woocommerce-cart .coupon {
	display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout .woocommerce-checkout-review-order > div:first-child {
	display: block!important;
	width: 100%;
	float: none;
	border: var(--border-width) solid var(--wc-primary);
	padding: var(--padding);
	border-radius: var(--rondeRandjes);
	margin-bottom: var(--padding);
}
.woocommerce-cart .cart-collaterals form.checkout_coupon {
    border: var(--border-width) solid var(--borderColor);
    border-radius: var(--rondeRandjes);
    padding: calc( var(--padding) / 2 ) var(--padding);
    margin: 0;
    display: grid!important;
    grid-template-columns: 1fr 45px;
    align-items: center;
}
.woocommerce-cart .cart-collaterals form.checkout_coupon input,
.woocommerce-cart .cart-collaterals form.checkout_coupon button {
	border: 0;
	padding: 0;
	margin: 0;
}
.woocommerce-cart .cart-collaterals form.checkout_coupon button {
	height: 45px;
	aspect-ratio: 1;
	font-size: 0;
}
.woocommerce-cart .cart-collaterals form.checkout_coupon button:before {
	content: '';
	display: inline-block;
	mask: url( 'assets/add.svg' ) no-repeat 50% 50%;
	mask-size: cover;
	-webkit-mask: url( 'assets/add.svg' ) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	width: 24px;
	height: 24px;
	background-color: var(--textColor);
}
.woocommerce-cart .cart-collaterals form.checkout_coupon .form-row {
	width: 100%;
	margin: 0;
	float: none;
}
.cart-collaterals table.shop_table tr:not(.cart_item) {
	display: block;
	padding-bottom: var(--padding);
	text-align: left;
}
.cart-collaterals table.shop_table th {
	font-size: .8em;
}
.cart-collaterals table.shop_table th, 
.cart-collaterals table.shop_table td {
	display: block;
	padding: 0;
	border: 0;
	width: 100%!important;
	font-weight: normal!important;
	border: 0px!important;
}
.cart-collaterals table.shop_table tr.cart-discount td {
	color: var(--wc-green);
}
.cart-collaterals table.shop_table tr.order-total {
	border-top: 2px solid var(--textColor);
	padding-top: var(--padding);
	font-weight: 600;
}
.woocommerce table.shop_table td {
	border-color: var(--borderColor);
	border-width: var(--border-width);
}
.woocommerce table.shop_table td.actions {
	padding: 0;
	padding-top: 15px;
}
.woocommerce table.shop_table td.actions .button {
	padding: 0;
	background: transparent;
	color: var(--wc-green);
}
.woocommerce table.shop_table td.actions .button[aria-disabled="true"] {
	opacity: 0;
}
.woocommerce ul#shipping_method li {
	margin: 0;
	padding: 3px 0;
	font-size: 14px;
}
.woocommerce ul#shipping_method li .amount {
	font-weight: normal!important;
	float: right;
}

/* Mini Cart */
.wc_mini_cart .woocommerce-mini-cart {
	list-style: none;
	padding: 0;
	margin: 0;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item {
	padding-block: 10px;
	border-bottom: 1px solid var(--borderColor);
	position: relative;
	padding-right: 30px;
	min-height: 70px;
}
.wc_mini_cart.search .woocommerce-mini-cart .woocommerce-mini-cart-item {
	padding-right: 0;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item a.remove {
	position: absolute;
	top: calc( 50% - 12px );
    right: 0;
}
.wc_mini_cart .woocommerce-mini-cart__total {
	padding-top: 25px;
}
.wc_mini_cart .woocommerce-mini-cart__total span.woocommerce-Price-amount.amount {
	float: right;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item a:not(.remove) {
	font-weight: normal;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item a:not(.remove):hover {
	text-decoration: underline;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item img {
	max-width: 50px;
	min-width: 50px;
	width: auto;
	height: auto;
	float: right;
	border-radius: 5px;
	margin: 0;
	margin-left: 5px;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item dl.variation {
	opacity: .6;
	padding: 0;
	margin: 0;
	border: 0;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item dl.variation dt {
	display: none;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item dl.variation dd,
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
	margin-left: 0px;
	display: block;
}
.wc_mini_cart .woocommerce-mini-cart .woocommerce-mini-cart-item dl.variation dd p {
	margin: 0;
}
.wc_mini_cart .woocommerce-mini-cart__buttons {
	display: none;
}
.wc_mini_cart .woocommerce-mini-cart .cart-stock.in-stock {
	color: var(--wc-green);
}

/* Checkout */
.woocommerce-checkout #payment ul.payment_methods .payment_box,
.woocommerce-checkout #order_review_heading {
	display: none!important;
}
form.checkout.woocommerce-checkout {
	display: grid;
	grid-template-columns: 1fr 350px;
	align-items: start;
	gap: var(--spacing);
}
.woocommerce-checkout #header {
	padding-block: var(--padding);
}
.woocommerce-checkout #customer_details {
	display: grid;
}
.woocommerce-checkout #customer_details .col-1 {
	order: 2;
}
.woocommerce-checkout #customer_details div[class*="col"] {
	width: auto;
	float: none;
	border: var(--border-width) solid var(--borderColor);
    border-radius: var(--rondeRandjes);
    padding: var(--spacing);
    margin-bottom: var(--spacing);
}
.woocommerce-checkout #customer_details div[class*="col"] h2 {
	display: flex;
	align-items: center;
	gap: 5px;
}
form.checkout.woocommerce-checkout .form-row label {
    line-height: 1.3;
    font-family: var(--headingFont);
    font-size: .7em;
}
.woocommerce-checkout .woocommerce-account-fields {
	border: var(--border-width) solid var(--wc-primary);
    border-radius: var(--rondeRandjes);
    padding: var(--spacing);
    margin-top: var(--spacing);
}
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: 0px;
}
.woocommerce-checkout #payment ul.payment_methods li {
	line-height: 0;
	font-size: 14px;
}
.woocommerce-checkout #payment ul.payment_methods li label {
	display: grid;
	grid-template-columns: 1fr 35px;
	border-radius: var(--rondeRandjes);
    border: var(--border-width) solid var(--borderColor);
	background-color: var(--dark_or_lightmode);
	color: var(--textColor);
	height: 40px;
	align-items: center;
	padding: 0 10px;
	cursor: pointer;
	margin: 2px 0;
}
.woocommerce-checkout #payment ul.payment_methods input[type='radio'] + label:before, .woocommerce-checkout #payment ul.payment_methods input[type='radio'] + label:after {	
	display: none;
}
.woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked+label {
	border-color: var(--wc-primary);
	font-weight: bold;
}
.woocommerce-checkout #payment div.form-row.place-order {
	padding-bottom: 0px;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table, .woocommerce table.shop_table.order_details {
	border: 0;
	margin: 0;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item td.product-name .variation,
.woocommerce-order .woocommerce-thankyou-order-received {
	display: none;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	border-radius: var(--rondeRandjes);
	background: var(--borderColor);
}
.woocommerce-privacy-policy-text {
	font-size: .8em;
}
.cr-customer-consent {
	margin-top: 0;
	height: 0;
	overflow: hidden;
}
.cr-customer-consent label {
	font-size: .8em;
	line-height: 0!important;
}
.woocommerce-checkout form .form-row {
	width: 100%;
	float: none;
}

@media screen and ( min-width: 725px ) {
	.woocommerce-checkout form .form-row {
		padding: 0;
		margin: 0;
	}
	.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
	.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing);
	}
}

/* Cart and Checkout */
.woocommerce a.woocommerce-remove-coupon {
	display: inline-block;
	width: 11px;
	height: 16px;
	border-radius: 10px;
	font-size: 0;
	position: relative;
	top: -6px;
	color:  red;
}
.woocommerce a.woocommerce-remove-coupon:hover {
	color: red;
}
.woocommerce a.woocommerce-remove-coupon:after {
	display: inline-block;
	content: "×";
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* Thank you page */
.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details p:first-child {
	margin-top: 0;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details.mollie-instructions {
	background: transparent;
	color: var(--textColor);
	padding: 0;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details {
	margin-top: 50px;
}
.woocommerce ul.order_details {
	display: flex;
	gap: 25px;
	padding: var(--padding);
	list-style: none;
    border-radius: var(--rondeRandjes);
    background: #FAFAFA;
}
.woocommerce ul.order_details:before {
	display: none;
}
.woocommerce ul.order_details li {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    flex-grow: 1;
}

/* Orders & Details */
.woocommerce address, .woocommerce .woocommerce-customer-details address {
	font-style: normal;
	border: 0;
	padding: 0;
	font-size: .9em;
	line-height: 1.2;
}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 {
	display: none;
}
.woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before {
	display: none;
}
.woocommerce .addresses .title {
	display: grid;
	grid-template-columns: 1fr 100px;
	align-items: center;
	margin-bottom: var(--spacing);
}
.woocommerce .addresses .title h3 {
	margin: 0;
}
.woocommerce .addresses .title .edit {
	font-family: var(--headingFont);
	padding: calc( var(--spacing) / 2 ) var(--spacing);
	border-radius: var(--rondeRandjes);
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.woocommerce .addresses .title .edit:hover {
	background: #edf2f6;
	color: #475978;
}
.woocommerce address p, .woocommerce .woocommerce-customer-details address p {
	margin: 0;
}

/* WC gutenberg blocks */
.wc-block-featured-product .wc-block-featured-product__background-image {
	transition: .3s;
}
.wc-block-featured-product:hover .wc-block-featured-product__background-image {
	transform: scale(1.2);
}
.wc-block-featured-product.align_top {
	align-content: flex-start!important;
}
.wc-block-featured-product.align_center {
	align-content: center!important;
}
.wc-block-featured-product.align_bottom {
	align-content: flex-end!important;
}
.wc-block-featured-product__wrapper {
	padding: var(--padding);
}
.wc-block-featured-product__description, .wc-block-featured-product__link, .wc-block-featured-product__price, .wc-block-featured-product__title, .wc-block-featured-product__variation {
	padding: 8px 0!important;
}

/* Companion Portfolio */
.cp_portfolio_item {
	border: var(--border-width) solid var(--borderColor);
	border-radius: var(--rondeRandjes);
}
.cp_portfolio_item .cp_portfolio_image img {
	border-radius: var(--rondeRandjes);
}
.cp_portfolio_item .cp_portfolio_text {
	border-radius: var(--rondeRandjes);
}
.style-2 .cp_portfolio_item .cp_portfolio_text {
	background: rgba(0,0,0,0.1);
}
.style-2 .cp_portfolio_item .cp_portfolio_text h3.cp_portfolio_category {
	background: var(--main);
	color: #FFF;
	font-size: .6em;
}

/* ====================================== RESPONSIVE ======================================  */

/* Only on devices != mobile */
@media screen and (min-width: 725px ) {

	#wpadminbar ul li a {
		padding-left: 15px!important;
		padding-right: 15px!important;
		font-weight: 500!important;
	}
	#wpadminbar #wp-admin-bar-top-secondary {
		display: none;
	}
	.hideThisOnDesktop {
		display: none!important;
	}

}

/* Intermediate screen sizes */
@media screen and (max-width: 1200px) {

	.woocommerce ul.products.columns-7,
	.woocommerce ul.products.columns-8,
	.woocommerce ul.products.columns-9,
	.woocommerce ul.products.columns-10 {
		grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr ) );
	}

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

	.woocommerce ul.products[class^='columns-']:not( .columns-1 ), .woocommerce ul.products[class*=' columns-']:not( .columns-1 ) {
		grid-template-columns: repeat( auto-fill, minmax( 200px, 1fr ) );
	}
	.woocommerce ul.products.columns-1 li.product {
		grid-template-columns: 125px 1fr;
	}
	.hideThisOnTablet {
		display: none;
	}

}

/* Only on devices == mobile */
@media screen and (max-width: 724px) { 
	
	.hideThisOnMobile {
		display: none!important;
	}
	.padding .wrap, 
	.padding .is-style-wrap {
		padding: 0;
	}
	#page.page-is-boxed {
		border: 0px;
	}
	header .header_blocks {
		flex-wrap: nowrap;
		gap: 5px;
	}
	header .header_blocks .header_block.logo img, header .header_blocks .header_block.logo svg {
		width: calc( var(--logo_size) / 1.5 );
	}
	#header ul li .menu_item_icon svg {
		width: 20px;
		height: 20px;
	}
	nav.responive-nav-menu {
		position: fixed;
		overflow: auto;
		z-index: 5002;
		top: 0;
		left: auto;
		right: -100%;
		bottom: 0;
		width: 250px;
		max-width: 90%;
		background: var(--navColor);
		color: var(--navblackOrWhite);
		padding: var(--spacing) 0;
		border-radius: var(--rondeRandjes) 0 0 var(--rondeRandjes);
		transition: .2s;
	}
	nav.responive-nav-menu[mobile-state="show"] {
		right: 0;
	}
	nav.responive-nav-menu ul {
		--_spacing: 0;
	}
	nav.responive-nav-menu ul li {
		display: block;
		text-align: left;
		margin: 5px;
		width: auto;
	}
	nav.responive-nav-menu ul li ul {
		display: none;
		background: var(--navColor);
		filter: brightness(95%);
		border-radius: inherit;
	}
	nav.responive-nav-menu ul li.submenu-is-opened > a {
		font-weight: bold;
		background: var(--navColor);
		filter: brightness(95%);
	}
	nav.responive-nav-menu ul li.submenu-is-opened > a .menu_item_dropdown {
		transform: rotate(180deg);
	}
	nav.responive-nav-menu ul li .menu_item_dropdown {
		position: absolute;
	    top: 5px;
	    right: 5px;
	    bottom: 5px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		background: var(--navColor);
		color: var(--navblackOrWhite);
		filter: brightness(90%);
		border-radius: 25px;
		aspect-ratio: 1;
	}
	nav.responive-nav-menu .current-menu-item > a, 
	nav.responive-nav-menu .current-page-ancestor > a, 
	nav.responive-nav-menu .current-post-parent > a, 
	nav.responive-nav-menu .current-menu-parent > a, 
	nav.responive-nav-menu .current_page_parent  > a,
	nav.responive-nav-menu .current-cat > a {
		font-weight: bold;
		background: transparent;
	}
	nav.responive-nav-menu .current-menu-item > a .menu_item_label, 
	nav.responive-nav-menu .current-page-ancestor > a .menu_item_label, 
	nav.responive-nav-menu .current-post-parent > a .menu_item_label, 
	nav.responive-nav-menu .current-menu-parent > a .menu_item_label, 
	nav.responive-nav-menu .current_page_parent  > a .menu_item_label,
	nav.responive-nav-menu .current-cat > a .menu_item_label {
		border-bottom: 2px solid var(--main);
	}
	nav.underlined ul li:not(.menu-button) a:after,
	nav.underlined ul li.current-menu-item:not(.menu-button) a:after, 
	nav.underlined ul li.current-menu-parent:not(.menu-button) a:after, 
	nav.underlined ul li.current-page-ancestor:not(.menu-button) a:after, 
	nav.underlined ul li.current-post-ancestor:not(.menu-button) a:after, 
	nav.underlined ul li.current-category-ancestor:not(.menu-button) a:after,
	nav.underlined ul li:not(.menu-button) a:hover:after {
		display: none;
	}
	.mobmenuoverlay {
		background: #000;
		opacity: .5;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5001;
		display: none;
	}
	.wp-block-column.has-background {
		margin-bottom: var(--padding);
	}
	.wp-block-quote:before,
	.wp-block-quote.is-style-large:before {
		position: relative;
		top: auto;
		left: 0;
	}
	#content.sidebar-show-left,
	#content.sidebar-show-right {
		grid-template-columns: 1fr;
		grid-template-areas: "column-1" "column-2";
	}
	#content.sidebar-show-left #sidebar,
	#content.sidebar-show-right #sidebar {
		grid-area: column-2;
	}

	/* Blog */
	.archive-columns[class*='-columns'] {
		grid-template-columns: 1fr;
	}

	/* Woocommerce: Product loop */
	.woocommerce ul.products[class^='columns-'], .woocommerce ul.products[class*=' columns-'] {
		grid-template-columns: repeat( 1, 1fr );
		gap: 0;
	}
	.woocommerce ul.products[class^='columns-'] li.product:not(.product-category), .woocommerce ul.products[class*=' columns-'] li.product:not(.product-category) {
		grid-template-columns: 75px 1fr;
		padding: var(--padding) 0;
		border-radius: 0;
		border-width: 0 0 var(--border-width) 0;
	}
	.woocommerce ul.products li.product.product-category {
		margin-bottom: var(--spacing);
	}
	.woocommerce ul.products li.product .btt_image_wrapper {
		grid-row: 1 / 3;
	} 
	.woocommerce ul.products li.product .btt_product_content a.button {
		display: grid;
		align-content: center;
		min-width: 50px;
		min-height: 50px;
		right: 0;
		bottom: var(--padding);
	}
	.woocommerce ul.products li.product .onsale {
		display: block;
		top: auto;
		left: 0;
		bottom: var(--padding);
		max-width: 75px;
	}
	.woocommerce ul.products li.product .onsale .badge {
		display: block;
		padding: 4px 5px;
	}

	/* Woocommerce: Single product */
	body.single-product #content {
		padding-top: 0px;
	}
	body.single-product #header.transparent_header:not(.left-sidebar) {
		position: relative;
	}
	.woocommerce div.product div.wc-product-page-columns {
		margin-top: 0px;
	}
	.woocommerce div.product div.images.woocommerce-product-gallery {
		margin: 0 var(--negative-padding);
		background: var(--borderColor);
	}
	.woocommerce div.product div.images.woocommerce-product-gallery img {
		border-radius: 0;
		height: 33dvh!important;
		width: auto!important;
	} 
	.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
		max-height: 33dvh!important;
	}
	.woocommerce div.product .product_title {
		font-size: 1.1em;
	}
	.woocommerce div.product .woocommerce-product-details__short-description {
		font-size: .9em;
	}
	.woocommerce div.product .summary .price {
		display: none;
	}
	.woocommerce div.product .summary form.cart {
		margin-bottom: 0;
	}
	.woocommerce div.product .summary .wp-block-button.is-style-woocommerce {
		display: none;
	}
	#subheader.product-header {
		padding: 10px 0;
		position: fixed;
		display: block;
		top: auto!important;
		bottom: 0!important;
		margin: 0;
	}
	#subheader.product-header .price del {
		display: block;
		font-size: .6em;
	}
	#productfamilies label {
		font-weight: normal;
		font-size: .8em;
		margin-bottom: 5px;
	}
	#productfamilies label span {
		font-weight: normal;
	}
	.woocommerce div.product .woocommerce-product-details__short-description,
	#productfamilies 
	{
		border-top: var(--border-width) solid var(--borderColor);
		padding-top: var(--spacing);
	}

	/* Woocommerce tabs */
	.woocommerce #content div.product .woocommerce-tabs, 
	.woocommerce div.product .woocommerce-tabs, 
	.woocommerce-page #content div.product .woocommerce-tabs, 
	.woocommerce-page div.product .woocommerce-tabs {
		display: block;
	}
	.woocommerce main div.product .woocommerce-tabs ul.tabs {
		display: block;
		width: 100%;
	    text-align: center;
	    border-bottom: 1px solid rgba(0,0,0,.05);
	}
	.woocommerce main div.product .woocommerce-tabs ul.tabs li {
		display: inline-block;
		border-bottom: 0px;
	}
	.woocommerce main div.product .woocommerce-tabs ul.tabs li:before {
		width: auto;
		height: 3px;
		top: auto;
		bottom: 3px;
		left: 15%;
		right: 15%;
	}
	.woocommerce main div.product .woocommerce-tabs ul.tabs li a {
		padding: 15px 10px;
	}
	.woocommerce main div.product .woocommerce-tabs .panel, .woocommerce-account main .woocommerce-MyAccount-content {
		display: block;
		width: 100%;
		padding: 0;
		padding-top: var(--padding);
	}
	.woocommerce.wc-product-layout-rows main div.product .woocommerce-tabs .panel {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
		margin: 0;
	}
	.woocommerce-page.wc-product-layout-rows div.product .woocommerce-tabs .panel .panel-title {
		position: relative;
	}
	.woocommerce-page.wc-product-layout-rows div.product .woocommerce-tabs .panel .panel-title h2 {
		display: grid;
		grid-template-columns: 1fr 25px;
		align-items: center;
		font-size: 1.2em;
		margin: 0;
	}

	/* Woocommerce: Cart */
	.woocommerce-cart-page {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
	}
	.woocommerce-cart .cart-collaterals {
		display: none;
	}
	.cart-header .header_blocks {
		display: block;
	}
	.cart-header .wp-block-button.is-style-woocommerce .wp-block-button__link {
		display: block;
		width: 100%;
	}

	/* Cart table */
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
	.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
		background: transparent;
	}
	.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
		display: block;
	}
	.woocommerce-cart table td:before {
		display: none;
	}
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
		text-align: left!important;
	}
	.cart-collaterals table.shop_table tr {
		padding: 10px 0;
	}
	.woocommerce-cart main table.cart.shop_table_responsive tbody tr {
		display: table-row;
	}
	.woocommerce-cart main table.cart.shop_table_responsive tbody tr td {
		padding: 10px;
	}
	.woocommerce-cart main table.cart.shop_table_responsive tbody tr td.product-thumbnail {
		display: table-cell;
		width: 75px;
	}
	.woocommerce-cart main table.cart.shop_table_responsive tbody tr td.actions {
		display: table-cell;
	}
	.woocommerce-cart main table.cart td.product-name .product-actions .product-remove {
		top: auto;
		bottom: 25px;
	}

	/* Checkout */
	body.woocommerce-checkout header .header_blocks, 
	body.woocommerce-checkout header .header_blocks .header_block {
		display: block;
		text-align: center;
		max-width: 100%;
	}
	body.woocommerce-checkout .button.choose-payment-method {
		width: 100%;
		margin-bottom: 25px;
		text-align: center;
	}
	form.checkout.woocommerce-checkout {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
	}

	/* Banner */
	#banner.is-style-wrap {
		border-radius: 0;
	}

}

/* ====================================== WORDPRESS CORE ======================================  */

/* WP Block: Media */
.wp-block-media-text {
	gap: var(--padding);
}
.wp-block-media-text .wp-block-media-text__content {
	padding: 0;
}

/* WP Block: Latest posts */
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
	overflow: hidden;
	border-radius: var(--rondeRandjes);
	margin-bottom: 15px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image a {
	display: block;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image img {
	width: 100%;
	transition: .3s;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:hover .wp-block-latest-posts__featured-image img {
	transform: scale(1.2);
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-author, .wp-block-latest-posts.wp-block-latest-posts__list li  .wp-block-latest-posts__post-date {
	opacity: .8;
}

/* WP Block: Separator */
.wp-block-separator {
	color: var(--borderColor);
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 100px;
}
.wp-block-separator.is-style-wide {
	width: 100%;
}
.wp-block-separator.is-style-dots {
	color: var(--main);
}

/* WP Block: Quote */
.wp-block-quote {
	border-left: 0px;
	position: relative;
	padding: 0;
	margin: 0;
}
.wp-block-quote p {
	font-style: normal;
	margin: 0;
}
.wp-block-quote:before {
	content: open-quote;
	position: absolute;
	font-size:  3em;
	top: -15px;
	left: 0;
	transform: translateX( -100% );
}
.wp-block-quote:after {
	content: no-close-quote;
}
.wp-block-quote.is-style-large:before {
	font-size: 6em;
}
.wp-block-quote cite {
	font-style: normal;
	opacity: .5;
	font-size:  .7em;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
	padding: 0;
}

/* WP Table: Columns */
.wp-block-table thead {
	border-bottom: 0;
	font-weight: bold;
}
.wp-block-table thead:nth-child(2n+1) tr td {
	padding-top: calc( var(--padding) * 2 );
}
.wp-block-table td, .wp-block-table th {
	padding: .5em;
}

/* WP Block: Columns */
.wp-block-columns {
	display: flex;
}

/* WP Block: Image */
.wp-block-image.is-style-rounded img, 
.wp-block-image .is-style-rounded img,
.is-style-rounded img,
.is-style-rounded {
	border-radius: var(--rondeRandjes);
}
.wp-block-image.is-style-circle img, 
.wp-block-image .is-style-circle img,
.is-style-circle img,
.is-style-circle {
	border-radius: 999px;
}

/* General stuff, mostly for the old editor */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: var(--dark_or_lightmode);
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.screen-reader-text {
	display: none;
}

/* ====================================== CUSTOM & SIMPLE CLASSES ======================================  */
.v-align-top {
	align-items: start;
}
.v-align-middle {
	align-items: center;
}
.v-align-bottom {
	align-items: end;
}
.grey-bg-hover {
	transition: .3s;
}
.grey-bg-hover:hover {
	background: var(--borderColor);
}
.flex {
	display: flex!important;
}
.grid {
	display: grid;
}
.grid-col-2 {
	grid-template-columns: repeat(2, 1fr);
}
.grid-col-3 {
	grid-template-columns: repeat(3, 1fr);
}
.grid-col-4 {
	grid-template-columns: repeat(4, 1fr);
}
.grid-col-5 {
	grid-template-columns: repeat(5, 1fr);
}
.block {
	display: block!important;
}
.inline-block {
	display: inline-block!important;
}
.hidden {
	display: none!important;
}
.float-none {
	float: none!important;
}
.flex-row {
	flex-direction: row;
}
.flex-column {
	flex-direction: column;
}
.gap {
	gap: var(--padding);
}
.nogap {
	gap: 0!important;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.nomargin {
	margin: 0;
}
.nomargintop {
	margin-top: 0!important;
}
.nomarginleft {
	margin-left: 0!important;
}
.nomarginright {
	margin-right: 0!important;
}
.nomarginbottom {
	margin-bottom: 0!important;
}
.margin-block {
	margin-block: var(--padding);
}
.margin-inline {
	margin-inline: var(--padding);
}
.wp-block-columns.nogap > .wp-block-column,
.wp-block-columns.nomargin > .wp-block-column,
.wp-block-columns > .wp-block-column.nomargin {
	margin: 0px!important;
}
.nopadding {
	padding: 0;
}
.nopaddingtop {
	padding-top: 0!important;
}
.nopaddingleft {
	padding-left: 0!important;
}
.nopaddingright {
	padding-right: 0!important;
}
.nopaddingbottom {
	padding-bottom: 0!important;
}
.padding {
	padding: var(--padding);
}
.padding-block {
	padding-block: var(--padding);
}
.padding-inline {
	padding-inline: var(--padding);
}
.padding-top {
	padding-top: var(--padding);
}
.padding-left {
	padding-left: var(--padding);
}
.padding-right {
	padding-right: var(--padding);
}
.padding-bottom {
	padding-bottom: var(--padding);
}
.depth-2 {
	box-shadow: var(--depth-2);
}
.depth-4 {
	box-shadow: var(--depth-4);
}
.depth-8 {
	box-shadow: var(--depth-8);
}
.depth-16 {
	box-shadow: var(--depth-16);
}
.depth-28 {
	box-shadow: var(--depth-28);
}
.depth-64 {
	box-shadow: var(--depth-64);
}
.border {
	border: var(--border-width) solid var(--borderColor);
}
.border-radius {
	border-radius: var(--rondeRandjes);
	overflow: hidden;
}
.no-border-radius {
	border-radius: 0px!important;
}
.no-border-radius img {
	border-radius: 0px!important;
}
.force_bottom  {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.noscroll {
	overflow: hidden;
}
.uppercase {
	text-transform: uppercase;
}
.align_top {
	justify-content: flex-start;
	align-items: flex-start;
}
.align_center {
	justify-content: center;
	align-items: center;
}
.align_bottom {
	justify-content: flex-end;
	align-items: flex-end;
}
.t-left {
	text-align: left;
}
.t-center {
	text-align: center;
}
.t-right {
	text-align: right;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.border {
	border: var(--border-width) solid var(--borderColor);
}
.box-shadow {
	box-shadow: var(--box-shadow);
}
.wide {
	width: 100%!important;
}
.wc-green {
	color: var(--wc-green);
}
.wc-orange {
	color: var(--wc-orange);
}
.wc-red {
	color: var(--wc-red);
}
.font1 {
	font-family: var(--headingFont);
}
.font2 {
	font-family: var(--textFont);
}
.text-100 {
	font-weight: 100;
}
.text-300 {
	font-weight: 300;
}
.text-400 {
	font-weight: 400;
}
.text-500 {
	font-weight: 500;
}
.text-600 {
	font-weight: 600;
}
.text-700 {
	font-weight: 700;
}
.text-800 {
	font-weight: 800;
}
.text-900 {
	font-weight: 900;
}
.has-black-color {
	color: #000;
}
.has-white-color {
	color: #FFF;
}
.has-cyan-bluish-gray-color {
	color: #abb8c3;
}
.has-vivid-red-color {
	color: #cf2e2e;
}
.has-vivid-orange-color {
	color: #ff6900;
}
.has-luminous-vivid-amber-color {
	color: #fcb900;
}
.has-light-green-cyan-color {
	color: #7bdcb5;
}
.has-vivid-green-cyan-color {
	color: #00d084;
}
.has-pale-cyan-blue-color {
	color: #8ed1fc;
}
.has-vivid-cyan-blue-color {
	color: #0693e3;
}
.has-vivid-cyan-purple {
	color: #9b51e0;
}
[class*="-font-size"] {
	font-size: var(--_sizing)!important;
	line-height: var(--_line-height)!important;
}
.has-small-font-size {
	--_sizing: var(--small-font-size);
	--_line-height: 1.7;
}
.has-intermediate-font-size {
	--_sizing: var(--intermediate-font-size);
	--_line-height: 1.6;
}
.has-default-font-size {
	--_sizing: var(--default-font-size);
	--_line-height: 1.5;
}
.has-medium-font-size {
	--_sizing: var(--medium-font-size);
	--_line-height: 1.4;
}
.has-large-font-size {
	--_sizing: var(--large-font-size);
	--_line-height: 1.2;
}
.has-huge-font-size,
.has-x-large-font-size {
	--_sizing: var(--x-large-font-size);
	--_line-height: 1.1;
}
.has-parent-font-size {
	font-size: inherit!important;
	line-height: inherit!important;
}
@media screen and (max-width: 725px) {
	.mob-t-left {
		text-align: left;
	}
	.mob-t-center {
		text-align: center;
	}
	.mob-t-right {
		text-align: right;
	}
}

/* User preferences  */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms!important;
    animation-iteration-count: 1!important;
    transition-duration: 0.01ms!important;
    scroll-behavior: auto!important;
  }
}

/* HTML fallbacks */
[hidden] {
	display: none!important;
}
[content-state="collapsed"] {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}