/*
Theme Name:   Mayke.com
Theme URI:    https://www.devotees.nl
Author: 	Rootcase
Author URI: https://www.devotees.nl
Description:  Custom built template
Version: 1.0

*/

.todo {
	display: inline-block;
	border: 1px red dashed;
	padding: .5rem;
	font-size: .9rem;
	margin-left: .5em;
	border-radius: 1em;
	color: red;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.todo::before {
	content: 'todo:';
	font-weight: bold;
	font-size: .85em;
	margin-right: .25em;
}


:root {
	--dark: #121212;
	--dark2: #353535;
	--lightgrey: #f9f9f9;
	--lightgrey2: #e7e7e7;
	--grey: #999999;
	--colwidth: calc((100% - 330px) / 12);
	--gutterwidth: 30px;
}

html {
	font-size: 62.5%;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 1.6rem;
	color: var(--dark);
	font-family: "Vollkorn", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	background: var(--dark);
}

body.wishlistactive,
body.cartactive {
	overflow: hidden !important;
}

a {
	color: inherit;
	text-decoration: none;
}

b, strong, h1,h2,h3,h4 {
  font-style: normal;
}

.bottomText h3 {
	margin-bottom: 0;
}

p {
	margin-top: 0;
}

section {
	position: relative;
	width: 100%;
	background: white;
}

.sectioninner {
	/* max-width: 1078px; */
	max-width: 1920px;
	margin: auto;
	box-sizing: border-box;
	position: relative;
	padding: 0 15px;
}

.flexcontainer {
	display: flex;
	width: 100%;
	position: relative;
	justify-content: space-between;
	align-items: center;
}

.col {
	position: relative;
}

.col2 {
	width: calc((var(--colwidth) * 2) + (var(--gutterwidth) * 1))
}
.col4 {
	width: calc((var(--colwidth) * 4) + (var(--gutterwidth) * 3))
}

.col8 {
	width: calc((var(--colwidth) * 8) + (var(--gutterwidth) * 7))
}

.contentcol p:first-of-type {
	margin-top: 0;
}

.contentcol p:last-of-type {
	margin-bottom: 0;
}

.contentcol a:not(.btn) {
	text-decoration: underline;
}

.imgcol img {
	display: block;
	width: 100%;
	height: auto;
	display: block;
}

.contentcol h1,
.contentcol h2,
.contentcol h3 {
	font-size: 2em;
	margin: 0;
}

section.top {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: white;
}

.menutop .flexcontainer {
	padding: 2rem 0 1rem 0;	
	min-height: 4rem;
}

.stickymenu .menutop .flexcontainer {
	padding: 1rem 0;
}

.menutop .rightitems {
	display: flex;
	align-items: center;
	z-index: 120;
}


.menutop .rightitems a {
	display: block;
	position: relative;
	margin: 0 .75rem;
}

.menutop .rightitems a:last-of-type {
	margin-right: 0;
}

.menutop .rightitems a svg {
	height: 1.3em;
	width: auto;
	display: block;
	vertical-align: middle;
	fill:white;
}


.menucontainer .menu-item {
	position: relative;
	padding-bottom: 2rem;
}

body:not(.hamburgeractive).stickymenu .top .menucontainer .menu-item:not(.sub-menu .menu-item) {
	padding-bottom: 0rem;
}


.menucontainer .menu-item a {
	padding-bottom: .5rem;
}

.menucontainer .menu-item a span {
	display: block;
	position: relative;
	box-sizing: border-box;
}

.menucontainer .menu-item a span::after {
	content: '';
	width: 0;
	height: 2px;
	background-color: #000;
	position: absolute;
	left: 50%;
	bottom:-.4rem;
	transform: translateX(-50%);
	transition: all .6s cubic-bezier(.785,.135,.15,.86);
}

.menucontainer .menu-item.active a span:not(.sub-menu .menu-item a span)::after,
.menucontainer .menu-item a:hover span::after,
.menucontainer .sub-menu .menu-item.active a span::after {
	width: 100%;
}

.menucontainer .menu-item a.highlight span::after {
	display: none !important;
}

.sub-menu {
	flex-direction: column;
	position: absolute;
	left: 50%;
	top: 2.5rem;
	transform: translate(-50%,2rem);
	background: #fff;
	min-width: 20rem;
	padding: .6rem .5rem 1rem .5rem;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .6s cubic-bezier(.785,.135,.15,.86),transform .6s cubic-bezier(.785,.135,.15,.86);
	z-index: 99999;
}



.menucontainer .menu-item.haschildren:hover .sub-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%,1rem);
}

.menucontainer .menu-item.haschildren .sub-menu .menu-item {
	padding:0;
}

.menucontainer .menu-item.haschildren .sub-menu a {
	font-size: 1.2rem;
	position: relative;
	display: inline-block;
	margin-top: 0;
	color: var(--dark);
}

.menutop .rightitems a svg {
	overflow: visible;
}

.menutop .rightitems a.shoppingbag {
	font-weight: 700;
	border: 1px solid white;
	display: flex;
	background: var(--dark);
	justify-content: center;
	align-items: center;
	height: 3rem;
	min-width: 2.6rem;
	position: relative;
	font-size: 1.1rem;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
	color: white;
}

.menutop .rightitems a.wishlisticon {
	color: white;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
	font-weight: 700;
}

.menutop .rightitems a.wishlisticon .wishlisthover {
	position: absolute;
	top:0;
	left: 0;
	fill:var(--dark);
	z-index: 0;
}



.menutop .rightitems a.wishlisticon svg {
	height: 3rem;
	z-index: 0;
	fill:white;	
	z-index: 10;
	position: relative;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
}

.wishlistactive .menutop .rightitems a.wishlisticon svg,
.menutop .rightitems a.wishlisticon:hover svg {
	fill:white !important;
}

.wishlistactive .menutop .rightitems a.wishlisticon,
.menutop .rightitems a.wishlisticon:hover {
	color: var(--dark);

}

.menutop .rightitems a.shoppingbag:hover,
.cartactive .menutop .rightitems a.shoppingbag {
	background: white;
	color: var(--dark);
}

.menutop .rightitems a .wishlist_totals,
.menutop .rightitems a.shoppingbag_totals {
	font-size: 1.1rem;
	z-index: 10;
}

.shoppingbag_totals {
	display: none !important;
}

.menutop .rightitems a .wishlist_totals {
	position: absolute;
	top:50%;
	left:50%;
    transform: translate(-50%,-50%);
}

.menutop .rightitems a.shoppingbag::before {
	content: '';
	  width: 1.2rem;
	  height: 1.2rem;
	  border-radius: 50%;
	  border: 1px solid white;
	  position: absolute;
	  top: 0;
	  left: 50%;
	  transform: translate(-50%,-50%);
	  z-index: -1;
	  transition: all .3s cubic-bezier(.785,.135,.15,.86);
}

.menutop .rightitems a.shoppingbag:hover::before {
	top:-.1rem;
}

.langs {
	margin-right: auto;
	z-index: 120;
}

.langs a {
	position: relative;
	display: inline-block;
	margin-right: 1.5rem;
	text-decoration: none;
	font-size: 1.3rem;
	text-transform: uppercase;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
	opacity: .4;
}

.langs a.currentlanguage,
.langs a:hover {
	opacity: 1;
}

.langs a:first-of-type::after {
	content: '';
	width: 1px;
	height: 1.1rem;
	background-color: white;
	position: absolute;
	right: -.75rem;
	top: .2rem;
}

.hamburger,
.mobile_menuwrap {
	display: none;
}

.topblock {
	position: relative;
	width: 100%;
	display: block;
	height: 16.7rem;
	background:  var(--dark);	
}


.top {
	position: fixed;
	text-align: center;
	box-sizing: border-box;
	z-index: 10;
	background:  var(--dark);
	top:0;
	min-height: 16rem;
	padding-bottom: .4rem;
	transition: min-height: 2s;
	z-index: 100;
}

.stickymenu .top {
	min-height: 4rem;
}

section.afbeeldingen_slides .sectioninner {
	max-width: none;
}

section.searchresults {
	padding-bottom: 3rem;
}

body:not(.hamburgeractive).stickymenu .top .menucontainer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 28rem);
}

.stickymenu .top .pretop {
	display: none;
}

.stickymenu .top .logo {
	opacity: 0;
}

.top .logo {
	width: 16rem;
	height: auto;
	position: absolute;
	left: 50%;
	top: calc(2rem + 50%);
	transform: translate(-50%,-50%);
	overflow: hidden;
	text-indent: -9999px;
	z-index: 101;
	transition: all .3s ease;
	opacity: 1;
	shape-rendering: geometricPrecision; 
}

.top .logoico {
	width: 4.5rem;
	height: 4.5rem;
	top: 50%;
	opacity: 0;
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all .3s ease;
}

.stickymenu .top .logoico {
	opacity: 1;
	z-index: 120;
}

.menucontainer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: 0;
	top: 0;
}

.menucontainer .menupart {
	margin: 0;
	padding: 0;
	padding-right: 0px;
	list-style: none;
	display: flex;
	align-items: center;
	width: 50%;
	flex-shrink: 0;
}

.menucontainer .menuleft {
	justify-content: flex-end;
	padding-right: 12rem;
}

.stickymenu .top .menucontainer .menuleft {
	padding-right: 4.5rem;
}

.menucontainer .menuright {
  justify-content: flex-start;
  padding-left: 12rem;
}

.stickymenu .top .menucontainer .menuright {
	padding-left: 4.5rem;
}

.menucontainer a {
	display: block;
	margin: 0 1rem;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 1.4rem;
	padding: .3rem .8rem;
	margin: .5rem 1.5rem;
	margin-bottom: 0;
}

.pretop {
	position: relative;
	color:  var(--dark);
	font-size: 1.2rem;
	text-transform: uppercase;
	z-index: 120;
	background-size: cover;
	background-position: top center;
}

.pretop .whiteblur {
 	background-color: rgb(255 255 255 / 10%); 
 	backdrop-filter: blur(30px);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.pretop .flexcontainer {
	padding: .5rem 0;
}

.usp {
	position: relative;
	margin-right: 1rem;
	display: inline-block;
	font-weight: 400;
	cursor: pointer;
}

.uspexpanded {
	display: none;
}

.uspexpanded .flexcontainer {
	padding: 1rem 0 !important;
	text-align: left;
}

.uspexpanded .flexitem:last-of-type {
	padding-left: 3rem;
}

.kiyoh {
	display: block;
}

.kiyoh .score {
	margin-left: .75rem;
	/* font-size: 1.5rem; */
	font-weight: 700;
}


.main-visual {
	width: 100%;
	height: 75vh;
	display: flex;	
	justify-content: flex-start;
}

.main-visual a {
	position: relative;
	display: block;
}

.main-visual img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	object-position: top center;
}

