:root{
	--wit:#FFFFFF;
	--zwart:#000000;
	--blauw-licht:#D4ECF8;
	--blauw-donker:#023A78;
	--blauw-bg:#F7FBFE;
	--grijs-licht:#F2F2F2;

	--menu-font:"M PLUS Rounded 1c", sans-serif;

	--trans-100:all 100ms ease-in-out;
	--trans-150:all 150ms ease-in-out;
	--slide:all 250ms ease-in-out;
}

/* Nav */
.navigation{background-color:#1a171b}
.navbar{margin-bottom:0;padding:0}
.navbar-default{border:none;background-color:transparent;margin:0 -15px}
.navbar-header{width:100%;text-align:left}
.navbar ul{list-style:none;margin:0;padding:0}
.navbar ul.nav{padding:0 0 0 0}
.navbar-nav li a{text-decoration:none;color:#fff !important;display:block;font-size:16px;font-weight:400;padding:10px 25px;border-bottom:1px solid rgba(255,255,255,0.1);}
.navbar-nav li a i{float:right;transition:all 100ms ease-in-out;line-height: 1.75;}
.navbar-nav li a i.active{float:right;-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}
.navbar-nav li li a{padding:10px 25px 10px 45px}
.navbar-nav li li li a {padding:10px 25px 10px 65px}
.navbar-toggler{border:none;padding:10px;background:transparent !important;float:right;border:2px solid #313131;border-radius:0;margin-top:17px;}
.navbar-toggler .icon-bar{background-color:var(--zwart) !important;height:3px}
.navbar-collapse{background-color:#1a171b;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0;}
.navbar-brand{padding:0;display:inline-block;margin:15px 0 12px 0;min-width: 150px;max-width: 150px;min-height: 47px;max-height: 47px;}
.navbar-brand img{display:block;padding:0;min-width: 150px;max-width: 150px;min-height: 47px;max-height: 47px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}

/* General */
.padding-right{padding-right: 10px;}
.padding-left{padding-left: 10px;}
.menu-bottom{transition: var(--trans-150);}
.scrolled{box-shadow:0 0 20px rgba(0,0,0,0.1);}
.pointer:hover{cursor: pointer;}

/* Cart */
@keyframes scale{
    0%{
        transform:scale(1);
    }
    20%{
        transform:scale(1.5);
    }
    100%{
        transform:scale(1);
    }
}
.btn-cart span.cart-amount{background: #d9534f;width: 16px;height: 16px;color: #FFF;font-size: 10px;line-height: 12px;position: absolute;top: 0;right: 0;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
span.cart-amount.ajax-added{animation:scale 1s;animation-timing-function:ease-in-out;}
.oc-cart .close{font-size: 24px;color:darkred;}
.oc-cart .offcanvas-header{padding: 35px 35px 0 35px;justify-content: flex-end;}
.oc-cart .offcanvas-body{padding: 20px 35px 35px 35px;}

/* Mobile */
.sticky-top{z-index:1041 !important;}
.menu-top{font-family: var(--menu-font);background:var(--wit);z-index: 999;position: relative;}
.menu-top .logo-wrapper{display: inline-flex;width: fit-content;height: fit-content;margin:8px 0;}
.menu-top .logo-wrapper img{display: block;width: 120px;height: 47px;object-fit:contain;}
.menu-top .search-row .btn-elementor{display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--grijs-licht);min-width: 40px;min-height: 40px;max-width: 40px;max-height: 40px;text-decoration: none;}

.menu-top .search-row i{color: #000 !important;}

.menu-bottom{background:var(--blauw-licht);padding: 10px 0;}
.menu-bottom .oc-toggler{display: inline-flex;;justify-content: center;color: var(--blauw-donker);font-size: 15px;font-weight: 600;background: var(--wit);border-radius: 50px;padding: 0 12px;border: none;align-items: center;min-height: 46px;max-height: 46px;}
.menu-bottom .oc-toggler i{color:var(--zwart);min-width: 23px;}
.menu-bottom .oc-toggler i.close{color: darkred;}
.menu-bottom .zoekbalk .probox{background: #FFF !important;}
.menu-bottom .zoekbalk .asp_simple-circle{border: 4px solid #898989 !important;border-right-color: transparent !important;}

.oc-mobile{top:129px !important;font-family: var(--menu-font);}
.oc-mobile .menu-content{max-width: 400px;padding: 24px;}

.oc-mobile :is(.top-list, .middle-list) a{color:var(--blauw-donker);font-size: 15px;font-weight: 600;text-decoration: none;line-height: 34px;}
.oc-mobile .middle-list a i{transform: rotate(-45deg);margin-left: 5px;font-size: 12px;}
.oc-mobile .bottom-list a{font-size: 14px;color: var(--zwart);line-height: 28px;text-decoration: none;}
.oc-mobile .bottom-list .btn-blauw{border-radius: 9px;background: #018a33;font-size: 14px;color: var(--wit);width: fit-content;margin-top: 15px;padding: 7px 15px;font-weight: bold;}
.oc-mobile .bottom-list .btn-blauw i{font-size: 12px;}
.oc-mobile .divider{position: relative;width: 100%;height: 1px;background: #ededed;margin: 30px 0;}

/* OC submenu - General */
.oc-mobile .oc-menu{position: absolute;top:0;left:0;width: 100%;height: 100%;background: var(--blauw-bg);padding: 30px 24px 50px 24px;transition: var(--slide);transform: translateX(-100%);opacity: 0;visibility: hidden;}
.oc-menu.show{transform: translateX(0);opacity: 1;visibility: visible;overflow-y:auto;}
.oc-mobile .navbar-collapse{background-color: transparent;}
.oc-mobile .return{text-decoration: none;color: var(--blauw-donker);font-size: 12px;padding:5px 0;}
.oc-mobile h4{color: var(--blauw-donker);font-size: 20px;font-weight: bold;margin: 0 0 40px 0;line-height: 30px;}

ul.zorg-klein > li{background: #fff;padding: 0;margin: 0 0 15px 0;width: fit-content;}
ul.zorg-klein > li:last-child{margin-bottom: 0;}
ul.zorg-klein > li > a{background: var(--wit);padding: 10px 25px 10px 55px;position: relative;border-style: solid;border-width: 5px;border-top: 1px solid #E1DFDF;border-left: 1px solid #E1DFDF;border-right: 1px solid #E1DFDF;min-width:256px;border-radius: 5px;transition: var(--trans-150);width: fit-content;color: var(--blauw-donker) !important;font-size: 14px;font-weight: bold;}
ul.zorg-klein > li > a::before{position: absolute;content:'';left: 15px;top: calc(50% - 12px);width: 24px;height: 24px;object-fit:contain;background-repeat:no-repeat;background-position: 50% 50%;background-size: 24px 24px;}
ul.zorg-klein > li > a.active{background:var(--grijs-licht);}

/* OC submenu - Assortiment/kenniscentrum */
ul.oc-with-sub :is(li, a){width: 100% !important;}
ul.oc-with-sub > li{background: transparent;}
ul.oc-with-sub li a{display: flex;align-items: center;justify-content: space-between;}
ul.oc-with-sub li ul.sub-toggle:not(.sub-hidden) li.menu-item-has-children{margin: 10px 0;}
ul.oc-with-sub li ul.sub-toggle:not(.sub-hidden) > li.menu-item-has-children > a{padding: 0;color: var(--blauw-donker) !important;font-weight: bold;font-size: 14px;line-height: 28px;width: 100% !important;}
ul.oc-with-sub li ul.sub-toggle:not(.sub-hidden) li.menu-item-has-children ul li a{padding: 0;color: var(--zwart) !important;font-size: 14px;font-weight: 400;}
ul.oc-with-sub li ul.sub-toggle:not(.sub-hidden) li.menu-item-has-children ul li > ul li a{position: relative;padding-left: 22px;}
ul.oc-with-sub li ul.sub-toggle:not(.sub-hidden) li.menu-item-has-children ul li > ul li a::before{content: '\00AC';position: absolute;left: 6px;top:3px;line-height: 14px;font-size: 14px;transform: rotate(180deg);}

ul.sub-toggle{transition: max-height 250ms ease-in-out;height:100%;max-height:100%;opacity: 1;visibility: visible;margin: 15px 0 20px 0;padding: 5px 20px;background: var(--wit);border-radius: 5px;border: 1px solid #E1DFDF;display: block;}
ul.sub-hidden{display:none !important;margin: 0;padding: 0;}

/* Categorieknoppen */
:is(ul.zorg-groot, ul.zorg-klein) li.incontinentie > a{border-bottom: 5px solid #8297BD;}
:is(ul.zorg-groot, ul.zorg-klein) li.incontinentie > a::before{background-image:url('images/icon-incontinentie.svg');}

:is(ul.zorg-groot, ul.zorg-klein) li.huidverzorging > a{border-bottom: 5px solid #93E387;}
:is(ul.zorg-groot, ul.zorg-klein) li.huidverzorging > a::before{background-image:url('images/icon-huidverzorging.svg');}

:is(ul.zorg-groot, ul.zorg-klein) li.wondverzorging > a{border-bottom: 5px solid #ffc26e;}
:is(ul.zorg-groot, ul.zorg-klein) li.wondverzorging > a::before{background-image:url('images/icon-wondverzorging.svg');}

:is(ul.zorg-groot, ul.zorg-klein) li.bescherming > a{border-bottom: 5px solid #ff91c9;}
:is(ul.zorg-groot, ul.zorg-klein) li.bescherming > a::before{background-image:url('images/icon-bescherming.svg');}

/*:is(ul.zorg-groot, ul.zorg-klein) li.stomaverzorging > a{border-bottom: 5px solid #F39968;}
:is(ul.zorg-groot, ul.zorg-klein) li.stomaverzorging > a::before{background-image:url('images/icon-3.svg');}

:is(ul.zorg-groot, ul.zorg-klein) li.verpleging > a{border-bottom: 5px solid #FFC26E;}
:is(ul.zorg-groot, ul.zorg-klein) li.verpleging > a::before{background-image:url('images/icon-5.svg');}

:is(ul.zorg-groot, ul.zorg-klein) li.babyverzorging > a{border-bottom: 5px solid #9B9B9B;}
:is(ul.zorg-groot, ul.zorg-klein) li.babyverzorging > a::before{background-image:url('images/icon-6.svg');}*/

/* Media queries */
@media(min-width:576px){
	.container{max-width: 100%;}
}
@media(min-width:992px){
	/* Nav */
	.navbar{text-align:center;display:inline-block;}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;margin-top:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar ul.nav{padding:0;margin-top:0;}
	.navbar-collapse ul{list-style:none;position:relative;float:right;margin:0;padding:0}
	.navbar-collapse ul a{display:inline-flex;align-items:center;color:var(--blauw-donker) !important;text-decoration:none;font-weight:600;font-size:14px;line-height:100%;padding:0;border:none;padding: 15px 0;}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0}
/* 	.navbar-collapse ul li.current-menu-item>a,.navbar-collapse ul li.current-menu-parent>a{color:var(--blauw-donker) !important;border:none} */
	.navbar-collapse ul ul li.current-menu-item i{display:none}
	.navbar-collapse ul ul li.current-menu-item a{border-bottom:none}
	.navbar-collapse ul ul{display:none;position:absolute;top:100%;left:0;text-align:left;background-color:transparent;box-shadow:none;}
	.navbar-collapse ul ul li{float:none;width:auto;transition:all 100ms;}
	.navbar-collapse ul ul a{padding:10px 0;color:var(--blauw-donker) !important;text-shadow:none;white-space:nowrap;}
	.navbar-collapse ul ul ul{top:0;left:100%}
	.navbar-nav li a i{line-height:15px;font-size: 12px;}

	/* Nav custom */
	.sticky-top{z-index:1040 !important;}

	.menu-top .logo-wrapper{margin:15px 0;}
	.menu-top .logo-wrapper img{width: 215px;height: 84px;}
	.menu-top .btn-wit{color:var(--zwart);font-size: 14px;text-decoration: none;transition:var(--trans-100);font-weight: 400;}
	.menu-top .btn-blauw{color:var(--wit);background:#018a33;font-size: 14px;font-weight: 600;border-radius: 0 0 10px 10px;padding: 10px 20px;text-decoration: none;}
	.menu-top .search-row{flex-grow:1;margin:15px 0;min-width:375px;}
	.menu-top .search-row .zoekbalk{width: 375px;}
	.menu-top .search-row .btn-elementor{min-width: 46px;min-height: 46px;max-width: 46px;max-height: 46px;}

	.menu-top .zoekbalk .probox{background: #F2F2F2 !important;}
	.menu-top .zoekbalk .asp_simple-circle{border: 4px solid #fff !important;border-right-color: transparent !important;}

	.menu-bottom{padding: 0;transition: none;overflow: hidden;}
	.menu-bottom .menu-link, .menu-wrap a{font-size: 14px;color: var(--blauw-donker) !important;font-weight: 600 !important;text-decoration: none;display: inline-flex;align-items: baseline;}
	.menu-bottom .menu-link i{transform:rotate(-45deg);margin-left: 5px;font-size: 12px;}
	.menu-wrap a{margin-right: 25px;padding: 15px 0;}

	.mm-hover:hover:before{position: absolute;width: 100vw;top: 50%;height: 100%;left: 0;background: transparent;content: '';z-index: -1;}

	.mm-container{position: absolute;top:100%;width: 100%;background:var(--blauw-bg);padding: 50px 0 25px 0;z-index:1234;transition: var(--trans-150);}
	.mm-container::before{position: absolute;top:100%;height: calc(100vh - 100% - 158px);width: 100%;content:'';background:rgba(0,0,0,0.5);z-index:1049;pointer-events: none;}

	/* Zorggebieden */
	.mm-zorg ul.zorg-groot{display: grid;grid-template-columns: repeat(auto-fill, 253px);}
	.mm-zorg ul.zorg-groot li{background: #fff;padding: 0;width: 275px;margin: 0 25px 25px 0;}
	.mm-zorg ul.zorg-groot li a{background: var(--wit);padding: 20px 25px 20px 70px;position: relative;border-style: solid;border-width: 5px;border-top: 1px solid #E1DFDF;border-left: 1px solid #E1DFDF;border-right: 1px solid #E1DFDF;width: 100%;border-radius: 5px;}
	.mm-zorg ul.zorg-groot li a::before{position: absolute;content:'';left: 20px;top: calc(50% - 15px);width: 30px;height: 30px;object-fit:contain;background-repeat:no-repeat;background-position: 50% 50%;background-size:30px 30px;}
	.mm-zorg ul.zorg-groot li.current-menu-item a, .mm-zorg ul.zorg-groot li a.active{background-color:var(--grijs-licht);}

	/* Assortiment/kenniscentrum */
	ul.zorg-klein li{background: #fff;padding: 0;margin: 0 0 15px 0;width: fit-content;}
	ul.zorg-klein li:last-child{margin-bottom: 0;}
	ul.zorg-klein li a{background: var(--wit);padding: 20px 25px 20px 55px;position: relative;border-style: solid;border-width: 5px;border-top: 1px solid #E1DFDF;border-left: 1px solid #E1DFDF;border-right: 1px solid #E1DFDF;min-width: 280px;border-radius: 5px;transition: var(--trans-150);width: fit-content;border-top-right-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;font-weight: 500;}
	ul.zorg-klein li a::before{position: absolute;content:'';left: 15px;top: calc(50% - 12px);width: 24px;height: 24px;object-fit:contain;background-repeat:no-repeat;background-position: 50% 50%;background-size:24px 24px;}
	
	ul.zorg-klein li a::after{position: absolute;top: 0;right: 0px;width: 50px;height: calc(100% + 5px);content: '\f105';font-family: 'Font Awesome 5 Pro';font-weight: 400;display: flex;align-items: center;justify-content: center;border-radius: 0;transition: var(--trans-150);color: var(--blauw-donker);background: transparent;border-bottom: 5px solid transparent;}
	ul.zorg-klein li a:hover{min-width:290px;}
	ul.zorg-klein li a.active{min-width:290px;background-color:var(--grijs-licht);}
	ul.zorg-klein li a:hover:after,ul.zorg-klein li a.active:after{background:var(--grijs-licht);border-bottom: 5px solid #e1dfdf;}

	/* Uitgeklapte submenu's */
	.mm-assortiment, .mm-kenniscentrum{padding: 50px 0;}
	.bg-wit::before{position: absolute;top: -50px;right: 0;content: '';background: #fff;z-index: -1;height: calc(100% + 100px);width: calc((100% + 100vw - 325px)/2);}

	ul.uitgeklapt li{display: flex;flex-direction: column;float:unset;}
	ul.uitgeklapt li ul{display: block;position: relative;top: 0;left: 0;columns: 4;column-fill: balance;column-width:220px;}
	ul.uitgeklapt li ul > li{break-inside: avoid;}
	ul.uitgeklapt li ul ul{display: flex;flex-direction: column;}
	ul.uitgeklapt > li > a{display: none !important;}
	ul.uitgeklapt li a{padding: 0;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;font-size: 13px;}
	ul.uitgeklapt li > ul{margin-bottom: 15px;}
	ul.uitgeklapt li ul li ul li{margin-top: 0;}
	ul.uitgeklapt ul li a{font-weight: 400;padding: 7px 0;margin: 0;width: fit-content;}
	ul.uitgeklapt ul ul ul li a{padding: 7px 0 7px 17px;position: relative;color:#000 !important;font-size: 12px;}
	ul.uitgeklapt ul ul ul li a::before{content: '';position: absolute;left: 3px;top: 9px;width: 6px;height: 6px;border-bottom: 1px solid #000;border-left: 1px solid #000;}
	ul.uitgeklapt ul ul li a{color: #000 !important;}
	ul.uitgeklapt > li > ul > li > a{color:var(--blauw-donker);font-weight: bold !important;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

	ul.uitgeklapt{display: flex;flex-direction: row;flex-wrap: wrap;}
	ul.uitgeklapt > li{width: 100%;opacity: 0;visibility: hidden;position: absolute;top:0;left:0;transition: var(--trans-150);transform: translateX(-25px);}
	
	.show-sub{opacity: 1 !important;visibility: visible !important;transform: translateX(0) !important;}
	
	.mm-container{opacity: 0;visibility: hidden;transform:translateY(15px);pointer-events: none;}
	.mm-show{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: initial;}
}
@media(min-width: 1200px) {
	.bg-wit::before{width: calc((100% + 100vw - 325px)/2);right: calc((100vw - 1140px - 17px)/-2);}
	.container{max-width:1140px;}
}