/*
Theme Name: Norhage webshop
Author: Garbo
Author URI: https://garbo.nl
Version: 0.1
*/

:root{
	--dark-blue: #0A4164;
	--bright-orange: #FF7F00;
	--light-blue: #E9F2F8;
	--bright-green: #0DFF86;

	--white: #fff;
	--black:#000;
	--store-color: #66B73C;
	--accent-color:#0A4164;	
	--light-green:#F1FFEA;
	--custom-text-color: #000;
	--header-height: 8vw;
	--header-nav-height: 8vw;
/*	--img-gradient: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(91, 127, 151, .67) 30%, rgba(10,65,100,1) 100%);*/
	--img-gradient:linear-gradient(180deg, rgb(255 255 255) 0%, rgba(128,128,128,1) 100%);
	--header-gradient: linear-gradient(0deg, rgb(59 140 18 / 88%) 0%, rgb(108 235 42 / 31%) 100%); /* linear-gradient(0deg, rgb(60 125 27 / 88%) 0%, rgb(102 183 60 / 31%) 100%); /*linear-gradient(0deg, rgba(51,92,30,0.75) 0%, rgba(102,183,60,0.17) 100%);*/
	--green-gradient: linear-gradient(180deg, rgba(169,235,134,1) 0%, rgba(102,183,60,1) 30%, rgba(62,121,32,1) 100%);
	--big-flex:55%;
	--small-flex:45%;
	--gap: 1em;
}
body.small-height-header{
	--header-nav-height: 5vw;
}
  
html, body{
	margin: 0;
}

img{
	max-width: 100%;
	height: auto;
}
*{
	box-sizing: border-box;
}

hr{
	height: 0;
	border: none;
	border-top: 1px solid var(--store-color);
	margin: 1em 0;
}

/**
 * TYPOGRAFIE
 */
html{
	font-family: kiro, sans-serif;
	font-weight: 300;
	font-size: 150%; /* 24px!! */
	line-height: 1.5;
}
h1{
	font-size: 3em;
	line-height: 1em;
	font-weight: 700;
}

h2{
	font-size: 2.41667em;
	line-height: 1.2em;
	font-weight: 200;
	font-style: italic;
	margin:0 0 0.5em;
	
}

h2.alt{
	font-weight: 700;
	font-style: normal;
}
h2 bold,
h2 strong{
	font-weight: 200;
}
h2 em,
h2 i{
	font-style: italic;
}

h3{
	font-size: 1.333em;
	line-height: 1.28em;
	font-weight: 300;
	margin: 0;
}
@media screen and (max-width: 1770px){
	h1{
		font-size: 2.5em;
	}
	h2{
		font-size: 2em;
	}
	h3{
		font-size: 1.33333333em;
	}
}
@media all and (max-width:1280px){
	:root{
		--header-height: 6vw;
		--header-nav-height: 6vw;
	}
	body.small-height-header{
		--header-height: 4vw;
		--header-nav-height: 4vw;
	}
	html{
		font-size: 100%;
	}
}
@media all and (max-width:1100px){
	html{
		font-size: 90%;
	}
}
@media all and (max-width:1024px){
	html{
		font-size: 75%;
	}
}
@media all and (max-width:768px){
	:root{
		--header-height: 10vh;
		--header-nav-height: 10vh;
	}
	body.small-height-header{
		--header-height: 6vh;
		--header-nav-height: 6vh;
	}
	html{
		font-size: 100%;
	}
}

p#breadcrumbs{
	font-size: 0.816667rem;	
	margin: 1em 0;
	line-height: 1.1667;
}
@media all and (min-width:1280px){
	p#breadcrumbs{
		font-size: 0.667rem;
	}
}
p#breadcrumbs span{
	padding: 0 0.3em;
}
p#breadcrumbs span:first-child{
	padding-left: 0;
}
p#breadcrumbs a{
	color: #66B73C;
}
a{
	color: var(--custom-text-color);
	text-decoration: none;
}
.wp-block-button a.wp-element-button,
input[type="submit"]{
	border: 2px solid var(--store-color);
	background: var(--store-color);
	text-decoration: none ;
	padding: 0.5em 1.5em;
	border-radius: 3em;
	color: var(--white);
}
.wp-block-button a.wp-element-button:hover,
input[type="submit"]:hover{
	transform: scale(1.05);
}
.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button{
	color: var(--store-color);
}
.wp-block-button a[href^="tel:"] ,
.wp-block-button a[href^="mailto:"]{
	background: transparent url(images/svg/phone-icon-black.svg) no-repeat left center;
	background-size: 1em auto;
	color: var(--black);
	border: unset;
	border-radius: unset;
	padding: 0.25em 0 0.25em 1.5em;
}
.wp-block-button a[href^="mailto:"]{
	background-image: url(images/svg/email-icon-black.svg);
}
.green_bg .wp-block-button a[href^="tel:"],
.green_bg .wp-block-button a[href^="mailto:"]{
	background-image: url(images/svg/phone-icon-white.svg);
	color: #fff;
	border-color: #fff;
}
.green_bg .wp-block-button a[href^="mailto:"]{
	background-image: url(images/svg/email-icon-white.svg);
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
	background-color: inherit;
}
.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
	font-size: 1em;
	font-family: "kiro", sans-serif;
	line-height: 1.5em;
	padding: 0.13em 1em 0.13em; 
  	border-radius: 2em;
  	background-color: var(--store-color);
  	color: var(--white);
  	font-weight: 400;
}
.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover{
  	background-color: var(--store-color);
  	color: var(--white);
}

.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled:hover,
.button.disabled.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled.alt:hover{
	background-color: #ccc;
}
.button:not(.disabled.alt):hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:not(.disabled.alt):hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:not(.disabled.alt):hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:not(.disabled.alt):hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:not(.disabled.alt):hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:not(.disabled.alt):hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:not(.disabled.alt):hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:not(.disabled.alt):hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:not(.disabled.alt):hover{
  	transform: scale(1.05);
}

@media all and (max-width:768px){
	.button{
		font-size: 1em;

	}
}


.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size{
	line-height: initial;
}

ul{}

li{}


select{
	height: 2.5em;
	border-radius: 2em;
	padding: 0 1em;
	border: 1px solid var(--black);
}
/**
 * PAGE STRUCTURE
 */
.site-main .entry-content > *,
.site-main .entry-header,
.site-main .entry-footer,
.post-navigation{
	max-width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
}
.site-main .entry-content > *.alignwide{
	max-width: 100%;
	margin-right: -25%;
	margin-left: 25%;
}
.site-main .entry-content > *.alignfull{
	max-width: none;
	width: auto;
	margin-right: -25%;
}
.site-main .entry-content > *.alignfull.woocommerce{
	padding-right: 2em;
}
header#masthead,
footer.site-footer{
	width: auto;
	margin-right: -25%;
}
@media screen and (max-width: 768px){
	/* annoying way to call body element because this is houw WP does it since 6.6 */
	:root :where(body){
		--wp--style--global--content-size: 100%;
		--wp--style--global--wide-size: 100%;
		padding-left: 1em;
		padding-right: 1em;
	}
	.site-main .entry-content > *.alignfull{
		margin-left: -1em;
		margin-right: -1em;
	}
	.site-main .entry-content > *.alignwide{
		margin-left: 0;
		margin-right: 0;
	}
	header#masthead{
		margin-left: -1em;
		margin-right: -1em;
	}
	footer.site-footer{
		margin-left: -1em;
		margin-right: -1em;
	}
}

/**
 * HEADER
 * including navigation and subnav
 */
header#masthead{
	height: var(--header-nav-height);
	position: sticky;
	top: 0;
	z-index: 100;
	transition: height 0.3s ease;
}
header#masthead .site-branding p{
	width: 1px;
	height: 1px;
	text-indent: -99999em;
	position: absolute;
	opacity: 0;
}
header#masthead .site-branding > a{
	display: flex;
	height: var(--header-nav-height);
	transition: height 0.5s ease;
	aspect-ratio: 1;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 2em;
}
@media all and (max-width:768px){
	header#masthead .site-branding > a{
		left: 1em;
	}
}
header#masthead .site-branding #logo{
	width: 100%;
}



header#masthead nav#site-navigation aside.contact h3{
	font-size: 0.65em;
	margin: 0;
	font-style: italic;
	font-size: 100;
	color: #ffffff;
}
header#masthead nav#site-navigation aside.contact a{
	font-size: 1em;
	font-weight: 700;
	color: #ffffff;
}
@media all and (min-width:768px){
	header#masthead nav#site-navigation{
		width: 100%;
		display: flex;
		height: var(--header-nav-height);
		transition: height 0.5s ease;
		border-bottom: 1px solid var(--white);
	}
	header#masthead nav#site-navigation aside.contact{
		position: absolute;
		right: 1.416666667em;
		top: 0.4em;
		text-align: right;
		line-height: 1.04em;
		transition: opacity 0.5s ease 0s, z-index 0s linear 0.7s;
	}
	.small-height-header header#masthead nav#site-navigation aside.contact{
		z-index: -1;
		opacity: 0;
	}
}

@media all and (max-width:768px){
	header#masthead nav#site-navigation aside.contact{
		order: 4;
	}
	header#masthead nav#site-navigation aside.contact h3,
	header#masthead nav#site-navigation aside.contact a{
		color: var(--black);
	}
}

/*
 * search
 */
header#masthead nav#site-navigation aside.search{
	position: absolute;
	left: 35%;
	margin: 0 0 0 1.5em;
	z-index: 1;
	padding: 0;
}
header#masthead nav#site-navigation aside.search form{
	display: flex;
	width: 2em;
	margin: 0;
	padding: 0.15em 0;
	font-size: 1em;
	background: var(--store-color);
	border: 1px solid var(--white);
	border-top: none;
	border-radius: 0 0 1em 1em;
	overflow: hidden;
	transition: width 0.3s ease, font-size 0.3s ease;
}