.main-visual.addoverlay::after {
	content:'';
	width: 100%;
	height: 80%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);
	opacity: .45;
	z-index: 0;
}

.vis_title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.vis_title .sectioninner {
	height: 100%;
}

.vis_title .flexcontainer {
	height: 100%;
	justify-content: center;
	flex-direction: column;
}

.vis_title h1 {
	font-size: 5.8rem;
	padding: 0 1rem;
	width: 100%;
	margin: 0;
	margin-top: auto;
	text-transform: uppercase;
	line-height: 1em;
}

.vis_title h2 {
	font-size: 3.4rem;
	padding: 0 1rem;
	width: 100%;
	text-transform: uppercase;
	margin-top: 1rem;
	font-weight: 400;
}


.vlinder {
	margin-top: auto;
	margin-bottom: 4rem;
	width: 8.5rem;
	position: relative;
	display: inline-block;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.vlinder::after {
	content: '';
	width: 1.3rem;
	height: 1.3rem;
	background: url(i/vlinderdown.svg) no-repeat center top;
	background-size: auto;
	background-size: contain;
	position: absolute;
	left: calc(50% - .65rem);
	top: calc(100% - .65rem);
	animation: vlinder ease-in-out 1s infinite;
}


.designerdesc .vlinder {
	margin-top: auto;
	margin-bottom: 2rem;
	padding-top: 3rem;
}
.designerdesc .vlinder::after {
	background: url(i/vlinderdownd.svg) no-repeat center top;
}

@keyframes vlinder {
	0% {
		transform: translateY(.1rem);
	}

	50% {
		transform: translateY(.4rem);
	}

	100% {
		transform: translateY(.1rem);
	}
}

.vlinder svg {
	height: auto;
	width: 100%;	
}

.products-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

section.producten .products-wrapper {
	width: calc(100% + 30px);
	margin-left:-15px;
}

section.stories_overzicht {
	padding-top: 12rem;
	padding-bottom: 12rem;
}

.page-template-template-stories section.stories_overzicht {
	padding-top: 0rem;
	padding-bottom: 3rem;
}


section.stories_overzicht .products-wrapper {
	width: calc(100% + 30px);
	margin-left:-15px;
}

section.stories_overzicht .product {
	text-align: left;
}

section.stories_overzicht .product .imghover {
	transition: opacity .5s;
	opacity: 1;
}

section.stories_overzicht .product:hover .imghover {
	opacity: .6;
}

section.stories_overzicht .story-title {
	font-size: 1.4rem;
	font-family: "Vollkorn", serif;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: .25em;
}
section.stories_overzicht .story-intro {
	font-size: 1.4rem;
	display: block;
	font-family: "Vollkorn", serif;
	font-weight: 400;
}

.products-wrapper .product {
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 3rem;
	width: calc(100% / 4);
	position: relative;
	font-family: "Roboto", sans-serif;
}

.products404 .product {
	width: calc(100% / 3);
}


.products404 {
	text-align: center;
}

.products404 .btn {
	margin: auto;
	display: inline-block;
}

.products404 {
	padding-bottom: 10rem;
}

.products-wrapper .product.sfeer.twocol {
	width: calc(100% / 2);
}

.products-wrapper.weergave-joy .product .productwrap {
	transition-timing-function: ease;
	transition-duration: 1s;
	transition-property: opacity,transform;
	transform: translate3d(0,100px,0);
	position: relative;
	opacity: 0;
}

.products-wrapper.weergave-joy .product {
	margin-bottom: 2rem;
}

.products-wrapper.weergave-joy .product.scrolledIn .productwrap,
.products-wrapper.weergave-joy .product:nth-child(1) .productwrap,
.products-wrapper.weergave-joy .product:nth-child(2) .productwrap, 
.products-wrapper.weergave-joy .product:nth-child(3) .productwrap {
	opacity: 1;
	transform: translateZ(0);
}

.product.sfeer .productwrap {
	position: relative; /* Ensure the product wrap is positioned relatively */
	width: 100%;
	height: 100%;
	overflow: hidden; /* Ensure any overflow is hidden */
}

.product-part.product-colors .flexcontainer {
	justify-content: flex-end;
	flex-wrap: wrap;
}

.products-wrapper .product-colors {
	position: absolute;
	width: 100%;
	text-align: center;
	background: white;
	padding: 0px 15px;
	left: 0;
	right: 0;
	box-sizing: border-box;
	pointer-events: none;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
	opacity: 0;
	min-height: 10rem;
}

.product:hover .product-colors {
  opacity: 1;
  pointer-events: auto;
}

.product-colors-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.products-wrapper .product-sizes {
	position: relative;
	width: 100%;
	text-align: center;
	pointer-events: none;
	padding-bottom: .5rem;
	font-size: 1.2rem;
}

.products-wrapper .product-sizes span {
	display: inline-block;
    padding: .2rem .4rem;
}


.products-wrapper .product-sizes span.soldout {
	text-decoration: line-through;
	color: var(--grey);
}

.products-wrapper.weergave-grid .product.sfeer .productwrap .imghover {
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
}

.products-wrapper.weergave-grid .product.sfeer .productwrap img {
	object-fit: cover; 
	display: block;
	margin-bottom: 0;
	width: 100%;
	height:100%;
}

.products-wrapper.weergave-grid .product.sfeer .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
	padding: .8rem;
	color: #fff;
	font-size: .8rem;
	font-family: Roboto,sans-serif;
	box-sizing: border-box;
	text-shadow: 0 0 .2rem rgba(0,0,0,.5);
}

.category_overview:not(.searchresults) .product,
.weergave-joy .product {
	width: calc(100% / 3);
}

.searchresults form {
	width: 50%;
	display: flex;
	margin: auto;
	align-items: stretch;
	padding-top: 6rem;
}

.searchresults form .btn {
	margin-bottom: 0;
	margin-left: 15px;
}

.searchresults form input {
	border-left: 0;
	border-right: 0;
	border-top: 0;
}


section.designers_overzicht .sectioninner {
	max-width: none;
}

.category_overview .products-wrapper {
	padding-bottom: 2rem;
	align-items: stretch;
}

.category_overview .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 2rem;
	flex-wrap: wrap;
}

.sortform {
	margin-top: 15px;
	background-color: #fff;
	border: 1px solid #0000004D;
	padding: 1.2rem;
	color: #000;
	width: calc(var(--colwidth) * 3);
	margin-left: 15px;
	display: inline-block;
	font-size: 1.4rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpath d='M0.0139999 0.915367C0.172667 0.738033 0.354667 0.6027 0.56 0.509367C0.774667 0.425367 1.01267 0.388033 1.274 0.397367L3.892 4.94737L3.374 4.93337L6.244 0.215367C6.44 0.299367 6.622 0.430034 6.79 0.607367C6.96733 0.794034 7.09333 0.999367 7.168 1.22337L4.116 5.92737C3.67733 6.03937 3.26667 5.97403 2.884 5.73137C2.604 5.19937 2.31933 4.68137 2.03 4.17737C1.74067 3.6827 1.43267 3.17403 1.106 2.65137C0.788667 2.1287 0.424667 1.55003 0.0139999 0.915367Z' fill='black'/%3E%3C/svg%3E");	
	background-repeat: no-repeat,repeat;
	background-position: right 1.5rem top 50%,0 0;
	background-size: 1rem;
	border-radius: 0;
	margin-right: 15px;
	font-family: "Vollkorn", serif;
}
 
.pagination .page-numbers {
	color: #000;
	text-decoration: none;
	width: 3rem;
	height: 3rem;
	border: 1px solid #000;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
	margin: 0 .25rem;
}

.pagination .page-numbers.current,
.pagination .page-numbers:not(.dots, .next, .prev):hover {
	background: #000;
	color: #fff;
}

.pagination .page-numbers.dots {
	border: 0;
}


.pagination .page-numbers.next, 
.pagination .page-numbers.prev {
	border: 0;
	width: auto;
}

.pagination .page-numbers.prev {
	margin-right: auto;
	margin-left: 0 !important;
}

.pagination .page-numbers.next svg, 
.pagination .page-numbers.prev svg {
	height: auto;
	width: 1em;
	position: relative;
	top:-.1em;
	margin-left: .5em;
	transform: rotate(-90deg);
	transition: left .25s;
	left:0;
}
.pagination .page-numbers.prev svg {
	transform: rotate(90deg);
	margin-right: .5em;
	margin-left: 0 !important;
}

.pagination .page-numbers.next:hover svg { 
	left: .25em;
}

.pagination .page-numbers.prev:hover svg {
	left: -.25em;
}


.pagination .page-numbers.next {
	margin-left: auto;
}

.pagination .page-numbers:first-child {
	margin-left: auto;
}


.weergave-grid {
	padding-top: 2rem;
}

.weergave-grid .salesprice {
	font-weight: 700;
	color: #e00000;
	padding: .4rem 0;
}

.weergave-joy .product:nth-of-type(3n+1) {
	transform: translateY(-8rem);
}
.weergave-joy .product:nth-of-type(3n+2) {
	transform: translateY(3rem);
}
.weergave-joy .product:nth-of-type(3n+3) {
	transform: translateY(-3rem);
}

.imghover {
	position: relative;
	display: flex;
	width: 100%;
	z-index: 0;
}

.imghover img {
	width: 100%;
	object-fit: cover;
	display: block;
	height: auto;
	margin-bottom: 1rem;
}

.related .product .imghover img,
.producten .product .imghover img,
.category_overview .product .imghover img {
	aspect-ratio: 1000 / 1500;
}

.imghover .hoverimg {
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	transition: opacity .3s cubic-bezier(.785,.135,.15,.86);
}

.products-wrapper .product:hover .hoverimg {
	opacity: 1;
}

