/* Code van Mach3 - Code BVDO vanaf regel 1360 */

@font-face {
	font-family:'FontAwesome';
	src:url('/fonts/fontawesome-webfont.eot');
	src:url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/fontawesome-webfont.woff2') format('woff2'),
		url('/fonts/fontawesome-webfont.woff') format('woff'),
		url('/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal;
}

:root {
	--elements--cards--container--box-shadow:none;
	
	--header-19--block--padding-y: 21px;
	--header-19--nav-big-sub-items--background-coloor: #d3d3d3;
	--header-19--nav-big-sub-items--background-color: #d3d3d3;
	
	--header-20--block--height: 2.063rem;
	
	--product-list-01--side-bar-category-list-nav-header--font-weight: 500;
	
	--content-13--item--box-shadow:1px 2px 10px #eee;
	
	--content-49--card-title--line-height: 1.2em;
	
	--content-78--heading--line-height: 1.2em;
	
	--content-80--item-image--max-width: 7.5rem;
	
	--content-81--heading--line-height: 1.2em;
}

@media screen and (max-width: 768px) {
	.nav-body>.container {
	    gap: 0m;
	}
}

@media screen and (min-width: 1024px) {
	:root {
		--header-19--logo--height: 47px;
		--header-19--nav-item--font-size:1rem;
		--header-19--nav-item-link--font-weight: 700;
		--header-19--nav-sub-sub-item--font-size: 1rem;
		--header-19--nav-big-sub-item--font-size:1rem;
		--header-19--nav-big-sub-item--padding-y: 5px;
		--header-19--nav-big-sub-sub-item--font-size:1rem;
		--header-19--nav-big-sub-sub-item-link--padding-y:1px;
		--header-19--nav-big-sub-sub-sub-item-link--padding-y:5px;
	}
}

body {
	/* -webkit-font-smoothing: antialiased; */
	
	&.template-products.no-scroll header {
		z-index:4 !important;
	}
}

.breadcrumb-item {
	font-weight:500;
}

.breadcrumb-item-icon {
	opacity:1;
}

.breadcrumb-01 {
	margin-top:0.5rem;
}

.product-list {
	.cards.gap-grid {
		gap: 0;
		margin-left: -15px;
		margin-right: -15px;
		
		.card {
			padding:15px;
			background-color:transparent;
			
			&:hover {
				box-shadow: 0 0 43px 0 rgba(56, 56, 55, .22);
			}
		}
	}
}

.product-list-01 .stock .badge-success,
.product-details-05 .badge {
    padding:0;
}

.product-list-01 {
	/*.card-footer.justify-end {
		justify-content: flex-start;
	}*/ /* BVDO */
	@media only screen and (max-width: 767px) {
		.product-sorting {
			display:none;
		}
	}
}

.badge {
	display: flex;
	gap: 10px;
	background-color: transparent !important;
	
	&:before {
		content: '';
		width: 15px;
		height: 15px;
		border-radius: 15px;
		margin-top: 7px;
		background-color: var(--elements--badges--default-container--background-color);
	}
	
	&.badge-primary:before {
		background-color: var(--elements--badges--primary-container--background-color);
	}
	
	&.badge-success:before {
		background-color: var(--elements--badges--success-container--background-color);
	}
	
	&.badge-warning:before {
		background-color: var(--elements--badges--warning-container--background-color);
	}
	
	&.badge-danger:before {
		background-color: var(--elements--badges--danger-container--background-color);
	}
}

.nav-handler-close,
.nav-handler-open {
	padding:4px;
}

.card-product  .card-body {
	margin-top:20px;
	
	@media only screen and (min-width: 768px) {
		border-top:1px solid #E3E2E3;
	}
	
	@media only screen and (max-width: 767px) {
		.badge {
			margin-bottom:10px;
		}
	}
}

.card-footer-button {
	border-bottom:1px solid #E3E2E3;
	padding-left: 0 !important;
	padding-right: 0 !important;
	
	& > button {
		flex-grow: 0;
	}
	
	.btn-primary {
		background-color: #fff;
		color: #1d1d1b;
		
		&:hover {
			background-color: var(--theme--colors--primary--600);
			color: #fff;
		}
	}
}

.card-product {
	.card-image {
		height: auto;
		aspect-ratio: 1;
	}
	
	.card-sub-title {
		font-weight: 700;
		margin-top: 10px;
	}
}

.product-sorting {
	position: relative;
	
	&:after {
		border-top: 4px solid #726d72;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		content: '';
		height: 0;
		margin-top: -2px;
		position: absolute;
		right: 0;
		top: 50%;
		width: 0;
	}
	
	& > label {
		text-transform: none;
		color: #726d72;
		font-size: 1rem;
	}
	
	select.form-control {
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #e3e2e3;
		background-image: none;
	}
}

.shopping-cart-01 table {
	border-bottom: 1px solid var(--elements--tables--column--border-bottom-color);
}

.table-cart tbody td.table-cart-product-amount>input,
.table-orders {
	tbody td.table-cart-product-amount>input {
		background-color: #fff;
		height:30px;
		border-color:#ededed;
	}

	tbody td.table-cart-product-name>a {
		color:#1D1D1B;
		font-size:18px;
	}
}

.shopping-cart-01 .cart-image {
	width:8rem;
	height:8rem;
	border:none;
}

.product-filter-features-more-handler {
	a {
		color:#3b3b3b;
	}
	
	.icon-text {
		flex-direction:row-reverse;
		
		span {
			border-bottom: 1px dashed #3b3b3b;
		}
	}
}

.category-list-side-bar {
	.card {
		padding:15px 20px 20px;
	}
	
	.card-header {
		border:none;
		padding-bottom:12px;
	}
	
	.category-list-category {
		padding-top:12px;
	}
	
	.category-list-category-link {
		line-height:18px;
		border:none !important;
	}
	
	.category-list-category-link-name {
		padding-left: 30px !important;
		position:relative;
		
		&:before {
			content:'';
			display:block;
			position: absolute;
			width: 18px;
			height: 18px;
			background-color: transparent;
			border:1px solid #b7b7b7;
			border-radius: 2px;
			left:0;
			top: 0;
		}
		
		&:after {
			content:'';
			display:block;
			position: absolute;
			top: 2px;
			left: 2px;
			width: 14px;
			height: 14px;
			background: #b7b7b7;
			transition: all .25s ease;
			opacity:0;
		}
	}

	a:hover .category-list-category-link-name:after,
	a.active .category-list-category-link-name:after {
		opacity:1;
	}
}

#product-filter-features-dynamic,
#product-filter-features-static,
#product-filter-tags-dynamic,
#product-filter-tags-static {
	& > div {
		background-color: #f7f9fc;
		border: 0 solid #e8e9eb;
		padding: 15px 20px 20px;
	}

	.form-control-checkbox,
	.form-control-color,
	.form-control-radio {
		min-height: 0;
		
		.form-label {
			min-height: 18px;
			font-size: 12px;
			line-height: 18px;
			padding-left: 30px;
			
			&:before {
				width: 18px;
				height: 18px;
				background-color: transparent;
				border-color: #b7b7b7;
				border-radius: 2px;
				top: 0;
			}
			
			&:after {
				top: 2px;
				left: 2px;
				width: 14px;
				height: 14px;
				background: #b7b7b7;
				transition: all .25s ease;
			}
			
			&:hover:after {
				opacity: 1;
			}
		}
	}
}

