/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root {
	--h1: 48px;
	--h2: 40px;
	--h3: 20px;
	--h4: 20px;
	--h5: 18px;
	--h6: 15px;
	--lichtgroen: #F0F9E8;
	--groen: #2D7130;
	--donkergroen: #0F380F;
	--radius: 20px;
    --peel: 34px;
    --peel-hover: 84px;
    --peel-bg: #0e3b1f;
}

/* grid */
.res-text {
    font-size: unset !important;
}
.col {
	xpadding-bottom: 0;
}
.row .section {
    padding-left: 0px;
    padding-right: 0px;
}

/* header */
.header-wrapper.stuck {
	box-shadow: none;
}
.nav > li > a {
    font-weight: 500 !important;
	font-size: 18px;
}


.header-bg-color.fill {    
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

body:not(.woocommerce) #header {
    position: relative;
    z-index: 10;
    overflow: visible;
}

body:not(.woocommerce) #main {
    position: relative;
    margin-top: -100px;
    z-index: 1;
}

body:not(.woocommerce) #content > .section:first-of-type > .section-content {
    padding-top: 100px;
}

#masthead .header-inner,
#masthead .header-inner > .flex-col,
#masthead .header-nav,
#masthead .header-nav > li.header-block {
    position: static !important;
}
#masthead .header-block > div {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
    z-index: 0 !important;
}
#masthead .account-item > a,
#masthead .cart-item > a,
#masthead .nav-icon > a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding-top: 0;
    padding-bottom: 0;
}
#masthead .nav-icon > a {
    margin-top: 20px;
    margin-left: 10px;
}
@media screen and (max-width: 850px) {
    #masthead .nav-icon > a {
        margin-top: 0px;
    }
}
.header-wrapper.stuck #masthead .nav-icon > a {
    margin-top: 10px;
    margin-left: 10px;
}
#masthead .account-item > a > i,
#masthead .cart-item > a > i,
#masthead .nav-icon .icon-menu {
    width: 44px;
    margin: 0 !important;
    top: 0;
}
#masthead .account-item > a > i,
#masthead .cart-item > a > i {
    order: -1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 32px;
    background: #fff;
    color: var(--donkergroen);
    border-radius: 12px;
    font-size: 18px;
    line-height: 1;
}
#masthead .nav-icon .icon-menu {
    position: relative;
    height: 31px;
}
#masthead .nav-icon .icon-menu::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 7px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 12px 0 #fff, 0 24px 0 #fff;
}
#masthead .header-account-title,
#masthead .header-cart-title {
    display: none !important;
}
#masthead .account-item > a::after,
#masthead .cart-item > a::after,
#masthead .nav-icon .menu-title {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
}
#masthead .account-item > a::after { 
    content: "Account"; 
    font-family: 'Golos Text';
}
#masthead .cart-item > a::after    { 
    content: "Winkelmand"; 
    font-family: 'Golos Text';
}
#masthead .nav-icon .menu-title {
    display: block !important;
    margin: 0;
    font-family: 'Golos Text';
}