.products-wrapper .product .product-title {
	font-size: 1.4rem;
	font-family: "Vollkorn", serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

.products-wrapper .product.sfeer .product-price,
.products-wrapper .product.sfeer .product-title {
	display: none;
}

.products-wrapper .product .product-name {
	font-size: 1.2rem;
	text-align: center;
	display: block;
}

.products-wrapper .product .product-price {
	font-size: 1.2rem;
	text-align: center;
	display: block;
	padding: .5rem 0 0 0;
}

.product .ptip {
	border: 1px solid #000;
	border-radius: 3px;
	padding: .2rem .5rem;
	text-transform: uppercase;
	display: inline-block;
	font-size: 1rem;
	margin-top: .8rem;
}

.salesprice.privatesale::after {
	border: 1px solid #000;
	border-radius: 3px;
	padding: .2rem .5rem;
	text-transform: uppercase;
	display: inline-block;
	font-size: 1rem;
	margin-left: .5rem;
	content: 'Private sale';
	color: #000;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.product .ptip.emptytip {
	border: 1px solid transparent;
}


.product .addtowishlist {
	position: absolute;
	top:.5em;
	right:1.5em;
	width: 1.25em;
	height: auto;
	fill: #1122114D;
	transition: fill .25s;
	z-index: 10;
}

.addtowishlist svg,
.addtowishlist path {
	pointer-events: none;
}

.weergave-joy .product .addtowishlist {
	display: none;
}

.product .addtowishlist.wishlistadded svg {
	fill: #e00000;
}

.lastsection {
	height: 4rem;
	background: white;
}

.bottomText {
	text-align: center;
	margin-top: 1rem;
	padding: 15px;
	box-sizing: border-box;
}

.bottomText p {
	margin-top: 0;
}

.bottomText p a {
	text-decoration: underline;
}

.bottomText h2 {
	margin-bottom: 0;
	font-size: 1.8rem;
}

.footer {
	position: relative;
	width: 100%;
	background:  var(--dark);
	color: white;
	padding: 7rem 0 1rem 0;
	line-height: 1.5;
}

.instagramsection {
	padding-top: 4rem;
	z-index: 0;
}

.instagram-post {
	flex-wrap: wrap;
	align-items: stretch;
}

.instagram-post a {
	width: 20%;
	height: auto;
	box-sizing: border-box;
	position: relative;
	display: flex;
}

.instagram-post img,
.instagram-post video {
	object-fit: cover;
	width: 100%;
}

.instagram-post span {
	display: block;
	background: white;
	padding-right: .5em;
	padding-left: .5em;
	font-size: .8em;
	position: absolute;
	bottom: 0;
	right:0;
	text-align: right;
	max-width: 60%;
}

.endfooter {
	background:  var(--dark);
	padding: 2.5rem 0;
}

.endfooter .flexcontainer,
.footer .flexcontainer {
	align-items: flex-start;
}

.socico {
	display: inline-block;
	margin: .75em;
}

.socico:first-of-type {
	margin-left: 0;
}

.socico svg {
	fill: white;
	height: 1.5em;
}

.theme-light .socico svg {
	fill: var(--dark);
}


.endfooter .flexitem,
.footer .flexitem {
	font-size: 1.4rem;
	font-family: "Vollkorn", serif;
	padding-right: 1rem;
	margin-bottom: 2rem;
	box-sizing: border-box;
	width: calc((50% / 2) - var(--colwidth));
}


.endfooter .flexitem.smallerflex,
.footer .flexitem.smallerflex {
	width: calc(50% / 3);
	flex-grow: 0;
	flex-shrink: 0;
}

.footer .flexitem.socialfooterwrap {
	text-align: center;
}

.endfooter .endinner {
	font-family: "Vollkorn", serif;
	text-transform: uppercase;
	font-size: 1rem;
	width: 100%;
	color: var(--grey);
}

.endfooter .flexitem svg {
	height: 1rem;
	width: auto;
	fill:var(--grey);
	margin-left: .5rem;
}

#sib-container,
.sib_signup_form,
.sib-form-block {
	padding: 0 !important;
	max-width: auto !important;
}

#sib_signup_form_4 .sib-email-area input,
#sib_signup_form_2 .sib-email-area input {
	text-align: center !important;
	color: var(--dark2) !important;
	margin-top: 5rem !important;
	max-width: 30rem !important;
	border-bottom: 1px solid var(--dark2) !important;
}

.sibunsub {
	float: right;
	vertical-align: bottom;
	margin-top: 1em;
}

.sib_signup_box_inside_3 p:last-of-type,
.sib_signup_box_inside_1 p:last-of-type {
	float: left;
}

.sib_signup_form input {
	margin: 0 !important;
	padding: .5rem !important;
	border-radius: 0 !important;
	border:  0 !important;
	background: none !important;
    border-bottom: 1px solid white !important;
	width: 100% !important;
	padding: 1rem 0 !important;
	color: white !important;
	font-size: 1.4rem !important;
	background: none !important;
	text-align: left !important;
	margin-bottom: 1em !important;
}


.theme-light .sib_signup_form input {
	color: var(--dark) !important;
 }

.sib-form:focus-within,
.sib_signup_form input:focus {
	outline: none !important;
}

.sib_signup_form input.sib-default-btn {
	width: auto !important;
	border: 0 !important;
	padding: 1rem 2em !important;
	background: grey !important;
}

.sib_signup_form input.sib-default-btn:hover {
	background:  var(--dark);
}

.sib_signup_form input::placeholder {
	color: white;
}

.theme-light .sib_signup_form input::placeholder {
	color: var(--dark);
}

.form__label-row--horizontal {
	margin: 0 !important;
}

#sib-form div {
	padding: 0 !important;
}

.w25 {
	width: 25%;
}

.w50 {
	width: 50%;
}

.footer::before {
  content: '';
  height: 8rem;
  width: 8rem;
  background: url(i/mayke-i.svg) no-repeat center center;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: 1em;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}


.footer b,
.footer .menu li:first-of-type a {
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: .5rem;
	display: block;
}

.footer .menu {
	margin: 0;
	list-style: none;
	padding: 0;
}
.footer p {
	margin: 0;
}

.socialfooter {
	width:15.5rem;
	height: 15.5rem;
	margin-top: 4rem;
	position: relative;
	display: inline-block;
}

.sociallink {
	width: 6rem;
	height: 6rem;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	position: absolute;
	background: #fff;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
}

.sociallink:hover {
	background:  var(--dark);
}

.socialfooter .sociallink.fb {
  left: 0;
  top: 50%;
  transform: translate(0,-50%) rotate(45deg);
}

.socialfooter .sociallink.pi {
	left: 50%;
	top: 0;
	transform: translate(-50%,0) rotate(45deg);
}


.socialfooter .sociallink.ig {
	right: 0;
	top: 50%;
	transform: translate(0,-50%) rotate(45deg);
}


.socialfooter .sociallink.tt {
	left: 50%;
	bottom: 0%;
	transform: translate(-50%,0) rotate(45deg);
}


.socialfooter .sociallink svg {
	height: 2.4rem;
	width: auto;
	transform: rotate(-45deg);
	fill: var(--dark);
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
}

.socialfooter .sociallink:hover svg {
	fill:white;
}

a.underline {
	text-decoration: underline;
}


section.product-detail .productinfoflex {
	align-items: stretch;
	height: 100%;
	position: relative;
}

.btn-back {
	margin-top: 2.5rem;
	display: inline-block;
	padding: 1.2rem 0 !important;
	margin-bottom: 0 !important;
}

.btn-back::after {
	width: 100%;
	position: absolute;
	bottom: .5rem;
	height: .1rem;
	background: #000;
	content:'';
	left: 0;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
}

.btn-back:hover::after {
	width: 0;
}

.btn.btn-secondary {
  border: none;
  background-color: transparent;
  color: #000;
  padding: 1rem;
}
.btn {
  display: inline-flex;
  padding: 1.2rem 2rem;
  background: #000;
	background-color: rgb(0, 0, 0);
  border: 1px solid #000;
  color: #fff;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Roboto,sans-serif;
  position: relative;
  transition: all .3s cubic-bezier(.785,.135,.15,.86);
  margin-right: 2rem;
  margin-bottom: 1rem;
  cursor: pointer;
}

.btn:hover {
	background: transparent;
	color: #000;
}

#breadcrumbs {
	text-transform: uppercase;
	font-size: 12px;
	padding: 10px 0;
	box-sizing: border-box;
}

#breadcrumbs span span {
	margin-left: 5px;
}

#breadcrumbs span:first-of-type span {
	margin-left: 0;
}

#breadcrumbs svg {
	height: 1rem;
	width: auto;
	fill:#000;
	display: inline-block;
}

.product-images {
	box-sizing: border-box;
	width: 66.66%;
	padding-right: 15px;
	position: relative;
	height: auto;
}

.sliderwrap {
	position: relative;
	width: 100%;
	z-index: 0;
}

.sliderhold {
	position: relative;
}

.sliderhold .slick-nav {
	font-size: 2em;
	padding: 3rem;
	top:calc((100% - 3em) / 2);
}

.slick-nav {
	position: absolute;
	height: calc(10px + 1em);
	width: auto;
	padding: 1rem;
	z-index: 10;
	fill:#d8d8d8;
	top:calc((100% - 25px - 1em - 2rem) / 2);
	cursor: pointer;
	transition: all .3s cubic-bezier(.785,.135,.15,.86);
}

.slick-nav:hover {
	fill:var(--dark2);
}

.slick_prev {
	left: 0rem;
}

.slick_next {
	right: 0rem;
}

.slide_dots {
	bottom: -10px;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
}

.slide_dots .dot {
	position: relative;
	width: 10px;
	height: 10px;
	background: #D9D9D9;
	border-radius: 100%;
	margin: 2px;
	cursor: pointer;
	transition: background .25s;
}
.slide_dots .dot.active {
	background: #000000;
}

.product-info {
	box-sizing: border-box;
	width: 33.33%;
}

.product-images .slide {
	display: flex;
	cursor: grab;
}

.fullscreenproductimage .product-images {
	z-index: 999999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	height: 100vh;
	overflow: auto;
	width: 100%;
}

.fullscreenproductimage .product-images .flexcontainer,
.fullscreenproductimage .product-images .slidercol1,
.fullscreenproductimage .product-images .slidercol2,
.fullscreenproductimage .sliderwrap {
	height: calc(100% - 1em);
}

.fullscreenproductimage .product-images .slidercol1 {
	width: 90%;
}

.fullscreenproductimage .product-images .slidercol2 {
	overflow-y: auto;
	overflow-x:hidden;
	width: 10%;
	transform: translateZ(0);
}

.fullscreenproductimage .product-images .slide img {
	width: auto;
	margin: auto;
	border-bottom: 0;
}
.fullscreenproductimage .slick-track {
	padding-bottom: 0;
}

.fullscreenproductimage {
	overflow: hidden;
}