#product-filter-price {
	background-color: #f7f9fc;
	border: 0 solid #e8e9eb;
	padding: 15px 20px 20px
}

#eapps-instagram-feed-1 {
	margin: 0 0 43px;
	
	.eapps-instagram-feed-posts-slider {
		width: auto;
		margin: 0 -15px;
		padding: 0 15px;
	}
	
	.eapps-instagram-feed-title {
		font-size: 36px;
	}
	
	.eapps-instagram-feed-posts-slider-nav {
		width: 42px;
		height: 42px;
		position: absolute;
		top: 50%;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		background: #fff !important;
		margin-top: -21px;
		font-family: 'FontAwesome';
		font-size: 18px;
		line-height: 42px;
		text-align: center;
		color: #1b1b1b;
		transform: none;
		border-radius: 0;
		opacity: 1;
	
		svg {
			display: none;
		}
	
		&.eapps-instagram-feed-posts-slider-prev {
			left: 2px;
	
			&:before {
				content: "\f060";
			}
		}
	
		&.eapps-instagram-feed-posts-slider-next {
			right: 2px;
	
			&:before {
				content: "\f061";
			}
		}
	}
}

.header-19 {
	.logo {
		@media screen and (min-width: 1024px) {
			margin-right: -8px;
			padding-bottom: 32px;
		}
	}
	
	.search {
		.input-group {
			justify-content: flex-end;
			
			.form-control {
				border:none;
				height:43px;
				background-color:#fff;
				border-radius:22px;
				box-shadow:none;
				padding-right: 3rem;
				padding-left: 1rem;
				color:#000;
				font-size:15px;
				
				&::placeholder {
					color:#b0b0b0;
					text-transform:uppercase;
				}
			}

			.input-group-prepend {
				color:#000;
			}
		}

		&.is-focussed {
			.input-group-append {
				display:none;
			}
		}
		
		@media screen and (min-width: 1024px) {
			margin:0 78px 0 117px;
		}
	}
	
	.header-19-buttons {
		gap:7px;
		
		@media screen and (min-width: 1024px) {
			margin-right: -10px;
			padding-bottom: 13px;
			
			.shopping-cart-trigger {
				margin-right: -3px;
			}
		}

		.header-19-button {
			padding:9px 32px;
			font-size:1rem;
		}
	}
	
	.shopping-cart-trigger {
		margin-top:7px;
		
		.btn-primary {
			background-color:transparent;
			color:#000;
			border-width:0;
			height: 2rem !important;
			width: 2rem !important;
			background-size:22px;
			background-repeat:no-repeat;
			background-position:center center;
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 512 512" fill="%23000"><path d="M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z"></path></svg>');
			
			&:hover {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 512 512" fill="%236bb42d"><path d="M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z"></path></svg>');
			}

			svg {
				display:none;
			}
			
			.btn-badge {
				height:20px;
				line-height:20px;
				border:none;
				padding:0 5px;
				top: -5px;
				right:unset;
				bottom: 0;
				font-size:10px;
				left: 20px;
			}
		}
	}
	
	.category-title {
		font-size:1.125rem;
		padding: 1px 10px;
		
		&:hover {
			border-color:var(--theme--colors--primary--600);
		}
	}
	
	.nav-item {
		&.has-sub-items {
			.nav-item-link {
				position:relative;

				&:after {
					content: "";
					background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_1' data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 20'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='arrowBottom'%3E%3Cpolygon class='cls-1' points='15.5 20 0 4.5 4.4 0 15.5 11.1 26.6 0 31 4.5 15.5 20'/%3E%3C/g%3E%3C/svg%3E");
					background-size: 14px;
					width: 14px;
					height: 14px;
					position: relative;
					background-repeat: no-repeat;
					top:3px;
				}
			}
		}
	}

	.nav-categories {
		.nav-item.big-nav {
			.nav-sub-items-wrapper {
				.nav-sub-items {
					padding-left:1.25rem;
					padding-top:13px;
					padding-bottom:1.125rem;
				}
			}

			.nav-sub-item-link {
				position:relative;
				line-height:1.5rem;
			}

			.nav-sub-item-link.active:before,
			.nav-sub-item:hover .nav-sub-item-link:before {
				content: '';
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.2 70" fill="%23193016"><path fill="%2368a61b" d="M22.76,49.21c-1.21,.95-2.49,1.74-3.8,2.28-2.84,.62-5.74,.72-8.71,.3-3.99-1.78-7.1-4.99-8.93-9.01-3.36-8.17-.34-19.21,9.12-32.96,1.21,.8,2.28,1.68,3.16,2.36,25.41,19.93,15.49,32.15,9.16,37.03"/><path d="M20.61,.8c-.69-.87-1.99-1.08-2.86-.38-.15,.07-.23,.29-.38,.37C2.77,18.84-2.6,33.04,1.44,42.82c3.22,7.87,11.43,10.39,15.07,11.05l-.16,16.14h4.01l.14-16.11c3.62-.72,11.92-3.03,15.29-10.83,4.18-9.75-.89-24.02-15.17-42.27Zm-4.07,49.08c-3.11-.72-9.03-3.06-11.35-8.49-3.18-7.61,.96-19,11.62-33.33l-.26,41.82Zm15.59-8.48c-2.44,5.5-8.28,7.56-11.45,8.44l.26-41.82c10.47,14.54,14.29,25.99,11.19,33.38Z"/></svg>');
				background-repeat: no-repeat;
				background-size: contain;
				height: 35px;
				z-index: 10;
				width: 30px;
				position: absolute;
				left: -10px;
				top: -1px;
			}

			.nav-sub-sub-sub-item {
				line-height:1.2em;
			}
		}
	}
	
	@media screen and (min-width: 1024px) {
		&.scrolled {
			transform: none;
			transition: none;
			
			.search {
				margin: 0 0 24px;
			}

			.header-19-buttons {
				padding-bottom: 21px;
			}
		}
		
		.nav-categories {
			.nav-item.big-nav {
				.nav-sub-sub-items {
					padding:20px 0;
				}
			}
		}
	}
}

.header-20 {
	--layout--page--header--max-width-container: 1086px;
	
	.icon-text {
		gap: 5px;
		
		svg {
			display:none;
		}
		
		&:before {
			content: '\f00c';
			font-family: FontAwesome;
			color: var(--theme--colors--primary--600);
			font-size: 14px;
			position:relative;
			top: -1px;
		}
	}
}

.footer-04.z-20 {
	z-index:0;
}

