/* Search bar */
#searchform{position:relative;width:100%;margin-top: 30px;}

.searchbox{position:relative;font-size:14px;color:#f1f1f1;}
.searchbox input{background-color: #fff;border-radius: 500px !important;padding: 10px 180px 10px 20px !important;border: none !important;width: 100% !important;height: 46px;font-size: 16px;z-index: 999;position: relative;transition: all 150ms ease-in-out !important;}
.searchbox .reset{opacity: 0;color: darkred;border: none;position: absolute;right: 6px;top: 6px;transform: translateY(10px);pointer-events: none;min-width: 34px;max-width: 34px;min-height: 34px;max-height: 34px;border-radius: 50%;background: #efd5d5;display: flex;align-items: center;justify-content: center;text-decoration: none;z-index: 1000;font-size: 18px;}
.secnav .searchbox input.search-field{background:#fff;color: var(--zwart);}
.searchbox #searchform:after{content: "\f002";font-family: "Font Awesome 5 Pro";position: absolute;right: 6px;top: 6px;font-weight: 400;opacity: 1;transition: all 150ms ease-in-out;pointer-events: none;color: #fff;min-width: 34px;max-width: 34px;min-height: 34px;max-height: 34px;border-radius: 50%;background: #023A78;display: flex;align-items: center;justify-content: center;font-size: 16px;z-index: 999;}

.searchbox.active{opacity:1;visibility:visible;}
.searchbox.active input{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.searchbox.active .reset{opacity:1;transform:translateY(0);pointer-events: unset;}

.searchbox #form-cats{appearance: none;-moz-appearance:none;-webkit-appearance:none;transition: all 150ms ease-in-out;}
.searchbox #form-cats{position: absolute;top: 13px;right: 50px;z-index: 999;font-size: 14px;border: 0;border-bottom: 0;text-align: right;padding: 0 30px 0 0;font-weight: 600;width: fit-content;background-image: url(angle-down.svg);background-repeat: no-repeat;background-size: auto 6px;background-position: calc(100% - 10px) calc(100% - 7px);}
/*.searchbox #form-cats option{text-align: left;}*/
.searchbox #form-cats:focus{outline: none;border:none;box-shadow: none;}

.search_results{opacity: 0;transition: all 150ms ease-in-out;transform: translateY(10px);position: absolute;z-index: 998;width: 100%;background: #FDFDFD;border-radius: 0 0 15px 15px;box-shadow: 0px 10px 12px #D4D4D4;padding: 63px 20px 20px 20px;overflow-y: auto;max-height: 75vh;pointer-events: none;top: calc(100% - 23px);}
.active .search_results{opacity:1;position:absolute;pointer-events:all;transform:translateY(0);}

.search_results i.icon-loader{color: #023A78;}

.search_results h4{margin:30px 0 12px 0;line-height:1;padding-bottom: 15px;border-bottom: 1px solid #ededed !important;font-size: 14px;font-weight: 500;color: var(--blauw);}
.search_results > h4:first-child{margin-top:0;border:none;}
.search_results ul.result-ul{list-style:none;margin:0;padding:0}
.search_results ul.result-ul li a{border: none;color: var(--zwart);text-decoration: none;width: fit-content;transition: all 150ms ease-in-out;font-size: 14px;font-weight: 400;}
.search_results ul.result-ul li a:hover{color: #023A78;}
.search_results ul.result-ul li.result-item:nth-child(n+2){margin-top: 10px;padding-top: 10px;border-top: 1px solid rgba(0, 0, 0, 0.05);}

.search_results .popular-wrap ul.result-ul :is(li,li.result-item:nth-child(n+2)){border: none;padding: 0;}
.search_results .popular-wrap strong{color: #000;margin-bottom: 20px;font-size: 14px;}

.search_results .no-results{background: #f1f1f1;border-radius: 5px;padding: 15px;color: #000;font-size: 14px;line-height: 20px;}
.search_results .no-results a{text-decoration: none;color: #fff;background: #023A78;display: block;width: fit-content;margin-top: 15px;border-radius: 5px;padding: 10px 15px;transition: all 150ms ease-in-out;font-weight: bold;}

/* Search results page */
.search mark{background: #003d6629;color:var(--blauw);}
.search .s-divider{width: 100%;background: #ededed;height: 1px;display: block;}

.search .results .search-header{font-weight: 600;color: var(--blauw);font-size: 22px;line-height: 100%;display: block;width: fit-content;margin-bottom: 20px;}
.search .results .search-header:nth-child(n+2){margin-top: 40px;}
.search .results ul.result-ul{list-style-type: none;padding: 0;margin: 0;}
.search .results ul.result-ul li a{border:none;color:var(--zwart);text-decoration:none;width: fit-content;transition:all 150ms ease-in-out;font-size: 16px;line-height: 24px;}
.search .results ul.result-ul li a:hover{color: var(--blauw);}

.search .results .product-row a{text-decoration: none;color: var(--zwart);}
.search .results .product-row a img{min-width: 80px;max-width: 80px;min-height: 80px;max-height: 80px;margin-right: 15px;}
.search .results .product-row a span{line-height: 24px;-webkit-line-clamp: 2;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;transition:all 150ms ease-in-out;}
.search .results .product-row a:hover > span{color: var(--blauw);}

@media(max-width:767px){
	/* Category dropdown */
	.searchbox input{padding: 10px 50px 10px 20px !important;}
	.searchbox #searchform{display: flex;flex-direction: column;align-items: flex-end;}
	/*.searchbox #form-cats{appearance: none;-moz-appearance:none;-webkit-appearance:none;transition: all 150ms ease-in-out;}*/
	.searchbox #form-cats{width: fit-content;text-align: left;border-radius: 50px;padding: 10px 30px 10px 10px;margin-top: 10px;position: relative;top: unset;right: unset;line-height: 16px;/*background-image: url(angle-down.svg);background-repeat: no-repeat;background-size: auto 6px;*/background-position: calc(100% - 10px) calc(100% - 14px);background-color: #fff;color: #000;}
	.searchbox.active #form-cats{border: 1px solid rgba(0, 0, 0, 0.15);transform: translateX(-10px);}

	.search_results{top:calc(100% - 67px);padding: 103px 20px 20px 20px;}
}

@media(max-width: 991px){
	/* Search bar mobile */
	.search-mobile{padding: 10px 20px;background: #eff2f5;transition: all 150ms ease-in-out;box-shadow: 0 .2rem 1rem rgba(0,0,0,.15);}

	.searchbox{position:relative;font-size:12px;width: 100%;}
/*	.searchbox input{background-color: #fff;border-radius: 500px;padding: 10px 50px 10px 20px;border:none;width:100%;height: 46px;}*/
	.search_results .img-wrap{min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;}

	.search_results ul.result-ul.multi-col img{min-width: 30px;max-width: 30px;min-height: 30px;max-height: 30px;margin-right: 10px;}
	.search_results ul.result-ul.multi-col li span{-webkit-line-clamp: 1;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;font-size: 12px;line-height: 18px;}
}
@media(min-width: 992px) {
/*	.searchbox input{border-radius: 500px;border: none;width: 100%;height: 40px;padding: 10px 50px 10px 20px;background: #ebebeb;}*/
	.sticky-top .searchbox::after{top:14px;}

	.search_results ul.result-ul.multi-col{-webkit-columns: 2;columns: 2;column-gap:30px;}
	.search_results ul.result-ul.multi-col img{min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;margin-right: 15px;}
	.search_results ul.result-ul.multi-col li a span{-webkit-line-clamp: 2;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;font-size: 12px;line-height: 18px;}
}