.fullscreenproductimage .product-images span:first-of-type,
.product-images span:last-of-type  {
	display: none;
}
.fullscreenproductimage .product-images span:last-of-type,
.product-images span:first-of-type {
	display: inline-block;
}


.fullscreenproductimage .product-images .slick-nav {
	top: calc((100vh - 6rem) / 2);
}

.toggleFullscreen {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 10;
	font-family: "Roboto", sans-serif;
	cursor: pointer;
}

.toggleFullscreen span {
	font-weight: 400;
	font-size: 1.3rem;
	text-transform: uppercase;	
	text-decoration: underline;
}

.toggleFullscreen svg {
	display: inline-block;
	height: 1.5rem;
	width: auto;
	fill: var(--dark);
	vertical-align: middle;
	position: relative;
	top: -.2rem;
	margin-left: 1rem;
}

.product-images img {
	width: 100%;
	height: auto;
}

.gallery360 {
	position: relative;
	display: flex;
	height: 100%;
}

.seqwrap {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
	margin: auto;
	background: #f4f4f4;
}

.seqtabshoverhold {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
}

.seqtabshoverhold div {
	border-left: 1px;
	height: 100%;
	width:100%;
	opacity: 0;
}

.seqwrap img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: auto;
	object-fit: cover;
	display: none;
	transition: opacity 0.1s linear;
}

.seqwrap img:first-of-type {
	display: block;
}


.imagegallerywrap {
	align-items: stretch;
	width: 50%;
	margin: auto;
}

.slidercol1 {
	position: relative;
	width: calc(((100% / 4) * 3) - 15px);
}

.slidercol2 {
	position: relative;
	width: calc(100% / 4);
	height: 100%;
}

.slidethumb { 
	position: relative;
	width: auto;
	display: block;
	aspect-ratio: 2/3;
	cursor: pointer;
	overflow: hidden; /* Ensure overflow is hidden in case of cropping */
	box-sizing: border-box;
	height: calc(100% / 3);
}

.fullscreenproductimage .slidethumb {
	height: auto;
}

.slidethumb img {
	display: block;
	width: auto;
	height: 100%; /* Maintain aspect ratio by adjusting height */
	box-sizing: border-box;
	border-bottom: 15px solid white;
}



/* Slider */
.slick-slider
{
	position: relative;
	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	z-index: 0;
	height: 100%;
}


.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
	height: 100%;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: zoom-in;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	padding-bottom: 15px;
	box-sizing: border-box;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	display: flex;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img,
.slick-slide svg
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slick-slide.slick-loading img,
.slick-slide.slick-loading svg
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
	position: relative;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

.product-info {
	position: relative;
}

.productinfoinner {
	position: absolute;
	top:0;
	bottom: 0;
	height: 100%;
	display: flex;
	min-height: 3rem;
	flex-direction: column;
}

.product-info .product-title {
	font-size: 1.6rem;
	margin: 0;
	color: var(--dark);
	font-weight: 400;
	display: block;
}
.product-info .product-title .product-designer {
	font-size: 2.4rem;
	font-weight: 700;
	text-transform: uppercase;
}

.product-info .product-price .price {
	font-size: 1.8rem;
	font-weight: 700;
}

.product-info .product-price {
	margin-bottom: 1em;
}

.product-info .product-price .salesprice {
	color: #e00000;
}

.product-info .product-price .originalprice {
	font-size: 1.4rem;
	font-weight: 700;
}


.product-info .add-to-cart {
	width: 60%;
	justify-content: center;
}


.product-buttons {
	margin-top: 1em;
	margin-bottom: 1em;
	display: flex;
	width: 100%;
	justify-content: stretch;
}

.product-buttons .btn {
	margin: 0;
	text-decoration: none;
	padding-right: 4rem;
	position: relative;
}

.product-buttons .btn.add-to-cart {
	margin-right: 2em;
	flex: 1;
}

.product-buttons .btn.wishlist {
	background: white;
	color: var(--dark);
	border-color:#12121230;
}

.product-buttons .btn.wishlist.wishlistadded svg {
	fill: #e00000;
}

.product-buttons .btn svg {
	height: 2rem;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 1rem;
	top:1rem;
	transition: fill .25s;
}

.product-buttons .btn.wishlist svg,
.product-buttons .btn.add-to-cart:hover svg {
	fill: var(--dark);
}

.product-buttons .btn.add-to-cart svg {
	fill:white;
}

.kiyoh {
	margin-top: .5rem;
	white-space: nowrap;
	margin-bottom: .5rem;
}

.product {
	text-align: center;
}

section.related h2 {
	margin: 0;
	padding-top: 10rem;
	text-align: center;
	font-weight: 700;
	font-size: 2.2rem;
	text-transform: uppercase;
	color: var(--dark);
}

section.related .products-wrapper {
	margin-left: -1em;
	width: calc(100% + 2em);
}