.footer-12 {
	.footer-12-icon {
		border: 1px solid #fff;
		position:relative;
		
		&:before {
			content: '';
			display: block;
			height: 12px;
			left: 50%;
			margin: -4px 0 0 -6px;
			position: absolute;
			top: 50%;
			width: 12px;
			border-top: 1px solid var(--footer-12--icon--color);
			border-right: 1px solid var(--footer-12--icon--color);
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		
		svg {
			opacity:0;
			width: var(--footer-12--icon--height); /* BVDO */
		}
	}
}

.footer-13 {
	font-weight:300;
	line-height:2rem;
	
	.social-media-icons {
		height: auto;
		display:flex;
		
		a {
			width:35px;
			height:66px;
			background-position:center center;
			background-repeat:no-repeat;
			background-size: 100% auto;
			
			svg {
				display:none;
			}
			
			&[href*="facebook"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 71" fill="%23fff"><path fill="%233C4C66" d="m18.3 70.6c-0.7 0-1.3-0.6-1.3-1.3v-16.8c-2.5-0.5-5-1.4-7.2-2.6-1.7-0.9-3.2-2.1-4.5-3.5s-2.2-2.9-2.9-4.5c-4-9.5 1.1-23.2 15.1-40.8 0.4-0.5 0.9-0.7 1.5-0.7s1.2 0.3 1.5 0.7c2.9 3.6 5.7 7.5 8.2 11.4 3.6 4.3 6.1 9.5 7.1 15.1 1.6 5.5 1.5 10.3-0.2 14.3-3.2 7.5-11.1 9.9-14.7 10.6v18.1z"/><path d="m24.4 31.7 0.6-4.2h-4v-2.7c-0.1-1.2 0.8-2.2 1.9-2.3h0.5 1.8v-3.6c-1.1-0.2-2.2-0.3-3.3-0.3-3.3 0-5.5 2-5.5 5.7v3.2h-3.7v4.2h3.7v10.2h4.6v-10.2z"/></svg>');
			}

			&[href*="instagram"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 71" fill="%23fff"><path fill="%233C4C66" d="m18.3 70.6c-0.7 0-1.3-0.6-1.3-1.3v-16.8c-2.5-0.5-5-1.4-7.2-2.6-1.7-0.9-3.2-2.1-4.5-3.5s-2.2-2.9-2.9-4.5c-4-9.5 1.1-23.2 15.1-40.8 0.4-0.5 0.9-0.7 1.5-0.7s1.2 0.3 1.5 0.7c2.9 3.6 5.7 7.5 8.2 11.4 3.6 4.3 6.1 9.5 7.1 15.1 1.6 5.5 1.5 10.3-0.2 14.3-3.2 7.5-11.1 9.9-14.7 10.6v18.1z"/><path d="m18.8 24.6c-3.5 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4 6.4-2.9 6.4-6.4c-0.1-3.5-2.9-6.4-6.4-6.4zm0 10.5c-2.3 0-4.1-1.9-4.1-4.1s1.9-4.1 4.1-4.1 4.1 1.9 4.1 4.1c0 2.3-1.9 4.1-4.1 4.1zm8.1-10.8c0 0.8-0.7 1.5-1.5 1.5s-1.5-0.7-1.5-1.5 0.7-1.5 1.5-1.5 1.5 0.7 1.5 1.5zm4.2 1.5c0-1.9-0.7-3.8-2-5.2-1.4-1.3-3.3-2-5.2-2-2.1-0.1-8.2-0.1-10.3 0-1.9 0-3.8 0.7-5.2 2-1.3 1.4-2.1 3.3-2 5.2-0.1 2.1-0.1 8.2 0 10.3 0 1.9 0.7 3.8 2 5.2 1.4 1.3 3.3 2 5.2 2 2.1 0.1 8.2 0.1 10.3 0 1.9 0 3.8-0.7 5.2-2 1.3-1.4 2-3.3 2-5.2 0.1-2.1 0.1-8.2 0-10.3zm-2.6 12.5c-0.4 1.1-1.3 1.9-2.4 2.4-1.6 0.6-5.5 0.5-7.3 0.5s-5.7 0.1-7.3-0.5c-1.1-0.4-1.9-1.3-2.4-2.4-0.7-1.6-0.5-5.5-0.5-7.3s-0.1-5.7 0.5-7.3c0.4-1.1 1.3-1.9 2.4-2.4 1.6-0.6 5.5-0.5 7.3-0.5s5.7-0.1 7.3 0.5c1.1 0.4 1.9 1.3 2.4 2.4 0.6 1.6 0.5 5.5 0.5 7.3s0.1 5.7-0.5 7.3z"/></svg>');
			}

			&[href*="pinterest"] {
				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 71" fill="%23fff"><path fill="%233C4C66" d="m18.3 70.6c-0.7 0-1.3-0.6-1.3-1.3v-16.8c-2.5-0.5-5-1.4-7.2-2.6-1.7-0.9-3.2-2.1-4.5-3.5s-2.2-2.9-2.9-4.5c-4-9.5 1.1-23.2 15.1-40.8 0.4-0.5 0.9-0.7 1.5-0.7s1.2 0.3 1.5 0.7c2.9 3.6 5.7 7.5 8.2 11.4 3.6 4.3 6.1 9.5 7.1 15.1 1.6 5.5 1.5 10.3-0.2 14.3-3.2 7.5-11.1 9.9-14.7 10.6v18.1z"/><path d="m15.726 18.767c10.88-0.73103 14.427 4.1295 10.641 14.582-1.9747 2.7277-4.5758 3.6188-7.8033 2.6733-0.55176-0.24303-0.94585-0.64806-1.1823-1.2151-0.77191 1.8694-1.4025 3.8136-1.8917 5.8327-0.63055 0.97211-1.2611 1.9442-1.8917 2.9163-0.59456-4.6051-0.04285-9.0607 1.6552-13.367-0.68044-1.7441-0.60161-3.4453 0.23646-5.1036 0.98127-1.0442 2.0847-1.2062 3.3105-0.48606-0.15763 2.9163-0.3153 5.8327-0.47292 8.749 1.7057 1.3458 3.2821 1.1838 4.7292-0.48606 1.9453-3.5178 2.0241-7.0012 0.23646-10.45-4.7706-2.7646-8.4752-1.7115-11.114 3.1594-0.12225 2.462 0.11421 4.8922 0.70939 7.2908-1.1365 0.05201-2.0035-0.43405-2.6011-1.4582-1.9131-5.948-0.10021-10.16 5.4386-12.637z"/></svg>');
			}
		}
	}
}

.footer-14 {
	.layout-footer-bottom {
		line-height:1.65em;
	}
}

/* BVDO */
/* // #content-09-196 { */ 
#fw_preview .content-09, 
.content-09 {
/* // BVDO */
	.container {
		position:static;
		
		& > .relative {
			position:static;
		}
		
		.container {
			position:relative;
			padding:0;
			
			& > .flex {
				height:300px;
				justify-content: flex-start;
				align-items: flex-end;
				text-align:center;
				
				
				@media only screen and (min-width: 768px) {
					height:500px;
					text-align:left;
				}
			}
			
			.col {
				padding-left:0;
				padding-right:0;
				width:100%;
			}
		}
	}
	
	.content-09-title {
		line-height:1.2em;
		text-shadow: 0 3px 6px rgba(0, 0, 0, .3);
		
		/* // @media only screen and (max-width: 480px) { */ /* BVDO */
		@media only screen and (max-width: 479px) {
			font-size:2rem;
		}
		
		@media only screen and (max-width: 767px) {
			font-size:4rem;
		}
	}
}

.content-13 {
	.container {
		position:relative;
		z-index:30;
	}
	
	.bg-image {
		opacity:0.4;
	}
	
	.content-13-item-heading {
		font-weight:400;
		position:relative;
		
		&:before {
			content:none !important;
		}
		
		&:after {
			content: "\f078";
			font-family: FontAwesome;
			color:var(--theme--colors--primary--600);
			position: absolute;
			font-size: 24px;
			right: 20px;
			top: 50%;
			width: 30px;
			height: 30px;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			text-align: center;
		}
	}

	.content-13-item:has(.open) .content-13-item-heading {
		background:var(--theme--colors--primary--600);
		color:#fff;
		
		&:after {
			color:#fff;
			-webkit-transform: rotate(-180deg) translateY(50%);
			-ms-transform: rotate(-180deg) translateY(50%);
			transform: rotate(-180deg) translateY(50%);
		}
	}
	
	.content-13-item-text {
		margin-top:0;
		border-top:none;
		padding:20px;
	}
	
	@media screen and (min-width: 768px) {
		#accordion {
			max-width: 67% !important;
			margin: 0 auto;
		}
	}
}