/* global */
body, body p, body li {
	font-size: 18px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 500 !important;
}
h1,
.h1,
.banner h1,
.banner .h1 {
	font-size: var(--h1);
	line-height: 1.1em;
}
h2,
.h2,
.banner h2,
.banner .h2 {
	font-size: var(--h2);
}
h3,
.h3,
.banner h3,
.banner .h3 {
	font-size: var(--h3);
}
h4,
.h4,
.banner h4,
.banner .h4 {
	font-size: var(--h4);
}
h5,
.h5 {
	font-size: var(--h5);
	letter-spacing: 0;
}
h6,
.h6 {
	font-size: var(--h6);
	opacity: 1;
	letter-spacing: 0;
}
h2.section-title-center {
	font-size: var(--h1);
}
.alt-font .section-title {
	font-family: 'Aboreto';
}
.dark,
.dark p,
.dark td {
	color: #fff;
}
p,
td {
    color: var(--donkergroen);
}
.uppercase {
	letter-spacing: 0;
}
p.intro {
	font-size: var(--h3);
	line-height: 1.5em;
}
strong {
    font-weight: 700;
}
small {
	font-size: 14px;
}
.nooverflow {
    overflow: hidden !important;
}
.noheight {
    height: 0 !important;
}
.nomargin,
.banner .nomargin {
	margin-bottom: 0;
	margin-top: 0;
}
.banner p {
	margin-top: 0;
}
.nopadding {
	padding-bottom: 0;
}
.section-title-container {
    margin-bottom: 0;
}
.parallax-active {
	opacity: 1 !important;
}
.lichtgroen {
	color: var(--lichtgroen) !important;
}
.section.bg-lichtgroen, .col.bg-lichtgroen > .col-inner {
	background-color: var(--lichtgroen);
}
.groen {
	color: var(--groen) !important;
}
.section.bg-groen, .col.bg-groen > .col-inner {
	background-color: var(--groen);
}
.donkergroen {
	color: var(--donkergroen) !important;
}
.section.bg-donkergroen, .col.bg-donkergroen > .col-inner {
	background-color: var(--donkergroen);
}
.img .img-inner, .banner, .banner .banner-bg {
	border-radius: var(--radius);
}
.banner.afgerond-rechts, .banner.afgerond-rechts .banner-bg {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.row.afgerond .box-image {
    border-radius: var(--radius);
}
.col.afgerond > .col-inner {
	border-radius: var(--radius);
}
.col.afgerond-links > .col-inner {
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
}
.single-product .box.afgerond {
	border-radius: var(--radius);
	border: 1px solid #707070;
}
	.single-product .box.afgerond .box-image {
		border-top-left-radius: calc(var(--radius) - 2px);
		border-top-right-radius: calc(var(--radius) - 2px);
	}
	.single-product .box.afgerond .box-text {
		border-bottom-left-radius: var(--radius);
		border-bottom-right-radius: var(--radius);
	}
.row.align-equal .box {
	height: stretch;
}
	.row.align-equal .box .box-text {
		height: calc(100% - 235px);
	}
	@media screen and (min-width: 851px) and (max-width: 1320px) {
		.row.align-equal .box .box-text {
			height: calc(100% - 18vw);
		}
	}
		.row.align-equal .box .box-text-inner {
			height: 100%;
			position: relative;
		}
.recept .box-image {
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}
.recept .box-text {
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}
.post .box-image {
	border-radius: var(--radius);
}
	.box-text .button {
		font-weight: 600 !important;
	}

/* buttons */
.button {
	font-weight: bold !important;
	font-size: 18px;
	margin-bottom: 0;
    padding: 0px 50px 0px 50px;
}
.button.is-outline {
	border-width: 1px;
	padding: 0 0.5em;
}
.button.is-medium {
	font-size: 20px;
	line-height: 2.4em;
}
.button.align-bottom {
	position: absolute;
	bottom: 0px;
}
.button.is-link {
	padding: 0;
}
.button.white {
	color: var(--groen) !important;
}

/* animaties */
.slideUp {
	transform: translateY(20%);
	opacity: 0;
	animation: slide-up 1.5s ease-in-out forwards;
	animation-delay: 0.5s;
}
.slideUp.second {
	animation-delay: 1.5s;
}
.slideUp.third {
	animation-delay: 2.5s;
}
@keyframes slide-up {
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
.slideInUp {
	transform: translate(0, 10vh);
	transition: all 1s ease-in-out;
	opacity: 0.5;

}
.slideInUp.zichtbaar {
	transform: translate(0, 0);
	opacity: 1;
}


/* afbeelding en vlak */
img.afbeelding {
	position: absolute;
	pointer-events: none;
}

.vlak {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	right: 0;
	bottom: 0;
	width: 100vw;
	padding: 0 !important;
	margin: 0 !important;
	z-index: -2;
}
.vlak-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	left: -1px;
	right: -1px;
}
.vlak.bg-lichtgroen .vlak-overlay {
	background-color: var(--lichtgroen);
}
.vlak.bg-groen .vlak-overlay {
	background-color: var(--groen);
}
.vlak.bg-donkergroen .vlak-overlay {
	background-color: var(--donkergroen);
}
.vlak-bg {
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	right: 0;
	bottom: 0;
	padding: 0 !important;
	margin: 0 !important;
}

/* shop */
.shop-page-title .page-title-inner, .single-product .product-breadcrumb-container {
	background-color: var(--lichtgroen);
	padding-top: 0;
	margin-top: 20px;
	font-weight: normal;
	font-size: 15px;
}
.single-product .product-breadcrumb-container {
	padding: 1em;
}
	.shop-page-title .page-title-inner * {
		font-weight: normal;
		font-size: 15px;
	}
.archive .product-small .col-inner {
	border: 1px solid #D0C6C6;
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}
	.archive .product-small.box .box-image {
		border-top-left-radius: var(--radius);
		border-top-right-radius: var(--radius);
	}
	.archive .product-small.box .box-text {
		padding: 1em;
	} 
	.archive .product-small.box .box-text button {
		font-size: 15px;
		padding: 0.5em;
	} 
.archive .boxes .box-image {
	border-radius: var(--radius);
}
	.archive .boxes .box-text {
		pointer-events: none;
		padding: 1em;
		transform: translateY(-100%);
	}
.archive .add-to-cart-button, .single-product .add-to-cart-button, .single-recept .add-to-cart-button {
	display: none;
}
.archive hr {
    border-top: 2px solid #19371C;
    opacity: 1;
}

/* footer */
footer {
	overflow: hidden;
}
footer .menu {
	columns: 2;
}
	footer .menu li {
		list-style-type: none;
	}
	footer .menu li:hover, footer .menu li.current_page_item {
		font-weight: bold;
	}
.absolute-footer {
	display: none;
}


#footer .section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

#footer .section .section-content,
#footer .section .row,
#footer .section .col,
#footer .section .col-inner {
  position: static !important;
}


