*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:900}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;background-color:transparent;cursor:pointer}.hide{display:none;}

:root{
  --site-container:970px;
  --size-1:5px;
  --size-2:8px;
  --size-3:13px;
  --size-4:21px;
  --size-5:34px;
  --size-6:55px;
  --size-7:89px;
  --section-space-small:10px;
  --section-space-normal:15px;
  --section-space-big:30px;
  --body-padding:50px;
  --topbar-height:4px;
  --menu-height:50px;
  --color-background:#FFFFFF;
  --color-footer:#222222;
  --color-default:#5a5a5f;
  --max-zindex:2147483648;
}

body, html{font-family:'Montserrat', sans-serif; font-size:14px; font-weight:500; letter-spacing:0.4px; font-feature-settings:'lnum' 1; color:var(--color-default);
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
body { overflow-x: hidden; position: relative; background-color: var(--color-background); }
a{font-weight:700;}
.btn, a.btn{padding:12px 20px; font-weight:bold; -webkit-appearance:none; text-align:center; text-transform:uppercase;}
.clearenter::before, .clearenter::after{content:''; display:block; overflow:hidden; visibility:hidden; width:0;}
.clearenter::after, .clearboth{clear:both;}
.content_center{display:flex; justify-content:center; align-items:center;}
.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.flex_ori img:not([src]){visibility:hidden;}
.profile-icon .flex_ori img{border-radius:50%; border:1px solid; overflow:hidden;}
#btt, .float-search, .float-profile, .float-network, .profile-icon .fas{display:none;}
.alert-box{display:grid; grid-template-columns:55px 1fr;}
.alert-icon{font-size:24px;}
.alert-label{justify-content:flex-start; line-height:140%; padding:var(--section-space-small); padding-left:0;}

.section-title{font-size:20px; font-weight:500; position:relative; margin-bottom:var(--section-space-normal); display: flex; align-items: center; grid-template-columns: 1fr; gap: var(--size-3);}
.section-title > *{word-wrap:break-word; word-break:break-word; hyphens:auto; padding-right: 4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.section-nocontent{margin-bottom:calc(var(--section-space-small) * -3) !important;}

.main-search-box{padding: 0 21px;}
.main-search-box .search-field{border-top-left-radius: 50px !important; border-bottom-left-radius: 50px !important;}
.search-box, .search-box-header{ --search-button: 69px; --search-field: 0; position: relative; z-index: 2; display: grid; grid-template-columns: 1fr var(--search-field) var(--search-button); }
.search-field { position: relative; z-index: 1; width: 100%; background-color: var(--color-background); border: 1px solid; }
.float-bottom { display: none; }
.search-button { width: var(--search-button); height: 100%; }

header{padding: calc(2 * var(--size-3)) 0 var(--size-3);}
header > div{display:flex; justify-content:space-between; min-height: 50px;}
header .sticky-link{padding:0 var(--size-3);}
header{border-top: 4px solid var(--color-link-primary);}
.menu-sub { display: none;}

.site-container > span{width:100%; min-height:100vh; margin:0 auto; display:block;}
.main-container{display:grid; grid-gap:var(--section-space-big); margin: 15px 0;}
.column-big-container, .column-small .column-small-container{display:grid; grid-template-columns:1fr; grid-template-rows:min-content;
grid-row-gap:var(--section-space-big);}
.main-container-full{grid-template-columns:1fr !important;}

.article-list-container{display:grid; grid-template-columns:1fr; grid-gap:var(--section-space-small);}
.article-list-row{--article-thumb-size:95px; display:grid; grid-template-columns:var(--article-thumb-size) 1fr; grid-gap:var(--section-space-small);
padding-bottom:var(--section-space-small);}
.article-list-thumb{position:relative; border-radius: 4px; overflow: hidden;}
.article-list-thumb:before, .article-list-thumb-link{width:100%;}
.article-list-thumb:before, .article-list-thumb-link:before{padding-top:100%;}
.article-list-thumb-link{z-index:2; display:block;}
.article-list-thumb-link:before{display:block; content:'';}
.article-list-thumb-link .video-icon{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; font-size:36px; line-height:100%;}
.article-list-info{justify-content:flex-start;}
.article-list-info > span{display:flex; flex-wrap:wrap;}
.article-list-info > span > *:not(.article-list-title){margin:7px 7px 0 0;}
.article-list-info > span > *:not(.article-list-title) *{font-size:12px;}
.article-list-cate{margin-bottom:10px !important;}
.article-list-cate, .article-list-info .title-network{display:inline-block; padding:5px;}
.article-list-upperdeck{margin:0 0 2px 0 !important; line-height:140%; font-size:12px;}
.article-list-title{width:100%;}
.article-list-title h2{font-size:16px; line-height:140%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.article-list-date{font-weight:normal;}
.article-list-desc{display:none;}
.sorot-edition{position:absolute; z-index:4; bottom:0; left:0; width:100%; padding:5px; text-align:center; font-size:12px; line-height:normal;}

.share-box{--share-size:32px; display:flex; justify-content:space-between; border-left:5px solid; padding:4px;}
.share-box-label{margin:0 8px; font-weight:700; font-size:18px; color: var(--color-link-quarternary);}
.share-list{display:flex;}
.share-list-link{position:relative; font-size:36px; line-height:0; padding:8px;}
.share-list-link .svgicon{width:var(--share-size); height:var(--share-size);}
.share-box .share-list-link .fa-ellipsis-h{position:absolute; z-index:2; top:0; left:0; bottom:0; right:0; transform:scale(0.65);}

.topic-list{--topic-size:40px;}
.topic-list .section-title{margin-bottom:5px;}
.topic-list-container, .person-list-container{display:flex; flex-wrap:wrap;}
.topic-link, .person-link{display:flex; overflow:hidden; margin-right:var(--section-space-small); margin-top:var(--section-space-small);}
.topic-thumb, .topic-hashtag, .topic-arrow, .topic-title{height:var(--topic-size);}
.topic-thumb, .topic-hashtag{width:var(--topic-size);}
.topic-hashtag{background-color:var(--color-link-secondary); position:relative;}
.topic-icon{width:16px; height:18px; fill:var(--color-link-primary); margin-right:8px;}
.topic-arrow{position:absolute; top:0; right:-8px; width:10px; fill:var(--color-link-secondary);}
.topic-title{justify-content:flex-start; padding:0 var(--section-space-normal); font-size:14px; line-height:140%;}

.person-list{margin-bottom:calc(var(--section-space-small) * -1) !important;}
.person-list-container{display:grid; grid-template-columns:repeat(auto-fill, minmax(160px,1fr));}
.siapa-list-box{position:relative;}
.siapa-list-box:before{height:100%;}
.siapa-list-box:after{content:''; display:block; padding-top:133.33%;}
.siapa-rip img{filter:grayscale(100%);}
.slb-thumb, .slb-info{position:absolute; bottom:0; left:0; width:100%;}
.slb-thumb{z-index:1; height:100%;}
.slb-info{z-index:2; padding:calc(3 * var(--section-space-normal)) var(--section-space-normal) var(--section-space-normal);}
.slb-name{color:#FFF; font-size:16px; text-transform:uppercase;}
.slb-job{font-weight:normal; margin-top:5px;}

.slotiklan{overflow:hidden; position:relative;}
.slotiklan-300x250{contain-intrinsic-size:1px 250px; height:250px;}
.slotiklan-320x50{contain-intrinsic-size:1px 50px; height:50px;}
.slotiklan-728x90{contain-intrinsic-size:1px 90px; height:90px;}
.slotiklan-970x200{contain-intrinsic-size:1px 200px; height:200px;}
.slotiklan-320x100{contain-intrinsic-size:1px 100px; height:100px;}
.slotiklan-160x600{contain-intrinsic-size:1px 600px; height:600px;}
.slotiklan-topdesktop{contain-intrinsic-size:1px 200px; min-height:200px;z-index: 2 !important;}
.slotiklan-topdesktop-728{contain-intrinsic-size:1px 200px; min-height:90px;z-index: 2 !important;}
.iklan-native{contain-intrinsic-size:1px 106px; height:106px;}
.iklan-native iframe{width:100%; height:100%;}

.header-multibrand .sub-menu-networks{display:none;}

.snd{--snd-height:40px; position:-webkit-sticky !important; position:sticky !important; z-index:calc(var(--max-zindex) - 4000) !important; width: 100%; border-bottom:1px solid rgba(0, 0, 0, 0.1) !important; background-color:var(--color-background); width:100%; display: flex; justify-content: center;}
.snd .snd-content{ max-width: 1024px; width: 100%; display: flex; justify-content: space-between; position:-webkit-sticky !important; position:sticky !important;}
.snd > *{flex-grow:1;}
.snd-link{color:var(--color-link-secondary); height:var(--snd-height); text-transform:uppercase; font-size:12px; font-weight:bold;
position:relative; z-index:1000;}
.snd-link:hover{color:var(--color-link-primary); opacity:0.55;}
.snd-link img, .snd-link .svgicon{width:auto; height:24px;}
.snd-sub-container{position:relative;}
.snd-more-button .fas{font-size:16px; margin-left:5px; transition:all 0.25s;}
.snd-more{position:absolute; z-index:1; top:0px; padding-top:calc(var(--snd-height) + 5px); display:none;}
.snd-more-box{max-height:calc(100vh - 160px); overflow-y:auto;
border-radius:var(--rounded-normal); box-shadow:var(--shadow-default);}
.snd-more-box .snd-link{padding:0 21px; min-width:160px; justify-content:flex-start;}
.snd-more-box .snd-link:not(:first-child){border-top:1px dashed;}

.sticky-bottom{position:fixed; z-index:calc(var(--max-zindex) - 10000); bottom:0; left:0; width:100%; height:50px;}
.sticky-bottom-close, .sticky-bottom-video-close{position:absolute; z-index:2; top:0; right:0; width:35px; height:25px; font-size:16px;}
.sticky-bottom-close .fas, .sticky-bottom-video-close .fas{width:11px; height:16px;}
.sticky-bottom-100{ height:100px;}

#wa-channel{position: fixed; bottom: calc(160px + var(--section-space-normal)); right: var(--section-space-normal); z-index: calc(var(--max-zindex) - 10000); font-size: 18px; width: 36px; height: 36px; color: var(--color-link-primary); border: 2px solid rgba(0,0,0,0.1); border-radius: 50%;}
.thumb-wa-logo{position: relative;}
.thumb-wa-logo:before{content:''; display:block; padding-top:100%;}
.thumb-wa-logo img{position: absolute; object-fit: cover; width: 100%; height: 100%;}

#credential_picker_container, #credential_picker_iframe{z-index:var(--max-zindex) !important;}

.widget-pushnotif-box, .float-profile{background-color:#FFF;}
.widget-other-article{background-color:#FFF;}
.wpn-no{background-color:#F5F5F5 !important;}
.menu-search-desktop, .menu-logo{display: none;}

@media screen and (min-width:0px) and (max-width:359px){
  .header-logo img{width:87px; height:26px;}
}

@media screen and (min-width:0px) and (max-width:1023px){
  .desktop-only{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  body{ padding-bottom: 0;}
  header{padding-top: 0; padding-bottom: 0; position: -webkit-sticky; position: sticky; top: 0; background: #FFFFFF; z-index: 99;}
  header .header-center{display: flex; align-items: center;}
  header .header-logo{padding-left:var(--size-3);}
  header .header-togglemenu{padding:0 var(--size-3);}
  header .header-menu-mobile{display:flex;}
  header .svgicon{width:auto; height:20px;}
  menu { display: none; }

  .main-container{grid-template-columns:1fr;}
  .base-container{margin:0 var(--section-space-normal);}


  .snd, .snd-link{padding:0 8px;}
  .snd .snd-content{top:calc(var(--body-padding) + var(--topbar-height));
  display:grid; grid-auto-flow:column; overflow-x:auto;}
  .snd-more, .snd-more-box{display:flex; padding-top:0;}
  .snd-more-box{background-color:transparent !important; box-shadow:0 0 0;}
  .snd-more-box .snd-link{padding:0 8px; min-width:inherit;}

  .main-container{grid-template-columns:1fr;}
  .base-container{margin:0 var(--section-space-normal);}
}