.product-info hr {
	border: 0;
	background: #000;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}

.product-unfolder {
	overflow: hidden;
	height: auto;
}

.product-unfolder.active {
	height: auto;
}

.product-collapse {
	display: none;
}

.product-foldable.active .product-collapse {
	display: block;
}

.product-foldable.active .toggle {
	transform: rotate(180deg);
}

.product-foldable .flexcontainer {
	cursor: pointer;
}

.product-part a {
	text-decoration: underline;
}

.product-desc {
	margin: 1.6rem 0;
	overflow-x: hidden;
	overflow-y: auto;
	/* flex:1; */
}

.product-info-title {
	position: relative;
	font-weight: 700;
	font-size: 1.6rem;
	display: flex;
	justify-content: space-between;
	letter-spacing: 1px;
	margin-right: auto;
	text-transform: uppercase;
}

.product-shipping {
	padding-right: 1rem;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.shippingtxt {
	margin-right: auto;
	padding: 0 1rem;
}

.product-shipping b {
	white-space: nowrap;
}

.product-info ul {
	margin: 0;
	padding: 0;
	margin-left: 1.5em;
	margin-top: .5em;
	margin-bottom: .5em;
}

.product-shipping .toggle {
	width: 1em;
	height: auto;
	fill: #112211;
}
.product-shipping .shipico {
	width: 1.5em;
	margin-left: 5px;
	margin-right: 5px;
	height: auto;
	fill: #112211;
}


.product-colors {
	padding: .5rem 0;
	padding-right: .5rem;
}
.product-colors .color {
	width: 2rem;
	height: 2rem;
	border:1px solid #e9e9e9;
	border-radius: 100%;
	display: inline-block;
	background-size: cover;
	margin: .2rem .3rem;
	flex-shrink: 0;
	flex-grow: 0;
}

.product_code {
	font-weight: bold;
}

.product-rating {
	margin-top: 1.5rem;
}

.rating-stars {
	display: inline-block;
}

.rating-stars div {
	display: inline-block;
	margin-left: .35rem;
}

.rating-stars svg {
	display: block;
	height: 1rem;
	width: auto;
}

.transactional {
	padding: 3rem 0 12rem 0;
}

.checkoutprogress {
	border: 1px solid var(--dark);
	margin-bottom: 3rem;
}

.checkoutprogress .flexitem {
	width: calc(100% / 3);
	background: white;
	padding: .5em .5em .3em .5em;
	text-align: center;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	opacity: .5;
	position: relative;
	transition: opacity .25s, color .25s;
	z-index: 1;
}

.checkoutprogress .flexitem.currentstep {
	opacity: 1;
	background: var(--dark);
	color:white;
}

.checkoutprogress .flexitem svg {
	position: absolute;
	top:0;
	right: -1px;
	height: 100%;
	width: auto;
	fill:none;
	z-index: 0;
}

.checkoutprogress .flexitem svg rect {
	display: none;
}

.checkoutprogress .flexitem.currentstep svg rect {
	fill:white;
	display: initial;
}

.checkoutprogress .middlestep svg {
	stroke: grey;
	stroke-width:1px;
	stroke-linejoin: bevel;
}

.checkoutprogress .flexitem.middlestep svg {
	right: auto;
	left: 0;
}

.checkoutprogress .flexitem.currentstep svg {
	fill: var(--dark);
	stroke-width:0;
}

.woocommerce-shipping-totals.shipping {
	display: none !important;
}

.transactionalformseperator {
	width: 1px;
	background: #12121240;
}

.checkoutparthidden {
	display: none !important;
}

.checkoutstepshold .flexcontainer {
	align-items: stretch;
}

.buttonshold .btn.reverse-overbodigbijophalen {
	display: none;
}

.checkoutstepshold .flexcontainer .flexitem:not(.transactionalformseperator) {
	width: calc((100% - 12rem) / 2);
	flex-shrink: 0;
	align-content: flex-start;
	font-family: "Roboto", sans-serif;
	line-height: 150%;
}

.checkoutstepshold .flexcontainer .flexitem:not(.transactionalformseperator) th {
	text-align: left;
}

.checkoutstepshold h2 {
	font-size: 2.4rem;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: .5em;
	font-family: "Vollkorn", serif;
	font-optical-sizing: auto;
	font-weight: 700;
}

.checkoutgrey .inputshold.reviewhold {
	width: 100% !important
}

.checkoutgrey .inputshold.reviewhold .cart-item {
	padding: 0;
	border-bottom: 0;
}

.checkoutgrey .inputshold.reviewhold .product-total {
	border-bottom: 1px solid var(--dark);
}

.checkoutgrey .inputshold.reviewhold .cart-col {
	padding: 0 15px;
	width: 30%;
	flex-shrink: 0;
	flex-grow: 0;
}

.checkoutgrey .inputshold.reviewhold .shop_table {
	width: 100%;
}

.spacer-row {
	display: none;
}

.checkoutgrey .inputshold.reviewhold .shop_table .cart-img {
	width: 10em;
}


.checkoutgrey .inputshold.reviewhold .shop_table .cart-img .cart-img {
	width: 5em;
	display: block;
}

.checkoutgrey .inputshold.reviewhold .shop_table .cart-info {
	flex-direction: row;
	width:100%;
	padding: 0;
}

.checkoutgrey .inputshold.reviewhold .shop_table .cart-desc {
	padding: 0;
	margin: 0;
}
.checkoutgrey .inputshold.reviewhold .shop_table .cart-sizehold {
	margin-top:auto;	
}

.checkhold {
	position: relative;
	padding-left: 2em;
	box-sizing: border-box;
	width: 100%;
	cursor: pointer;
}

/* .checkhold .checkbox {
	width: 1em;
	height: 1em;
	border: 1px solid var(--dark);
	background: white;
	transition: background .25s;
	display: inline-block;
	position: absolute;
	left:0;
	top:.1em;
}

.checkhold.checked .checkbox {
	background: var(--dark);
} */

.checkoutpart4 #payment {
	display: none;
}



.formright {
	display: block;
	margin-top: .75rem;
	width: 50%;
	margin-left: auto;
	text-align: right;
}

.formright .btn {
	margin-right: 0;
	margin-top: .75rem;
	justify-content: center;
	width:100%;
	box-sizing: border-box;
}

.transactionalform p {
	margin: 0;
	font-size: 1.4rem;
	line-height: 150%;
}

.maykeinputwrap {
	box-sizing: border-box;
	padding-top: 1rem;
}

.maykeinputwrap input,
.maykeinputwrap label {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.searchform {
	padding-left: 15px;
}

.searchform .maykeinput {
	font-family: "Vollkorn", serif;
	font-size: 1.6rem;
	line-height: 0;
	padding: 0 .75em;
	color: var(--dark);
}

.guest_return {
	margin-top: 1rem;
}

.guest_return input {
	margin-top: .5rem;	
	
}
.guest_return label {
  font-family: "Vollkorn", serif;
  font-size: 1.6rem !important;
  font-weight: bold;
}

.returnform h3 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
}

.maykeinputwrap .optional {
	display: none;
}

.maykeinputwrap p {
	margin: 0;
}

.maykeinputwrap label {
	display: block;
    width: 100%;
    font-size: 1.4rem;
}

.maykeinputwrap input,
.discountform input {
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;
	border: 1px solid var(--dark2);
	padding: .75em;
	width: 100%;
	display: inline-block;
	font-size: 1em;
	background: white;
}

.woocommerce-invalid input {
	border: 1px solid #e00000;
}

.woocommerce-error {
	border: 1px solid #e00000;
	padding: 1em;
	text-align: left;
	margin: 0;
	margin-bottom: .5em;
	list-style: none;
}

.postnl-co-tr-container,
.checkoutgrey {
	background: #fafafa;
	justify-content: stretch;
}

.checkoutgrey .inputshold {
	width: calc((100% / 3) * 2) !important;
	padding: .75em;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	position: relative;
	padding-top: 1.75em;
}

.checkoutgrey .buttonshold {
	width: calc((100% / 3) * 1) !important;
	padding: .75em;
	font-size: 1.6rem;
	display: flex;
	box-sizing: border-box;
	align-content: flex-end !important;
}

.buttonshold .btn {
	margin-top: auto;
	margin-bottom: 0;
	margin-right: 0;
	display: inline-block;
	font-size: 1em;
	padding: .75rem;
	text-align: center;
	min-width: 75%;
	margin-left: auto;
}

.discountform {
	margin-top: 2rem;
}

.discountform input {
	margin-right: 3rem;
}

.discountform input::placeholder {
	text-transform: uppercase;
	color: #ccc;
}

.maykeinputwrap select {
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;
	background-color: white;
	border: 1px solid var(--dark);
	padding: .75em;
	width: 100%;
	display: inline-block;
	font-size: 1em;
}

.greyreq {
	position: absolute;
	top:.5em;
	right: .5em;
	opacity: .4;
	font-size: 1.4rem;
	line-height: 150%;

}

.twoinputs {
	display: flex;
	justify-content: space-between;
}

.twoinputs .maykeinputwrap {
	width: calc((100% - 30px) / 2);
}

.twoinputs.twothirds .maykeinputwrap:first-of-type {
	width: calc(((100% - 15px) / 3) * 1);
}

.twoinputs.twothirds .maykeinputwrap:last-of-type {
	width: calc(((100% - 15px) / 3) * 2);
}


.threeinputs {
	display: flex;
	justify-content: space-between;
}

.threeinputs .maykeinputwrap {
	width: calc((100% - 30px) / 3);
}


.maykeinputwrap input:focus,
.discountform input:focus {
	outline: none;
}

.discountform button {
	display: none;
}

.discountform .flexcontainer {
	justify-content: stretch;
	align-items: flex-end;
}

.category_overview .flexitem {
	flex-shrink: 0;
	flex-grow: 0;
}

.discountform .flexitem {
	width: auto;
	padding: 0;
	margin-bottom: 1rem;
}

.discountform .flexitem:first-of-type {
	flex-grow:1;
	margin-right: 3rem;
}

.discountform .btn {
	background-color: #ccc;
	border-color: #ccc;
	margin-right: 0;
	box-sizing: border-box;
	text-align: center;
}

.discountform .btn:hover {
	background-color: transparent;
	border-color: #000;
	color: #000;
}

.lostpassword {
	margin: 0 0 0 2rem;
	display: inline-block;
	font-size: 1.2rem;
	color: #000;
	text-decoration: underline;
}

small {
	font-size: 80%;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.totals_cart {
	background: #353535;
	color: #fff;
	margin-bottom: 3rem;
	margin-top: 1rem;
}

.totals_cart .flexitem {
	padding: 15px 2rem;
	box-sizing: border-box;
}

.totalsfinal {
	text-align: right;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: normal;
}


.designerdesc .flexcontainer {
	align-items: stretch;
}

.designerdesc {
	padding: 30px 0;
}

.designervisual {
	width: calc(((100% - 30px) / 4) * 3);
	flex-grow: 0;
	flex-shrink: 0;
	padding-left: 15px;	
	padding-right: 30px;
	display: flex;
}

.designervisual img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.designerdesc .categorydescinner {
	width: calc(((100% - 30px) / 4) * 1);
	flex-grow: 0;
	flex-shrink: 0;
	text-align: left;
	padding: 0;
	display: flex;
	flex-direction: column;
	padding-right: 45px;
}


.categorydescinner {
	box-sizing: border-box;
	text-align: center;
	padding: 30px 0;
}

.tax-product_cat .categorydescinner {
	width: calc(100% - var(--gutterwidth));
	padding: 30px 15px;
}

.categorydescinner h1 {
	margin: 0;
	color: var(--dark);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.categorydescinner h2 {
	margin: 0;
	color: var(--dark);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.categorydescinner p:last-of-type {
	margin-bottom: 0;
}

.catflex {
	display: flex;
	align-items: flex-start;
	position: relative;
}

.catflex .flexitem {
	position: relative;
	padding: 0 15px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.catflex .flexitem:first-of-type {
	width: calc((var(--colwidth) * 3) + (var(--gutterwidth) * 2));
	margin-top: 15px;
	flex-shrink: 1;
}

.catflex .flexitem:last-of-type {
	width: calc((var(--colwidth) * 10) + (var(--gutterwidth) * 6));
	text-align: right;
}

.filterssidebar {
	position: relative;
}

.filterssidebar.sticky .innerflexer {
	position: fixed;
	top:6rem;
}

.filterssidebar.sticky .innerflexer .filterpart {
	background: white;
}

.filterssidebar.stickybottom {
	align-self: flex-end;
	margin-bottom: 3rem;
}

.filterbutton {
	display: none;
}

.filtername {
	font-weight: 700;
	padding: 1.7rem 0 .8rem 0;
	border: none;
	color: #666;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	letter-spacing: 1px;
}

.filterpart {
	position: relative;
	border-top: 1px solid var(--grey);
	box-sizing: border-box;
	line-height: 1.5;
	font-size: 1.4rem;
	padding:  1em 0;
	color: var(--dark2);
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}
.return-order-wrapper {
	border-bottom: 1px solid var(--grey);
	position: relative;
	box-sizing: border-box;
	padding:  1em 0;
}

.return-order-wrapper .filterarrow {
	float: right;
	top:-.5rem;
}

.totalproducts {
	font-size: 1.2rem;
	color: var(--grey);
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	margin-bottom: 2em;
	margin-top: 1em;
}

.currentselectedfilters {
	display: flex;
	flex-wrap: wrap;
}

.currentselectedfilters div, .currentselectedfilters a {
	  background-color: #fff;
	  border: 1px solid #0000004D;
	  padding: 1.2rem;
	  color: #000;
	  display: inline-block;
	  font-size: 1.4rem;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  appearance: none;
	  cursor: pointer;
	  margin-left: 15px;
	  margin-top: 15px;
	  white-space: nowrap;
	  font-family: "Vollkorn", serif;
}

.currentselectedfilters div  svg, .currentselectedfilters a svg {
	height: 1em;
	width: auto;
	fill:var(--dark);
	position: relative;
	margin-left: .5em;
	top:.25em;
}

.currentselectedfilters div:hover, .currentselectedfilters a:hover {
	background: var(--dark);
	color:white;
}

.currentselectedfilters div:hover svg, .currentselectedfilters a:hover svg {
	fill:white;
}

.filter_toggler {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	cursor: pointer;
	margin-bottom: -1px;
	box-sizing: border-box;
}

.filter_toggler b {
	font-size: 1.2rem;
	text-transform: uppercase;	
	color: var(--dark);
	font-weight: 700;
}

.filterarrow {
	position: relative;
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 1.5rem;
}

.filterhold.active .filterarrow svg {
	transform: rotate(-180deg);
}

.filterarrow svg {
	width: 1.25rem;
	height: auto;
	fill:var(--dark);
	transform: rotate(0deg);
	transition: transform .15s cubic-bezier(.785,.135,.15,.86);
}

.filter_collapse {
	box-sizing: border-box;
	overflow: hidden;
	transition: all 0.5s ease;
	max-height: 0;
}

.filterhold.active .filter_collapse {
	max-height: 1000px; /* a large value to ensure it can accommodate the content */
	margin-top: .5em;
}

.filter_collapse a:not('.faq .filter_collapse a'),
.productFilter {
	text-decoration: none;
	display: block;
	padding: .15rem 0;
	box-sizing: border-box;
}

.productFilter.disabled {
	color: var(--grey);
	pointer-events: none;
	text-decoration: strike-through;
}

.filter_collapse a.current {
	font-weight: 700;
}

.filter_collapse .flexcontainer {
	flex-wrap: wrap;
}

.filter_collapse .flexcontainer.filtertwocols {
	display: block;
	column-count: 2;
    column-gap: 1rem;
}

.filter_collapse .flexcontainer.filtertwocols .filteritemwrap {
  break-inside: avoid;
  margin: .25rem 0;
  overflow: auto;
}

.filteritemwrap {
	margin: .25rem 0;
}

.impression .imp_hold {
	background:  var(--dark);
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	color: white;
	display: flex;
}

.productFilter {
	position: relative;
	padding-left: 2.8rem;
	cursor: pointer;
}


.checkhold .checkbox span::before,
.productFilter span::before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #999;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}


.productFilter ins {
	text-decoration: none;
}

.productFilter ins span::before,
.productFilter a span::before {
	border-radius: 100%;
}


.productFilter.active a span::after {
	border-radius: 100%;
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #999;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left:0;
	transform: translateY(-50%) scale(.5);
}

.checkhold.checked .checkbox span::before,
.productFilter.active span::before {
  background-color: var(--dark);
  border-color: #000;
}

.checkhold.checked .checkbox span::before,
.productFilter.active span:not(a span)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 319.9 238.48'%3E%3Cpath d='M131.25,233.85L315.25,49.85c6.2-6.2,6.2-16.4,0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6,0L119.95,154.65,49.85,84.55c-6.2-6.2-16.4-6.2-22.6,0l-22.6,22.6c-6.2,6.2-6.2,16.4,0,22.6l104,104c6.2,6.3,16.4,6.3,22.6,0v.1Z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center center;
}


.checkhold .checkbox:hover span::before,
.productFilter:hover span::before {
  border-color: #000;
}

..checkhold.checked .checkbox:hover span::before,
.productFilter.active:hover span::before {
  background-color: #999;
  border-color: #999;
}


.filteritemwrap input {
	display: none;
}

.filter_search {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 1rem;
	position: relative;
}

.filter_search input {
	width: 100%;
	box-sizing: border-box;
	display: block;
	height: 3rem;
	background-color: #e5e5e5;
	border: none;
	padding: .5rem 3rem .5rem 1rem;
	position: relative;
	font-size: 1.2rem;
}

.filter_search input:focus {
	outline:none;
}

.filter_search input::placeholder {
	color: #bbb;
}

.filter_search svg {
	position: absolute;
	top: .5em;
	right: .5em;
	height: 1em;
	width: auto;
	pointer-events: none;
}

section.eenvoudige_tekst {
	background: white;
	padding-top: 10rem;
}

.eenvoudige_tekst .content {
	width: 66.66%;
	display: block;
	margin: auto;
	color: #000;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
}

.content p:first-of-type {
	margin-top: 0;
}
.content p:last-of-type {
	margin-bottom: 0;
}

.content ul {
	margin: 0;
	padding: 0 0 0 20px;
}

.betaalmethodes {
	flex-wrap: wrap;
	padding-right: 0;
	box-sizing: border-box;
	justify-content: flex-start;
	width:calc(100% + 1rem);
	margin-left: -.25rem;
	padding-right: 0;
}

.betaalmethodes .methode {
	width: calc((100% - 2rem) / 4);
	background: #D9D9D9;
	height: 2.5em;
	border-radius: .25em;
	margin-bottom: .5em;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: .25rem;
}

.betaalmethodes .methode img {
	box-sizing: border-box;
	width: calc(100% - 1rem);
	height: calc(100% - 1rem);
	object-fit: contain;
}

.niceselect {
	background-color: #fff;
	  border: 1px solid #c1c1c1;
	  padding: .75rem 1rem;
	  color: #000;
	  width: 100%;
	  display: inline-block;
	  font-size: .8em;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  appearance: none;
	  cursor: pointer;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.89 9.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23131313%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M5.44,9.01L0,0h10.89'/%3E%3C/svg%3E");
	  background-repeat: no-repeat,repeat;
	  background-position: right 1.5rem top 50%,0 0;
	  background-size: 1rem;
	  border-radius: 0;
}


body.gpopupactive, 
body.keepmepostedactive, 
body.shoppingbagactive, 
body.popupactive {
	overflow: hidden;
}


.gpopuphold, 
.searchpopup, 
.keepmepostedpopup,
.popuphold,
.shoppingbagpopup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease;
	z-index: 1000000;
}

.searchpopup .searchsubmit {
	display: none;
}


.gpopuphold.gpopupactive,
.searchactive .searchpopup, 
.keepmepostedactive .keepmepostedpopup,
.popupactive .popuphold,
.shoppingbagactive .shoppingbagpopup {
	opacity: 1;
	pointer-events: auto;
}

.searchpopup form {
	display: block;
	width: 100%;
}

.searchpopup {
	background: rgba(0,0,0,.9);
}

.searchpopup input {
	width: 100%;
	padding: .5em 0;
	box-sizing: border-box;
	border: 0;
	border-bottom: 1px solid white;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	font-size: 4rem;
}

.searchpopup input:placeholder {
	color: white;
}

.searchpopup input:focus {
	outline: none;
}

.searchpopup .popupwrap {
	width: 100%;
	padding: 15px;
}

.popupwrap {
	display: flex;
	width: 60%;
	height: auto;
	justify-content: stretch;
	position: relative;
}

.popupimg {
	width: 50%;
	height: auto;
	overflow: hidden;
}

.popupimg img {
	display: block;
	margin-bottom: 0;
	width: 100%;
	height: auto;
	pointer-events: none;
}

.popupcontent {
	background: white;
	padding: 2em;
	box-sizing: border-box;
	width: 50%;
	overflow-y: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-grow: 0;
	position: absolute;
	right: 0;
	height: 100%;
}

.keepmepostedpopup .popupcontent {
	position: relative;
	margin-left: auto;
	right: auto;
}

.keepmepostedemail {
	padding: .5em;
	border:0;
	border-bottom: 1px solid var(--dark);
	display: block;
	width: 100%;
}

.popuptitle {
	font-size: 4rem;
	font-weight: 400;
}

.popupsubtitle {
	font-size: 2.2rem;
	margin: 1rem 0;
}

.popupcontent .popupbuttons {
	margin-top: auto;
	display: flex;
}

.popupclose {
	position: absolute;
	top: 1em;
	right: 1em;
	z-index: 1000;
	width: 2rem;
	height: auto;
	cursor: pointer;
	fill:var(--grey);
	opacity: .5;
	transition: opacity .25s;
}

.popupclose:hover {
	opacity: .75;
}

.popupclosefixed {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	top:0;
	z-index: 1;
}

.popupcontent .sib_signup_form input {
	border-bottom: 1px solid var(--dark) !important;
	color: var(--dark) !important;
}


.popupcontent .sib_signup_form .sib-default-btn {
	background: black !important;
	color: white !important;
	border: none !important;
}

.popupwrap {
	z-index: 100;
	max-height: 80%;
}

.topblock .cartoverlay {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	z-index: 10;
	content: '';
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease;
}
 
.wishlistactive .topblock .cartoverlay,
.cartactive .topblock .cartoverlay {
	opacity: 1;
	pointer-events: auto;
}


.sidewishlist .popupclose,
.sidecart .popupclose {
	position: relative;
	top: auto;
	right: 1rem;
	height: 1.5rem;
	float: right;
	margin-top: .5rem;
}

.sidewishlist .popupclose {
	margin-top: -2.5rem;
}

.sidewishlist,
.sidecart {
	background: white;
	position: fixed;
	bottom: 0;
	top:0;
	padding: 0 2rem;
	padding-top:18rem;
	padding-bottom: 2rem;
	right: -100%;
	height: 100%;
	width: calc(100% / 3);
	z-index:20;
	transition: right .5s ease;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
}

.wishlistwrapper {
	position: relative;
	width: 100%;
	display: block;
}

.sidecartwrapper {
	position: relative;
	z-index: 20;
}

.wishlistactive .sidewishlist,
.cartactive .sidecart {
	right: 0;
}

.wishlistactive,
.cartactive {
	overflow-y: hidden;
}

.stickymenu .sidewishlist,
.stickymenu .sidecart {
	top:0;
	padding-top: 8rem;
}
.cart-title {
	font-size: 2.4rem;
	font-weight: 700;
}

.sidecart .flexcontainer {
	align-items: center;
	margin-bottom: .5rem;
}


.cart-item {
	border-bottom: 1px solid #000;
	padding-top: 1rem;
	padding-bottom:1rem;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.cart-img {
	vertical-align: top;
	width: 33.33%;
	height: 100%;
	text-align: center;
}

.cart-img img {
	height: auto;
	width: 100%;
	display: inline-block;
}

.cart-info {
	width: 66.66%;
	padding: 15px 2rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.cart-name {
	color: var(--dark);
	font-size: 2.4rem;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}

.cart-itemprice .price {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: normal;
}

.cart_item .salesprice,
.cart-itemprice .salesprice {
	color: #e00000;
	padding: .4rem 0;
}
.cart-itemprice .originalprice {
	font-size: 1.4rem;
	font-weight: 700;
}

.cart-desc {
	margin-top: .5em;
}

.wishlist-remove,
.cart-trash {
	color: var(--grey);
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: .9em;	
	padding-left: .5rem;
	cursor: pointer;
	white-space: nowrap;
}

.wishlist-remove svg,
.cart-trash svg {
	height: 1em;
	margin-left: .5em;
	vertical-align: middle;
	position: relative;
	top:-.1em;
	width: auto;
	fill:  var(--grey);
	
}


.cart-sizehold {
	padding: .5em;
	width: 5em;
	border: 1px solid var(--grey);
	margin-top: 1em;
	margin-bottom: .5em;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	position: relative;
}

.cart-notice {
	font-style: italic;
}

.cart-totals-summary {
	width: 100%;
	padding: 1em 0;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.cart-totals-summary .flexcontainer {
	flex-wrap: wrap;
	align-items: flex-start;	
}

.cart-totals-summary .flexcontainer:not(.betaalmethodes) div:nth-of-type(odd){
	width:80%;
}

.cart-totals-summary .flexcontainer:not(.betaalmethodes) div:nth-of-type(even){
	margin-left: auto;
	width:auto;
	padding-right: 2em;
}

.sidecart .betaalmethodes {
	width: 75%;
	margin: auto;
}

.sidecart .betaalmethodes .methode {
	width: calc((100% - 3rem) / 5);
}

.sidecart .btn {
	width: 100%;
	justify-content: center;
	box-sizing: border-box;
	margin-top: 1em;
}

.sidecart .btn svg {
	position: relative;
	vertical-align: middle;
	margin-left: 2em;
	height: 1.5em;
	top: -.2em;
	width: auto;
	fill:white;
	transition: fill .25s;
}

.sidecart .btn:hover svg {
	fill: var(--dark);
}

.shoppingbagtrigger {
	cursor: pointer;
}



/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 0;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: auto;
  margin: 1em;
  margin-top: 2em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.flip-clock-wrapper:after {
	clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: white;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; 
  min-height: auto !important;
}

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: white;
  text-transform: uppercase;
  text-shadow: none; 
}

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
	z-index: 2; }

  20% {
	z-index: 4; }

  100% {
	z-index: 4; } }

@-moz-keyframes asd {
  0% {
	z-index: 2; }

  20% {
	z-index: 4; }

  100% {
	z-index: 4; } }

@-o-keyframes asd {
  0% {
	z-index: 2; }

  20% {
	z-index: 4; }

  100% {
	z-index: 4; } }

@keyframes asd {
  0% {
	z-index: 2; }

  20% {
	z-index: 4; }

  100% {
	z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
	-webkit-transform: rotateX(90deg); }

  100% {
	-webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
	-moz-transform: rotateX(90deg); }

  100% {
	-moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
	-o-transform: rotateX(90deg); }

  100% {
	-o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
	transform: rotateX(90deg); }

  100% {
	transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
	-webkit-transform: rotateX(0deg); }

  100% {
	-webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
	-moz-transform: rotateX(0deg); }

  100% {
	-moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
	-o-transform: rotateX(0deg); }

  100% {
	-o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
	transform: rotateX(0deg); }

  100% {
	transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
	opacity: 0; }

  100% {
	opacity: 1; } }

@-moz-keyframes show {
  0% {
	opacity: 0; }

  100% {
	opacity: 1; } }

@-o-keyframes show {
  0% {
	opacity: 0; }

  100% {
	opacity: 1; } }

@keyframes show {
  0% {
	opacity: 0; }

  100% {
	opacity: 1; } }

@-webkit-keyframes hide {
  0% {
	opacity: 1; }

  100% {
	opacity: 0; } }

@-moz-keyframes hide {
  0% {
	opacity: 1; }

  100% {
	opacity: 0; } }

@-o-keyframes hide {
  0% {
	opacity: 1; }

  100% {
	opacity: 0; } }

@keyframes hide {
  0% {
	opacity: 1; }

  100% {
	opacity: 0; } }


.page-template-template-stories section:nth-of-type(3) {
}

.page-template-template-stories section.producten,
section.tekst_met_sfeerfoto,
.inhoud_op_wit .flexcontainer {
	padding-bottom: 10rem;
}

section.producten {
	z-index: 1;
}

.page-template-template-stories section.producten .products-wrapper {
	padding-top: 0;
}

section.inhoud_op_wit[data-index="0"] {
	padding-top: 10rem;
} 

section.inhoud_op_wit .wider .contentcol {
	width: 100%;
}

section.inhoud_op_wit .wider .emptycol {
	display: none;
}






.inhoud_op_wit .flexcontainer {
	align-items: center;
	justify-content: center;
	height: 100%;
}

.inhoud_op_wit .stijl-center {
	text-align: center;
}

.inhoud_op_wit .stijl-links {
	text-align: left;
}
.inhoud_op_wit .stijl-rechts {
	text-align: right;
}

.tekst_met_sfeerfoto .flexcontainer {
	align-items: flex-start;
}

.tekst_met_sfeerfoto .stijl-rechts .contentcol {
	order: 1;
}
.tekst_met_sfeerfoto .stijl-rechts .imgcol {
	order: 0;
}

.tekst_met_sfeerfoto .contentcol h1 {
	margin-bottom: .5em;
}

.tekst_met_sfeerfoto .contentcol h2,
.tekst_met_sfeerfoto .contentcol h3 {
	font-size: 1em !important;
	margin-bottom: 1em !important;
}


section.button .flexcontainer {
	justify-content: center;
}


.localpickup .postnl_checkout_container {
	display: none;
}

.postnl_checkout_container {
	border-radius: 0 !important;
	margin: 2em 0 !important;
	border: 0 !important;
	font-size: 1em !important;
	font-family: "Roboto", sans-serif;
}

.postnl_checkout_tab_list > li .postnl_checkout_tab,
.postnl_content .postnl_list .postnl_sub_list > li {
	background: white !important;
	padding: .5em !important;
	border: 1px solid var(--dark);
	color: var(--dark) !important;
	margin-bottom: 15px !important;
	margin-right: 5px !important;
	border-radius: 0;
	font-weight: 400 !important;
	text-align: center !important;
	white-space: nowrap !important;
}


.postnl_content .postnl_list .postnl_sub_list > li.active,
.postnl_checkout_tab_list > li.active .postnl_checkout_tab {
	background: var(--dark) !important;
	color: white !important;
}

.postnl_content .postnl_list .postnl_sub_list .postnl_sub_radio_label {
	padding: 0 !important;
	line-height: 1.5em !important;
}

.postnl_content .postnl_delivery_day_list .postnl_sub_list .postnl_sub_radio_label i {
	font-size: .8em !important;
}

#postnl_dropoff_points_content .postnl_sub_radio_label span,	
.postnl_content .postnl_list .postnl_sub_list .postnl_sub_radio_label input {
	display: none !important;
}

.postnl_content .postnl_list .list_title span.distance {
	float: none !important;
	font-size: .8em !important;
	display: block;
}

.postnl_content .postnl_list .list_title span.company {
	float: none !important;
}

.postnl_content .postnl_list .list_title {
	background: none !important;
	color: var(--dark) !important;
	padding: .5em !important;
	border: none !important;
	margin-bottom: 0 !important;
	line-height: 1.5em !important;
	display: inline-block !important;
	width: calc(100% / 4);
	text-align: left;
}
.postnl_content .postnl_list .list_title span {
	font-weight: 400 !important;
}


.postnl_content .postnl_list > li,
.postnl_content .postnl_list .postnl_sub_list {
	display: flex;
}

.postnl_content .postnl_list .list_title,
.postnl_content .postnl_list .postnl_sub_list {
	flex-grow: 0;
	flex-shrink: 0;
}


.shippingoptionsholder {
	display: flex;
	flex-direction: row;
	width: 100%;
	position: relative;
	justify-content: space-between;
	margin-top: .5em;
}

.shippingoptionsholder .home,
.shippingoptionsholder .loc {
	display: block;
	width: calc((100% - 15px) / 2);
}

.shippingopt {
	background: white;
	padding: .5em;
	border: 1px solid var(--dark);
	margin-bottom: 15px;
}

.shippingopt:hover,
.shippingopt.selected {
	background: var(--dark);
	color: white;
	cursor: pointer;
}




.page-id-16 .woocommerce,
.page-id-57765 .woocommerce {
	display: flex;
	width: 100%:
}

.woocommerce-MyAccount-navigation {
	box-sizing: border-box;
	width: 25%;
	padding: 1em; 
}

.woocommerce-MyAccount-content {
	width: 75%;
	padding: 2em; 
	box-sizing: border-box;
}

.woocommerce-MyAccount-content #billing_address_2_field,
.woocommerce-MyAccount-content #postnl\/house_number_field {
	display: none;
}

.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-MyAccount-navigation ul li {
	margin: 1em 0;
}

.woocommerce-MyAccount-navigation ul li a {
	font-weight: 400;
	transition: color .25s;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
	font-weight: bold;
}


.woocommerce-account .woocommerce table.shop_table {
	border-collapse: collapse;
}

.woocommerce-MyAccount-content a.edit,
.woocommerce-account .woocommerce p a:not(.button) {
	text-decoration: underline;
}

.woocommerce-MyAccount-content a.edit {
	display: inline-block;
	margin-bottom: .5em;
}


.woocommerce-account .woocommerce table.shop_table.woocommerce-MyAccount-orders th {
	border-bottom: 1px solid var(--dark);
}

.woocommerce-account .woocommerce-form-row {
	margin-bottom: 2em;
}
.woocommerce-account label:not(.checkoutcontainer label) {
	font-weight: bold;
}

.woocommerce-account .retour_radios label {
	font-weight: 500 !important;
}

.woocommerce-account .retour_radios .exchange_return {
	margin: 1rem 0;
}

.woocommerce-account h2,
.woocommerce-account fieldset legend {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 2rem;
	display: block;
}


.woocommerce-account .show-password-input {
	display: none;
}


.woocommerce-account .woocommerce table.shop_table.woocommerce-MyAccount-orders {
	width: 100%;
}

.woocommerce-account .woocommerce table.shop_table.woocommerce-MyAccount-orders td {
	color: var(--dark) !important;
	padding: 1em !important;
	text-align: left;
	white-space: nowrap;
	border-bottom: 1px solid var(--dark);
}

.woocommerce-account .woocommerce table.shop_table.woocommerce-MyAccount-orders thead th {
	background: white !important;
	color: var(--dark) !important;
	padding: .25em .5em !important;
	text-align: left;
	border-bottom: 1px solid var(--dark);
	width: 20%;
}

.woocommerce-account .woocommerce table.shop_table.woocommerce-MyAccount-orders thead th:first-of-type {
	border-radius: .5em 0 0 .5em;
}

.woocommerce-account .woocommerce table.shop_table.woocommerce-MyAccount-orders thead th:last-of-type {
	border-radius: 0 .5em .5em 0;
}

.returnform .button,
.woocommerce-account .woocommerce .button {
	background: var(--dark);
	color: white;
	white-space: nowrap;
	border: 0;
	padding: .5em;
	font-size: 1em;
	display: inline-block;
	margin-top: 1em;
	margin-right: .5em;
	font-size: 1.6rem;
	font-family: "Vollkorn", serif;
}


.woocommerce-account .woocommerce fieldset {
	border: 0;
	padding: 0;
}

.woocommerce-account .woocommerce fieldset legend {
	margin-bottom: .5em;
}

.woocommerce-account input:not([type=checkbox]):not([type=radio]) {
	padding: .5em;
	border:0;
	border-bottom: 1px solid var(--dark);
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.woocommerce-account input:focus {
	outline: none;
}

.woocommerce-account .form-row-first {
	margin-top: 0;
}

.woocommerce-account .woocommerce-form-login {
	width: 100%;
}

.woocommerce-account .woocommerce-form-login__submit {
	margin-left: 1em;
}

.woocommerce-account mark {
	padding: 0;
	margin: 0;
	font-weight: bold;
	background: none;
}


.woocommerce-message {
	padding: .5em;
	background: white;
	border: 1px solid var(--dark);
	margin-bottom: 1em;
	outline:none;
}

.woocommerce #order_review ul,
.woocommerce-order ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-table--order-details *,
.woocommerce #order_review table *,
.woocommerce-order table * {
	text-align: left;
}

#order_review.localpickup .hideonlocalpickup {
	display: none !important;
}


section.designers_overzicht {
	padding-bottom: 10rem;
}

section.designers_overzicht .flexcontainer {
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	width: auto;
	margin-right: auto;
}

section.designers_overzicht .flexcolumn {
	width: auto;
	margin: 0 10rem;
}

section.designers_overzicht .flexcolumn b {
	display: block;
	margin-bottom: .5rem;
	margin-top: 3rem;
}

section.designers_overzicht .flexcolumn a:hover {
	text-decoration: underline;
}

section.preshopbanner {
	padding: 15px 0;
	background: white;
	border-bottom: solid 1px var(--dark);
	cursor: pointer;
}

section.preshopbanner .sectioninner {
	color: var(--dark);
	text-align: center;
}

section.preshopbanner .preshopbanner_collapse p:last-of-type,
section.preshopbanner .preshopbanner_message p:last-of-type {
	margin-bottom: 0;
}

.preshopbanner.withcollapse .preshopbanner_message p::after {
	content: '';
	width: 1.3rem;
	height: .7rem;
	background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 3.91 2.1%22%3E%3Cpath d%3D%22m3.64.05c.08-.06.15-.06.21%2C0%2C.08.08.08.15%2C0%2C.21l-1.78%2C1.8c-.08.05-.16.05-.23%2C0L.06.26C-.02.2-.02.12.06.05.12-.02.19-.02.27.05l1.69%2C1.69L3.64.05Z%22 fill%3D%22%23000%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-size: contain; /* Ensure the SVG fits */
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-top: .1em;
	margin-left: .5em;
}


.preshopactive .preshopbanner_message p::after {
	transform: rotate(-180deg);
}

.preshopbanner_collapse {
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s ease;
}

.preshopactive .preshopbanner_collapse {
	max-height: 1000px; /* a large value to ensure it can accommodate the content */
	margin-top: .5em;
}

section.shortcode[data-index="0"] {
	padding-top: 15px;
}


section.shortcode p:last-child {
	margin-bottom: 0;
}

.woocommerce-ResetPassword .woocommerce-form-row:last-of-type {
	margin-bottom: 0;
}



section.faq[data-index="0"] {
	padding-top: 10rem;
	padding-bottom: 10rem;
} 

.faq .filter_toggler {
	font-weight: bold;
	font-family: "Vollkorn", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-size: 1.2em;
}

.faq .filter_collapse {
	font-size: 1.6rem;
	font-family: "Vollkorn", serif;
	font-optical-sizing: auto;
	font-weight: 400;
}

.faq .filter_collapse a {
	text-decoration: underline;
}

section.afbeeldingen_slides {
	padding-bottom: 10rem;
} 

section.afbeeldingen_slides .slide {
	height: 90vh;
	width: 100%;
	display: flex;
}
section.afbeeldingen_slides .slide img {
	object-fit: cover;
	width: 100%;
	height: auto;
}

section.related {
	overflow: hidden;
}

.woocommerce-checkout-review-order-table {
	width: 100%;
	border-collapse: collapse;
}

.shop_table .borderheader th {
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	text-align: left;
	padding-right: 15px;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--grey);
	border-top: 1px solid var(--grey);
}

.woocommerce-checkout-review-order-table tr:not(.cart-header) td:last-of-type,
.woocommerce-checkout-review-order-table tr:not(.cart-header) th:last-of-type {
	text-align: right;
}

.woocommerce-checkout-review-order-table td {
	padding-right: 15px;
	padding-bottom: 1rem;
	padding-top: 1rem;
	width: 13rem;
}

.woocommerce-checkout-review-order-table td.product-desc {
	width: auto;
}
.woocommerce-checkout-review-order-table td.product-remove {
	width: 1%;
	white-space: nowrap;
}

.woocommerce-checkout-review-order-table .cart-item {
	padding: 0;
	vertical-align: middle;
	width: 100%;
}

.woocommerce-checkout-review-order-table .cart-img img {
	vertical-align: middle;
}


.woocommerce-checkout-review-order-table .price { 
	font-family: "Roboto", sans-serif;
	font-weight: 700;
}


.woocommerce-checkout-review-order-table .cart-img {
	width: 13rem;
	vertical-align: middle;
}

.postnl-co-tr-container {
	position: relative;
}

.bgfiller {
	position: absolute;
	left: 0;
	right: 0;
	background: #fafafa;
	content:'';
	z-index: 0;
	height: 100%;
}

tr.postnl-co-tr-container > td {
	position: relative;
	z-index: 10;
}

.checkoutpart4 {
	position: relative;
	width: 100%;
}

.carttotalswrap {
	background: #12121205;
	font-family: "Roboto", sans-serif;
}

.carttotalswrap  td,
.carttotalswrap  th {
	padding-top:3px;
	padding-bottom: 3px;
}

.carttotalswrap:last-of-type th, 
.carttotalswrap:last-of-type td {
	padding-bottom: 1.5rem;
}

.cart-subtotal {
	border-top: .2rem solid black;	
}

.cart-subtotal th,
.cart-subtotal td {
	padding-top: 1em;
}

.custom-coupon-wrapper {
	position: absolute;
	text-align: left;
	left:15px;
	font-family: "Roboto", sans-serif;
	overflow: visible;
	z-index: 10;
}

.custom-coupon-wrapper span {
	text-transform: uppercase;
	display: block;
	font-weight: bold;
}

.custom-coupon-wrapper * {
	margin-bottom: 15px;
}

#finishOrderButton {
	margin-top: 2em;
}