.content-26 {
	.btn-primary {
		background-color:#fff;
		border-color: var(--elements--buttons--outline-primary--border-color);
		color: var(--elements--buttons--outline-primary--color);
		
		&:hover {
			background-color: var(--elements--buttons--outline-primary--border-color);
			color:#fff;
		}
	}
}

#content-41-150 {
	.fw_button {
		background-color:#fff;
		border-color: var(--elements--buttons--outline-primary--color);
		color: var(--elements--buttons--outline-primary--color);
		
		&:hover {
			border-color:var(--elements--buttons--outline-primary--border-color-hover);
			background-color: var(--elements--buttons--outline-primary--border-color);
			color:#fff;
		}
	}
}

.content-47 {
	.content-47-heading {
		margin-bottom:1rem;
	}
	
	.item-heading {
		font-size: var(--content-47--item-heading--font-size) !important;
		font-weight:500;
	}
	
	.item-wrapper {
		background-color:#fff;
		box-shadow: 1px 2px 10px #eee;
		
		& > .gap-element {
			gap:10px;
		}
		
		& > .text-right {
			text-align:left;
			padding:15px;
		}
		
		.rounded + div {
			padding:15px;
		}
		
		.btn-primary {
			background-color:transparent;
			border:none;
			padding:0;
			color: #c08a64;
			text-decoration:underline;
			font-weight: bold;
			font-size:1rem;
			margin-bottom:30px;
			box-shadow:none;
			
			&:hover {
				color:#1b1b1b;
			}
		}
	}
}

.content-49 {
	.bg-image {
		opacity:0.5;
	}

	/* .swiper-box { */
		/* margin-left: calc(0rem - var(--content-49--card--padding-x)); */ /* Aangepast door BVDO ivm niet juist gebruikt calc */
		/* margin-right: calc(0rem - var(--content-49--card--padding-x)); */ /* Aangepast door BVDO ivm niet juist gebruikt calc */
	/* } *//*Swipper box geen negatieve marge */
	
	.card-image {
		height:auto;
		aspect-ratio: 14/11;
		img {
			width:100%;
			height:100%;
			object-fit:cover;
		}
	}

	.card-body {
		margin:0;
	}

	.swiper-button-prev,
	.swiper-button-next {
		opacity:1;
		transform:none;
		font-family: 'FontAwesome';
		font-size: 18px;
		line-height: 42px;
		
		&:after {
			content:none;
		}

		&.swiper-button-disabled {
			display:none;
		}
		
		&:hover {
			color:#fff;
		}
	}

	.swiper-button-prev:before {
		content: "\f060";
	}

	.swiper-button-next:before {
		content: "\f061";
	}

	@media screen and (max-width: 1023px) {
		.content-49-heading {
			text-align:center;
		}

		.content-49-text {
			text-align:center;
		}

		.swiper {
			overflow:visible;
		}

		.swiper-wrapper {
			transform:none !important;
			height: auto;
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap:30px;
		}

		.swiper-slide {
			width:auto !important;
		}

		.card {
			margin:0;
		}

		.swiper-button-prev,
		.swiper-button-next {
			display:none;
		}
	}

	@media screen and (max-width: 767px) {
		.card-title {
			font-size:14px;
		}
	}
}

.content-73 {
	& > .bg-image {
		opacity:0.2;
	}
	
	.gap-grid {
		gap: 0.5rem;
	}
	
	.btn-primary {
		background-color: transparent;
		color:#fff;
		border-color:#fff;
		
		&:hover {
			background-color:#1b1b1b;
		}
	}
	
	.content-73-item {
		min-height:440px;
	}
	
	@media screen and (min-width: 768px) {
		.content-73-item {
			padding:30px;
			
			&:nth-child(2) {
				min-height:300px;
			}
			
			&:nth-child(3) {
				justify-content: flex-start;
				
				.content-73-text {
					text-align:center;
				}
			}
			
			&:nth-child(4) {
				.content-73-text {
					text-align:center;
				}
			}
			
			&:nth-child(5) {
				align-items: flex-end;
				min-height:300px;
			}
		}
	}
}

.content-74 {
	.bg-image {
		opacity:0.2;
	}
	
	@media screen and (max-width: 767px) {
		.container {
			max-width:520px;
		}

		.item-wrapper {
			text-align:center;
			
		}

		.item-image {
			max-width:250px;
			margin-left:auto;
			margin-right:auto;
		}
	}
}

.content-78 {
	.bg-image {
		opacity:0.5;
		mix-blend-mode: multiply;
	}
}

