@import url('https://fonts.googleapis.com/css2?family=Jaldi:wght@400;700&family=Junge&family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap');
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html,button,input,select,textarea{font-family:sans-serif} body{margin:0} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em;margin:.67em 0} h2{font-size:1.5em;margin:.83em 0} h3{font-size:1.17em;margin:1em 0} h4{font-size:1em;margin:1.33em 0} h5{font-size:.83em;margin:1.67em 0} h6{font-size:.75em;margin:2.33em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} blockquote{margin:1em 40px} dfn{font-style:italic} mark{background:#ff0;color:#000} p,pre{margin:1em 0} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:'';content:none} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} dl,menu,ol,ul{margin:1em 0} dd{margin:0 0 0 40px} menu,ol,ul{padding:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none} img{border:0;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} figure{margin:0} form{margin:0} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} button,input{line-height:normal} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} button[disabled],input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0}

body {
  font-family: 'Jaldi', sans-serif;
  margin: 0;
  padding: 0;


}

h1,h2,h3 { font-family: 'Junge', serif;}


a { color:#83A881; }

p {  }

header {
    position:relative;
    z-index:99999999999;

}

header > div {  display: flex; flex-direction:  row; justify-content: space-between; gap: 20px;align-items: center;}

main {
  background-color:#F8F8F8 !important;
}

.wrapper {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

body.page .wrapper, body.category .wrapper, body.archive .wrapper, body.single .wrapper {

  padding: 35px 0px;
}

.page-header {
  background-color:#83A881; padding: 50px 35px;
  display:flex;
  align-items: center;
  position:relative;
}

.page-header h1 {
  color:#fff !important;
}

.breadcrumb a {
  color:#000 !important;
}

.category-children { margin-bottom: 25px;padding: 25px 0px; border-bottom: 1px dotted #ddd;  width:100%; position:relative; z-index: 999999; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; align-content: start; }
.category-children .category-child {
  height: auto !important;
  background-color:#fff; padding: 20px;

}

.page img {
  max-width: 100%;
  display: block;
}

.single_thumb {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
}

/* Fixed header on scroll */

header > div { padding: 0 25px;}
header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
  z-index: 9999999999;
}

header.sticky .topmenu { display: none; }

.search {}
.search input { line-height: 35px; padding: 5px; border-radius: 5px; border: 1px solid #eee; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMzQ0LjUsMjk4YzE1LTIzLjYsMjMuOC01MS42LDIzLjgtODEuN2MwLTg0LjEtNjguMS0xNTIuMy0xNTIuMS0xNTIuM0MxMzIuMSw2NCw2NCwxMzIuMiw2NCwyMTYuMyAgYzAsODQuMSw2OC4xLDE1Mi4zLDE1Mi4xLDE1Mi4zYzMwLjUsMCw1OC45LTksODIuNy0yNC40bDYuOS00LjhMNDE0LjMsNDQ4bDMzLjctMzQuM0wzMzkuNSwzMDUuMUwzNDQuNSwyOTh6IE0zMDEuNCwxMzEuMiAgYzIyLjcsMjIuNywzNS4yLDUyLjksMzUuMiw4NWMwLDMyLjEtMTIuNSw2Mi4zLTM1LjIsODVjLTIyLjcsMjIuNy01Mi45LDM1LjItODUsMzUuMmMtMzIuMSwwLTYyLjMtMTIuNS04NS0zNS4yICBjLTIyLjctMjIuNy0zNS4yLTUyLjktMzUuMi04NWMwLTMyLjEsMTIuNS02Mi4zLDM1LjItODVjMjIuNy0yMi43LDUyLjktMzUuMiw4NS0zNS4yQzI0OC41LDk2LDI3OC43LDEwOC41LDMwMS40LDEzMS4yeiIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position: right center; background-size: 25px; }

/* footer */
footer {   }
footer > div.wrapper { display: flex; flex-direction: row; justify-content: center; }
footer > div > div {flex: 0 0 33.3333%;}

/* page nav */
div.pagination {
  padding: 15px; margin: 15px 0;
  position:relative; display:flex;
  justify-content: center;
  align-items: center;
  width: 100%; flex:10
}

div.pagination a, div.pagination span {
  padding: 5px 10px;
  background-color:#fff !important;
  margin: 0 5px;
  font-family: 'Jaldi', sans-serif; font-size: 18px;
  text-decoration: none;
}

div.pagination a.current, div.pagination span.current {
  background-color: #83A881 !important;
  color:#fff !important;
}

/* navigation */
ul.header-menu a { text-decoration: none; color:#000; font-family: 'Jaldi', sans-serif; font-size: 16px; text-transform: uppercase;}
ul.header-menu { display: flex; flex-direction:  row; justify-content: center; gap: 15px; align-items: center;}
ul.header-menu li { list-style: none; padding:0px; }
ul.header-menu > li { list-style: none;font-weight: bold; margin:0px 10px; padding: 10px;}

header ul.header-menu > li:hover {   background-image: url("../img/stroke.png");
  background-size:contain;
  background-position: center center; background-repeat:no-repeat; }
ul.header-menu > li { position: relative;  }
ul.header-menu > li > ul.sub-menu { display:none; width: auto; min-width: 250px; padding-top:25px; }
ul.header-menu > li > ul.sub-menu ul {display: none; }
ul.header-menu li:hover ul { padding: 10px; margin:0px;position: absolute; display: block; left:0%; top:100%; background-color:#fff; }

ul.header-menu > li.menu-item-has-children > a::before {
  content: '';
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}
header ul.sub-menu > li a { transition: color 1s ease;  }
header ul.sub-menu > li:hover a { color: #83A881  }

.topmenu { display: flex; background-color:#83A881; justify-content: flex-end !important;  }
.topmenu ul {  display: flex; font-size: 16px !important; gap: 0px; list-style: none; }
.topmenu ul li { margin: 0px 10px !important; margin-right: 20px !important; padding: 0px !important; }
.topmenu ul li:hover { background: none; }
.topmenu ul.header-menu a { font-size: 14px !important; color:#fff !important; }
.topmenu ul.header-menu a:hover  { background: none; color:#fff !important; }

.topmenu ul.header-menu > li.menu-item-has-children > a::before {
    border-top: 5px solid #fff !important;
}

.topmenu ul.sub-menu { background-color:#83A881 !important; z-index:99999;
  transform: translateX(0%) !important;
  right: -100% !important;
  min-width: 200px !important;
}



.topmenu ul.socialicons li { padding:  0px !important; margin: 0px 5px !important; }


header .mobilemenu {
  display: none;
  position:fixed; width:100%; height: 100%; padding:0px;
  background-color: #fff;
  z-index:999999999; top:0px; left:0px;
}
header .mobilemenu > div, header .mobilemenu ul { padding: 0px; margin: 0px; display: flex; flex-direction: column; font-size:22px;}
header .mobilemenu > div { padding: 20px 25px; padding-top:35px; }
header .mobilemenu .close { position: absolute; top: 6px; right: 6px; font-weight: bold; font-size: 30px; }
header .mobilemenu ul li, header .mobilemenu ul li a { padding: 0px;  font-size:22px; }
header .mobilemenu ul li { width:100%; display: block; border-bottom: 1px solid#83A881;  text-align: center}

header .mobilemenu ul li a { }
header .mobilemenu ul.menu > li:hover { background: none; }
header .mobilemenu .sub-menu { margin-top: 0px; padding: 10px; display: none; background-color:#83A881; }
header .mobilemenu .sub-menu li { background-color:#fff;}

header .mobilemenu ul.menu ul.sub-menu {
  display:none;
}

header .mobilemenu ul.menu li.menu-item-has-children:after {
  content: "\25BE"; /* Unicode for down-pointing triangle */
  position: absolute;
  top: 6px;
  right: 0;
}

header .mobilemenu ul.menu li.menu-item-has-children.open:after {
  content: "\25B4"; /* Unicode for up-pointing triangle */
}

header .mobilemenu ul.menu li.menu-item-has-children.open ul.sub-menu {
  display:block;
}

header .mobilemenu ul.menu li.menu-item-has-children  { position: relative;}


header .mobilemenu ul li a { text-decoration:  none; line-height:  45px; font-size: 25px; }


footer ul.menu { display: block;}
footer ul.menu li a { font-size: 14px; }
footer ul.menu li { padding: 0px; }

.widget-area {}

/* HELPERS */

.flex-align-center { display:flex;  justify-content: center; }

.btn-primary, .elementor-button-link {background-color: #83A881 !important;
color:#fff !important; border:0px; padding: 5px 10px; text-decoration: none; margin-top: 10px; display: inline-block;}

/* SLICK */
.slick-initialized .slick-slide { display: flex !important;  }
.item {
  padding: 10px;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 800px;
  margin: 25px;
}

.item img { width:100%; height: auto; }
.item div { width: 50%; flex: 0 0 50%; font-size: 14px; }

.item:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  display: block;
  z-index: 2;
}

.slick-center:before {
  display: none;
}

.item {

}

/* blog posts grid box-shadow: 0 2px 20px rgb(45 45 45 / 5%);border-radius: 15px;  */

.bonusvegan-posts { width:100%; }
.bonusvegan-posts > article {
/*  height: auto !important;
   */


}


.bonusvegan-posts article .postdate {
  font-size: 14px; text-transform: uppercase;
}

.postdate {
  font-size: 12px; text-transform: uppercase;
}
.bonusvegan-posts article h3 { margin-bottom: 5px; text-decoration: none}
.bonusvegan-posts article h3 a { text-decoration: none}
/* paper box */

.box.nobg { background:transparent !important}

.box {
/*  position: relative;
  margin: 10px auto;
  background: #fff;
  border-radius: 2px;*/
  width: 31%;

  display: flex; flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  position: relative;
  border-radius: 2px;
}

.nomasonry {position:relative; z-index: 999999; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; align-content: start;align-items:flex-start; }
.nomasonry .box { width: auto; }

.box .inside {
  position:relative;  background-color: #fff;padding: 20px; line-height: 120%;
}

.box.veganad {
  background-color:transparent !important; text-align: center;
}
.box.veganad:before, .box.veganad:after {
  display: none;
}

.box img {
  width: 100%;
}


.inside:hover:before, .inside:hover:after {
  bottom: 6px;
}

.inside:before, .inside:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
}

.inside:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}

/* products */
ul.products li.product img {
  width: 100%;
}
ul.products { display: flex}
ul.products li.product {
  position: relative !important;
  margin: 10px auto !important;
  background: #fff !important;
  border-radius: 2px !important;
  float:none !important; width: auto !important;
}

ul.products li.product:hover:before, ul.products li.product:hover:after {
  bottom: 6px !important;
}

ul.products li.product:before, ul.products li.product:after
{
	position: absolute !important;
	width: 40% !important;
	height: 10px !important;
	content: ' ' !important;
	left: 12px !important;
	bottom: 12px !important;
	background: transparent !important;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg) !important;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3) !important;
	z-index: -1 !important;
}

ul.products li.product:after
{
	left: auto !important;
	right: 12px !important;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg) !important;
}
/* TABS FOR PRODUCTGROEPEN */

/**
 * Tabs
 */

.tabscontainer {
   padding: 10px;
   position:relative;
   width:100%;
}

.tabscontainer .tabs {
  width:100%;
	display: flex;
	flex-wrap: no-wrap;
  margin: 0px;
  list-style: none;
  align-items: center; gap: 10px;
}

.tabscontainer .tabs li {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px; list-style: none;
  background-color:#fff; cursor:pointer;box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  transition: transform 0.2s ease-in;
}

.tabscontainer .tabs li:hover {
  transform: scale(1.1);
}

.tabscontainer .tabs li.more {
  border-radius: 15px; box-shadow: none; background-color:transparent;
}

.tabscontainer .tabs li > div {
  background-repeat: no-repeat; background-position: center; background-size: contain;
  width: 50px; height: 50px;
}

.tabscontent_container {background-color:#fff; padding: 15px; }


.tabscontent_container .tabcontent { display: none; opacity: 0; transition: opacity 0.3s linear 2s;  }

.tabscontent_container .tabcontent.is-active { display: flex; opacity:1}



.scale-on-hover {
  transition: transform 0.2s;
}
.scale-on-hover:hover {
  transform: scale(1.1);
}


.custom-shape-divider-bottom-1673004243 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1673004243 svg {
    position: relative;
    display: block;
    width: calc(185% + 1.3px);
    height: 38px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1673004243 .shape-fill {
    fill: #f8f8f8;
}

.base64 {
  background-image: url(/wp-content/themes/bv_theme/img/stroke.png);
  background-size: 100% 160%;
  background-position: center center;
  font-size: 24px;
}

footer h3 {
  background-image: url(/wp-content/themes/bv_theme/img/stroke.png);
  background-size: 100% 160%;
  background-position: center center;
  font-size: 24px;
}


.usp {
  font-size: 20px; color: #fff;
  text-shadow: 1px 1px 5px #000;
}

.usp li, .usp ul {
  list-style: none;
}

.usp li {
  margin: 10px 0; font-size: 20px; color: #fff;
  text-shadow: 1px 1px 5px #000;
}

.box li { font-size: inherit; text-shadow: none; color:inherit !important; }

.usp li:before {
  margin: 0 0 0 -40px;
  list-style-type: none;
  position: absolute;
  color: #fff;
  content: "\2713\0020";
  font-size: 15px;
  background: #83A881;
  padding: 2px;
  border-radius: 20px;
  width: 30px;
  text-align: center;
}



.nf-form-content input[type=button]  {  background: #83A881; color:#fff; }

.fullwidth { width:100%; }
input, select, textarea { line-height: 35px !important; padding: 5px; border-radius: 5px; border: 1px solid #eee; }

.filterbox { display: flex; }
.filter{ flex: 20%; width: 20%; padding-right: 25px;}
.filter_results { flex: 80%; width: 80%; align-items: center;
    display: flex;
    justify-content: flex-start; flex-direction: column;}

    .proddisplay { flex: 80%; width: 80%; align-items: flex-start;
        display: flex;
        justify-content: flex-start; flex-direction: column;}

.proddisplay .box { width: 24%; min-width: 24%; }
.proddisplay .box strong { display: flex; line-height: 100% !important}
.filter .widget-title { border-bottom: 1px solid #83A881}
.filter .wpc-filters-widget-main-wrapper input.wpc-filter-search-field { padding-right:0px !important;}
.filter_head {display: flex; align-items: center; justify-content:  space-between;}

.filter-widget { display: flex; flex-direction: column; }

.filtertag { margin-right: 5px;display: inline-block; border-radius: 10px; position:relative; cursor:pointer; padding: 5px 10px; font-size: 12px; text-align: center; padding-right: 30px; color:#fff; background-color: #83A881;  transition: transform 0.2s ease-in-out; }
.filtertag::after {content: "X"; position: absolute; top:50%; right: 15px; transform: translateY(-50%);  }
.filtertag:hover {   transform: scale(1.1);  }

.prodfilter-container { background-color:#F8F8F8 !important; display: flex; flex-direction: column; width:100%; padding: 15px; border: 1px solid #83A881; position:relative; z-index:999999;  }
.prodfilter-container > div { display: flex; }
.prodfilter-container > div:first-child { justify-content: flex-end; }
.filter-producten {
   display: flex;
}

.filter-producten > .filter-widget {
  width: 25%;
}

.filter-widget img {
 width: auto !important;
 max-width: inherit;
}

.prodwinkel {}
.winkelitems { display: flex; flex-wrap: wrap;     align-items: flex-start; gap:6px;}

.elementor {width:100%;}

.control {
  display: flex;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px; align-items: center;
}

.control span {
  margin-left: 5px; font-size: 10px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #83A881;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #83A881;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}

.select select, .checkbox input { line-height:  16px !important; }


.loader {
  width: 48px;
  height: 48px;
  border: 5px solid;
  border-color: #83A881 transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* WOOCOMMERCE */

div.woocommerce { display:flex !important; flex-wrap: wrap !important; }

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #83A881 !important}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background-color: #83A881 !important}

.add_to_cart_button  { display:block !important; margin-top: 15px !important; background-color: #83A881 !important; color:#fff;}

h2.woocommerce-loop-product__title { font-size: 18px; }


/* responsive */
.filters_mobile, .mobile-menu-btn {display: none;}

.mobile-menu-btn {
  cursor: pointer;
  background: transparent;
  border: none;
  position: relative;
  display: none;
}

.menu-btn__burger {
  width: 25px;
  height: 2px;
  background: black;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-btn__burger::before,
.menu-btn__burger::after {
  content: '';
  width: 25px;
  height: 2px;
  background: black;
  display: block;
  position: absolute;
}

.menu-btn__burger::before {
  top: -7px;
}

.menu-btn__burger::after {
  top: 7px;
}

@media screen and (max-width:768px) {
.wrapper { max-width:100%; padding: 35px !important;}

  header .mobilemenu.open { display: block; }
  .mobile-menu-btn {    display: inline-block; }
  .topmenu, .header-menu { display:none !important; }


  .filterbox { flex-direction: column;}
  .filter { transform: translateX(-100%); transition: transform 1s ease-in-out; display: none; position: fixed; overflow: auto; top: 0px; left: 0px;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
  .filter.open { transform: translateX(0); display: block;
    position:fixed; width:85%; height: 100%; padding:20px;
    background-color: #fff;
    z-index:999999999999; top:0px; left:0px;}
    .filter .close { position: absolute; top: 6px; right: 16px; font-weight: bold; font-size: 30px; z-index:999999999999; }

    .filter label { font-size: 22px; }

  .filters_mobile {display:block; margin-right: 25px; cursor:pointer; }
  .filters_mobile img { width: 95%; height: auto; }
  .order { flex-direction: row; display:flex; justify-content: center; align-items: center;}
  .selection > span { display: none !important}

  .filter_results { width:100%; flex: 100%; }
  .bonusvegan-posts { display: flex; flex-wrap:wrap; flex-direction: column}
  .bonusvegan-posts .box { width:100%; }


  .woocommerce  .bonusvegan-posts article { width:91%; }
  .woocommerce  .bonusvegan-posts { flex-wrap: wrap; width:100%; }

  .pagination .page-numbers { font-size: 25px; cursor: pointer; }

  div.woocommerce{ display: flex; flex-wrap:wrap; flex-direction: column}

  .elementor-widget-showlatestinstagram {display: none; }

  .more a { font-size: 25px; text-align: center;}

  .search input { max-width: 120px; }

  footer > div.wrapper { flex-direction: column; padding: 5px 35px !important; }

  .home .inside:before, .home .inside:after {
    display:none;
  }

  .bonusvegan-posts { gap: 10px; }

}

.page-numbers {  cursor: pointer; }

.inside > div { font-size: 18px; }
.inside h3 { line-height: 130%; }

.more { margin-top:15px; }

.elementor-gallery__container { max-width: 600px; margin: 0 auto;}

.ajax_add_to_cart { color:#fff !important; padding: 10px; }

.single-product .product { flex-wrap: wrap; display: flex; flex-direction: row; gap:20px; justify-content: space-around;
  flex-flow: row wrap;
  align-items: stretch;}
.summary { flex-grow: 4;}
  .related.products { flex: 100%; width:100%;}
  div.images{ float: none; width:25% !important; }
.cart { display: flex; }
.pswp  { z-index:99999999999999;}

.page { width:100%; }


.author-box {
  display: flex;
  align-items: flex-start;
   flex-direction: row;
   border-top: 1px solid #83A881;
   margin-top:15px;
   padding-top:15px;
}

.author-avatar {
  flex: 0 0 auto;
  margin-right: 10px;
  /* Add additional styles for the author avatar */
}

.author-info {
  flex: 1 1 auto;
  /* Add additional styles for the author information */
}

.author-name {
  margin-top: 0;
  /* Add additional styles for the author name */
}

.author-bio {
  /* Add additional styles for the author bio */
}

.single .page-header {
  min-height: 240px !important;
}

.single-head-container {
  justify-content: center; display: flex; padding: 20px;
}

.elementor-widget-image { max-width: 600px !important; margin: 0 auto;}

.proddisplay .box img {margin-bottom: 10px; object-fit:contain; max-height:100px;}


.bv-columns { display: flex; gap: 20px; }
.left { width:65%; }

.proddisplay .box { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;  }

@media screen and (max-width:768px) {
  .proddisplay .box { width: 30%; min-width: 30%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .filter-producten { flex-direction: column; }
  .proddisplay { width:100%; }
  .proddisplay .box .inside { padding: 5px; }
  .winkelitems { display: flex; flex-wrap: wrap;     align-items: flex-start; gap:8px;}

  .bv-columns { display: flex; gap: 10px; flex-direction: column; }
  .left { width:100%; }

  .proddisplay .box img {margin-bottom: 10px; object-fit: scale-down; -o-object-fit: scale-down; max-height: 100px !important; width:100% !important}

  .proddisplay .box .inside  { width:100%; max-width:100%; position:relative; display: block;}
  .box .inside strong { display:block; padding-right:5px;}
  .prodfilter-container { padding: 5px; }

  .single .page-header {
    min-height: 0 !important;
  }
  .single-head-container {
     padding: 0px;
  }
  .hide-on-mobile { display: none; }

  .filter-producten > .filter-widget { width:100%; }

}

@media screen and (max-width:420px) {
  .proddisplay .box { width: 20%; min-width:20%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .filter-producten { flex-direction: column; }
  .proddisplay { width:100%; }
  .proddisplay .box .inside { padding: 5px; }
}

/* Portrait */
@media only screen
  and (max-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
    .proddisplay .box { width: 30%; min-width: 30%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
    .filter-producten { flex-direction: column; }
    .proddisplay { width:100%; }
    .proddisplay .box .inside { padding: 5px; }
    .winkelitems { display: flex; flex-wrap: wrap;     align-items: flex-start; gap:8px;}
}

.prodfilter-container { background-color:#fff !important;}

.derderegel {
  font-size: 75%;
  font-style: italic;
  display: block;
  line-height: 100% !important; margin-top:5px;
}

.elementor-widget-image-carousel { width:100% !important;}



.single main { background-color:#fff !important; }

.elementor-widget-container ul li p {margin:0px !important}
.elementor-widget-container ul ul {padding: 0 0 0 5px !important; margin: 0px; margin-left: 20px !important; margin-top:5px; margin-bottom:5px;  }
.elementor-widget-container ul li { /*line-height: 100%;*/ }
.elementor-widget-container ul li ul li   { line-height: 100%; }
  .elementor-widget:not(:last-child) { margin-bottom: 5px; }


.elementor img { width:100%; }