.cartdropdownhold::after {
	content: '';
	display: inline-block;
	width: 1em;
	position: absolute;
	top:0;
	right:10px;
	bottom: 0;
	background: url('data:image/svg+xml;utf8,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.50065 9.00016L0.208984 0.708496H14.7923L7.50065 9.00016Z" fill="%23121212"/></svg>') no-repeat center;
	background-size: contain;
}

.cart-dropdown {
	position: absolute;
	background: white;
	left:-1px;
	right:-1px;
	top:calc(100% + 1px);
	z-index: 100;
	overflow:visible;
	display: none;
}


.cart-dropdown .qty-option,
.cart-dropdown .size {
	border: 1px solid var(--grey);
	padding: .5em;
	border-top: 0;
	background: white;
	transition: background .25s;
	cursor: pointer;
}

.cart-dropdown .size:hover {
	background: #00000015;
}

.order-total th, 
.order-total td {
	padding-bottom: 15px;
}

.flexcontainer.cart-right-items-wrap {
	align-items: flex-start;
}
.cart-right-items {
	width: 25%;
	padding-top: 2em;
}

.cart-right-items .btn {
	margin-right: 0;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1em;
	text-align: center;
}

.cart-right-items .betaalmethodes {
	width: calc(100% +  .5rem);
}

