.dwaf-category-filter-container {
margin-bottom: 30px;
}
.dwaf-filter-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ececec;
color:#0c71c3;
} .dwaf-category-list {
list-style: none;
padding: 0;
margin: 0;
}
.dwaf-category-item {
margin: 0;
padding: 0;
position: relative;
} .dwaf-category-link {
display: flex;
align-items: center;
padding: 8px 10px;
color: #0c71c3;
text-decoration: none;
transition: all 0.3s ease;
border-radius: 4px;
}
.dwaf-category-link:hover {
background-color: rgba(0,0,0,0.03);
color: #2ea3f2; }
.dwaf-category-link.dwaf-active {
background-color: rgba(46, 163, 242, 0.1);
color: #2ea3f2;
font-weight: 600;
} .dwaf-count {
margin-left: 5px;
color: #999;
font-size: 0.9em;
} .dwaf-indent {
width: 15px;
display: inline-block;
}
.dwaf-category-children {
display: none;
list-style: none;
padding: 0;
margin: 0;
}
.dwaf-expanded > .dwaf-category-children {
display: block;
} .dwaf-toggle-icon {
display: inline-flex;
margin-right: 5px;
width: 16px;
height: 16px;
align-items: center;
justify-content: center;
font-size: 16px;
color: #666;
}
.dwaf-category-link:hover .dwaf-toggle-icon {
color: #2ea3f2;
} .dwaf-loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.dwaf-loading-spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
border-top: 4px solid #2ea3f2;
animation: dwaf-spin 1s linear infinite;
}
@keyframes dwaf-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} @media only screen and (max-width: 767px) {
.dwaf-category-filter-container {
margin-bottom: 20px;
}
.dwaf-filter-title {
font-size: 16px;
}
} .et_shop_image .et_overlay {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.et_shop_image .et_overlay:before {
content: 'Bekijk product\A 🦴' !important;
white-space: pre !important;
font-family: Raleway !important;
font-size: 36px !important;
font-size-adjust: 0.2;
font-weight: 200;
font-variation-settings: 'wght' 200;
line-height: 1.6 !important;
color: #fff !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-align: center !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
z-index: 1 !important;
}