/* v1.0.0.32 - Issue current segment: enforce same chevron shape as parent (Archives).
 * Separate class on the Smarty breadcrumb prevents targeting other unrelated .current. */
html body .cmp_breadcrumbs ol > li.berkah-breadcrumb-chevron {
  display:inline-flex !important; align-items:center !important;
  position:relative !important; box-sizing:border-box !important;
  background:#f3f5fa !important; color:#515c6a !important;
  padding:10px 20px 10px 30px !important; margin-right:20px !important;
  border:0 !important; border-radius:0 !important; min-height:40px !important;
  overflow:visible !important; clip-path:none !important; -webkit-clip-path:none !important;
}
html body .cmp_breadcrumbs ol > li.berkah-breadcrumb-chevron > span[aria-current="page"] {
  position:relative !important; z-index:2 !important; display:inline-block !important;
  padding:0 !important; background:transparent !important; color:#515c6a !important;
  font-weight:600 !important;
}
html body .cmp_breadcrumbs ol > li.berkah-breadcrumb-chevron > span[aria-current="page"]::before,
html body .cmp_breadcrumbs ol > li.berkah-breadcrumb-chevron > span[aria-current="page"]::after {
  content:none !important; display:none !important;
}
/* The white overlay carves an inward point on the left. */
html body .cmp_breadcrumbs ol > li.berkah-breadcrumb-chevron::before {
  content:"" !important; display:block !important; position:absolute !important;
  left:0 !important; top:0 !important; width:0 !important; height:0 !important;
  border-top:20px solid transparent !important; border-bottom:20px solid transparent !important;
  border-left:18px solid #fff !important; border-right:0 !important;
  background:transparent !important; z-index:4 !important;
}
html body .cmp_breadcrumbs ol > li.berkah-breadcrumb-chevron::after {
  content:"" !important; display:block !important; position:absolute !important;
  right:-18px !important; left:auto !important; top:0 !important;
  width:0 !important; height:0 !important;
  border-top:20px solid transparent !important; border-bottom:20px solid transparent !important;
  border-left:18px solid #f3f5fa !important; border-right:0 !important;
  background:transparent !important; z-index:3 !important;
}
html body .cmp_breadcrumbs ol > li.berkah-breadcrumb-chevron:hover {background:#e8edf5 !important;}
html body .cmp_breadcrumbs ol > li.berkah-breadcrumb-chevron:hover::after {border-left-color:#e8edf5 !important;}