.breadcrumb, .main-content-author > ul, .mci-photo > ul, .lead-image-info > ul{display:flex; flex-wrap:wrap;}
.breadcrumb > li{margin:0 5px 5px 0; position:relative; padding-right:17px;}
.breadcrumb > li:not(:last-child):after{display:inline-flex; margin-left:5px; margin-right:2px; font-size:11px; position:absolute; top:3px; right:0;
content:"\f054"; font-family:"Font Awesome 5 Free"; font-weight:900; font-style:normal; font-variant:normal; 
-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased;text-rendering:auto;}
.breadcrumb-step{text-transform:uppercase; font-size:12px; display:inline-flex;}
.breadcrumb-home{width:14px;}
.breadcrumb-home > i{margin-left:0;}

.main-content-author, .mci-photo, .lead-image-info{display:grid;}
.main-content-author > ul > li, .mci-photo > ul > li, .lead-image-info > ul > li{margin:0px 5px 5px 0;}
.main-content-author, .lead-image-info{grid-template-columns:43px 1fr;}
.main-content-author a, .main-content-author button{color:var(--color-default); font-weight:bold;}
.mci-caption, .mci-photo{word-wrap:break-word; word-break:break-word; hyphens:auto;}
.mci-photo{grid-template-columns:56px 1fr;}