body.small-height-header header#masthead nav#site-navigation aside.search form{
	font-size: 0.8em;
}
header#masthead nav#site-navigation aside.search form:hover,
header#masthead nav#site-navigation aside.search form:focus-within,
header#masthead nav#site-navigation aside.search form:not(:has(input:placeholder-shown)){
	width: 20em;
	border-color: var(--store-color);
	background-color: var(--white);
}
header#masthead nav#site-navigation aside.search form:focus-within{
	background-color: #fafad8;
}
header#masthead nav#site-navigation aside.search form input,
header#masthead nav#site-navigation aside.search form button{
	font-size: 0.7em;
	background-color: transparent;
	border: none;
	line-height: 2em;
}
header#masthead nav#site-navigation aside.search form input{
	flex: calc(1/0.7 * 18em) 0 1;
	min-width: 0;
	padding: 0 0;
	transition: padding 0.3s ease;
}
header#masthead nav#site-navigation aside.search form:hover input,
header#masthead nav#site-navigation aside.search form:focus-within input,
header#masthead nav#site-navigation aside.search form:not(:has(input:placeholder-shown)) input{
	padding: 0 1em;
}
header#masthead nav#site-navigation aside.search form input:focus{
	outline: none;
}
header#masthead nav#site-navigation aside.search form button{
	flex: calc(1/0.7 * 2em) 0 0;
	background: transparent url(images/svg/search.svg) center no-repeat;
	background-size: auto 70%;
	text-indent: -99999em;
	overflow: hidden;
}
header#masthead nav#site-navigation aside.search form:hover button,
header#masthead nav#site-navigation aside.search form:focus-within button,
header#masthead nav#site-navigation aside.search form:not(:has(input:placeholder-shown)) button{
	background-image: url(images/svg/search-black.svg);
}
@media all and (max-width:768px){
	header#masthead nav#site-navigation aside.search {
		position: relative;
		left: 0;
		margin: 0;
		z-index: 0;
		order: 1;
	}
	header#masthead nav#site-navigation aside.search form:hover,
	header#masthead nav#site-navigation aside.search form:focus-within,
	header#masthead nav#site-navigation aside.search form:not(:has(input:placeholder-shown)){
		width: unset;
	}
	header#masthead nav#site-navigation aside.search form,
	body.small-height-header header#masthead nav#site-navigation aside.search form{
		width: 100%;
		background: var(--white);
		border: 1px solid var(--store-color);
		border-radius: 1em;
		font-size: 1em;
	}
	header#masthead nav#site-navigation aside.search form:hover{
		width: unset;
	}
	header#masthead nav#site-navigation aside.search form button{
		background:transparent url(images/svg/search-black.svg) no-repeat center;
		background-size: auto 70%;
	}
	header#masthead nav#site-navigation aside.search form input,
	header#masthead nav#site-navigation aside.search form button{
		font-size: 1em;
	}
	header#masthead nav#site-navigation aside.search form input{
		flex: calc(100% - 2em) 1 0;
		padding: 0 1em;
	}
	header#masthead nav#site-navigation aside.search form button{
		flex: 2em 0 0;
	}
}
header#masthead nav#site-navigation .menu-main-navigation-container{
	flex: 65% 0 0;
	background: var(--store-color);
	color: var(--white);
	transition: border-bottom-color 0.5s ease;
	box-sizing: border-box;
	order: 2;
	mix-blend-mode: multiply;
}

header#masthead nav#site-navigation .menu-secondary-menu-container{
	flex: 35% 0 0;
	color: var(--white);
	border-right: 1px solid var(--white);
	text-align: right;
	background: var(--store-color);
	transition: background 0.5s ease;
	box-sizing: border-box;
	order: 1;
}
header#masthead.over-headerblock nav#site-navigation .menu-main-navigation-container{
	background: var(--header-gradient);
}
header#masthead nav#site-navigation ul.menu{
	list-style: none;
	margin: 0;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	box-sizing: border-box;
	flex-direction: row;
	align-items: flex-end;
	font-size: 0.875em;
	gap: 1em;
}
@media all and (max-width:768px){
	header#masthead nav#site-navigation ul.menu li a{
		font-weight: 700;
	}
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.menu{
	padding: 0 1.5em 0 1.5em;
}
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu{
	padding: 0 1em 0 calc(2em + var(--header-height) + 2em );
	justify-content: flex-end;
}
@media screen and (max-width: 1280px){
	header#masthead nav#site-navigation ul.menu{
		font-size: 1em;
	}
}
header#masthead nav#site-navigation ul.menu li{
	flex: auto 0 1;
	line-height: calc(var(--header-nav-height) - 3.2vw);
	display: block;
	font-weight: bold;
}
header#masthead nav#site-navigation ul.menu li:last-child{
	margin-right: 0;
}
body.small-height-header header#masthead nav#site-navigation ul.menu li{
	line-height: calc(var(--header-nav-height) - 1.9vw);
}
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li{
	font-weight: 300;
}
@media all and (max-width:1100px){
	header#masthead nav#site-navigation ul.menu li{
		line-height: calc(var(--header-nav-height) - 2.4vw);
	}
}
@media all and (max-width:1024){
	header#masthead nav#site-navigation ul.menu li{
		line-height: calc(var(--header-nav-height) - 2.4vw);
	}
}


header#masthead nav#site-navigation ul.menu li button.expander{
	display: none;
}

header#masthead nav#site-navigation ul.menu > li > a{
	display: inline-block;
	line-height: 1.3em;
	transition: transform 0.3s ease;
	position: relative;
}
header#masthead nav#site-navigation ul.menu a:link,
header#masthead nav#site-navigation ul.menu a:visited{
	color: #fff;
	text-decoration: none;
}
header#masthead nav#site-navigation .menu-secondary-menu-container ul li a{
	white-space: nowrap;
}
@media all and (min-width:768px){
	header#masthead nav#site-navigation .menu-main-navigation-container > ul > li:hover > a  {
		transform: translate(0, -3px);
	}
	header#masthead nav#site-navigation ul.menu > li:has(.sub-menu) > a:after{
		content: " ";
		display: block;
		position: absolute;
		top: 110%;
		background: #fff;
		width: 0;
		height: 1px;
		transition: width 0.4s ease;
		opacity: 0.7;
	}
	header#masthead nav#site-navigation ul.menu > li:has(.sub-menu):hover > a:after{
		width: 100%;
	}
}

header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu,
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages ul.sub-menu{
	position: absolute;
	z-index: 999;
	top: var(--header-nav-height);
	left: -200vw;
	width: 100%;
	height: calc(70vh - var(--header-nav-height));
	display: block;
	padding: 3em 0;
	margin: 0;
	background-color: var(--light-green);
	transform: translate(0, 10px);
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s linear 0.3s;
	opacity: 0;
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu{
	background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAGa3PAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
	background-repeat: repeat-y;
	background-position: 25% 0;
	border-bottom: 1px solid var(--store-color);
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu a:link,
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu a:visited{
	color: var(--black);
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu ul.products-sub-menu{
	position: absolute;
	left: -120%;
	width: 75%;
	top: 0;
	bottom: 0;
	padding: 3em;
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	align-content: flex-start;
	overflow: auto;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
@media all and (min-width:768px){
	header#masthead nav#site-navigation .menu-main-navigation-container ul.menu li:hover ul.sub-menu,
	header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages:hover ul.sub-menu{
		left: 0;
		transform: translate(0, 0);
		opacity: 1;
		transition: transform 0.3s ease-out 0.4s, opacity 0.3s ease-out 0.4s, left 0s linear 0.4s;
		overflow: auto;
		scrollbar-width: none;  /* Firefox */
	}
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu > li{
	display: block;
	width: 25%;
	line-height: 2.5em;
	padding-left: 0;
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu > li > a{
	display: block;
	padding: 0 2em;
	background: transparent url(images/svg/arrow.svg) no-repeat right 0.5em center;
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu > li:hover > a{
	color: var(--white);
	background: var(--store-color) url(images/svg/arrow-white.svg) no-repeat right 0.5em center;
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu > li:hover ul.products-sub-menu,
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu:not(:hover) > li:first-child ul.products-sub-menu{
	left: 25%;
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu .image-button{
	width: 10em;
	height: 10em;
	line-height: initial;
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu .image-button span a{
	color: var(--white);
	font-weight: 700;
	text-shadow: 2px 2px 6px #000;
}
header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu .image-button span{
	top: 50%;
	bottom: inherit;
	transform: translate(0,-50%);
}



header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages,
header#masthead nav#site-navigation .menu-main-navigation-container ul.menu > li.pll-parent-menu-item{
	position: relative;
}
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages > a{
	background: transparent url(images/svg/globe.svg) left center no-repeat;
	background-size: contain;
	width: 1.5em;
	text-align: left;
	text-indent: -99999em;
	overflow: hidden;
	vertical-align: text-bottom;
}

header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.account-link a{
 	background: transparent url(images/svg/account-icon.svg) left center no-repeat;
 	background-size: 1.5em auto;
 	font-size: inherit;
 	display: block;
    line-height: inherit;
    text-indent: -9999em;
 	text-align: left;
    overflow: hidden;
    width: 1.5em;
    height: auto;
    position: relative;
}
 @media all and (max-width: 768px){
 	header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.account-link a{
 		color: var(--store-color);
 		padding: 0.5em 0 0.5em 2em;
 		font-weight: 700;
 		background-image:url(images/svg/account-icon-green.svg);
 		height: auto;
 		text-indent: 0;
 		line-height: 1.5;
 		width: 100%;
 		display: block;
 		text-align: left;
	}
 }


/**
 * AJAX cart
 * */
 .cart-btn{
 	color: #fff;
 	margin: 0;
 	padding: 0;
 	border: none;
 	background: transparent url(images/svg/cart.svg) left center no-repeat;
 	background-size: 1.5em auto;
 	height: 1.5em;
    width: 1.5em;
 	text-indent: -999em;
 	font-size: inherit;
 	font-weight: inherit;
 	font-family: inherit;
 	position: relative;
 	cursor: pointer;
 }
 .cart-btn span{
	position: absolute;
	display: block;
 	font-size: 0.65em;
 	width: 1.333em;
 	height: 1.333em;
 	color: #fff;
 	background: red;
 	border-radius: 50%;
 	text-align: center;
 	line-height: 1.333em;
 	right: -1em;
 	top: -0.5em;
 	text-indent: 0;
 }
 .cart-btn span:empty{
 	display: none;
 }
p.open-filters-button-wrap,
.woocommerce p.woocommerce-result-count{
	float: left;
	margin: 0 0.3em 1em 0;
	font-size: 0.81667em;
}
button.button.open-filters,
button.button.open-filters:hover{
	padding-left: 2.2em;
	background:var(--store-color) url(images/svg/productfilters-fat.svg) 0.75em center no-repeat;
	background-size: 1em;
}
.woocommerce .woocommerce-ordering select{
	width: 15em;
}
.widget_shopping_cart,
#filters-sidebar{
	position: absolute;
	left: -9999em;
	top: 100%;
	height: calc(100vh - var(--header-nav-height));
	overflow: auto;
	width: 35%;
	background: var(--light-green);
	box-shadow: -3px 3px 12px rgba(0,0,0,0.4);
	border-left: 1px solid var(--store-color);
	font-size: 0.667em;
	font-weight: 300;
	color: #000;
	text-align: left;
	transform: translate(-10px, 0);
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s linear 0.3s;
	opacity: 0;
	padding: 2em;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;
}
.widget_shopping_cart::-webkit-scrollbar,
#filters-sidebar::-webkit-scrollbar{
	display: none;
}
#filters-sidebar{
	position: fixed;
	top: var(--header-nav-height);
	z-index: 30;
}
.cart-popout.open,
.widget_shopping_cart.open,
#filters-sidebar.open{
	left: 65%;
	transform: translate(0, 0);
	opacity: 1;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s linear 0s;
}

#filters-sidebar .selected_filters,
.before-products > .bapf_sfilter{
	position: relative;
	border-left: 2px solid var(--store-color);
	padding: 0 0 0 1em;
	margin: 2em 0;
}
#filters-sidebar .selected_filters .bapf_head h3,
.before-products > .bapf_sfilter .bapf_head h3{
	font-weight: 400;
	color: var(--store-color);
}
.before-products > .bapf_sfilter .bapf_body{
	font-size: 0.8em;
}
#filters-sidebar .selected_filters .bapf_sfa_taxonomy,
.before-products > .bapf_sfilter .bapf_sfa_taxonomy{
	display: flex;
	gap: 1em;
	margin: 0.5em 0;
}
#filters-sidebar .selected_filters .bapf_sfa_taxonomy > span,
.before-products > .bapf_sfilter .bapf_sfa_taxonomy > span{
	font-weight: 700;
}
#filters-sidebar .selected_filters .bapf_sfa_taxonomy ul,
.before-products > .bapf_sfilter .bapf_sfa_taxonomy ul{
	margin: 0;
}
#filters-sidebar .selected_filters .bapf_sfa_unall,
.before-products > .bapf_sfilter .bapf_sfa_unall{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-weight: 700;
}
#filters-sidebar .selected_filters ul,
.before-products > .bapf_sfilter ul{
	padding: 0;
	margin: 0.5em 0;
}
#filters-sidebar h3,
.before-products > .bapf_sfilter h3{
	font-weight: 400;
}
@media all and (max-width: 768px){
	.cart-popout.open,
	.widget_shopping_cart.open{
    	top: var(--header-height);
    	left: 0;
    	width: 100%;
    	z-index: 1;
	}
	#filters-sidebar.open{
    	left: 0;
    	width: 100%;
		z-index: 30;
	}
}
header#masthead nav#site-navigation .widget_shopping_cart h2,
#filters-sidebar h2{
	display: block;
	color: var(--black);
	background: transparent url(images/svg/cart-black.svg) left center no-repeat;
	background-size: auto 1em ;
	padding-left: 1.5em;
	font-weight: 700;
	font-style: normal;
}
#filters-sidebar h2{
	background-image: url('images/svg/productfilters-fat-black.svg');
}
@media all and (max-width:768px){
	header#masthead nav#site-navigation .widget_shopping_cart h2,
	#filters-sidebar h2{
		font-size: 2em;
	}
}
.widget_shopping_cart .updating-cart{
	opacity: 0.3;
}

.widget_shopping_cart .close-btn,
#filters-sidebar .close-btn{
	position: absolute;
	right: 2em;
	top: 3em;
	border: none;
	background: transparent url(images/svg/close.svg) center no-repeat;
	display: block;
	width: 2em;
	height: 2em;
	background-size: 1em;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}