@media screen and (max-width: 850px) {
	:root {
		--huge: 68px;
		--headline: 36px;
		--h1: 25px;
		--h2: 20px;
		--h3: 20px;
		--h4: 18px;
		--radius: 10px;
	}
	.button.align-bottom {
		position: unset;
	}
}

@media screen and (min-width: 851px) {



}

.ingredienten li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 8px;
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
  /* color: #16341f; */
  border-bottom: 1px solid var(--groen);
}

.ingredienten li::before {
  content: "";
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--groen);
}

.ingredienten li:last-child {
  border-bottom: none;
}

.bereidingswijze li, .ingredienten li {
    margin-left: 0px !important;
}

.bereidingswijze {
    list-style: none;
    counter-reset: stappen;
    padding-left: 0;
}

.bereidingswijze li {
    counter-increment: stappen;
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px;
}

.bereidingswijze li::before {
    content: counter(stappen);
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--donkergroen);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Aboreto';
    font-size: 18px;
}

.recept-kaart .col-inner { 
    position: relative; 
}

.recept-kaart .recept-peel {
    position: absolute;
    top: 0;
    right: 0;
    width: 84px;
    height: 84px;
    pointer-events: none;
    z-index: 3;
}

.recept-kaart .recept-peel::before,
.recept-kaart .recept-peel::after {
    content: "";
    position: absolute;
    inset: 0;
    transition: clip-path .5s cubic-bezier(.2,.7,.3,1);
}

.recept-kaart .recept-peel::before {
    background: var(--peel-bg);
    clip-path: path("M50 0 L78 0 A6 6 0 0 1 84 6 L84 34 Z");
}

