/* Elementor widget: breadcrums override */

#breadcrumbs > span > span.breadcrumb-separator {
  font-size: 0px !important;
  vertical-align: middle;
  
}

#breadcrumbs > span > span.breadcrumb-separator::before {
  display: inline-block;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4-4-4-4'/%3E%3C/svg%3E");  width: 16px;
  height: 16px;
  vertical-align: middle;
}

/* Hide the separator that comes after "Shop" (2nd separator) */
/* Hide the "Shop" breadcrumb item (the 3rd span inside the wrapper) */
.hidden-crumbs > div > #breadcrumbs > span > span.breadcrumb-separator:nth-of-type(2),
.hidden-crumbs > div > #breadcrumbs > span > span:nth-of-type(3) {
  display: none !important;
}