@media all and (max-width:1280px){
	.widget_shopping_cart .close-btn,
	#filters-sidebar .close-btn{
		top: 1em;
		right: 1em;
	}
}
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list{
	border-top: 1px solid hsla(0,0%,7%,.11);
	font-size: 1.25em;
}
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list .price-quantity{
	display: flex;
	align-items: center;
	margin: 0.5em 0;
}
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list .price-quantity .amount:before{
	content: "\00d7";
	display: inline-block;
	margin: 0 0.5em;
	font-weight: 300;
}
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list .amount{
	font-weight: 700;
}
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list li{
	margin: 1em 0 0;
	padding: 0 0 1em 2em;
	border-bottom: 1px solid hsla(0,0%,7%,.11);
}
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list li:last-child{
	border-bottom: none;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{
	color: #cc6f6f !important;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove:hover, 
.woocommerce.widget_shopping_cart .cart_list li a.remove:hover{
	background: #cc6f6f !important;
	color: #fff !important;
}
.woocommerce.widget_shopping_cart .buttons a{
	font-size: 1.25em;
	margin-right: 2em;
}
@media all and (max-width:768px){
	.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list{
		font-size: 1.5em;
	}
	.woocommerce.widget_shopping_cart .buttons a{
		font-size: 1.2rem;
	}
}
.woocommerce ul.product_list_widget li img{
	width: 5em;
	transition: transform 0.3s ease;
	transform-origin: 100% 50%;
}
.woocommerce ul.product_list_widget li img:hover{
	transform: scale(2);
}
.woocommerce ul.product_list_widget.cart_list li ul.variation{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.5;
	font-weight: 300;
	border: none;
	list-style: none;
}
.woocommerce ul.product_list_widget.cart_list li ul.variation li{
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}
.woocommerce ul.product_list_widget.cart_list li ul.variation li:before,
.woocommerce ul.product_list_widget.cart_list li ul.variation li:after{
	content: none;
}
.woocommerce ul.product_list_widget.cart_list li ul.variation li > span.name{
	font-weight: 400;
}
.woocommerce ul.product_list_widget.cart_list li ul.variation li span.amount{
	font-weight: 300;
}
.woocommerce ul.product_list_widget li .quantity{
	display: block;
	margin: 0;
}
@media all and (max-width:768px){
	.woocommerce ul.product_list_widget li .quantity{
		font-size: 1.2em;
	}
}
.woocommerce .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .total{
	border-top: 1px solid hsla(0,0%,7%,.11);
	padding: 1em 0 0 0;
	margin: 0;
	font-size: 1.25em;
	display: flex;
}
@media all and (max-width:768px){
	.woocommerce .widget_shopping_cart .total, 
	.woocommerce.widget_shopping_cart .total{
		font-size: 1.2rem;
	}
}
.woocommerce.widget_shopping_cart .total > strong{
	flex: 4em 1 1;
}
.woocommerce.widget_shopping_cart .total > .amount{
	flex: auto 0 0;
}
.cart-popout li.cart-item .item-subtotal{
	flex: auto 0 1;
}
.cart-popout li.cart-item .remove-item{
	flex: 1.5em 0 0;
	height: 1.5em;
	padding: 0;
	margin: 0;
	border: none;
    text-indent: -999em;
    overflow: hidden;
    background: url(images/svg/discard.svg) center no-repeat;
    background-size: 70% contain;
    display: block;
    text-decoration: none;
}
.woocommerce.widget_shopping_cart .shipping-costs-container{
	margin: 2em 0;
}
.woocommerce.widget_shopping_cart .shipping-costs-container table{
	width: 100%;
	border: none;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	font-size: 1.25em;
}
@media all and (max-width:768px){
	.woocommerce.widget_shopping_cart .shipping-costs-container table{
		font-size: 1.2rem;
	}
}
.woocommerce.widget_shopping_cart .shipping-costs-container table th,
.woocommerce.widget_shopping_cart .shipping-costs-container table td{
	padding: 0;
	vertical-align: top;
}
.woocommerce.widget_shopping_cart .shipping-costs-container table th{
	width: 4em;
}
.woocommerce.widget_shopping_cart .shipping-costs-container table td p{
	margin: 0 0 0;
}
.woocommerce.widget_shopping_cart .shipping-costs-container table td p.woocommerce-shipping-destination{
	margin-bottom: 1em;
}
.woocommerce.widget_shopping_cart .shipping-costs-container table td .shipping-calculator-form p:not(:has(input[type="hidden"])){
	margin: 0.5em 0;
}
.woocommerce.widget_shopping_cart .shipping-costs-container table td .shipping-calculator-form select{
	height: auto;
	padding: 0.4em 1em;
	line-height: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
}
.woocommerce.widget_shopping_cart .shipping-costs-container .norhage-shipping-calculator-button{
	margin: 0;
	display: inline-block;
	width: auto;
}

header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu .cart-popout a:link,
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu .cart-popout a:visited{
	color: #000;
}

header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages ul.sub-menu,
header#masthead nav#site-navigation .menu-main-navigation-container ul.menu > li.pll-parent-menu-item ul.sub-menu{
	min-width: max-content;
	width: 6rem;
	height: auto;
	padding: 0;
	line-height: 1.5em;
	top: 100%;
	left: auto;
	right: 120vw;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, right 0s linear 0.3s ;
}
@media all and (min-width:768px){
	header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages:hover ul.sub-menu,
	header#masthead nav#site-navigation .menu-main-navigation-container ul.menu > li.pll-parent-menu-item:hover ul.sub-menu{
		left: auto;
		right: -1em;
		transition: transform 0.3s ease-out, opacity 0.3s ease-out, right 0s linear 0s;
	}
}
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages ul.sub-menu li,
header#masthead nav#site-navigation .menu-main-navigation-container ul.menu > li.pll-parent-menu-item ul.sub-menu li{
	width: 100%;
	box-sizing: border-box;
	padding: 0 0.5em;
	margin: 0.5em 0;
	text-align: left;
	line-height: 1.5em;
}
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages ul.sub-menu li a,
header#masthead nav#site-navigation .menu-main-navigation-container ul.menu > li.pll-parent-menu-item ul.sub-menu li a{
	background: none;
	color: var(--store-color);
	white-space: nowrap;
	display: block;
}
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages ul.sub-menu li:hover,
header#masthead nav#site-navigation .menu-main-navigation-container ul.menu > li.pll-parent-menu-item ul.sub-menu li:hover{
	background: var(--store-color);
}
header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages ul.sub-menu li:hover a{
	color: var(--white);
	background: var(--store-color);
}
 
/*
 * MOBILE MEU
 */
