/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2026 | 22:50:43 */
/* ==========================================================
   BeeldBlinkers – cursor-button op case-items krijgt hetzelfde
   korte pijltje als het overlay-menu (groot, zonder animatie)
   Geldt voor /werk, de homepage én de case-slider op /diensten
   Plaats in: Weergave → Customizer → Extra CSS
   (vervangt de vorige versie van cursor-arrow.css; cursor-arrow.js is niet meer nodig)
   ========================================================== */

body:not(.touch):has(.work-overview-item:hover, .work_layout .blog-overview-item:hover) .custom-cursor__inner::before {
  width: 26px;
  height: 22px;
  left: 50%;
  top: 50%;
  margin: -11px 0 0 -13px;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M1%2010H21M13%202l8%208-8%208%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M1%2010H21M13%202l8%208-8%208%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  transform: none;
}

/* het tweede lijntje van het plusje is niet nodig */
body:not(.touch):has(.work-overview-item:hover, .work_layout .blog-overview-item:hover) .custom-cursor__inner::after {
  opacity: 0;
}