.content-79 {
	overflow:hidden;
	
	.bg-image {
		&:first-child {
			width: 51%;
			
			img {
				mix-blend-mode: multiply;
			}
			
			@media screen and (min-width: 1024px) {
				mix-blend-mode: multiply;
			}
		}
	}
	
	.grid > div:first-child {
		display:flex;
		flex-direction:column;
		align-items:stretch;
		
		& > div:first-child + div {
			order:-1;
		}
	}
	
	.content-79-title {
		line-height:1em;
	}
	
	.content-79-subtitle {
		margin-bottom:-2px;
	}
	
	.content-79-text {
		margin-bottom:3px;
	}

	.content-79-image img {
		box-shadow: 0 3px 6px rgba(0,0,0,.3);
	}
	
	.btn-primary {
		background-color:#fff;
		border-color: var(--elements--buttons--outline-primary--border-color);
		color: var(--elements--buttons--outline-primary--color);
		
		&:hover {
			background-color: var(--elements--buttons--outline-primary--border-color);
			color:#fff;
		}
	}
	
	@media screen and (min-width: 768px) {
		.bg-image {
			&.second {
				width:50%;
			}
		}
		
		.content-79-image {
			max-width:none;
			width:auto;
			margin:0 -5% 0 -5%;
		}
	}
	
	@media screen and (min-width: 1024px) {
		.bg-image {
			&.second {
				width:50%;
			}
		}
		
		.content-79-image {
			max-width:none;
			width:auto;
			margin: -23% -170% -94% -33%;
		}
	}
	
	@media screen and (min-width: 1280px) {
		.content-79-image {
			margin: 4% -86% -41% -33%;
		}
	}

	@media screen and (min-width: 1024px) and (max-width: 1279px) {
		--content-79--heading--font-size:36px;
	}

	@media screen and (max-width: 1023px) {
		padding-bottom:55px;
		padding-top:220px;
		
		.lg\:col-span-2 {
			display:none;
		}

		.bg-image:first-child {
			left:25px;
			right:25px;
			bottom:25px;
			top:190px;
			z-index:20;
			width:auto;
			height:auto;
			background-color:var(--content-79--block--background-color);
		}

		.bg-image.second {
			width:100%;
			left:0;
			top:0;
			height:100%;
			z-index:10;
		}
		
		.container {
			padding-left:55px;
			padding-right:55px;
		}

		.grid {
			display:block;
			text-align:center;
		}
	}
}

.content-80 {
	.content-80-item-6 {
		display:none;
	}
	
	.content-80-item-image {
		border-radius:50%;
	}
	
	@media screen and (min-width: 1024px) {
		.lg\:grid-cols-6 {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}
	}
	
	@media screen and (max-width: 1023px) {
		padding-top:20px;
		padding-bottom:20px;

		.grid {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}

		.gap-grid {
			gap:40px
		}
	}

	@media screen and (max-width: 767px) {
		padding-top:10px;
		padding-bottom:10px;
		
		.grid {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}

		.gap-grid {
			gap:20px
		}

		.content-80-item-image {
			/* padding:8px; */ /* BVDO */
			padding: 20%; /* BVDO */			
		}

		.content-80-item-title {
			font-size:12px;
			line-height:15px;
		}
	}

	@media screen and (max-width: 479px) {
		.container {
			display:block;
		}
		
		.content-80-item {
			float:left;
			width:25%;
			padding:10px;
			
			&:nth-child(5) {
				clear:both;
			}
		}
		
		& + section {
			clear:both;
			
			&.content-80 {
				clear:none;
				
				.content-80-item:nth-child(n) {
					clear:none;
				}
			
				.content-80-item:nth-child(4) {
					clear:both;
					margin-left:25%;
				}
			}
		}
	}

	@media only screen and (min-width: 768px) {
		.content-80-item-image {
			padding: 20%; /* BVDO */			
		}
	}
	
	@media only screen and (min-width: 1024px) {
		.content-80-item-image {
			padding: 1.5rem; /* BVDO */			
		}
	}
}

#content-80-147 {
	--content-80--item-image-1--background-color: #fff2f9;
	--content-80--item-image-2--background-color: #fff5e9;
	--content-80--item-image-3--background-color: #f3ebf7;
	--content-80--item-image-4--background-color: #e0efee;
	--content-80--item-image-5--background-color: #fffbe3;
}

.content-81 {
	.content-81-box {
		padding-top: 92px;
		padding-bottom: 41px;
		&:before {
			box-shadow: inset 0 3px 6px #9d9d9d;
		}
	}
	
	.content-81-text {
		font-size: 1rem;
		/* // line-height:2.1em; */
		line-height: 1.9;/* BVDO */
	}
	
	.btn-primary {
		margin-top:4px;
		
		@media screen and (min-width: 1280px) {
			font-size:20px;
		}
	}

	@media screen and (min-width: 768px) and (max-width: 1279px) {
		.md\:grid {
			display:flex;
			justify-content:center;
		}

		.content-81-box {
			--content-81--box--padding-x:30px;
			width:500px;
		}
	}

	@media screen and (max-width: 767px) {
		padding-top:250px;
		
		& >.container {
			padding:0;
		}
		
		.content-81-box {
			padding:75px 25px 60px;
			
			&:before {
				min-width:500px;
			}
		}
	}
}

.fw_preview {
	.header-19 .nav-categories .nav-item.big-nav .nav-sub-items-wrapper {
		min-width:60vw;
	}
}

/* Einde code Mach3 */

/* Code BVDO */

/* // calc(~"100% - 20px") 2025-12: niet meer nodig? */
/* // div:nth-of-type(1) { grid-area: ~"1 / 1 / 2 / 2"; } */

/* spiekbriefje
   var(--theme--colors--primary--500); lichtbruin #c08a64
   var(--theme--colors--primary--600); groen #6BB42D
   var(--theme--colors--primary--700); donkergroen #0e3c00
   var(--theme--colors--primary--800); donkerblauw #3c4c66
*/

/* DM niet */
/* kan niet ingesteld worden in DM */

/* DM fout */
/* instellingen van DM werken niet zoals verwacht, of blok is verkeerd gemaakt */

/* BM niet */
/* Er is geen bestaand blok in de Block Manager */

/* BVDO */
/* Eigen aanpassingen */

/* ----------------------------------------------- */
/* *** Bekende aanpassingen ***  */
/* ----------------------------------------------- */
:root {
	--bvdo-form-space: 1rem;
}

/* // transitions */
a,
.btn,
button,
.dropdown-button-name,
li {
    transition: all .25s ease;
}

/* // Formulier: dikke rand verwijderen bij focus */ /* DM niet */
:focus-visible:not(.loading) {
    box-shadow: none;
}

/* // shadow formuliervelden verwijderen */ /* DM fout */
.form-control, .form-control-text {
    box-shadow: none;
}

/* // lijsten in teksten */
[class*="-text"] {
	/* //deze kunnen blijkbaar niet gecombineerd worden */
    ul:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    p:has(+ ul) {
        margin-bottom: 1.5rem;
    }

    ol:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    p:has(+ ol) {
        margin-bottom: 1.5rem;
    }
}

ul.check li {
    position: relative;
    padding-left: 1.5rem;
    margin-left: -1.5rem;
	&:before {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236BB42D' d='M435.848 83.466 172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		position: absolute;
		top: 0.4rem;
		left: 0;
		margin-right: unset;
	}
}

/* // koppen goede marges geven */ /* DM niet */ 
h1 {
    &:not(:first-child) {
        margin-top: calc(var(--elements--body-text--heading-1--font-size) * 1.5);
    }
    
    &:not(:last-child), 
    &:only-child {
        margin-bottom: calc(var(--elements--body-text--heading-1--font-size) * .75);
    }
}

h2 {
    &:not(:first-child) {
        margin-top: calc(var(--elements--body-text--heading-2--font-size) * 1.5);
    }
    
    &:not(:last-child), 
    &:only-child {
        margin-bottom: calc(var(--elements--body-text--heading-2--font-size) * .75);
    }
}