header#masthead .toggles{
	display: none;
}
header#masthead nav#site-navigation h2{
	display: none;
}
@media all and (max-width:768px){
	header#masthead{
		background: var(--store-color);
		text-align: right;
		border-bottom: 1px solid var(--white);
	}
	header#masthead.over-headerblock{
		background: var(--header-gradient);
	}
	header#masthead .toggles{
		position: absolute;
		top: calc((var(--header-height) / 2) - 1.5em);
		right: 1em;
		height: 3em;
		display: flex;
		gap: 1em;
	}
	header#masthead .menu-toggle{
		display: block;
		border: none;
		background: transparent url(images/svg/hamburger.svg) center no-repeat;
		background-size: contain;
		overflow: hidden;
		text-indent: -9999em;
		width: 3em;
	}
	header#masthead .cart-toggle{
		display: block;
		border: none;
		background: transparent url(images/svg/cart.svg) center no-repeat;
		background-size: contain;
		text-indent: -9999em;
		width: 3em;
		position: relative;
	}
	header#masthead .cart-toggle .item-count{
		position: absolute;
		display: block;
		font-size: 0.75em;
		width: 1.5em;
		height: 1.5em;
		color: #fff;
		background: red;
		border-radius: 50%;
		text-align: center;
		line-height: 1.5em;
		right: -0.6em;
		top: 0.3em;
		text-indent: 0;
	}
	header#masthead .cart-toggle .item-count:empty{
		display: none;
	}
	body.small-height-header header#masthead .menu-toggle,
	body.small-height-header header#masthead .cart-toggle{
		width: 2em;
	}
	header#masthead .site-branding{
		height: var(--header-height);
		width: 100%;
		position: relative;

	}
	header#masthead .site-branding > a{
		height: 100%;
		position: relative;
	}
	header#masthead nav#site-navigation{
		display: block;
		width: 100%;
		text-align: left;
		border-bottom: none;
		background: var(--light-green);
		height: auto;
		min-height: 100vh;
		position: relative;
		top: 0;
		padding: 2em 1em 5em;
		box-sizing: border-box;
		left: -200vw;

		transform: translate(0, 10px);
		opacity: 0;
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, left 0s linear 0.3s;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		gap: 1em;
	}
	body:has(header#masthead nav#site-navigation.expanded){
		overflow: hidden;
	}
	header#masthead nav#site-navigation.expanded{
		left: 0;
		transform: translate(0, 0);
		opacity: 1;
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, left 0s linear 0s;
		overflow: auto;
		height: calc(100vh - var(--header-nav-height));
		min-height: unset;
	}
	header#masthead nav#site-navigation h2{
		display: block;
		font-size: 1.125em;
		font-style: normal;
		font-weight: 400;
		order: 0;
	}
	header#masthead nav#site-navigation .menu-container,
	header#masthead.over-headerblock nav#site-navigation .menu-container{
		background: transparent;
		border-bottom: 0;
		border-right: 0;
	}
	header#masthead nav#site-navigation .menu-main-navigation-container {
		flex: auto 0 0;
		order: 2;
	}
	header#masthead nav#site-navigation .menu-secondary-menu-container {
		flex: auto 0 0;
		order: 3;
	}
	header#masthead nav#site-navigation .menu-container ul.menu{
		display: block;
		padding: 0;
		font-size: 1em;
	}
	header#masthead nav#site-navigation .menu-container ul.menu a,
	header#masthead nav#site-navigation .menu-container ul.menu ul.sub-menu a{
		color: var(--store-color);
		padding: 0.5em 0;
		display: block;
		background: none;
		line-height: 1.5em;
	}
	header#masthead nav#site-navigation .menu-container ul.menu li{
		text-align: left;
		border-bottom: 1px solid #c7f5b0;
		line-height: 1.5em;
		position: relative;
		flex: auto 0 0;
	}
	header#masthead nav#site-navigation .menu-container ul.menu li:last-child{
		border-bottom: none;
	}
	header#masthead nav#site-navigation .menu-container ul.menu li.menu-item:has(.cart-btn){
 		display: none;
 	}
	

	header#masthead nav#site-navigation .menu-container ul.menu li.menu-item-has-children .expander{
		display: block;
		font-size: 1em;
		position: absolute;
		right: 0;
		top: 0;
		height: 2.5em;
		padding: 0;
		box-sizing: border-box;
		aspect-ratio: 1;
		border: none;
		background: #c1e7ae url(images/svg/arrow.svg) center no-repeat;
		text-overflow: hidden;
		text-indent: -99999em;
		transition: transform 0.5s ease-in-out;
	}
	header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages > a{
		background-image: url(images/svg/globe-green.svg);
		text-indent: 0;
		overflow: visible;
		padding-left:2em;
		background-size: 1.5em auto;
	}	
	header#masthead nav#site-navigation .menu-container ul.menu li.menu-item-has-children.expanded .expander{
		transform: rotate(90deg);
	}
	header#masthead nav#site-navigation .menu-container ul.menu li > ul.sub-menu,
	header#masthead nav#site-navigation .menu-container ul.menu li:hover > ul.sub-menu{
		max-height: 0;
		transition: max-height .5s ease-out;
		overflow: hidden;
	}
	header#masthead nav#site-navigation .menu-main-navigation-container ul.sub-menu{
		border-bottom: none;
	}
	header#masthead nav#site-navigation .menu-container ul.menu li.expanded > ul.sub-menu{
		max-height: 100vh;
		transition: max-height 1s ease-in;
	}
	header#masthead nav#site-navigation .menu-container.menu-secondary-menu-container ul.menu li ul.sub-menu li{
		margin: 0;
		padding-left: 1em;
	}
	header#masthead nav#site-navigation .menu-container ul.menu ul.sub-menu li:first-child{
		border-top: 1px solid #c7f5b0;
	}
	header#masthead nav#site-navigation .menu-container ul.sub-menu,
	header#masthead nav#site-navigation .menu-main-navigation-container ul.menu li.languages ul.sub-menu,
	header#masthead nav#site-navigation .menu-secondary-menu-container ul.menu li.languages ul.sub-menu,
	header#masthead nav#site-navigation .menu-main-navigation-container ul.menu > li.pll-parent-menu-item ul.sub-menu{
		position: static;
		height: auto;
		transform: none;
		padding: 0;
		opacity: 1;
		width: 100%;
		background: none;
	}
	header#masthead nav#site-navigation .menu-container ul.sub-menu li{
		width: 100%;
		padding-left: 1em;
	}
	header#masthead nav#site-navigation .menu-container ul.sub-menu ul.products-sub-menu{
		display: none;
	}
}

/**
 * BLOG
 * */
article.post.teaser{
	display: flex;
	flex-wrap: nowrap;
	gap: 2em;
	margin-bottom: 2em;
}
article.post.teaser > a{
	display: block;
}
article.post.teaser .post-thumbnail{
	flex: 30% 0 0;
}
article.post.teaser .column-wrap{
	flex: auto 1 1;
	padding: 0 2em 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
article.post .entry-meta{
	font-size: 0.667em;
	margin: -2.5em 0 1em 0;
}
article.post.teaser .entry-meta{
	margin-top: -1.5em;
}
article.post .entry-meta .posted-on{
	margin: 0 1em 0 0;
}
article.post .entry-meta > *{
	display: inline-block;
}
article.post .entry-meta .updated{
	display: none;
}
article.post ul.categories{
	list-style: none;
	margin: 0;
	padding: 0;
}
article.post ul.categories li{
	display: inline;
	margin: 0 1em 0 0;
}
article.post a:not(h2 a){
	color: var(--store-color);
	text-decoration: underline;
}

/*
 * BLOCK ZAKEN
 */

p + .norhage-block{
	margin-top: 3em;
}
 .norhage-block + h2{
	margin-top: 3rem;
}
.norhage-block + p{
	margin-top: 3em;
}
@media all and (max-width:768px){
	p + .norhage-block{
		margin-top: 2em;
	}
	 .norhage-block + h2{
		margin-top: 2rem;
	}
	.norhage-block + p{
		margin-top: 2em;
	}	
}
.norhage-block{
	border-top: 1px solid #9dbb8e;
	border-bottom: 1px solid #9dbb8e;
	margin-top: -1px;
}


/* 
* Footer
*/
footer.site-footer{
	font-size: 0.75em;
	line-height: 1.1666rem;	
	color: #ffffff;
	padding: 2.208em 25%;
	background: url(images/svg/footer-bg.svg) no-repeat 110% 60%, linear-gradient(180deg, rgba(21,21,21,1) 0%, rgba(60,60,60,1) 100%);
	background-size: 132% auto;
	background-blend-mode: pa;
	display: grid;
	grid-template-areas: "info sitemap"
						 "logo sitemap"
						 "socials socials";
	grid-auto-columns: 1fr 2fr;
	gap: 2em;
	position: relative;
	overflow: hidden;
}
footer.site-footer h2{
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
}
footer.site-footer h2:not(:first-child){
	margin-top: 1em;
}
footer.site-footer a{
	color: #ffffff;
}
footer.site-footer ul.menu {
	list-style: none;
	padding-left: 0;
	display: block;
	columns: 2 auto;
	gap: 2em;
}
footer.site-footer ul.sub-menu{
	list-style: none;
	padding-left: 0;
	display: block;
}
footer.site-footer ul.menu > li{
	break-inside: avoid;
}
@media all and (max-width: 768px){
	footer.site-footer:after{
		right: -7em;
		height: 50%;
	}
}


footer.site-footer .company-info{
	grid-area: info;
}
footer.site-footer .company-info dl{
	display: flex;
	flex-wrap: wrap;
}
footer.site-footer .company-info dt, 
footer.site-footer .company-info dd{
	margin: 0;
	flex: 40% 0 0;
} 
footer.site-footer .company-info dt{
	text-transform: uppercase;
}

footer.site-footer ul.languages{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
footer.site-footer ul.languages li{
	margin: 0;
	padding: 0;
}


footer.site-footer img.footer-logo{
	opacity: 0.1;
	grid-area:logo;
	margin-left: -10%;
	width: 60%;
}


footer.site-footer nav.sitemap{
	grid-area: sitemap;
	border-left: 1px solid var(--white);
	padding-left: 3em;
}
footer.site-footer nav.sitemap button.menu-toggle{
	display: none;
}

footer.site-footer nav.sitemap .menu-footer-menu-container ul.menu > li.menu-item{ 
	padding-bottom: 1em;
}
footer.site-footer nav.sitemap .menu-footer-menu-container ul.menu > li.menu-item > a{
	font-size: 1rem;
	font-weight: 700;
}

footer.site-footer nav#socials-navigation{
	display: flex;
	column-gap: 1em;
	align-items: center;
	border-top: 1px solid white;
	grid-area: socials;
}
footer.site-footer nav#socials-navigation h3{
	font-size: 0.75rem;
}
footer.site-footer nav#socials-navigation ul{
	display: flex;
	column-gap: 0.5em;
	list-style: none;
}
footer.site-footer nav#socials-navigation ul li a{
	background-image: url(images/facebook-icon.svg);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	object-fit: contain;
	width: 1.5em;
	height: 1.5em;
	text-indent: -9999em;
}
footer.site-footer nav#socials-navigation ul li.facebook a{
	background-image: url(images/svg/facebook-icon.svg);
}
footer.site-footer nav#socials-navigation ul li.instagram a{
	background-image: url(images/svg/instagram-icon.svg);
}
footer.site-footer nav#socials-navigation ul li.youtube a{
	background-image: url(images/svg/youtube-icon.svg);
}