.recept-kaart .recept-peel::after {
    background: linear-gradient(225deg, #ffffff 0%, #f3f2ec 45%, #c8c6bc 100%);
    clip-path: path("M50 0 L50 28 A6 6 0 0 0 56 34 L84 34 Z");
    filter: drop-shadow(-3px 3px 5px rgba(0,0,0,.35));
}

.recept-kaart:hover .recept-peel::before {
    clip-path: path("M0 0 L78 0 A6 6 0 0 1 84 6 L84 84 Z");
}

.recept-kaart:hover .recept-peel::after {
    clip-path: path("M0 0 L0 78 A6 6 0 0 0 6 84 L84 84 Z");
}

/* ===== Base for all lists ===== */
ul.vlees-button,
ul.vis-button,
ul.groente-button,
ul.zuivel-button,
ul.brood-button,
ul.kip-button {
    list-style: none !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
}

ul.vlees-button li,
ul.vis-button li,
ul.groente-button li,
ul.zuivel-button li,
ul.brood-button li,
ul.kip-button li {
    display: block;
    text-align: center;
    list-style: none !important;
    margin: 0 0 10px 0 !important;
    padding: 0;
}

ul.vlees-button li::before,
ul.vis-button li::before,
ul.groente-button li::before,
ul.zuivel-button li::before,
ul.brood-button li::before,
ul.kip-button li::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    background-color: var(--donkergroen);
    -webkit-mask: var(--bullet) no-repeat center / contain;
            mask: var(--bullet) no-repeat center / contain;
}

