/*
Theme Name: boeketgeluk
Theme URI: https://boeketgeluk.nl/wp-content/themes/boeketgeluk25/
Author: Pixelein
Author URI: https://pixelein.nl
*/

@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

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

#underconstruction {background-color:#e6bc58;text-align:center;font-size:22px;padding:30px 0 20px 0;}
#underconstruction p {font-family:'Cabin', Arial, sans-serif;font-size:12px;padding:0 20px;}
#underconstruction .mob {font-size:16px;padding:0 0 20px 0;}
#underconstruction .mob strong {font-size:22px;}

@media screen and (min-width: 640px) {
	#underconstruction p {font-size:14px;}
}

.clearfix::after {content: '';display: block;clear: both;}

body {background-color:#fff;font-size:16px;color:#2c353f;margin:0;padding:0;}
#page {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:400;font-size:16px;}

a {color:#c57197;text-decoration:none;}
strong {}
em {}

p.klein {font-size:12px;font-style:italic;color:#f08ab8;}

h1 {font-size:30px;padding-bottom:40px;position:relative;background:url('../boeketgeluk25/images/stripe.svg') no-repeat center 37px;background-size:40px;}

h1, h2, h3, h4, h5, h6 {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:400;margin:0;}
h1 {}

h2 a {color:#2c353f;}
.special h2 a {color:#f08ab8;}

img {border:none;border-radius: 3px;}
hr {color:#fff;margin:35px 0;}

ol {list-style-type:decimal;list-style-position:outside;}
ul {}
li {}

.alignleft,img.alignleft {display:inline;float:left;margin-right:24px;margin-top:4px;}
.alignright,img.alignright {display:inline;float:right;margin-left:24px;margin-top:4px;}
.aligncenter,img.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignleft,img.alignright,img.aligncenter {margin-bottom:12px;}

button[type="submit"],
button.filter-btn {font-size:13px;text-transform:uppercase;color:#fff;background-color:#007c35;border:0;border-radius:1px;padding:10px 20px;margin-bottom:10px;}
button.filter-btn:hover {cursor:pointer;background-color:#00622a;}
button.filter-btn.selected {background-color:#f08ab8;}

.softbox {background-color:#f2f2f2;padding:50px 30px;box-sizing:border-box;max-width:1280px;margin:0 auto;border-radius:4px;}
.wrap {width:80%;margin:0 auto;}
#relate .wrap {width:98%;margin:0 auto;}

.dt {display:none;}
.mob {display:block;}

@media screen and (min-width: 700px) {
	.dt {display:block;}
	.mob {display:none;}
}

#top, #slogan, #page, #duurzaam {background-color:#d0e2d2;width:100%;margin:0;padding:0;position:relative;text-align:center;}
#slogan {text-align:center;margin-top:-1px;padding-bottom:40px;}

#concept h2, #duurzaam h2 {padding-top:40px;}

#site-title {text-indent:-9999px;}
#site-title h1, #site-title a, #site-description {font-size:1px;text-indent:-9999px;line-height:0;margin:0;padding:0;}

#top {height:178px;}
.region {background:none;background-color:#a0c399;width:100%;height:66px;position:relative;padding:10px;box-sizing:border-box;z-index:10;-webkit-transition: all 1s, -webkit-transform 1s; /* For Safari */transition: all 1s, transform 1s;text-align:center;}
.region div {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:400;font-size:0.65em;line-height:14px;}
.region div.kopje {font-size:0.9em;font-weight:700;padding-bottom:5px;}
.region div a {font-style:italic;color:#2c353f;text-decoration:none;}

@media screen and (min-width: 700px) {
	.region {background:url('../boeketgeluk25/images/curled-corner.webp') no-repeat 0 0;background-size:415px;width:290px;height:178px;position:absolute;top:0;left:0;overflow:hidden;padding:10px;box-sizing:border-box;z-index:10;text-align:left;}
}

.branding {width:100%;position:fixed;z-index:200;top:66px;-webkit-transition: all 1s, -webkit-transform 1s; /* For Safari */transition: all 1s, transform 1s;}
.logo {position:relative;background:url('../boeketgeluk25/images/logo-groen.svg') no-repeat bottom center;background-size:200px;width:200px;height:120px;display:block;margin:0 auto;-webkit-transition: all 1s, -webkit-transform 1s; /* For Safari */transition: all 1s, transform 1s;cursor:pointer;}

.branding.scroll {top:0;background:url('../boeketgeluk25/images/transparent-green.png') repeat 0 0;}
.branding.scroll .logo {background-size:150px;width:150px;height:100px;}

@media screen and (min-width: 650px) {
	.branding {top:0;}
	.logo {background-position:center center;height:160px;}
}

/* HOOFDMENU
----------------------------------------------------------------------------------------------------------------------------------------------------------- */

#menu {position:fixed;width:100%;text-align:center;padding:0 0 20px 0;top:66px;z-index:250;-webkit-transition: all 1s, -webkit-transform 1s; /* For Safari */transition: all 1s, transform 1s;}
#menu.scroll {top:0;}

/*** DESKTOP ***/
#menu ul.account-menu  {margin:0;padding:0;}
#menu ul.account-menu li {list-style-type:none;display:inline-block;height:25px;padding-left:15px;}
#menu ul.account-menu li:last-of-type {padding-left:30px;}
/** cart **/
#menu ul.account-menu li a.shop .icon {background:url('../boeketgeluk25/images/Shopping-cart_empty.svg') no-repeat bottom center;background-size:30px;width:30px;height:30px;display:block;padding-top:5px;}
#menu ul.account-menu li a.shop .icon.cart-has-items {background:url('../boeketgeluk25/images/Shopping-cart_full.svg') no-repeat bottom center;}
/** account **/
#menu ul.account-menu li a.user .icon {background:url('../boeketgeluk25/images/User-account.svg') no-repeat bottom center;background-size:30px;width:30px;height:30px;display:block;padding-top:6px;}
/** default **/
#menu ul.account-menu li a {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:700;font-size:16px;text-transform:uppercase;text-decoration:none;}

/*** MOBIEL ***/
#iizmenubutton {display:block;cursor:pointer;position:absolute;top:30px;right:30px;z-index:1;}
#iizmenubutton:before {font-family: 'fontello';content: '\f0c9';color:#2c353f;font-size:25px;}


/* RESPONSIVE -- NIVEAU 1 */
nav#menu .mob .mainmenu-nav {background-color:#a7c1ae;height:0px;opacity:0;-webkit-transition: all 0.5s, -webkit-transform 0.5s; /* For Safari */transition: all 0.5s, transform 0.5s;}
nav#menu.open .mob .mainmenu-nav {height:158px;opacity:1;}

nav#menu .account-menu-mob {position:relative;}
nav#menu .account-menu-mob {width:100%;text-align:left;margin:0;padding:25px 0 0 0;}
nav#menu .account-menu-mob li {cursor:pointer;width:100%;}

nav#menu .account-menu-mob li a {height:0px;opacity:0;background-color:#a7c1ae;font-size:15px;font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:500;text-transform:uppercase;display:block;width:100%;padding:10px 0 10px 30px;border-bottom:1px solid #8ea598;line-height:30px;box-sizing: border-box;-webkit-transition: all 0.5s, -webkit-transform 0.5s; /* For Safari */transition: all 0.5s, transform 0.5s;}
nav#menu.open .account-menu-mob li a {height:50px;opacity:1;}

nav#menu.open #iizmenubutton {display:none !important;}
nav#menu.open .account-menu-mob li.openclose {text-align:right;margin:15px 0 0 0;}
.menu-open {margin:0;position:absolute;right:32px;top:27px;}
.menu-open:before {font-family: 'fontello';content: '\f107';color:#2c353f;font-size:30px;}

@media screen and (min-width: 1200px) {
	#iizmenubutton {display:none;}
	nav#menu .desktop-menu {display:block;}
	#menu .desktop-menu ul.sub-menu li {width:110%;}
}

/*hover-selected*/
nav#menu.open .account-menu-mob li:hover a {color:#ffffff;background-color:#8ea598;}
nav#menu.open .account-menu-mob li.current-menu-item a  {color:#ffffff;background-color:#2c353f;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

@media screen and (min-width: 650px) {
	#menu {position:fixed;top:66px;right:6vw;width:auto;}
	#menu.scroll {top:36px;}
}

/* END HOOFDMENU

----------------------------------------------------------------------------------------------------------------------------------------------------------- */

.head {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:400;font-size:1.3em;line-height:30px;padding-bottom:20px;-webkit-transition: all 1s, -webkit-transform 1s; /* For Safari */transition: all 1s, transform 1s;background-image:none;}
.head.mob {display:block;padding-top:30px;}
.head.big {display:none;}

@media screen and (min-width: 650px) {
	.head.mob {display:none;}
    .head.big {display:block;}
}

/* HOME CATEGORIE OVERVIEW */
#prod-cats, #prod, #relate, #page, #duurzaam {background-color:#d0e2d2;width:100%;margin:0;padding:50px 0px;position:relative;box-sizing:border-box;}
#duurzaam {padding:0 0 50px 0;}
.categories-grid {display: grid;grid-template-columns:1fr;gap:40px;}
.category-item {background-color:#fff;text-align:center;border:none;padding:20px;margin:10px 0;border-radius:0px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
.category-item.special {margin:0;}
.category-item h2 {padding-bottom:10px;}
.category-item h2 a {word-wrap:break-word;width:160px;display:block;margin:0 auto;}
.category-item h3 {font-size:18px;margin-bottom:10px;}
.category-item img {width:100%;height:auto;max-width:180px;margin-bottom:10px;border-radius:8px;}
.category-item.special img {max-width:200px;}
.category-item .descr {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:400;font-size:11px;padding:10px 0 20px 0;}
.category-item .btn {display:inline-block;background-color:#007c35;font-family:'Cabin', Arial, sans-serif;color:white;text-decoration:none;font-size:12px;text-transform:uppercase;padding:10px 20px;-webkit-transition: all 0.5s, -webkit-transform 0.5s; /* For Safari */transition: all 0.5s, transform 0.5s;border-radius:1px;}
.category-item.special .btn {background-color:#f08ab8;}
.category-item.special .btn:hover {background-color:#c57197;}
.category-item .btn:hover {background-color:#00622a;}

@media (min-width: 768px) and (max-width: 1024px) {
	.softbox {padding:50px 30px;}
	#prod-cats .wrap {width:100%;}
	.categories-grid {gap:20px;}
}

@media screen and (min-width: 768px) {
	#prod-cats {padding:50px 30px 50px 30px;}
	.categories-grid {grid-template-columns:repeat(3, 1fr);}
	.category-item {max-width:250px;}
}

/* BOEKETGELUK EMBLEEM */
.endpage-emblem {background:transparent url(../boeketgeluk25/images/Icon-page-end.png) no-repeat center 0;height:95px;width:100%;display:block;position:absolute;top:-43px;z-index:1;}

/* CONCEPT UITLEG */
#concept {background:#eddedd url(../boeketgeluk25/images/Icon-45gr-pattern.svg) repeat 0 0;background-size:110px;
width:100%;display:block;text-align:center;position:relative;padding:0 0 40px 0;}
.shade {background:transparent url(../boeketgeluk25/images/shade.png) repeat-x 0 0;height:24px;width:100%;display:block;}

ul.overview {list-style-type:none;max-width:1400px;margin:0 auto;padding:0;position:relative;}
ul.overview li {list-style-type:none;width:80%;min-height:80px;margin:0 0 50px 0;padding:0 0px 0 120px;display:inline-block;vertical-align:top;position:relative;box-sizing:border-box;}
ul.overview li:last-of-type {margin:0 0 20px 0;}

ul.overview li.wo {background:transparent url(../boeketgeluk25/images/Icon-Bestel.svg) no-repeat left 0;background-size:80px;}
ul.overview li.do {background:transparent url(../boeketgeluk25/images/Icon-Veiling.svg) no-repeat left 0;background-size:70px;}
ul.overview li.vr {background:transparent url(../boeketgeluk25/images/Icon-Bezorg.svg) no-repeat left 0;background-size:70px;}
ul.overview li.za {background:transparent url(../boeketgeluk25/images/Icon-Samenstellen3.svg) no-repeat left 0;background-size:70px;}

.box .day, .box .txt {text-align:left;font-family:'Cabin', Arial, sans-serif;color:#2c353f;}
.box .day {font-size:16px;font-weight:700;}
.box .txt {font-size:12px;font-weight:200;font-style:italic;}

/* DUURZAAM */
#page h2 {padding-top:20px;}
.tulp {background:url('../boeketgeluk25/images/tulp-los.webp') no-repeat center bottom;background-size:150px;}
.groen {position:relative;color:#0b8e36;font-style:italic;padding:0 5px 0 0;}
.duurzaam {position:relative;max-width:65vw;text-align:left;font-family:'Cabin', Arial, sans-serif;color:#2c353f;line-height:24px;font-size:0.9em;margin:0 auto;padding:10px 0 60px 0;box-sizing:border-box;}
.duurzaam .icon::before {content:"";width:30px;height:30px;display:block;position:absolute;background:transparent url(../boeketgeluk25/images/Groen-Checkmark.svg) no-repeat left 0;background-size:30px;left:-36px;}

/* FOOTER */
#footer {background:#fff;width:100%;display:block;min-height:120px;}
#footer a {color:#2c353f;text-decoration:none;}
.block {width:100%;display:block;text-align:center;font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:400;font-style:italic;font-size:0.6em;padding:10px 0 0 0;}
.block span {padding:13px 0 18px 0;}
.socials a {width:20px;height:20px;display:inline-block;padding:0 10px;position:relative;top:5px;}
a.li {background:url('../boeketgeluk25/images/Social-Linkedin.svg') no-repeat center center;background-size:20px;}
a.fb {background:url('../boeketgeluk25/images/Social-Facebook.svg') no-repeat center center;background-size:20px;}
a.in {background:url('../boeketgeluk25/images/Social-Instagram.svg') no-repeat center center;background-size:20px;}
.socials a:last-of-type {padding-right:0px;}

@media screen and (min-width: 760px) {
    ul.overview li {width:43%;padding:0 50px 0 120px;margin:0 0 50px 0;}
	#footer {min-height:none;}
	.tulp {background:url('../boeketgeluk25/images/losse-tulp.webp') no-repeat 15vw 50px;background-size:180px;}
	.duurzaam {max-width:35vw;margin:0 5vw 0 50vw;}
	.block {width:49%;display:inline-block;text-align:left;padding:0;}
	.block:last-of-type {text-align:right;}
}

@media screen and (min-width: 1240px) {
    ul.overview li {width:22%;padding:0 50px 0 110px;margin:0;}
}

/** --- NEWSLETTER --- **/
#underconstruction .tnp-subscription-minimal {margin-top:30px;}
#underconstruction .tnp-email {display:block;width:80%;margin:0 auto;font-family:'Cabin', Arial, sans-serif;border-radius:1px;}
#underconstruction .tnp-submit {display:block;width:80%;max-width:300px;margin:10px auto 0 auto;background-color:#007c35;font-family:'Cabin', Arial, sans-serif;color:white;text-decoration:none;font-size:14px;text-transform:uppercase;padding:11px 14px;-webkit-transition: all 0.5s, -webkit-transform 0.5s; /* For Safari */transition: all 0.5s, transform 0.5s;border-radius:1px;}
#underconstruction .tnp-submit:hover {cursor:pointer;}

@media screen and (min-width: 640px) {
	#underconstruction .tnp-email {display:inline-block;margin:0 10px 0 0;}
    #underconstruction .tnp-submit {display:inline-block;margin:0;}
}

/* WOOCOMMERCE

----------------------------------------------------------------------------------------------------------------------------------------------------------- */

/** --- ABONNEMENTEN OVERZICHT --- **/
.abonnementen-choice {width:100%;padding:0;margin:40px 0 0 0;}
.abonnementen-lijst {margin:0;padding:0;}
.abonnementen-lijst li {position:relative;display:inline-block;width:100%;height:250px;margin:40px 0;padding:20px;float:none;box-sizing:border-box;text-align:left;background-color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);transition: transform 0.2s ease;}
.abonnementen-lijst li.visible {margin:0 0 30px 0;}
.abonnementen-lijst li .image {width:100%;text-align:center;margin:20px 0;}
.abonnementen-lijst li .image img {width:150px;height:auto;}
.abonnementen-lijst h2 {width: 100%;text-align: center;text-transform: uppercase;font-family: 'Cabin', Arial, sans-serif;color: #2c353f;font-size: 14px;padding: 20px 0;}
.abonnement-product a.button {position:absolute;background-color:#f08ab7;width:40px;height:40px;display:inline-block;border-radius:50% !important;bottom:22px;right:10px;}
.abonnement-product a.button::before {font-family:'fontello';content:'\e802';color:#fff;font-size:25px;position:absolute;top:8px;left:13px;}

.abonnementen-filter {margin-bottom: 1rem;}
.filter-btn {padding: 0.5rem 1rem;margin-right: 1rem;border: 1px solid #ccc;background: #f9f9f9;cursor: pointer;}
.filter-btn:hover {background: #eee;}
.filter-btn.selected {background-color: #0073aa;color: #fff;border-color: #0073aa;}

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

}
@media screen and (min-width: 840px) {
	.abonnementen-lijst li {width:20%;display:inline-block;}
	.abonnementen-lijst li.visible {margin:0 30px 0 0;}
}
@media screen and (min-width: 1024px) {
	.abonnementen-choice {width:1024px;margin:40px auto 0 auto;}
}

.cta-onetime {position:relative;width:100%;display:block;margin:0 auto;}
.onetime {position:absolute;top:0px;left:20px;}
.onetime p {font-size:15px;}

#page .wp-block-button__link {border-radius:1px;}
#page .wp-block-buttons .shopbutton a {font-size:12px;background-color:#007c35;}
figure.once {width:100%;margin:0;}

@media screen and (min-width: 550px) {
    .onetime {top:35px;left:30px;}
	.onetime p {font-size:20px;}
	#page .wp-block-buttons .shopbutton a {font-size:14px;}
}
@media screen and (min-width: 640px) {
	.onetime p {font-size:24px;}
}
@media screen and (min-width: 840px) {
    .onetime {position:absolute;top:55px;}
	.onetime p {font-size:28px;}
}
@media screen and (min-width: 1024px) {
	.cta-onetime {width:1024px;}
	figure.once {width:1024px;margin:0 auto;}
}
@media screen and (min-width: 1080px) {
    .onetime {top:90px;left:50px;}
	.onetime p {font-size:28px;}
}

/******WOOCOMMERCE******/
#primary {background-color:#d0e2d2;width:100%;margin:-1px 0 0 0;padding:70px 30px 50px 30px;position:relative;box-sizing:border-box;}
#main {background-color:#f2f2f2;padding:30px;position:relative;box-sizing:border-box;max-width:1280px;margin:0;}

@media screen and (min-width:1280px) {
	#main {margin:0 auto;}
}

.b2shop {width:100%;font-family:'Cabin', Arial, sans-serif;text-align:center;border-radius:4px;border:1px solid #00622a;margin-bottom:30px !important;}
.b2shop .wp-block-button__link {font-size:15px;text-transform:uppercase;padding:15px 4px;background-color:#007c35;border-radius:2px;}
.b2shop.prod2b {border-color:#8ea598;}
.b2shop.prod2b .wp-block-button__link {background-color:#a7c1ae;}

/*---- OVERZICHT ----*/
#inspiratie-slider-placeholder {position:relative;}
#inspiratie-slider-placeholder h2 {width:100%;text-align:center;padding-top:20px;}
#inspiratie-slider-placeholder h2.sub {padding-top:50px;}
.inspiratie-slider-wrapper {position:relative;display:flex;align-items:center;overflow:hidden;max-width:100%;padding:1rem 0;margin:0 40px;z-index:11;}
.inspiratie-slider {display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem;scrollbar-width: none;background-color:#fff;text-align:center;border:none;padding:20px;margin:10px;border-radius:0px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
.inspiratie-slider::-webkit-scrollbar {display: none; /* Chrome */}
.slider-item {flex: 0 0 calc(100% - 0rem);width:250px;box-sizing: border-box;}
.slider-item img {width:100%;height:auto;max-width:180px;margin-bottom:10px;border-radius:8px;}
.slider-arrow {background: none;border: none;font-size: 2rem;cursor: pointer;z-index: 1;}
.slider-item h3 {width:100%;text-align:center;text-transform:uppercase;font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-size:14px;padding:20px 0;}

.inspiratie-slider-buttons {width:100%;position:absolute;top:220px;z-index:10;}
button.slider-arrow {background-color:#bebebe;width:40px;height:40px;display:inline-block;border-radius: 50% !important;position:relative;}
button.slider-arrow:hover {background-color:#828282;}
button.slider-arrow::after {font-family: 'fontello';content: '\f107';color: #fff;font-size: 25px;position: absolute;top: 8px;left:12px;}
button.slider-arrow.left {float:left;}
button.slider-arrow.left::after {transform:rotate(90deg);left:11px;}
button.slider-arrow.right {float:right;}
button.slider-arrow.right::after {transform:rotate(-90deg);}

@media (min-width: 640px) and (max-width: 940px) {
	.slider-item {flex: 0 0 calc(50% - 0.75rem);}
}
@media screen and (min-width: 940px) {
	.slider-item {flex: 0 0 calc(25% - 1rem);}
}

.catmenu {position:absolute;top:-34px;left:0px;width:100%;}
#menu-categorie-menu {margin:0;padding:0;list-style-type:none;display:flex;}
#menu-categorie-menu li {display:flex;width:50%;box-sizing:border-box;}
#menu-categorie-menu li:first-of-type {margin-right:5px;}
#menu-categorie-menu li a {background-color:#e6e6e6;padding:10px;font-family:'Cabin', Arial, sans-serif;font-weight:400;color:#828282;text-align:center;font-size:12px;width:100%;display:inline-block;box-sizing:border-box;position:relative;border-top-left-radius:4px;border-top-right-radius:4px;}
#menu-categorie-menu li.current-menu-item a {background-color:#f2f2f2;color:#2c353f;}
#menu-categorie-menu li a:hover {background-color:#f2f2f2;color:#2c353f;}

#main .woocommerce-ordering {width:100%;text-align:right;display:inline-block;margin:80px 0 0 0;}

@media screen and (min-width: 640px) {
	.catmenu {top:-49px;}
	#menu-categorie-menu li a {font-size:16px;padding:15px 10px;}
	.inspiratie-slider-buttons {top:230px;}
	#main .woocommerce-ordering {margin:20px 0 0 0;}
}
@media screen and (min-width: 723px) {
	.inspiratie-slider-buttons {top:200px;}
}
@media screen and (min-width: 940px) {
	.inspiratie-slider-buttons {top:190px;}
}
@media screen and (min-width: 1024px) {
	.catmenu {top:-58px;}
	.catmenu, #menu-categorie-menu li {display:inline-block;width:auto;}
	#menu-categorie-menu li a {font-size:18px;padding:18px 70px;}
	.inspiratie-slider-buttons {top:200px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	#main .price, #relate .price {font-size:18px;}
}

select.orderby {
  width:100%;
  appearance: none; /* Verberg standaard styling */
  background-color: #fff;
  border: 2px solid #ccc;
  padding: 0.5em 2.5em 0.5em 1em;
  font-size: 1rem;
  border-radius: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20,50 70,100 120,50' stroke='%23888' stroke-width='15' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.8em center;
  background-size: 1em;
  transition: border-color 0.2s, box-shadow 0.2s;
}

select.orderby:focus {
  border-color: #a7c1ae;
  box-shadow: 0 0 0 3px rgba(167, 193, 174, 0.4);
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20,50 70,100 120,50' stroke='%23a7c1ae' stroke-width='15' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media screen and (min-width: 640px) {
	select.orderby {width:auto;}
}

ul.products::before,
ul.products::after {
  content: none !important;
  display: none !important;
}
.fill {display:inline-block;/*background-color:#fff;margin-top:40px;*/width:100%;text-align:center;}
#main ul.products, #relate ul.products {display:grid;gap:2rem;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));padding:0px;margin:0 auto;width:inherit;text-align:center;}
#main ul.products li.product a img, #relate ul.products li.product a img {margin:0 auto;background-color:#f3f3f3;}
#main ul.products li.product, #relate ul.products li.product {width:100%;margin:40px 0;padding:20px;float:none;box-sizing:border-box;text-align:left;background-color:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);transition: transform 0.2s ease;}
/*#main ul.products li.product:nth-child(odd), #relate ul.products li.product:nth-child(odd) {margin-right:0px;}*/

#main .add_to_cart_button, #relate .add_to_cart_button {position:absolute;background-color:#f08ab7;width:10px;height:22px;display:inline-block;border-radius:50% !important;bottom:22px;right:10px;}
#main .add_to_cart_button::before, #relate .add_to_cart_button::before {font-family:'fontello';content:'\e802';color:#fff;font-size:25px;position:absolute;top:9px;left:13px;}

.product-sfeer {position:relative;font-family:'Cabin', Arial, sans-serif;color:#f08ab8;font-size:13px;font-style:italic;text-align:center;padding:10px;margin:0 0 15px 0;border:1px solid #f08ab8;border-radius:4px;}
.product-sfeer::after {content:'';background:url('../boeketgeluk25/images/Icon-Sfeer.svg') no-repeat 0 0;position:absolute;width:35px;height:35px;display:block;top:-17px;left:-15px;}
.product-sfeer.empty {border:0;}
.product-sfeer.empty::after {background-image:none;}

#main h2.woocommerce-loop-product__title {width:100%;text-align:center;text-transform:uppercase;font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-size:14px;padding:20px 0;}

#main .price, #relate .price {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-size:23px;}

.woocommerce-pagination {position:relative;margin:20px 0;font-family:'Cabin', Arial, sans-serif;}
.woocommerce nav.woocommerce-pagination ul {border: 1px solid #f2f2f2;}
.woocommerce nav.woocommerce-pagination ul li {border-right: 1px solid #f2f2f2;}

/*----- SIDEBAR -----*/
/*
#secondary {text-align:center;float:none;width:100%;margin-top:30px;background-color:#fff;padding:30px;box-sizing:border-box;}
#secondary h2 {margin-bottom:20px;}
#secondary h4 {margin:20px 0 10px 0;font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-size:12px;font-style:italic;}
ul.bundled-products-list {margin:0 0 20px 0;padding:0;}
ul.bundled-products-list li {list-style-type:none;padding:2px 5px;}
ul.bundled-products-list li div {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-size:11px;}

#secondary .random-product-bundle a.button {display:inline-block;background-color:#007c35;font-family:'Cabin', Arial, sans-serif;color:white;text-decoration:none;font-size:12px;text-transform:uppercase;padding:5px 14px;-webkit-transition: all 0.5s, -webkit-transform 0.5s;transition: all 0.5s, transform 0.5s;}
*/
.divider {width:100%;height:25px;margin:40px 0;position:relative;background:url('../boeketgeluk25/images/divider.webp') no-repeat center center;}

/* Verdwijn */
.woocommerce-products-header h1,
.mijn-aangepaste-header,
.woocommerce-result-count,
.product_meta,
.post-edit-link,
.woocommerce-notices-wrapper {display:none;}

/*---- PRODUCT PAGINA -----*/
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {margin-top:10px;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images::after {float:none;display:inline-block;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {display:inline-block;}
.woocommerce div.product div.images .flex-control-thumbs {margin-top:10px;}
#relate h2 {margin-bottom:20px;text-align:center;}
.woocommerce div.product form.cart div.quantity {float:none;width:150px;}
.woocommerce .quantity .qty {width:150px;height:30px;}
.woocommerce div.product form.cart .button,
.woocommerce-page .wc-block-cart__submit-container a {width:100%;float:none;margin-top:20px;height:50px;background-color:#f08ab8;font-family:'Cabin', Arial, sans-serif;color:white;text-decoration:none;font-size:16px;text-transform:uppercase;padding:5px 14px;-webkit-transition: all 0.5s, -webkit-transform 0.5s; /* For Safari */transition: all 0.5s, transform 0.5s;}
.woocommerce div.product form.cart .button:hover,
.woocommerce-page .wc-block-cart__submit-container a:hover {background-color:#c57197;}
.bundled_product_excerpt {display:none;}

/* pagina later splitsen van 768px Woo default naar 1050px */
.woocommerce #prod div.product div.summary,
.woocommerce-page #prod div.product div.summary {float:none;width:100%;}

@media screen and (min-width:1050px) {
	.woocommerce #prod div.product div.summary,
	.woocommerce-page #prod div.product div.summary {float:right;width:48%;}
}

#prod .product {font-family:'Cabin', Arial, sans-serif;}
#prod .price {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-size:28px;}
#prod .product-categorie {padding-bottom:10px;}
.woocommerce-product-details__short-description {padding:0 0 20px 0;}

#prod div.bundled_product_summary, #prod .woocommerce div.product.bundled_product_summary {margin-bottom:0;padding-bottom:0;}
#prod div.bundled_product:first-child {border-top:2px solid #a7c1ae;}
#prod div.bundle_data {padding-top:25px;border-top:2px solid #a7c1ae;}
.bundled_product_summary {border-radius:2px;padding:5px;}
.bundled_product_title {padding-top:10px;}
#prod .bundled_product_images {display:none;padding:10px;border-radius:2px;}
.bundled_product_summary .image {width:50px;}
#prod .bundled_product_summary .price {font-size:14px;padding-top:5px;}

@media screen and (min-width:536px) {
	#prod .bundled_product_images {display:inline-block;}
}

#prod .product-sfeer-op-pagina {clear:both;}
#prod .product-sfeer-op-pagina .product-sfeer {background:#fff;}
#prod .product-sfeer-op-pagina .product-sfeer::after {background:url('../boeketgeluk25/images/Icon-Sfeer2.svg') no-repeat 0 0;}

#prod .woocommerce-tabs {font-family:'Cabin', Arial, sans-serif;background:#fff;padding:20px;border-radius:2px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
#prod .woocommerce-tabs h2 {text-transform:uppercase;color:#007c35;font-size:16px;}
#prod .woocommerce-tabs p {font-size:14px;}
#prod .woocommerce-tabs .wc-tabs {display:none;}

/*--- MELDINGEN ----*/
.woocommerce-message {background-color:white;font-family:'Cabin', Arial, sans-serif;color:#f08ab8;}
.woocommerce .woocommerce-message .button {background-color:#007c35;font-family:'Cabin', Arial, sans-serif;color:white;font-size:14px;-webkit-transition: all 0.5s, -webkit-transform 0.5s; /* For Safari */transition: all 0.5s, transform 0.5s;}
.woocommerce .woocommerce-message .button:hover {background-color:#00622a;}

/*--- 3D IMAGE ---*/
.threed-viewport {width:50%;height:50%;overflow:hidden;position:relative;display:inline-block;}
.woocommerce div.product div.images .flex-control-thumbs li {margin-right:10px;}

/** --- SLIDE IN CART EIGEN --- **/
#sidecart {position:fixed;top:0;right:-300px;width:300px;height:100%;background:white;box-shadow: -3px 0 15px rgba(0,0,0,0.3);transition: right 0.3s ease;z-index:9999;overflow-y: auto;padding:0;}
#sidecart .top {position:relative;background:#8ea598;text-align:center;padding:20px 10px;}
#sidecart .sluit {display:block;width:40px;height:40px;position:absolute;top:20px;right:20px;z-index:10;cursor:pointer;}
#sidecart .top:after {font-family:'fontello';content:'\e804';position:absolute;right:20px;font-size:24px;top:20px;color:#fff;}
#sidecart h2 {font-size:18px;color:#fff;}
#sidecart.open {right: 0;}

.itemdisplay {height:60vh;overflow-y:scroll;}
.itemdisplay.leeg {width:100%;text-align:center;color:#C5C5C5;padding-top:110px;height:120px;}
.cart-content {position:relative;font-family:'Cabin', Arial, sans-serif;padding:20px;}
.cart-item {border-bottom: 1px solid #d5dfd6;padding:5px 0;}
.cart-item .image {display:inline-block;}
.cart-item .image img {width:50px;}
.cart-item .details {display:inline-block;padding:5px 15px;}

.cart-item .order {padding:10px 0;}
.cart-item .order .number {background:#fff;border:1px solid #c5c5c5;border-radius:2px;padding:3px 18px;margin:0 13px;text-align:center;}
.cart-item .order .delete,
.cart-item .order .plus,
.cart-item .order .min {display:inline-block;width:20px;height:20px;cursor:pointer;}
.cart-item .order .delete {margin-left:25px;}
.cart-item .order .delete:after {font-family:'fontello';content:'\e805';font-size:16px;color:red;}
.cart-item .order .plus:after {font-family:'fontello';content:'\e800';font-size:16px;color:#AEAEAE;}
.cart-item .order .min:after {font-family:'fontello';content:'\e801';font-size:16px;color:#AEAEAE;}

.cart-item .price {width:100%;text-align:right;}

.totals {font-size:13px;padding:15px 0;position:fixed;width:260px;bottom:110px;}
.totals > div {display:flex;justify-content:space-between;margin-bottom:5px;}
.totals .total {font-weight:bold;font-size:1.1rem;}

.navigation {position:fixed;width:260px;bottom:20px;}
.navigation .bestellen {display:block;width:100%;margin-bottom:15px;background-color:#f08ab8;font-family:'Cabin', Arial, sans-serif;color:white;text-align:center;text-decoration:none;font-size:16px;text-transform:uppercase;padding:11px 14px;-webkit-transition:all 0.5s, -webkit-transform 0.5s;transition:all 0.5s, transform 0.5s;border-radius:1px;border:1px solid #c57197;box-sizing:border-box;}
.navigation .back2shop {float:left;}
.navigation .winkelwagen {float:right;}

@media screen and (min-width:550px) {
	#sidecart {right:-400px;width:400px;}
	.totals, .navigation {width:360px;}
}

#main .added_to_cart.wc-forward {display:none;}


.xoo-wsc-icon-basket1:before {content: "";background:url(../boeketgeluk25/images/Shopping-cart_full.svg) no-repeat bottom center;width:40px;height:40px;display:block;}

.woocommerce .cart_list,
.page-template .cart_list {border-top:2px solid #2c353f;border-bottom:2px solid #2c353f;margin: 10px 0 0 0 !important;}

.woocommerce li.mini_cart_item:first-of-type,
.page-template li.mini_cart_item:first-of-type{border-top:0;margin-top:0;}
.woocommerce li.mini_cart_item,
.page-template li.mini_cart_item {font-family:'Cabin', Arial, sans-serif;color:#2c353f;font-weight:700;font-size:18px;border-top: 1px solid #c57197;padding: 5px 10px;margin:5px 0 !important;}

.woocommerce .woocommerce-mini-cart__buttons a,
.page-template .woocommerce-mini-cart__buttons a{background-color:#007c35;color:#fff;text-transform:uppercase;padding:10px 14px !important;font-size:14px;font-weight:700;border:0;border-radius:18px;margin-right:10px;}
.woocommerce .woocommerce-mini-cart__buttons a.checkout,
.page-template .woocommerce-mini-cart__buttons a.checkout{background-color:#f08ab8;margin-right:0px;}

/*speciaal buiten woocommerce om*/
.page-template ul.cart_list li img, .page-template ul.product_list_widget li img {float: right;margin-left: 4px;width: 32px;height: auto;box-shadow: none;}
.page-template ul.cart_list, .page-template ul.product_list_widget {list-style: none outside;padding: 0;margin: 0;}
.page-template a.remove {display: block;font-size: 1.5em;height: 1em;width: 1em;text-align: center;line-height: 1;border-radius: 100%;color: red !important;text-decoration: none;font-weight: 700;border: 0;}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a,
.page-template ul.cart_list li a, .page-template ul.product_list_widget li a{display: block;font-weight: 700;}
.page-template ul.cart_list li, .page-template ul.product_list_widget li {padding: 4px 0;margin: 0;list-style: none;}

/** --- AFREKEN PAGINA --- **/
.wc-block-components-checkout-return-to-cart-button {color:#007c35 !important;}
.wc-block-components-button {background-color:#f08ab8 !important;text-transform:uppercase;padding:10px 4px !important;font-size:16px;border:1px solid #c57197;border-radius:4px;}

.wp-block-woocommerce-checkout-order-summary-block {background-color:#fefefe;}
.wc-block-components-checkout-order-summary__title-text {background:url('../boeketgeluk25/images/stripe.svg') no-repeat center 25px;background-size:35px;padding-bottom:20px;margin-bottom:5px !important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {border-radius:4px;}

/** Gief handje! **/
.woocommerce #uwpmc-cart-sidebar button.uwpmc-checkout-button:hover {cursor:pointer;}

/** --- ACCOUNT PAGINA --- **/
.woocommerce-MyAccount-navigation {display:inline-block;}
.woocommerce-MyAccount-navigation ul {margin:0;padding:20px;list-style-type:none;background-color:#fefefe;}
.woocommerce-MyAccount-navigation ul li {margin:0;padding:15px 10px;list-style-type:none;border-bottom:1px solid #eee;text-align:left;}

.woocommerce-MyAccount-content {display:inline-block;text-align:left;}
.woocommerce-MyAccount-content .content {clear:both;}
.woocommerce-MyAccount-content h2 {padding-top:40px !important;}

.woocommerce-account .wal-dashboard-overview-data p label {font-size:16px;}
.woocommerce-account .wal-dashboard-overview-data {width: 30.5%;}


/** --- ATTACK DEM NASTY BUGS! --- **/
/* Verberg de WooCommerce spinner en het vinkje */
.woocommerce .button.add_to_cart_button.loading:after,
.woocommerce .button.add_to_cart_button.added::after,
.woocommerce .spinner {
    display: none !important;
}

.woocommerce .loading {padding:10px 21px 10px 10px !important;}

/* Zorg dat de knop consistent blijft in vorm */
.woocommerce .button.add_to_cart_button.loading,
.woocommerce .button.add_to_cart_button.added {
    border-radius: 9999px !important; /* of wat je normaal gebruikt */
}


/*** KLEUREN ***

DKR GRIJS - #2c353f
MINT GROEN - #a7c1ae
HEEL LCHT MINT - #d5dfd6
DKR MINT GROEN - #8ea598
GROEN - #007c35;
DKR GROEN - #00622a
HEEL LCT ROZE - #fcebf4
ROZE - #f08ab8
DKR ROZE - #c57197

*/