@media screen and (max-width:768px){
	footer.site-footer{
		display: block;
		padding: 2em 1em;
		font-size: 1em;
		line-height: inherit;
		position: relative;
	}
	footer.site-footer img.footer-logo{
		margin: 0;
		position: absolute;
		bottom: 20%;
		right: 1em;
	}
	footer.site-footer nav.sitemap{
		padding: 0;
		border-left: none;
	}
}





/*
 * DEDICATED COMPONENTS
 */

/* image-button */
.image-button{
	display: block;
	aspect-ratio: 4/3;
	position: relative;
}
.image-button:hover{
	transform: scale(1.05);
    z-index: 1;
}
.image-button a{
	display: block;
}
.image-button > a{
	height: 100%;
}
.image-button img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	z-index: 1;
	position: relative;
}
.image-button:after{
	content: " ";
	position: absolute;
	display: block;
	pointer-events: none;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--img-gradient);
	mix-blend-mode: multiply;
	opacity: 0.75;
}
.image-button .title-price{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	margin: 0;
	z-index: 3;
	padding: 0 0.5em 0.5em;
	box-sizing: border-box;
	font-size: 1em;
	line-height: 1;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.image-button .title-price h3{
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.image-button .title a{
	display: block;
	box-sizing: border-box;
	color: var(--white);
}
.image-button .title-price .norhage-price,
.image-button .title-price .price{
	text-align: left;
	color: #fff;
	font-size: 0.75em;
	font-weight: 400;
}


/**
 * Product-teser block
 * */
ul.product-teasers{
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	width: 100%;
	list-style: none;
	padding: 0;
}
ul.product-teasers li.product{
	position: relative;
	flex: 30% 0 0;
}
ul.product-teasers li.product a{
	color: white;
}
ul.product-teasers li.product a h2{
	font-size: 1em;
	font-style: normal;
	bottom: 1.5em;
}


/**
 * 404
 * */
.error-404{
	max-width: none;
	width: auto;
	margin-right: -25%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 3em;
}
.error-404 .page-content{
	flex: 55% 0 1;
	order: 2;
}
.error-404 .page-content .page-header h1{
	margin: 0;
	font-size: 5em;
}
.error-404 .page-content p{
	font-size: 2em;
	line-height: 1.3;
	margin-top: 0;
}
.error-404 .gif{
	flex: 30% 1 0;
	order: 1;
	position: relative;
}
.error-404 .gif iframe{
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.error-404 .gif p{
	position: absolute;
	top: 1em;
	left: 1em;
}
@media all and (max-width:768px){
	.error-404{
		padding-bottom: 1em;
		margin-right: 0;
	}
	.error-404 .gif,
	.error-404 .page-content{
		flex: 100% 0 0;
	}
	.error-404 .gif iframe{

	}
}


/**
 * Image popup
 * */
body.showOverlay{
	overflow: hidden;
}
body .image-popup  {
	display: none;
	background: white;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body.showOverlay .image-popup  {
	display: block;
}
body .image-popup h1{
	margin: 0;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	z-index: 3;
}
body .image-popup .image-col{
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
	height: 100%;
	width: 100% ;
	position: relative;
	z-index: 1;
	scroll-behavior: smooth;
}
body .image-popup .scroll-button{
	content: " ";
	display: block;
	font-size: 1em;
	position: absolute;
	z-index: 10;
	bottom: 2em;
	left: 50%;
	transform: translate(-50%, 0) rotate(90deg);
	width: 2em;
	height: 2em;
	background: #fff url(images/svg/arrow.svg) center no-repeat;
	background-size: 1.3em;
	animation: 1s infinite alternate scroller;
	border: none;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -9999em;
	cursor: pointer;
}
@keyframes scroller {
	from {
		bottom: 2em;
	}

	to {
		bottom: 1.5em;
	}
}
body .image-popup .image-col .header-image{
	scroll-snap-align: start;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 5em 1em 1em;
	display: flex;
	justify-content: center;
}
body .image-popup .image-col .header-image img{
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	display: block;
}

body .image-popup .image-col.cover .header-image img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

body .image-popup .close-button{
	width: 3em;
	height: 3em;
	border-radius: 50%;
	display: block;
	position: absolute;
	right: 3em;
	top: 3em;
	z-index: 3;
	background: transparent url(../norhagewebshop/images/svg/close.svg) no-repeat center;
	background-size: 1.5em;
	border: none;
	text-indent: -999em;
	cursor: pointer;
}
body .image-popup .close-button:hover,
body .image-popup .scroll-button:hover{
	background-color: #eee;
}






/**
 * Product add-to-cart thing
 * */

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .summary.entry-summary div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .summary.entry-summary div.product span.price{
	color: var(--black);
	font-weight: 700;
}
div.quantity,
.woocommerce div.product form.cart div.quantity{
	border: 1px solid var(--black);
	border-radius: 2em;
	display: flex;
	align-items: center;
	margin-right: 1em;
	background: #fff;
	font-size: 0.75em;
	height: 2em;
	overflow: hidden;
	width: fit-content;
}
.woocommerce .quantity .qtyBtn{
	font-size: 1em;
	width: 2em;
	height: 2em;
	border: none;
	background: transparent;
	color: var(--black);
}
.woocommerce .quantity .qtyBtn.plus{
	border-radius: 0 1em 1em 0;
}
.woocommerce .quantity .qtyBtn.min{
	border-radius: 1em 0 0 1em;
}
.woocommerce .quantity .qtyBtn:hover{
	background: var(--light-green);
}
.woocommerce .quantity .qty{
	font-size: 1em;
	font-family: "kiro", sans-serif;
	width: 2.2em;
	height: 2em;
	border:	none;
	background: transparent;
}
.woocommerce .quantity .qty:focus-visible{
	background: var(--light-green);
	outline: none;
}
.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
.woocommerce .quantity .qty{
	-moz-appearance: textfield;
}
.woocommerce .product .button.add_to_cart_button,
.woocommerce div.product form.cart .button{
	font-size: 1em;
	background: var(--store-color) url(images/svg/cart.svg) 1em center no-repeat;
	background-size: auto 1.5em;
	padding: 0.75em 1em 0.75em 3em;
    font-size: 0.75em;
    line-height: 1em;
}
.woocommerce .product .button.add_to_cart_button.product_type_variable,
.woocommerce div.product form.cart .button.product_type_variable{
	background-image: url(images/svg/projects-white.svg);
}

.productHeaderBlock .text-col .summary .price{
	margin: 0 0 0.5em;
}
.summary form.cart{
	display: grid;
	grid-template-areas: "vars"
						"totals";
	margin-left: 20%;
	font-size: 0.75em;
}
.summary form.cart:has(.addons){
	grid-template-areas: "addons totals"
						"addons totals";
}
.summary form.cart:has(.addons):has(.sizes_input),
.summary form.cart:has(.addons):has(.dimensions){
	grid-template-areas: "vars addons"
						"totals addons";
}
.productHeaderBlock .text-col .summary form{
	font-size: 1rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
}
.productHeaderBlock .text-col .summary form.simple_form .simple_product_wrap{
	border-top: none;
}
.productHeaderBlock .text-col .summary form.simple_form .simple_product_wrap:before{
	content: none;
}
.summary form.cart > div > h3{
	color: var(--store-color);
	font-weight: 700;
	margin: 1em 0 0.5em;
}
.summary form.cart.simple_form .sizes_input,
.summary form.variations_form .dimensions{
	grid-area: vars;
	padding-right: 1em;
	padding-bottom: 1em;
}
.woocommerce div.product .summary form.variations_form .dimensions .variations{
	padding:0 0 0;
	margin: 0;
	position: relative;
	text-align: left;
	max-width: 30em;
}
.woocommerce div.product .summary form.variations_form .dimensions .variations th{
	width: 50%;
	padding-bottom: .5em; /* makkelijke manier om een marge tussen de rijen te maken omdat marge niet werkt voor tabelcellen */
}
.summary form.variations_form .dimensions .variations a.reset_variations{
	position: absolute;
	color: var(--store-color);
	text-decoration: underline;
}
.product .summary form.variations_form .dimensions .variations label{
	font-weight: 300;
}
.summary form.variations_form .dimensions .variations tbody tr  td select{
	width: 100%;
}
/* Verberg die achterlijke reset-link in de variations form */
.summary form.variations_form .dimensions .variations a.reset_variations{
	display: none !important;
}
.summary form.cart .sizes_input > div{
	margin: 0 1em 0.5em 0;
	line-height: 2em;
	display: flex;
	align-items: center;
	width: 100%;
}
.summary form.cart .sizes_input > div label{
	flex: 15em 0 1;
}
.summary form.cart.simple_form .sizes_input > div label{
	flex: 10em 0 1;
}
.summary form.cart .sizes_input .quantity .qty{
	width: 4em;
}

.summary form.cart .addons{
	grid-area: addons;
	padding-bottom: 1em;
}
form.cart:has(.addons):has(.sizes_input) .addons,
form.cart:has(.addons):has(.dimensions) .addons{
	border-left: 1px dashed var(--store-color);
	padding-left: 1em;
}
.summary form.cart .addons .add-products{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 1em;
}
.summary form.cart .addons .addon{
	flex: 50% 0 0;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: 1.7fr 1fr 1fr;
	grid-template-areas: "image title"
						 "image price"
						 "image amount";
	column-gap: 1em;
}
.summary form.cart .addons .addon h3{
	grid-area: title;
	font-size: 1em;
	font-weight: 700;
	margin-right: 1em;
}
.summary form.cart .addons .addon .addon-image{
	grid-area: image;
	aspect-ratio: 1;
	overflow: hidden;
	transition: transform 0.3s ease-out;
}
.summary form.cart .addons .addon .addon-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.summary form.cart .addons .addon .addon-image:hover{
	transform: scale(2);
}
.summary form.cart .addons .addon .addon-price{
	grid-area: price;
	margin-right: 1em;
}
.summary form.cart .addons .addon .quantity{
	grid-area: amount;
	width: fit-content;
}
.summary form.variations_form .single_variation_wrap,
.summary form.simple_form .simple_product_wrap{
	grid-area: totals;
	padding: 0 0 0 0;
	border-top: 1px dashed var(--store-color);
}
form.simple_form:has(.addons):not(:has(.sizes_input)) .simple_product_wrap{
	border-top: none;
	border-left: 1px dashed var(--store-color);
	padding-left: 1em;
	padding-right: 1em;
}
.summary form.variations_form .single_variation_wrap .woocommerce-variation.single_variation{
	margin: 1em 0 0.5em;
}
.summary form.variations_form .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-description p{
	margin: 0 0 0.5em;
}
.summary form.variations_form .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-price span,
.summary form.simple_form .simple_product_wrap .price span{
	color: var(--store-color);
	font-weight: 700;
}
.summary form.simple_form .simple_product_wrap .price{
	margin: 1em 0 0.5em;
}
.summary form.variations_form .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-price small.cutting-fee-notice,
.summary form.simple_form .simple_product_wrap .price small.cutting-fee-notice{
	font-size: 0.667em;
	color: var(--store-color);
}
.summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart,
.summary form.simple_form .simple_product_wrap .woocommerce-simple-product-add-to-cart {
	display: flex;
	align-items: center;
	margin: 0.5em 0;
}
.summary form.simple_form .sizes_input:before, 
.summary form.simple_form .simple_product_wrap:before,
.summary form.variations_form .single_variation_wrap:before{
	content: " ";
	position: relative;
	top: -1px;
	left: -20vw;
	width: 20vw;
	height: 1px;
	display: block;
	border-top: 1px dashed var(--store-color);
}

.single_variation_wrap .delivery-time,
.simple_product_wrap .delivery-time,
.single_variation_wrap .delivery-cost,
.simple_product_wrap .delivery-cost{
	margin: 0 0 0.5em;
	padding: 0 0 0 3em;
	min-height: 2.2em;
	background: transparent url(images/svg/delivery-time.svg) left 0 no-repeat;
	background-size: 2.2em;
	color: var(--store-color);
	font-size: 0.8em;
}
.simple_product_wrap .delivery-time,
.simple_product_wrap .delivery-cost{
	font-size: 0.6em;
	line-height: 1.1667em;
}
.single_variation_wrap .delivery-cost,
.simple_product_wrap .delivery-cost{
	background-image: url('images/svg/delivery.svg');
}

@media all and (max-width:1024px){
	.summary form.variations_form .dimensions .variations tbody tr  td select{
		font-size: 1em;
	}
	.woocommerce div.product form.cart div.quantity{
		font-size: 1em;
	}
}
@media all and (max-width:768px){
	.product .entry-content .summary.entry-summary{
		padding: 2em 0;
	}
	.summary form.cart{
		margin-left: 0;
		display: block;
	}
	.summary form.variations_form .dimensions,
	.summary form.simple_form .sizes_input,
	.summary form.cart .addons,
	.summary form.cart .single_variation_wrap{
		padding-left: 1rem;
		padding-right: 1rem;
		border-bottom: 1px dashed var(--store-color);
		border-top: none;
	}
	.summary form.simple_form:has(.addons):not(:has(.sizes_input)) .simple_product_wrap{
		border-left: none;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.summary form.cart > *:last-child{
		border-bottom: none;
	}
	.summary form.variations_form .dimensions:before,
	.summary form.simple_form .sizes_input:before,
	.summary form.cart .addons:before,
	.summary form.cart .single_variation_wrap:before{
		content: none;
	}
	.summary form.cart .addons,
	.summary form.cart:has(.addons):has(.sizes_input) .addons, 
	.summary form.cart:has(.addons):has(.dimensions) .addons{
		border-left: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.summary form.cart .addons h3{
		padding-left: 0;
	}
	.summary form.cart .addons .add-products{
		display: block;
	}
	.summary form.cart .addons .addon{
		margin: 1em 0;
	}
	.summary form.simple_form .sizes_input:before, 
	.summary form.simple_form .simple_product_wrap:before, 
	.summary form.variations_form .single_variation_wrap:before{
		content: none;
	}
}




.product-description{
	margin-top: 2em;
}









/**
 * classic cart
 * */
.norhage-cart-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
	margin-bottom: 2em;
}
.norhage-cart-wrap .woocommerce-notices-wrapper{
	flex: 100% 0 0;
}
.norhage-cart-wrap .woocommerce-cart-form{
	flex: 65% 0 0;
}
.norhage-cart-wrap .cart-collaterals{
	flex: 30% 0 0;
	background: var(--light-green);
	border: 1px solid var(--store-color);
	padding: 1em;
	height: max-content;
}
.woocommerce table.shop_table{
	border: none;
	border-collapse: collapse;
}
.woocommerce table.shop_table td{
	border-color: var(--store-color);
	padding: 0.5em 0.25em;
	vertical-align: top;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot th{
	vertical-align: top;
}
.woocommerce table.shop_table td:first-child,
.woocommerce table.shop_table th:first-child{
	padding-left: 0;
}
.woocommerce table.shop_table td:last-child,
.woocommerce table.shop_table th:last-child{
	padding-right: 0;
}
.woocommerce table.shop_table td:has( > .amount){
	text-align: right;
}


.woocommerce .norhage-cart-wrap .cart-collaterals .cart_totals, 
.woocommerce-page .norhage-cart-wrap .cart-collaterals .cart_totals{
	float: none;
	width: auto;
}
.norhage-cart-wrap .cart-collaterals h2{
	font-style: normal;
	font-weight: 700;
	font-size: 1.5em;
}
.norhage-cart-wrap .cart-collaterals table{
	border: none;
}
.norhage-cart-wrap .cart-collaterals table tbody{
	display: block;
}
.norhage-cart-wrap .cart-collaterals table tbody tr{
	display: flex;
}
.norhage-cart-wrap .cart-collaterals table tbody tr th{
	flex: 5em 1 0;
}
.norhage-cart-wrap .cart-collaterals table tbody tr td{
	flex: auto 1 1;
	overflow: hidden;
}
.norhage-cart-wrap .cart-collaterals table td,
.norhage-cart-wrap .cart-collaterals table th{
	padding: 0.5em 0;
}
.woocommerce .norhage-cart-wrap table.shop_table tbody th, 
.woocommerce .norhage-cart-wrap table.shop_table tfoot td, 
.woocommerce .norhage-cart-wrap table.shop_table tfoot th{
	font-weight: 300;
}
.woocommerce .norhage-cart-wrap table.shop_table tbody tr.cart-subtotal td{
	text-align: right;
	font-weight: 700;
}
.woocommerce .norhage-cart-wrap table.shop_table tbody tr.order-total{
	position: relative;
}
.woocommerce .norhage-cart-wrap table.shop_table tbody tr.order-total th,
.woocommerce .norhage-cart-wrap table.shop_table tbody tr.order-total td{
	padding-bottom: 2em;
	font-weight: 700;
	font-size: 1.25em;
}
.woocommerce .norhage-cart-wrap table.shop_table tbody tr.order-total td{
	text-align: right;
}
.woocommerce .norhage-cart-wrap table.shop_table tbody tr.order-total td small{
	display: block;
	position: absolute;
	left: 0;
	text-align: left;
	font-size: 0.667em;
	line-height: 1.1667em;
	color: #9db795;
}

#add_payment_method .cart-collaterals .shipping-calculator-button, 
.woocommerce-cart .cart-collaterals .shipping-calculator-button, 
.woocommerce-checkout .cart-collaterals .shipping-calculator-button,
.widget_shopping_cart .norhage-shipping-calculator-button{
	margin-top: 0;
	line-height: 1.1667em;
	position: relative;
	padding: 0.3em 1em 0.3em 2.5em;
	border: 1px solid var(--store-color);
	color: var(--store-color);
	border-radius: 2em;
	font-size: 0.8333em;
	width: 100%;
	text-align: center;
    text-decoration: none;
}
@media all and (max-width:768px){
	.norhage-cart-wrap{
		display: block;
	}
	.widget_shopping_cart .norhage-shipping-calculator-button{
		font-size: 1.2rem;
	}
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after, 
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after, 
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after,
.widget_shopping_cart .norhage-shipping-calculator-button:after{
	position: absolute;
	left: 0.9em;
	top: 50%;
	transform: translate(0, -50%);
	margin: 0;

    font-family: WooCommerce;
    speak: never;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e019";
    text-decoration: none;
}
.woocommerce .cart-collaterals form .form-row{
	padding: 0;
	margin: 0 0 0.5em;
	line-height: 1;
}
.woocommerce .cart-collaterals .select2-container--default .select2-selection--single{
	border-radius: 0.2em;
	border: 1px solid var(--store-color);
	padding: 0 0.5em;
}
.woocommerce .cart-collaterals .select2-container .select2-selection--single .select2-selection__rendered{
	padding: 0;
}
.woocommerce .cart-collaterals form .form-row input.input-text, 
.woocommerce .cart-collaterals form .form-row textarea{
	font-family: inherit;
	font-size: 1em;
	font-weight: 300;
	border-radius: 0.2em;
	border: 1px solid var(--store-color);
	padding: 0 0.5em;
}
.woocommerce .cart-collaterals ul#shipping_method li{
	display: flex;
}
.woocommerce .cart-collaterals ul#shipping_method li label{
	flex: 100% 1 1;
	text-align: right;
}
#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, 
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, 
.woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination{
	margin: 0 0 0.5em 0;
	font-size: 0.8333em;
	font-style: italic;
	line-height: 1.1667em;
	color: #9db795;
	text-align: right;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{
	background-color: var(--store-color);
	padding: 0.3em 1em;
	margin: 0;
}
#add_payment_method .wc-proceed-to-checkout, 
.woocommerce-cart .wc-proceed-to-checkout, 
.woocommerce-checkout .wc-proceed-to-checkout{
	padding: 0;
	margin: 1em 0 0;
}




/*sart*/
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout,
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout{
	gap: 2em;
	margin-right: 2em;
	justify-content: space-between;
}

/*linker blovk beide pagina's*/
.wc-block-components-sidebar-layout .wc-block-components-main {
	flex: 65% 0 0;
	padding-right: 0 !important;
}
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-main{
	order: 1;
}


/*linker blovk cart pagina*/
table.wc-block-cart-items,
.woocommerce table.shop_table.cart{

}
table.wc-block-cart-items thead,
.woocommerce table.shop_table.cart thead{
	border-bottom: 2px solid #ccc;
}
table.wc-block-cart-items thead tr th,
.woocommerce table.shop_table.cart thead tr th{
	font-style: italic;
	text-transform: none;
	font-size: 1.1667em;
	text-align: left;
}
.woocommerce table.shop_table.cart thead tr th:first-child,
.woocommerce table.shop_table.cart tbody tr td:first-child{
	padding-left: 0;
}
.woocommerce table.shop_table.cart thead tr th:last-child,
.woocommerce table.shop_table.cart tbody tr td:last-child{
	padding-right: 0;
}
table.wc-block-cart-items tbody tr,
.woocommerce table.shop_table.cart tbody tr{
	position: relative;
}

.is-mobile table.wc-block-cart-items tbody tr{
	margin-bottom: 2em;
	font-size: 1.33em;
	border-bottom: 1px solid #ccc;
}
.is-mobile table.wc-block-cart-items tbody tr.wc-block-cart-items__row{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.is-mobile table.wc-block-cart-items tbody tr.wc-block-cart-items__row td{
	flex: 100% 0 0;
}
.is-mobile table.wc-block-cart-items tbody tr.wc-block-cart-items__row td.wc-block-cart-item__image{
	display: none;
}
.is-mobile table.wc-block-cart-items tbody tr.wc-block-cart-items__row td .wc-block-cart-item__wrap{
	display: block;
}
.is-large.wc-block-cart table.wc-block-cart-items tbody tr td:last-child{
	padding-right: 0;
}
.wc-block-cart table.wc-block-cart-items tbody tr td.wc-block-cart-item__image,
.woocommerce table.shop_table.cart tbody tr td.product-thumbnail{
	padding: .5em 0 0 0;
	width: 6.5em;
	vertical-align: top;
}
.woocommerce table.shop_table.cart tbody tr td.product-thumbnail img{
	width: 100%;
	height: auto;
}
.woocommerce table.shop_table.cart tbody tr td.product-subtotal{
	text-align: right;
	vertical-align: top;
	color: var(--store-color);
}
.is-mobile table.wc-block-cart-items tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product{
	margin: 0;
	padding: 0;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap{
	display: grid;
	grid-template-areas:	"title table"
							"price table"
							"counter table"
							"x table";
	grid-template-rows: auto auto auto;
	grid-auto-columns: 1fr 1fr;
	gap: 0 1em ;
}

table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-name,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .product-name-link{
	grid-area: title;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__prices,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .product-prices{
	grid-area: price;
	font-weight: 200;
	font-size: 0.75em;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .item-meta{
	grid-area: table;
	margin: 0;
	font-size: .75em;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata .wc-block-components-product-metadata__description{
	display: none;
}
.is-mobile table.wc-block-cart-items .wc-block-components-product-metadata{
	
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata ul,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .item-meta ul.variation,
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table ul.variation{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table ul.variation{
	font-size: 0.75em;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata ul li,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .item-meta ul.variation li,
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table ul.variation li{
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata ul li span,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .item-meta ul.variation li > span:not(.amount),
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table ul.variation li > span:not(.amount){
	display: inline;
	font-weight: 400;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata ul li span.wc-block-components-product-details__value,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .item-meta ul.variation li span.value,
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table ul.variation li span.value{
	font-weight: 200;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .item-quantity{
	grid-area: counter;
	padding-top: 0.5em;
	display: flex;
	align-items: center;
	gap: 1em;
}
.is-mobile table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity{
	padding-right: 0;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-cart-item__remove-link ,
.woocommerce table.shop_table.cart tbody tr td.product-name .cart-item-wrap .item-quantity .remove{
	font-size: 1em;
	flex: 2em 0 0;
	height: auto;
	padding-left: 1em;
	text-indent: -999em;
	background: url(images/svg/discard.svg) no-repeat left center;
	background-size: auto 1.5em;
	display: block;
	text-decoration: none;
	border-radius: 0;
	line-height: inherit;
}
table.wc-block-cart-items tbody tr td.wc-block-cart-item__total{
	color: var(--store-color);
}
.is-mobile table.wc-block-cart-items tbody tr td.wc-block-cart-item__total{
	margin: 0;
}

.woocommerce table.cart td.actions .coupon{
	display: flex;
	width: 50%;
}
.woocommerce table.cart td.actions .coupon .input-text{
	flex: 10em 1 1;
}
.woocommerce .cart .button, 
.woocommerce .cart input.button,
.woocommerce table.shop_table.cart .actions button{
	padding: 0.3em 1em;
}



form.checkout{
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
	padding: 0 2em 0 0;
	box-sizing: border-box;
	margin: 0 0 3em;
}
@media all and (max-width: 768px){
	form.checkout{
		display: block;
		padding: 0;
	}
}
form.checkout .addresses{
	flex: 60% 0 0;
	box-sizing: border-box;
}
form.checkout .order-review-wrapper{
	flex: calc(40% - 2em) 0 1;
	background: var(--light-green);
	border: 1px solid var(--store-color);
	padding: 1em;
	box-sizing: border-box;
	font-weight: 300;
	line-height: 1.5;
}
form.checkout  wc-order-attribution-inputs{
	position: absolute;
}
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table thead{
	display: none;
}
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table{
	font-size: 0.875em;
}
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table tr.order-total td,
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td{
	text-align: right;
}
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table tr.order-total td strong{
	display: block;
}
form.checkout .order-review-wrapper .woocommerce-checkout-review-order-table tr.order-total td small{
	font-weight: 200;
}
@media screen and (min-width: 768px) {
    .woocommerce-page .wc-svea-checkout-page form.svea-checkout .order-review-wrapper {
        padding: 0 1em 2em 0;
    }
}
.woocommerce form .form-row{
	padding: 0;
	margin: 0 0 0.667em;
}
.woocommerce form .form-row label{
	font-size: 0.8333em;
	font-style: italic;
}
.woocommerce form .form-row .woocommerce-input-wrapper{
	display: block;
}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row .woocommerce-input-wrapper strong,
.woocommerce form .form-row textarea{
	display: block;
	font-size: 1em;
	font-family: inherit;
	line-height: 1.5;
	border-radius: 1em;
	border: 1px solid #000;
	padding: 0.3em 1em;
	font-weight: 300;
}
.woocommerce form .form-row .woocommerce-input-wrapper strong{
	background-color: #f7f7f7;
}
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment{
	background: none;
}
#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods{
	border-color: var(--store-color);
	padding: 1em 0;
	margin-top: 0.5em;
	border-top: 1px solid var(--store-color);
}
#add_payment_method #payment ul.payment_methods li, 
.woocommerce-cart #payment ul.payment_methods li, 
.woocommerce-checkout #payment ul.payment_methods li{
	font-weight: 300;
}
#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box{
	background-color: var(--store-color);
	color: #fff;
}
#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before{
	border-bottom-color: var(--store-color);
}
#add_payment_method #payment div.form-row, 
.woocommerce-cart #payment div.form-row, 
.woocommerce-checkout #payment div.form-row{
	padding: 1em 0;
}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
	float: none;
	display: block;
	width: 100%;
}


/*linker blovk cheackout pagina*/
form.wc-block-components-form h2.wc-block-components-title {
	font-weight: 400;
	border-bottom: 1px solid #707070;
}
form.wc-block-components-form h2.wc-block-components-title:before{
	transform: none;
	position: relative;
	padding-left: 16px;
}
.is-mobile.wc-block-components-sidebar-layout form.wc-block-components-form h2.wc-block-components-title:before{
	padding: 0;
}

form.wc-block-components-form .wc-block-components-checkout-step{
	padding: 0;
}
form.wc-block-components-form .wc-block-components-checkout-step__heading{
	margin: 0.5em 0;
}
form.wc-block-components-form .wc-block-components-checkout-step p{
	margin: 0;
}
form.wc-block-components-form .wc-block-components-checkout-step .wc-block-components-checkout-step__container:after{
	display: none;
}

form.wc-block-components-form .wc-block-components-text-input label, 
form.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label{
	left: 1em;
}
form.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, 
form.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
form.wc-block-components-form .wc-block-components-text-input input[type=email], 
form.wc-block-components-form .wc-block-components-text-input input[type=number], 
form.wc-block-components-form .wc-block-components-text-input input[type=tel], 
form.wc-block-components-form .wc-block-components-text-input input[type=text], 
form.wc-block-components-form .wc-block-components-text-input input[type=url], 
form.wc-block-components-form .wc-block-components-text-input input[type=email], 
form.wc-block-components-form .wc-block-components-text-input input[type=number], 
form.wc-block-components-form .wc-block-components-text-input input[type=tel], 
form.wc-block-components-form .wc-block-components-text-input input[type=text], 
form.wc-block-components-form .wc-block-components-text-input input[type=url]{
	border-radius: 5em;
	padding-left: 1em;
}
form.wc-block-components-form .wc-block-components-text-input.is-active input[type=email], 
form.wc-block-components-form .wc-block-components-text-input.is-active input[type=number], 
form.wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], 
form.wc-block-components-form .wc-block-components-text-input.is-active input[type=text], 
form.wc-block-components-form .wc-block-components-text-input.is-active input[type=url]{
	padding-left: 1em;
}
form.wc-block-components-form .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{
	border-radius: 2em;
}
form.wc-block-components-form .wc-block-components-address-form-wrapper .wc-block-components-address-form{
	margin-top: 1em;
}

form.wc-block-components-form .wp-block-woocommerce-checkout-shipping-methods-block span.wc-block-formatted-money-amount{
	color: var(--store-color);
}
form.wc-block-components-form .wc-block-checkout__payment-method .wc-block-components-radio-control{
	border: none;
	padding: 0;
}
form.wc-block-components-form .wc-block-checkout__payment-method .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option > *{
	padding: 0;
	font-weight: 300;
}
form.wc-block-components-form  .wp-block-woocommerce-checkout-actions-block button.wc-block-components-button{
	border-radius: 3em;
	background: var(--store-color);
}




/*rechter block beide pagina's*/
.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-shipping .wc-block-components-shipping-calculator, 
.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-shipping-rates-control .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel),
.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-panel, 
.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-panel, 
.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-coupon, 
.is-large.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-item{
	padding-left: 0;
	padding-right: 0;
}
.wc-block-components-sidebar-layout .wc-block-components-sidebar{
	background: var(--light-green);
	border: 1px solid var(--store-color);
	flex: 30% 0 0;
	padding: 1em;
	height: max-content;
}
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar{
	order: 2;
	padding: 1em;
}
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block,
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block{
	padding: 1em;
}
.wc-block-components-sidebar form.wc-block-components-totals-coupon__form{
	gap: 0;
	position: relative;
}
.wc-block-components-sidebar form.wc-block-components-totals-coupon__form .wc-block-components-text-input input{
	border-color: #ccc;
}
.wc-block-components-sidebar form.wc-block-components-totals-coupon__form button{
	margin-left: 0;
	background-color: #ccc;
}


/*rechter block cart pagina*/
.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block span.wc-block-cart__totals-title{
	text-align: left;
	text-transform: none;
	font-size: 1.5em;
}
.wc-block-components-sidebar .wc-block-components-totals-item a{
	color: var(--bright-orange);
	text-decoration: underline;
}

.wc-block-components-sidebar .wc-block-components-totals-shipping .wc-block-components-radio-control__option-layout{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wc-block-components-sidebar .wc-block-components-totals-shipping .wc-block-components-radio-control__option-layout span.wc-block-formatted-money-amount{
	font-size: 1.33em;
	color:var(--store-color);
}
.wc-block-components-sidebar .wc-block-cart__submit a{
	background: var(--store-color);
	border-radius: 2em;
	margin-top: 1em;
}
.is-mobile .wc-block-components-sidebar .wc-block-cart__submit a{
	margin-top: 0;
}
.wc-block-components-sidebar .wc-block-components-totals-shipping .wc-block-components-shipping-calculator{
	margin: 0.5em auto;
}
.wc-block-components-sidebar .wc-block-components-totals-shipping .wc-block-components-shipping-calculator button{
	background: #ccc;
	margin-top: 1em;
}


/*rechter blok checkout page*/
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item{
	display: block;
}
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__description{
	padding: 0;
}
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__image,
.wc-block-components-sidebar .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata{
	display: none;
}
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-proceed-to-checkout-block{
	padding: 0 1em;
}

/* bevestigingspagina */
.woocommerce.alignwide .woocommerce-order{
	margin-right: 2em;
}



/* product listing on category pages */
.woocommerce .before-products{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.woocommerce .before-products .bapf_sfilter,
.woocommerce .before-products .woocommerce-notices-wrapper{
	flex: 100% 0 0;
}
.woocommerce .woocommerce-ordering{
	flex: auto 1 1;
	text-align: right;
}
@media all and (max-width: 768px){
	p.open-filters-button-wrap{
		flex: 100% 0 0;
	}
}
.woocommerce .product-listing{
	padding: 0 var(--gap) 0 0;
	margin-top: 1em;
	margin-bottom: 2em;
}
.woocommerce ul.products,.woocommerce-page ul.products {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 3em var(--gap);
	margin: 0 auto;
}
.woocommerce ul.products::after,
.woocommerce ul.products::before,
.woocommerce-page ul.products::after,
.woocommerce-page ul.products::before {
	content: none;
}

.woocommerce ul.products::after,.woocommerce-page ul.products::after {
	content: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: unset;
}
.woocommerce ul.products li.first,.woocommerce-page ul.products li.first {
	clear: none;
}
.woocommerce ul.products li.last,.woocommerce-page ul.products li.last {
}
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product,
.woocommerce-page.columns-1 ul.products li.product,
.woocommerce.columns-1 ul.products li.product {
	width: unset;
	flex: 100% 0 0;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product,
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
	flex: calc((100% - (1 * var(--gap))) / 2) 0 0;
	width: unset;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
	flex: calc((100% - (2 * var(--gap))) / 3) 0 0;
	width: unset;
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li.product {
	flex: calc((100% - (3 * var(--gap))) / 4) 0 0;
	width: unset;
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product {
	flex: calc((100% - (4 * var(--gap))) / 5) 0 0;
	width: unset;
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product,
.woocommerce-page.columns-6 ul.products li.product,
.woocommerce.columns-6 ul.products li.product {
	flex: 13.5% 0 0;
	width: unset;
}
.woocommerce .cart-collaterals .cross-sells, 
.woocommerce-page .cart-collaterals .cross-sells{
	width: 100%;
	float: none;
	margin-bottom: 2em;
	gap: var(--gap);
}
@media all and (max-width:768px){
	.woocommerce .product-listing{
		padding-right: 0;
	}
	.woocommerce ul.products, .woocommerce-page ul.products{
		gap: 1em var(--gap);
	}
	.woocommerce ul.products.columns-1 li.product,
	.woocommerce-page ul.products.columns-1 li.product,
	.woocommerce-page.columns-1 ul.products li.product,
	.woocommerce.columns-1 ul.products li.product,
	.woocommerce ul.products.columns-2 li.product,
	.woocommerce-page ul.products.columns-2 li.product,
	.woocommerce-page.columns-2 ul.products li.product,
	.woocommerce.columns-2 ul.products li.product,
	.woocommerce ul.products.columns-3 li.product,
	.woocommerce-page ul.products.columns-3 li.product,
	.woocommerce-page.columns-3 ul.products li.product,
	.woocommerce.columns-3 ul.products li.product,
	.woocommerce ul.products.columns-4 li.product,
	.woocommerce-page ul.products.columns-4 li.product,
	.woocommerce-page.columns-4 ul.products li.product,
	.woocommerce.columns-4 ul.products li.product,
	.woocommerce ul.products.columns-5 li.product,
	.woocommerce-page ul.products.columns-5 li.product,
	.woocommerce-page.columns-5 ul.products li.product,
	.woocommerce.columns-5 ul.products li.product,
	.woocommerce ul.products.columns-6 li.product,
	.woocommerce-page ul.products.columns-6 li.product,
	.woocommerce-page.columns-6 ul.products li.product,
	.woocommerce.columns-6 ul.products li.product{
		flex: calc((100% - (1 * var(--gap))) / 2) 0 0;
	}
}

.woocommerce ul.products li.product a img{
	margin: 0;
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center;
}

ul.sub-categories{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	padding: 0;
	margin: 0 0 5em;
}
ul.sub-categories li{
	flex: 15% 0 0;
	aspect-ratio: 3/2;
}
ul.sub-categories li.image-button:after{
	mix-blend-mode: ;
	aspect-ratio: 3/2;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(150 158 163 / 67%) 30%, rgb(163 163 163) 100%);
}
ul.sub-categories li.image-button a{
}
ul.sub-categories li.image-button a img{
	aspect-ratio: 3/2;
}
@media all and (max-width:768px){
	ul.sub-categories li{
		flex: 40% 1 0;
	}
	ul.sub-categories li,
	ul.sub-categories li.image-button a img,
	ul.sub-categories li.image-button:after{
		aspect-ratio: 3/1;
	}
}


article.post figure.wp-block-gallery .wp-block-image{
	max-width: 50%;
}
article.post figure.wp-block-gallery{
	padding-right: 1em;
}
@media all and (max-width:768px){
	article.post figure.wp-block-gallery{
		padding: 0;
	}
}

nav.woocommerce-pagination,
.pagination{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
nav.woocommerce-pagination ul.page-numbers,
.pagination ul.page-numbers{
	margin: 0;
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
	border: none;
}
nav.woocommerce-pagination ul.page-numbers li,
.pagination ul.page-numbers li{
    display: inline-block;
	border: none;
    padding: 0;
    margin: 0;
    float: left;
}
nav.woocommerce-pagination ul.page-numbers li span.current,
.pagination ul.page-numbers li span.current{
	background-color: var(--store-color);
	color: var(--white);
}
nav.woocommerce-pagination ul.page-numbers li span,
nav.woocommerce-pagination ul.page-numbers li a,
.pagination ul.page-numbers li span,
.pagination ul.page-numbers li a{

    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 1em;
    font-weight: 400;
    padding: .5em;
    min-width: 1em;
    display: block;
}

/**
 * POSTS NAV
 * */
.post-navigation{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 3em;
	margin-bottom: 3em;
}
.post-navigation h2{
	flex: 100% 0 0;
	margin-bottom: 0;
}
.post-navigation a{
	color: var(--store-color);
	text-decoration: underline;
	font-style: italic;
}
.post-navigation a[rel="next"]:first-of-type{
	text-align: right;
	flex: auto 1 1;
}


/**
 * contact forms
 */
form.wpcf7-form p{
	display: block;
	margin: 1em 0;
}
form.wpcf7-form p br{
	display: none;
}
form.wpcf7-form p span{
	display: block;
}
form.wpcf7-form p label{
	display: block;
	margin: 0 0 0.3em;
	font-weight: 700;
	font-size: 0.667em;
}
form.wpcf7-form p .wpcf7-not-valid-tip{
	font-size: 0.667em;
	font-weight: 300;
	font-style: italic;
	display: block;
	margin: 0.3em 0 0;
}
form.wpcf7-form p input,
form.wpcf7-form p textarea{
	display: block;
	width: 100%;
    line-height: 2em;
    font-size: 1em;
    font-family: 'kiro';
    font-weight: 300;
    padding: 0 0.5em;
    border: none;
    border-bottom: 1px solid #000;
}
form.wpcf7-form p textarea{
	line-height: 1.5em;
	height: 9em;
	padding: 0.5em;
}
form.wpcf7-form p input:focus,
form.wpcf7-form p textarea:focus{
	outline: none;
	background-color: #fafad8;
}
form.wpcf7-form p input[type="submit"]{
    padding: 0.5em 1.5em;
    border-bottom: none;
    width: auto;
    line-height: 1.5em;
    border:2px solid var(--store-color);
}

/** 
 * verberg recaptcha badge 
 * */
.grecaptcha-badge { visibility: hidden; }
.recaptcha-disclaimer{
    font-size: 0.7em;
    line-height: 1.1667;
    color: #ccc;
}
.recaptcha-disclaimer a{
	color: inherit;
}