/* Berkah Kreasi Pro v1.0.0.33 — consistent chevron breadcrumbs across issue, article, about and static pages. */
@media screen {
 html body .cmp_breadcrumbs {max-width:100%; overflow:visible!important; padding-block:12px!important;}
 html body .cmp_breadcrumbs > ol {display:flex!important; flex-wrap:wrap!important; align-items:center!important; list-style:none!important; gap:4px!important; padding:0!important; margin:0!important; max-width:100%!important;}
 html body .cmp_breadcrumbs > ol > li,
 html body .cmp_breadcrumbs > ol > li.current,
 html body .cmp_breadcrumbs > ol > li.berkah-breadcrumb-chevron {
  display:flex!important; align-items:center!important; position:relative!important;
  min-height:40px!important; height:auto!important; box-sizing:border-box!important;
  padding:10px 22px 10px 29px!important; margin:0!important;
  background:#f3f5fa!important; background-color:#f3f5fa!important;
  color:#344054!important; border:0!important; border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%)!important;
  -webkit-clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%)!important;
  overflow:hidden!important;
 }
 html body .cmp_breadcrumbs > ol > li:first-child {
  padding-left:15px!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%)!important;
  -webkit-clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%)!important;
 }
 html body .cmp_breadcrumbs > ol > li::before,
 html body .cmp_breadcrumbs > ol > li::after,
 html body .cmp_breadcrumbs > ol > li > a::before,
 html body .cmp_breadcrumbs > ol > li > a::after,
 html body .cmp_breadcrumbs > ol > li > span::before,
 html body .cmp_breadcrumbs > ol > li > span::after {
   display:none!important; content:none!important; border:0!important;
 }
 html body .cmp_breadcrumbs > ol > li a,
 html body .cmp_breadcrumbs > ol > li span,
 html body .cmp_breadcrumbs > ol > li.current span[aria-current="page"] {
   display:inline!important; position:relative!important; z-index:1!important;
   color:#344054!important; background:transparent!important;
   font-size:14px!important; font-weight:500!important; line-height:20px!important;
   text-decoration:none!important; max-width:100%!important; overflow-wrap:anywhere!important;
 }
 html body .cmp_breadcrumbs > ol > li.current span[aria-current="page"] {font-weight:600!important;}
 html body .cmp_breadcrumbs > ol > li:hover {background:#e6eaf3!important; background-color:#e6eaf3!important;}
 html body .cmp_breadcrumbs > ol > li .separator {display:none!important;}
}
@media(max-width:767px){
 html body .cmp_breadcrumbs > ol > li {min-height:36px!important;padding-block:8px!important;}
 html body .cmp_breadcrumbs > ol > li a,html body .cmp_breadcrumbs > ol > li span {font-size:12px!important;}
}