h3 {
    &:not(:first-child) {
        margin-top: calc(var(--elements--body-text--heading-3--font-size) * 1.5);
    }
    
    &:not(:last-child), 
    &:only-child {
        margin-bottom: calc(var(--elements--body-text--heading-3--font-size) * .75);
    }
}

h4 {
    &:not(:first-child) {
        margin-top: calc(var(--elements--body-text--heading-4--font-size) * 1.5);
    }
    
    &:not(:last-child), 
    &:only-child {
        margin-bottom: calc(var(--elements--body-text--heading-4--font-size) * .75);
    }
}

h5 {
    &:not(:first-child) {
        margin-top: calc(var(--elements--body-text--heading-5--font-size) * 1.5);
    }
    
    &:not(:last-child), 
    &:only-child {
        margin-bottom: calc(var(--elements--body-text--heading-5--font-size) * .75);
    }
}

h6 {
    &:not(:first-child) {
        margin-top: calc(var(--elements--body-text--heading-6--font-size) * 1.5);
    }
    
    &:not(:last-child), 
    &:only-child {
        margin-bottom: calc(var(--elements--body-text--heading-6--font-size) * .75);
    }
}

h1, h2, h3, h4, h5, h6 {
    + h1, + h2, + h3, + h4, + h5, + h6 {
        &:not(:first-child) {
            margin-top: 0;
        }
    }
}

/* // Koppen nemen DM niet over */ /* DM fout */
[class^="content-"] {
	.content-heading {
		h1 {
			color: var(--elements--body-text--heading-1--color);
			font-family: var(--elements--body-text--heading-1--font-family);
			font-size: var(--elements--body-text--heading-1--font-size);
			font-weight: var(--elements--body-text--heading-1--font-weight);
			letter-spacing: var(--elements--body-text--heading-1--letter-spacing);
			line-height: var(--elements--body-text--heading-1--line-height);
			margin-bottom: var(--elements--body-text--heading-1--margin-bottom);
			text-transform: var(--elements--body-text--heading-1--text-transform);
		}

		h2 {
			color: var(--elements--body-text--heading-2--color);
			font-family: var(--elements--body-text--heading-2--font-family);
			font-size: var(--elements--body-text--heading-2--font-size);
			font-weight: var(--elements--body-text--heading-2--font-weight);
			letter-spacing: var(--elements--body-text--heading-2--letter-spacing);
			line-height: var(--elements--body-text--heading-2--line-height);
			margin-bottom: var(--elements--body-text--heading-2--margin-bottom);
			text-transform: var(--elements--body-text--heading-2--text-transform)
		}

		h3 {
			color: var(--elements--body-text--heading-3--color);
			font-family: var(--elements--body-text--heading-3--font-family);
			font-size: var(--elements--body-text--heading-3--font-size);
			font-weight: var(--elements--body-text--heading-3--font-weight);
			letter-spacing: var(--elements--body-text--heading-3--letter-spacing);
			line-height: var(--elements--body-text--heading-3--line-height);
			margin-bottom: var(--elements--body-text--heading-3--margin-bottom);
			text-transform: var(--elements--body-text--heading-3--text-transform)
		}

		h4,h5,h6 {
			color: var(--elements--body-text--heading-4--color);
			font-family: var(--elements--body-text--heading-4--font-family);
			font-size: var(--elements--body-text--heading-4--font-size);
			font-weight: var(--elements--body-text--heading-4--font-weight);
			letter-spacing: var(--elements--body-text--heading-4--letter-spacing);
			line-height: var(--elements--body-text--heading-4--line-height);
			margin-bottom: var(--elements--body-text--heading-4--margin-bottom);
			text-transform: var(--elements--body-text--heading-4--text-transform)
		}
	}	
}

/* // cart flyout een schaduw geven */
#fw_preview #quick-cart-notifier,
#quick-cart-notifier {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.06);
}

#fw_preview .account-login-01,
.account-login-01 {
    /* // formulier compacter maken */ /* BVDO */ 
    .card-body {
        padding: var(--bvdo-form-space);
        
        .gap-grid {
            gap: 1rem;/* DM fout */
        }
    }
    
    .card-footer {
        padding:var(--bvdo-form-space);

        /* // knoppen hetzelfde op mobiel */ /* DM fout */
        button {
            width: 100%;
        }
    }

    @media only screen and (min-width: 1024px) {
        .card-body,
        .card-footer {
            padding: calc(var(--bvdo-form-space) * 1.5);
        }
        .card-footer button {
            width: unset;
        }
    }
}

/* // knoppen padding *//* DM fout */
@media only screen and (min-width: 768px) {
	.btn .fw_button {
		padding: 0.5rem 1.25rem;
	}
	
	.btn-sm {
		padding: 0.625rem 1.625rem;
	}
}

/* ----------------------------------------------- */
/* *** Algemeen ***  */
/* ----------------------------------------------- */
body {
	font-size: 1rem;/* DM fout */
	line-height: 2rem; /* DM fout */
}

#fw_preview #layout-main,
#layout-main {
	/* // ruimte bij alerts, zoals 404 */ /* DM niet */
	.container, 
	.container-sm,
	.container-xs {
		&:has(.alert.show) {
			padding-top: 4rem;
		}
	}
}

/* ----------------------------------------------- */
/* *** Blokken ***  */
/* ----------------------------------------------- */
#fw_preview .header-19,
.header-19 {
	/* // zoekfunctie op mobiel *//* DM fout */
	.search {
		display: block;
	}

	> .div {
		row-gap: .5rem;
	}

	.logo + div {
		grid-column-start: 1;
		grid-column-end: 7;
	}

    /* //offerteknop verdwijnt niet *//* DM fout */
    .header-19-button {
        display: none;
    }

    @media only screen and (min-width: 1024px) {
		.logo {/* DM fout */

			+ div { /* DM fout */
				grid-column-start: 2;
				grid-column-end: 6;
			}
		}
    }
}

#fw_preview .breadcrumb-01,
.breadcrumb-01 {
	/* // Home vervangen door huisje logo */ /* BVDO */
	.breadcrumb-wrapper > a:has(svg) {
		position: relative;
		padding-left: 20px;

		svg {
			display: none;
		}

		&:before {
			content: "";
			width: 20px;
			height: 20px;
			position: absolute;
			bottom: -8px;
			left: 0;
			background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_1' data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312.06 280.86'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %230e3c00; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M310.74,135.01L158.59.96c-.73-.64-1.64-.96-2.56-.96s-1.83.32-2.56.96L1.32,135.01c-2.68,2.36-1.01,6.77,2.56,6.77h39.06v135.21c0,2.14,1.73,3.87,3.87,3.87h66.62c2.14,0,3.88-1.73,3.88-3.88v-3.98c0-2.14-1.73-3.88-3.88-3.88h-58.75v-139.08h-29.97L156.03,14.35l131.32,115.69h-29.96v139.08h-95.49v-42.94c10.74-2.14,34.64-9.37,44.32-32.13,12.13-28.55-3.21-69.98-45.6-123.14-1.12-1.4-2.8-2.21-4.59-2.21s-3.48.81-4.59,2.21c-42.4,53.16-57.74,94.59-45.6,123.14,9.68,22.75,33.58,29.98,44.32,32.13v50.81c0,2.14,1.73,3.87,3.87,3.87h111.22c2.14,0,3.87-1.73,3.87-3.87v-135.21h39.06c3.57,0,5.24-4.42,2.56-6.77h0ZM195.44,189.39c-6.84,16.19-24.09,22.46-33.54,24.74v-122.26c31.1,42.32,42.69,75.86,33.54,97.52ZM116.62,189.39c-9.15-21.66,2.44-55.2,33.54-97.52v122.26c-9.45-2.28-26.7-8.55-33.54-24.74Z'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
		}
	}
}