.cart-left-items {
	padding-right: 2em;
	margin-right: auto;
	padding-top: 2em;
}

.shipnotice {
	padding: 15px 0;
}

.cart-right-items-wrap {
	justify-content: flex-end;
}

.filterresults {
	display: none;
}

.ajax-loader {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.75);
	cursor: wait;
	display: none;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px); /* For Safari */
}

.theme-light .topblock {
	border-bottom: 1px solid var(--lightgrey2);
}

.theme-light .topblock {
	border-bottom: 1px solid var(--lightgrey2);
}

.theme-light .menutop .rightitems a.wishlisticon .wishlisthover {
	fill: white;
}

.theme-light .menutop .rightitems a .wishlist_totals {
	color: var(--dark);
}

.theme-light .top,
.theme-light .topblock {
	background: white;
}

.theme-light section.top {
	color: var(--dark);
}

.theme-light .menutop .rightitems a.wishlisticon svg {
	fill:var(--dark);
}

.theme-light .menutop .rightitems a.shoppingbag::before {
	border: 1px solid var(--dark);
}


.theme-light .wishlistactive .menutop .rightitems a.wishlisticon svg, .theme-light  .menutop .rightitems a.wishlisticon:hover svg {
	fill: var(--dark) !important;
}

.theme-light.wishlistactive .menutop .rightitems a.wishlisticon svg,
.theme-light .menutop .rightitems a.wishlisticon:hover svg {
	fill:var(--dark) !important;
}