.main-content-top{padding-bottom:10px;}
.main-content-title{font-weight:900; font-size:28px; line-height:120%;}
.main-content-date{margin:var(--section-space-small) 0;}
.main-content-image, .image-content{border:1px solid;}
.mci-frame{position:relative;}
.mci-frame:before{height:100%;}
.mci-frame:after, .image-content-detail:after{content:''; display:block; padding-top:56.25%;}
.mci-frame picture, .mci-frame img, .mci-frame iframe, .mci-frame .dm-player{position:absolute; z-index:3; transform:translate(0px,0px); width:100%; height:100%;}
.mci-frame .flex_ori{position:absolute; z-index:2; transform:translate(0px,0px); width:100%; height:100%;}
.mci-info, .image-content-caption{padding:10px 10px 5px;}
.mci-info *, .image-content-caption *{font-size:12px !important; line-height:140% !important; font-weight:normal !important; color:var(--color-default) !important;}
.mci-caption, .image-content-caption h2{margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed;}
.mci-arrow{position:absolute; z-index:1000; top:0; height:100%; color:#FFF; padding:var(--section-space-normal); font-size:36px;}
.mci-arrow-left{left:0;}
.mci-arrow-right{right:0;}
.lead-image-info{padding-bottom:0;}
.lead-image-info > span{min-height:21px;}

.label-advertorial{text-transform:uppercase; line-height:150%;}
.label-advertorial:after{content:'|'; display:inline-block; padding:0 3px 0 7px; font-weight:normal; color:var(--color-default);}

.main-content-detail{font-size:20px; line-height:150%; display:grid; grid-row-gap:var(--section-space-normal); 
margin-top:var(--section-space-normal); word-wrap:break-word; word-break:break-word; hyphens:auto;}
.main-content-detail h2, .main-content-detail h3, .main-content-detail h4{font-weight:600; line-height:150%;}
.main-content-detail h2{font-size:22px;}
.main-content-detail h3{font-size:20px;}
.main-content-detail h4{font-size:18px;}
.main-content-detail > ul, .main-content-detail > ol{padding-left:20px;}
.main-content-detail > ul{list-style:square;}
.main-content-detail > ol{list-style:decimal;}
.main-content-detail > ul > li, .main-content-detail > ol > li{padding:2px 0;}

.nextpage{font-size:14px; padding:var(--section-space-small) var(--section-space-normal); font-style:italic; line-height:160%; border-radius:var(--rounded-normal);
background:linear-gradient(to bottom, var(--color-link-primary) 0%, var(--color-link-tertiary) 100%, var(--color-link-primary) 100%); box-shadow:var(--shadow-neumorp);
display:grid; grid-template-columns:1fr 30px; grid-column-gap:var(--section-space-big);}
.nextpage:hover{opacity:0.55;}
.nextpage-info{display:flex; flex-wrap:wrap; align-content:center; align-items:center;}
.nextpage-label, .nextpage-link{width:100%;}
.nextpage-label{color:rgba(255,255,255,0.89); font-weight:normal;}
.nextpage-link{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; color:#FFF;}
.nextpage-icon{display:flex;}
.nextpage-icon img{position:static; width:30px; height:auto;}

.sj-box{position:relative;}
.sj-box.thumb-loading:before{height:100%; z-index:-1; border-radius:var(--rounded-normal); overflow:hidden;}
.sj-dailymotion{position:relative;}
.sj-dailymotion:after{content:''; display:block; padding-top:56.25%;}
.sj-dailymotion .iframe-dailymotion{position:absolute; top:0; left:0; width:100%; height:100%;}
.sj-video-youtube{position:relative; border-radius:var(--rounded-normal); background-color:rgba(0,0,0,0.25); overflow:hidden;}
.sj-video-youtube:after{content:''; display:block; padding-top:56.25%;}
.sj-video-youtube iframe{position:absolute; transform:translate(0px,0px); width:100%; height:100%;}
#dailymotion-pip-large-viewport{bottom:140px !important;}
#dailymotion-pip-small-viewport{top:calc(var(--body-padding) + var(--topbar-height)) !important; position:absolute !important;}

.share-box{margin-top:var(--section-space-normal);}

.section-related-article .rancak-bacajuga{margin:0;}
.section-related-article .rbj-label{display:none;}
.section-related-article .topic-link{display:grid; grid-template-columns:16px 1fr; grid-column-gap:var(--section-space-small);}

@media screen and (max-width:413px){
  .label-advertorial{display:block;}
}

@media screen and (min-width:0px) and (max-width:1023px){
  .main-content-top{padding-left:var(--section-space-normal); padding-right:var(--section-space-normal);}
  .main-content-top + .main-content-image{border:0; border-bottom:1px solid; border-radius:0;}
  .pagination{margin:0 var(--section-space-normal);}
  .main-content-detail > *{margin:0 var(--section-space-normal);}
  .main-content-detail iframe{max-width:100%; margin:0 auto;}
  
  .share-box{margin-left:var(--section-space-normal); margin-right:var(--section-space-normal);}
  
  .tiktok-embed{width:calc(100% - (var(--section-space-normal) * 2));}
  
  .base-container, .footer-all{content-visibility:auto; contain-intrinsic-size:1px 100vh;}
}

@media screen and (min-width:1024px){
  .main-content-title{font-size:36px;}
  .sj-dailymotion .iframe-dailymotion{border-radius:var(--rounded-normal); overflow:hidden;}
}

.embedsocmed{display:flex; justify-content:center; max-width:100%; overflow-x:auto; position:relative;}
.embedsocmed *{max-width:100%;}
.embedsocmed-youtube:before{content:''; display:block; padding-top:56.25%;}
.embedsocmed-youtube iframe{width:100%; max-width:640px; height:100%; position:absolute; top:0; left:0;}

.embedsocmed.media-player{position:relative; border-radius:var(--rounded-normal); overflow:hidden;}
.embedsocmed.media-player:before{content:''; display:block; padding-top:56.25%;}
.embedsocmed.media-player > *{position:absolute; top:0; left:0; width:100%; height:100%;}

.person-link{margin-top:0; margin-bottom:var(--section-space-small);}



.mci-frame-zoom{position:absolute; top:var(--section-space-normal); right:var(--section-space-normal); z-index:2000; width:55px; height:55px; font-size:24px;
background-color:var(--color-link-primary); color:var(--color-background); border-radius:50%; box-shadow:var(--shadow-neumorp); transition:all 0.25s;}
.mci-frame-link:hover .mci-frame-zoom, .image-content-link:hover .mci-frame-zoom{background-color:var(--color-link-tertiary);}

.mini-thumb{--thumb-size:64px; position:relative; margin-top:var(--section-space-normal);}
.mini-thumb-container{display:grid; grid-gap:var(--section-space-small);}
.mini-thumb-buttton{position:relative; border-radius:var(--rounded-normal); border:2px solid; overflow:hidden;}
.mini-thumb-buttton:before{content:''; display:block; padding-top:100%;}
.mini-thumb-buttton:hover{border-color:var(--color-link-primary); opacity:0.55;}
.mini-thumb-curr{border:2px solid var(--color-link-primary) !important; opacity:1 !important;}
.mini-thumb-curr img{opacity:0.34 !important;}
.mini-thumb-icon{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; 
font-size:24px; color:var(--color-link-primary) !important;}

@media screen and (min-width:0px) and (max-width:1023px){
  .mini-thumb{height:var(--thumb-size); margin-left:var(--section-space-normal); margin-right:var(--section-space-normal);}
  .mini-thumb-container{position:absolute; top:0; left:0; width:100%; height:100%;
  grid-auto-flow:column; grid-auto-columns:var(--thumb-size); overflow-x:auto;}
}
@media screen and (min-width:1024px){
  .mini-thumb-container{grid-template-columns:repeat(8,1fr);}
}