#fw_preview .product-list-01,
.product-list-01,
#fw_preview .content-26,
.content-26,
#fw_preview .search-result-01,
.search-result-01 {
	.card-body {
		padding-top: 0; /* DM fout */
	}

	.card-footer.justify-end {
		justify-content: flex-start;
	} /* // op alle cards toepassen, niet alleen product-list-01 */

	/* // lijnen aanpassen */ /* DM niet */
	.card-footer {
		border-top: none;
		border-bottom-width: var(--elements--cards--footer--border-width);
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
	}
	
	.card-footer-button {
		padding-top: calc(2rem / 1.75);

		.btn-sm {
			padding: var(--elements--buttons--button-small--padding-y) var(--elements--buttons--button-small--padding-x);
		}
	}

	@media only screen and (min-width: 768px) {
		.card-body {
			padding-top: calc(2.5rem / 1.75);
		}

		.card-footer-button {
			.btn-sm {
				padding: 0.625rem 1.625rem;
			}
		}
	}
	
	@media only screen and (min-width: 1024px) {
		.card-body {
			padding-bottom: calc(1rem / 1.25);
		}
		
		.card-footer-button {
			padding-top: calc(2.5rem / 1.75);
		}
	}
}

#fw_preview .search-result-01,
.search-result-01 {
	/* // volgorde teksten omwisselen */ /* DM fout */
	.card-body {
		.flex-grow {
			display: flex;
			flex-direction: column;
		}

		.card-title {
			order: 1;
		}

		.card-sub-sub-title {
			order: 3;
		}

		.card-sub-title {
			order: 2;
		}
	}
}

#fw_preview #quick-cart-notifier,
#quick-cart-notifier {
	/* DM niet */
	.card-header, 
	.card-body, 
	.card-footer {
		padding: 1.5rem;
	}
}

#fw_preview .product-details-05,
.product-details-05 {
	.btn-success {
		background-repeat: no-repeat;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 512 512" fill="%23ffffff"><path d="M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z"></path></svg>');
		background-size: 19px;
		background-position: 18px center;

		&:hover {
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 512 512" fill="%236BB42D"><path d="M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z"></path></svg>');
			transition: all .25s ease;
		}

		.icon-text svg path {
			display: none;
		}
	}

	/* BVDO */
	#form-add-to-cart select.form-control {
		padding-right: 2rem;
	}

	div#product-details-features {
		> div:last-child {
			width: fit-content;
		}
		
		.product-features.product-feature-type-1 .product-feature {
			width: 100%;
		}		
	}

	#product-details-gallery,
	#product-details-gallery + div {
		padding-left: 0;
		padding-right: 0;
	}

	@media only screen and (max-width: 479px) {
		#product-details-order-button-fixed > div {
			flex-wrap: wrap;
			justify-content: center;

			div:has(.btn-success) {
				width: 100%;
			}

			.btn-success {
				margin-top: 1rem;
			}
		}
	}

	@media only screen and (min-width: 1024px) {
		#product-details-gallery + div{
			padding-right: var(--theme--spacing--element--margin);
		}
	}
}

#fw_preview .category-list-02,
.category-list-02 {
	/* DM niet */
	.card-image {
		display: none;
	}

	.card-body {
		padding: calc(var(--elements--cards--footer--padding-y)/1.75) 0 0;
	}
	
	.card-title {
		font-size: 1rem;
		line-height: 2rem;

		a:hover {
			color: var(--theme--colors--primary--600);
			text-decoration: none;
		}
	}

	.card-footer {
		padding: 0;
		border: none;
	}

	.icon-text>svg {
		display: none;
	}

	.category-list-sub-category {
		&:not(:first-child) {
			margin: 0;
		}
	
		a {
			color: #000;
			text-decoration: none;
			line-height: 2rem;

			&:hover {
				color: var(--theme--colors--primary--600);
			}
		}
	}
}

#fw_preview .shopping-cart-01,
.shopping-cart-01 {
	.table-cart tfoot tr:last-child td.table-cart-total-label,
	.table-cart tfoot tr:last-child td.table-cart-total {
		font-weight: 700;
	}
}

#fw_preview .content-08,
.content-08 {
	/* // vormgeving formulier */ /* DM niet */
	.card-body {
		padding: 0;
	}

	@media only screen and (min-width: 768px) {
		.col {
			padding-top: 0;
		}
	}
}

#fw_preview .content-13,
.content-13 {
	.content-13-item-heading {
		padding-right: calc(var(--content-13--item-heading--padding-x) * 3);
	}
}

#fw_preview .content-39,
.content-39 {
	background-color: #ededed;
    margin-bottom: 90px;
	
	&:not(:first-child) {
		margin-top: 90px;
	}

	+ [class^="content-"] {
		margin-top: -90px;
		padding-top: 110px;
	}
	
	&::before {
		content: "";
		background-image: url(/files/bg-leaves-grey-1.png);
		background-size: cover;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: .5;
	}

	h2 {
		font-size: 36px;
		line-height: 1.2;
		color: #1b1b1b;
	}

	.container {
		display: flex;
		gap: unset;
		flex-direction: column;

		> div {
			display: block;
			position: unset;

			&:first-child {
				display: flex;
				width: 100%;
				margin: 2rem 0;
				align-items: center;
				text-align: center;
			}

			&:last-child {
				width: 100%;
				justify-content: center;
				display: flex;
				margin-bottom: 2rem;
			}

			picture {
				position: unset;
				aspect-ratio: 1;
				border-radius: 500px;
				overflow: hidden;
				display: block;
				max-width: 350px;
			}
		}
	}

	@media only screen and (min-width: 480px) {
		h2 {
			font-size: 42px;
		}
	}

	@media only screen and (min-width: 768px) {
		.container {
			flex-direction: row;

			> div {
				&:first-child {
					width: calc(100% - 350px);
					text-align: left;
					margin: 0;
				}
				
				&:last-child {
					width: fit-content;
					justify-content: flex-end;
					margin: 0;
				}
	
				picture {
					height: 350px;
					margin: -30px 0;
				}
			}
		}
	}

	@media only screen and (min-width: 1024px) {
		.container {
			> div {
				&:first-child {
					width: calc(100% - 470px);
					text-align: left;
				}
	
				picture {
					height: 470px;
					margin: -50px 0;
					max-width: 470px;
				}
			}
		}
	}

	@media only screen and (min-width: 1280px) {
		.container {
			> div {
				&:first-child {
					width: calc(100% - 600px);
					text-align: left;
				}
	
				picture {
					height: 600px;
					margin: -70px 0;
					max-width: 600px;
				}
			}
		}
	}
}