.theme-light .menutop .rightitems a:hover .wishlist_totals,
.theme-light.wishlistactive .menutop .rightitems a .wishlist_totals {
	color: white;
}



.theme-light .menutop .rightitems a.shoppingbag {
	background: white;
	color: var(--dark);
	border: 1px solid var(--dark);
}


.theme-light.cartactive .menutop .rightitems a.shoppingbag,
.theme-light .menutop .rightitems a.shoppingbag:hover {
	background: var(--dark) !important; 
	color: white;
}

.theme-light .topblock .cartoverlay {
	background: rgba(0,0,0,.3);
}

.theme-light .endfooter,
.theme-light .footer {
	background: var(--lightgrey);
	color: var(--dark);
}

.theme-light .endfooter {
	border-top: 1px solid var(--lightgrey2);
}

.sib_signup_form input.sib-default-btn {
	cursor: pointer;
}



.theme-Donker .sib_signup_form input.sib-default-btn {
	border: 1px solid var(--grey) !important;
	background: var(--grey) !important;
}

.theme-Donker .sib_signup_form input.sib-default-btn:hover { 
	background: none !important;
}

.theme-light .sib_signup_form input.sib-default-btn {
	background: var(--dark) !important;
	border: 1px solid var(--dark) !important;
	color: white !important;
}


.theme-light .sib_signup_form input.sib-default-btn:hover { 
	background: none !important;
	color: var(--dark) !important;
}

.theme-light .footer::before { 
	background: url(i/mayke.svg) no-repeat center center;	
	top:0;
}

.theme-light .menutop .rightitems a svg {
	fill: var(--dark);
}

.theme-light .langs a:first-of-type::after { 
	background-color: var(--dark);
}

.mobileonly {
	display: none;
}

.contactblockhold {
	justify-content: center;
	margin-top: 5rem;
	padding-bottom: 3rem;
	box-sizing: border-box;
	width: 100%;
}

.contactblock {
	display: block;
	border: 1px solid var(--grey);
	padding: 2rem;
	margin: 1rem;
	width: 30%;
	height: auto;
	box-sizing: border-box;
	color: var(--dark);
	text-align: center;
	transition: color .25s, background .25s;
}

.contactblock b {
	text-transform: uppercase;
	margin-bottom: .5rem;
	display: block;
	margin-top: .5rem;
}

.contactblock p {
	margin-top: 1rem;
	margin-bottom: 0;
}

.contactblock svg {
	height: 4rem;
	width: auto;
	fill: var(--dark);
	display: block;
	margin: auto;
	transition: fill .25s;
}

.contactblock:hover {
	color: white;
	background: var(--dark);
}


.contactblock:hover svg {
	fill:white;
}