/* Berkah Kreasi v1.0.0.34: compact one-line desktop breadcrumb. */
@media screen and (min-width:768px) {
  html body .cmp_breadcrumbs { width:100% !important; max-width:100% !important; padding:8px 0 !important; margin-bottom:10px !important; }
  html body .cmp_breadcrumbs > ol { display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:2px !important; width:100% !important; max-width:100% !important; min-width:0 !important; padding:0 !important; margin:0 !important; }
  html body .cmp_breadcrumbs > ol > li,
  html body .cmp_breadcrumbs > ol > li.current,
  html body .cmp_breadcrumbs > ol > li.berkah-breadcrumb-chevron {
    height:34px !important; min-height:34px !important; max-height:34px !important;
    padding:6px 14px 6px 19px !important; margin:0 !important; min-width:0 !important;
    box-sizing:border-box !important; flex:0 0 auto !important; overflow:hidden !important;
    clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%) !important;
    -webkit-clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%) !important;
  }
  html body .cmp_breadcrumbs > ol > li:first-child {
    padding-left:12px !important;
    clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%) !important;
    -webkit-clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%) !important;
  }
  /* Third item is the long volume title on issue and article pages. */
  html body .cmp_breadcrumbs > ol > li:nth-child(3) {flex:0 1 auto !important; min-width:0 !important;}
  html body .cmp_breadcrumbs > ol > li:nth-child(3) > a,
  html body .cmp_breadcrumbs > ol > li:nth-child(3) > span {display:block !important; min-width:0 !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; }
  html body .cmp_breadcrumbs > ol > li > a,
  html body .cmp_breadcrumbs > ol > li > span {font-size:12px !important; line-height:22px !important; white-space:nowrap !important;}
  html body .cmp_breadcrumbs > ol > li:last-child {flex-shrink:0 !important;}
  html body .cmp_breadcrumbs > ol > li:last-child:nth-child(3) {flex-shrink:1 !important;}
  html body .cmp_breadcrumbs > ol > li::before,
  html body .cmp_breadcrumbs > ol > li::after {content:none !important; display:none !important;}
}