#fw_preview .content-48,
.content-48 {
		/* // blaadjes op achtergrond */ /* DM niet */
	margin-bottom: calc(var(--content-48--block--padding-y) * -1);
	background-image: url(/files/twee-blaadjes-tuinenhuis-10.svg);
    background-size: 50% 80%;
    background-position: bottom right;
    background-repeat: no-repeat;

	/* // smaller maken */ /* DM niet */
	.swiper {
		max-width: var(--layout--page--body--max-width-container);
		padding-left: var(--theme--spacing--grid--margin);
		padding-right: var(--theme--spacing--grid--margin);
		
		.swiper-wrapper {
			min-height: 500px;
			overflow: hidden;
		}
	}

	/* // pijlen navigatie */ /* BVDO */
	.swiper-button-prev,
	.swiper-button-next {
		&::before {
			display: grid;
			font-family: FontAwesome;
			font-size: 24px;
			color: #fff;
			background: var(--theme--colors--primary--600);
			border-radius: 50%;
			justify-content: center;
			align-content: center;
		}

		&::after {
			display: none;
		}
	}
	
	.swiper-button-prev::before {
		content: '\f053';
	}
	
	.swiper-button-next::before {
		content: '\f054';
	}

/* 	&::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		z-index: 0;
		opacity: .1;
		background-image: url(/files/twee-blaadjes-tuinenhuis.svg);
		background-size: 50%;
		background-position: bottom right;
		background-repeat: no-repeat;
	} */
}

#fw_preview .content-59,
.content-59 {
	height: 250px; /* BVDO */

	/* // 2 containers */ /* DM fout */
	.container .container {
		padding-left: 0;
		padding-right: 0;

		/* BVDO */
		> div {
			display: flex;
			align-items: flex-end;
			height: 100%;
		}
	}

	/* BVDO */
	.container,
	.container .relative {
		height: 100%;
	}

	.col {
		padding-bottom: 25px; 
		padding-top: 0;
	}

	.breadcrumb-wrapper {
		display: none; 
	}

	@media only screen and (min-width: 480px) {
		height: 300px;

		h1 {
			font-size: 4rem;
			line-height: 1.1;
		}
	}

	@media only screen and (min-width: 768px) {
		height: 500px;
	}

	@media only screen and (min-width: 1024px) {
		font-weight: var(--content-59--heading--font-weight);
	}
}

#fw_preview .content-78,
.content-78 {
	h1, h2, h3, h4 {
		margin: 0;
	}
}

#fw_preview .content-80,
.content-80 {
	@media only screen and (max-width: 479px) {
		.container {
			padding: 0;
		}
	}
}

#fw_preview .content-news-details-01,
.content-news-details-01 {
	.date {
		/* DM niet */
		display: none;
	}
}

#fw_preview .template-products,
.template-products,
#fw_preview .template-product,
.template-product {
	.footer-14 {
		/* // laatste regel valt onder bestelknop */
		@media only screen and (max-width: 1023px) {
			padding-bottom: 61px;
		}

		@media only screen and (max-width: 479px) {
			padding-bottom: 111px;
		}
	}
}
#fw_preview .template-shopping-cart,
.template-shopping-cart {
	.table-cart tbody {
		td.table-cart-product-image {
			padding-left: 0;
			position: unset;
		}

		td.table-cart-product-name {
			padding-left: 0;
			padding-right: 0;
		}
		td.table-cart-product-total {
			margin: auto 0 auto auto;
			padding-right: 0;
		}

		td.table-cart-price, .table-cart-total {
			padding-right: 0;
		}

		@media only screen and (min-width: 480px) {
			td.table-cart-product-image {
				padding-right: 1rem;
			}
	
			td.table-cart-product-name {
				width: calc(100% - 9rem);
			}
		}
	}

}

/* ----------------------------------------------- */
/* *** Eigen classes ***  */
/* ----------------------------------------------- */
#fw_preview .content-08,
.content-08 {
	.contact {
		border-bottom: 1px solid #e8e9eb;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 60px;
		position: relative;
	

		&:before {
			color: #777;
			font-family: FontAwesome;
			position: absolute;
			font-size: 25px;
			line-height: 40px;
			left: 0;
			top: 15px;
			text-align: center;
			width: 25px;

		}

		&.email:before {
			content: "\f0e0";
		}
		
		&.phone:before {
			content: "\f095";
		}
		
		&.address:before {
			content: "\f041";
		}
	}
}

.times {
	span {
		display: inline-block;
		width: 50%;
		max-width: 125px;

		&:not(:last-child) {
			font-weight: 600;
		}
	}
}

/* ----------------------------------------------- */
/* *** Voor specifieke pagina's ***  */
/* ----------------------------------------------- */

/* // Home */
/* Mozaiek blok */
#fw_preview #content-73-151,
#content-73-151 {
	/* // Verkeerde volgorde door M3 */
	.content-73-item:nth-of-type(1) {
		order: 1;
	}
	.content-73-item:nth-of-type(2) {
		order: 3;
	}
	.content-73-item:nth-of-type(3) {
		order: 4;
	}
	.content-73-item:nth-of-type(4) {
		order: 5;
	}
	.content-73-item:nth-of-type(5) {
		order: 2;
	}

	@media only screen and (min-width: 1024px) {
		.content-73-item:nth-of-type(1),
		.content-73-item:nth-of-type(2),
		.content-73-item:nth-of-type(3),
		.content-73-item:nth-of-type(4),
		.content-73-item:nth-of-type(5) {
			order: unset;
		}
	}
}


/* // Keukens (beide pagina's) */
/* /wonen-interieur-zonwering/keukens: categorielijst verbergen omdat er maar één categorie in staat */
body.category-533 #fw_preview #category-list-02-258,
body.category-533 #category-list-02-258 {
    display: none;
}
 
/* /wonen-interieur-zonwering/keukens/keukens: titel verbergen */
/* /wonen-interieur-zonwering/keukens: titel verbergen */
body.category-533 #category-details-01-265, body.category-534 #category-details-01-265 {
    .page-title-01 {
        display: none;
    }
}


/* favorieten */
#fw_preview #content-47-148,
#content-47-148 {
	/* // datum verbergen */ /* DM niet */
	.item-date {
		display: none;
	}

	/* // verhouding afbeelding aanpassen */ /* DM niet */
	picture:before {
		padding-bottom: 70%;
	}
}

/* Populaire producten */
#fw_preview #content-26-32,
#content-26-32 {
	.card-sub-title {
		display: none;
	}
}

/* // Showroom */
#fw_preview #page-text-01-156 .page-text,
#page-text-01-156 .page-text {
	text-align: center;
}

/* // label image back-end verdwijnt door custom styling */
#fw_preview .content-39 .container > div:last-child .fw-content-object-label {
    transform: translateY(200px);
}

/* // Over ons */
/* #fw_preview #page-text-01-177,
#page-text-01-177 {
} */