ul.vlees-button { --bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.2 6.5C4 6 2.6 4.3 3 2.2c1 1.5 2.6 2.4 4.6 2.6zM17.8 6.5c2.2-.5 3.6-2.2 3.2-4.3-1 1.5-2.6 2.4-4.6 2.6z'/%3E%3Cellipse cx='3.9' cy='9.6' rx='3' ry='1.5' transform='rotate(20 3.9 9.6)'/%3E%3Cellipse cx='20.1' cy='9.6' rx='3' ry='1.5' transform='rotate(-20 20.1 9.6)'/%3E%3Cpath fill-rule='evenodd' d='M7.2 5h9.6c1.3 0 2.2 1 2.2 2.3 0 3-1 5.2-1.6 7H6.6C6 12.5 5 10.3 5 7.3 5 6 5.9 5 7.2 5zM10.2 9.8a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 1 1 2.2 0zM16 9.8a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 1 1 2.2 0z'/%3E%3Cpath fill-rule='evenodd' d='M18.2 17.6a6.2 4.3 0 1 1-12.4 0 6.2 4.3 0 1 1 12.4 0zM10.7 18a1.1 1.3 0 1 1-2.2 0 1.1 1.3 0 1 1 2.2 0zM15.5 18a1.1 1.3 0 1 1-2.2 0 1.1 1.3 0 1 1 2.2 0z'/%3E%3C/svg%3E"); }
ul.vis-button { --bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Cg fill='white'%3E%3Cpath d='M1.5 12C4 8 7.5 6 11.5 6S17.5 8.3 18.5 12c-1 3.7-3 6-7 6S4 16 1.5 12z'/%3E%3Cpath d='M17 12l5.5-5v10z'/%3E%3Cpath d='M9 6.5l3-3.2c1.5.3 2.5 1.3 3 3.2z'/%3E%3C/g%3E%3Cg fill='black' stroke='black'%3E%3Ccircle cx='5.8' cy='11' r='1.2' stroke='none'/%3E%3Cpath d='M9 8.3c1.3 2.3 1.3 5.1 0 7.4' fill='none' stroke-width='1.3' stroke-linecap='round'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Crect width='24' height='24' mask='url(%23m)'/%3E%3C/svg%3E"); }
ul.groente-button { --bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Cg fill='white'%3E%3Cpath d='M15.8 8.2c1.9 1.9 1.9 4.9 0 6.8L4.3 21.6c-.8.6-2.4-.9-1.8-1.8L9 8.2c1.9-1.9 4.9-1.9 6.8 0z'/%3E%3Cpath d='M15.4 8.6C14.6 5.6 15.4 3 17.6 1.5c1.2 2.8.5 5.4-2.2 7.1z'/%3E%3Cpath d='M15.4 8.6c3-.8 5.6 0 7.1 2.2-2.8 1.2-5.4.5-7.1-2.2z'/%3E%3Cpath d='M15 9l5.6-5.6' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/g%3E%3Cg fill='black' stroke='black'%3E%3Cpath d='M8.3 11.7l2.2 1.3M6.2 15.3l2 1.2M11.2 9.6l1.8 1' fill='none' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Crect width='24' height='24' mask='url(%23m)'/%3E%3C/svg%3E"); }
ul.zuivel-button { --bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Cg fill='white'%3E%3Crect x='5.5' y='1.5' width='5' height='2.5' rx='.7'/%3E%3Cpath d='M6 4.5h4v2l2.3 3V21a1.3 1.3 0 0 1-1.3 1.3H5A1.3 1.3 0 0 1 3.7 21V9.5L6 6.5z'/%3E%3Cpath d='M18.2 9.5c2.3 0 4 3.6 4 7 0 3.2-1.8 5.8-4 5.8s-4-2.6-4-5.8c0-3.4 1.7-7 4-7z'/%3E%3C/g%3E%3Cg fill='black' stroke='black'%3E%3Crect x='3' y='13' width='10' height='3.2' stroke='none'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Crect width='24' height='24' mask='url(%23m)'/%3E%3C/svg%3E"); }
ul.brood-button { --bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Cg fill='white'%3E%3Cpath d='M2 13.2C2 8.6 6.5 5.5 12 5.5s10 3.1 10 7.7v5.6a1.7 1.7 0 0 1-1.7 1.7H3.7A1.7 1.7 0 0 1 2 18.8z'/%3E%3C/g%3E%3Cg fill='black' stroke='black'%3E%3Cpath d='M8 8.5l-1.8 4M12.8 7.8l-1.8 4.4M17.5 8.5l-1.8 4' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Crect width='24' height='24' mask='url(%23m)'/%3E%3C/svg%3E"); }
ul.kip-button { --bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Cg fill='white'%3E%3Cellipse cx='11.5' cy='14.2' rx='7.5' ry='5.3'/%3E%3Cpath d='M5.2 13.5L2 5.8c2.4.4 4.8 2.3 6 4.8z'/%3E%3Cpath d='M14.2 8.2c.8-1.9 2.2-3 3.8-3 1.8 0 3 1.4 3 3.4 0 2-.6 4.3-2 6.4h-5.2z'/%3E%3Ccircle cx='16.6' cy='4.4' r='1.2'/%3E%3Ccircle cx='18.3' cy='3.8' r='1.3'/%3E%3Ccircle cx='19.8' cy='4.7' r='1'/%3E%3Cpath d='M20.6 7.2l2.8 1.1-2.6 1.3z'/%3E%3Cellipse cx='20.4' cy='10.6' rx='.9' ry='1.2'/%3E%3Cpath d='M9.5 19v3.3M13.5 19v3.3' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3Cg fill='black' stroke='black'%3E%3Ccircle cx='18.4' cy='7.3' r='.8' stroke='none'/%3E%3Cpath d='M7.8 13.3c1.6 2.7 5.4 3.3 8 1' fill='none' stroke-width='1.3' stroke-linecap='round'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Crect width='24' height='24' mask='url(%23m)'/%3E%3C/svg%3E"); }

.woocommerce-checkout h3 {
    font-size: 26px;
    color: var(--donkergroen);
    border-bottom: 2px solid var(--donkergroen);
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout .large-5 .col-inner.has-border {
    border: 1px solid #D0C6C6;
    border-radius: var(--radius);
    padding: 32px;
}
.woocommerce-checkout .large-5 .col-inner.has-border {
    background: var(--lichtgroen);
    border: 0;
}

.woocommerce-checkout .form-row label {
    font-size: 15px;
    font-weight: 600;
    color: var(--donkergroen);
}
.woocommerce-checkout .input-text,
.woocommerce-checkout .select2-selection--single {
    height: 50px !important;
    padding: 0 14px;
    border: 1px solid #D0C6C6 !important;
    border-radius: 12px !important;
    box-shadow: none;
}
.woocommerce-checkout textarea.input-text {
    height: 110px !important;
    padding-top: 12px;
}
.woocommerce-checkout .select2-selection__rendered,
.woocommerce-checkout .select2-selection__arrow {
    line-height: 48px !important;
    height: 48px !important;
}
.woocommerce-checkout .input-text:focus {
    border-color: var(--groen) !important;
    box-shadow: 0 0 0 3px rgba(45, 113, 48, .15);
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background: var(--lichtgroen);
    border-radius: var(--radius);
    padding: 14px 20px;
    margin-bottom: 30px;
}

.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
    border-color: rgba(15, 56, 15, .15);
    color: var(--donkergroen);
    text-transform: none;
    letter-spacing: 0;
}
.woocommerce-checkout .order-total th,
.woocommerce-checkout .order-total td {
    border-top: 2px solid var(--donkergroen);
    font-size: 22px;
}

.woocommerce-checkout #place_order {
    background: var(--groen);
}
.woocommerce-checkout #place_order:hover {
    background: var(--donkergroen);
}






.vanstijns-banner {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

.vanstijns-pager .facetwp-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 0 15px;
}
.vanstijns-pager .facetwp-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    margin: 0;
    border: 2px solid var(--donkergroen);
    border-radius: 999px;
    background: #fff;
    color: var(--donkergroen);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s, color .2s, border-color .2s;
}
.vanstijns-pager .facetwp-page:hover {
    background: var(--lichtgroen);
}
.vanstijns-pager .facetwp-page.active,
.vanstijns-pager .facetwp-page.active:hover {
    background: var(--groen);
    border-color: var(--groen);
    color: #fff;
    cursor: default;
}
.vanstijns-resultaten {
    margin: 0 0 15px;
    color: var(--donkergroen);
    font-size: 18px;
}
.vanstijns-facet-melding {
    background: #ffe5e5;
    color: #900;
    padding: 8px 12px;
    border-radius: 8px;
}
@media screen and (max-width: 850px) {
    .vanstijns-pager .facetwp-pager {
        gap: 4px;
    }
    .vanstijns-pager .facetwp-page {
        min-width: 30px;
        height: 32px;
        font-size: 14px;
    }
    .vanstijns-resultaten {
        font-size: 14px;
    }
}




/* Productpagina */
p.h6.groen.fridge,
p.h6.groen.heart,
p.h6.groen.house,
p.h6.groen.truck {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0 0 14px;
	padding: 0;
	min-height: 40px;
	color: #2d6e32;
	font-size: 1.15em;
	line-height: 1.3;
}

p.h6.groen.fridge::before,
p.h6.groen.heart::before,
p.h6.groen.house::before,
p.h6.groen.truck::before {
	content: "";
	flex: 0 0 40px;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	image-rendering: -webkit-optimize-contrast;
}

p.h6.groen.fridge::before {
	background-image: url('/wp-content/uploads/Vanstijns-vriezer.svg');
}

p.h6.groen.heart::before {
	background-image: url('/wp-content/uploads/VanStijns-hart.svg');
}

p.h6.groen.house::before {
	background-image: url('/wp-content/uploads/VanStijns-Boerderij.svg');
}

p.h6.groen.truck::before {
	background-image: url('/wp-content/uploads/VanStijns-bezorging.svg');
}

/* @media (max-width: 849px) {
	p.h6.groen.fridge,
	p.h6.groen.heart,
	p.h6.groen.house,
	p.h6.groen.truck {
		gap: 14px;
		font-size: 1em;
		min-height: 32px;
		margin-bottom: 12px;
	}

	p.h6.groen.fridge::before,
	p.h6.groen.heart::before,
	p.h6.groen.house::before,
	p.h6.groen.truck::before {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
	}
} */