*,html,:before,:after{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:700}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.content_center{display:flex;justify-content:center;align-items:center}.hide{display:none}



:root, :before, :after{
  --site-container:975px;
  --size-1:5px;
  --size-2:8px;
  --size-3:13px;
  --size-4:21px;
  --size-5:34px;
  --size-6:55px;
  --size-7:89px;
  --body-padding: 100px;
  --max-zindex:2147483648;
  --default-fontsize:14px;
  --title-fontsize:16px;
  --bg-1:#FAFAFA; 
}



body, html{font-family:'Montserrat',sans-serif; font-size:var(--default-fontsize); font-weight:400; letter-spacing:0.4px; font-feature-settings:'lnum' 1; 
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
html{ min-height:100vh;}
body{background-color:var(--bg-1); overflow-x:hidden;}
a, button{font-weight:bold;}
.btn, a.btn, button.btn{padding:var(--size-3) var(--size-4); font-weight:normal; -webkit-appearance:none; text-transform:capitalize; 
display:flex; text-align:center; align-items:center; justify-content:center;}
.rancak-popup{display:none;}
.sticky-link{position:relative; font-weight:bold;}
.width-max{position:relative; width:100%; max-width:var(--site-container); margin:0 auto;}



.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori:before{content:''; display:block;}
.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;}



.search-box{position:relative;}
.search-field{border:0; background-color:var(--bg-2); color:var(--color-text-2); padding:var(--size-4); padding-right:var(--size-6); min-width:300px;}
.search-button{position:absolute; z-index:1000; top:0; right:0; height:100%; width:var(--size-6); padding:0 !important;
border-radius:0 var(--rounded-2) var(--rounded-2) 0 !important;}



header{position:-webkit-sticky; position:sticky; z-index:calc(var(--max-zindex) - 5000); top:0; width:100%; border-bottom:var(--size-1) solid;}
header .width-max{display:flex; justify-content:space-between;}
.header-link{height:var(--size-6);}
.header-logo{padding-left:0;}
.header-search{padding-right:0;}
.header-logo img{height:var(--size-5); width:auto;}

.header-profile-frame{width:var(--size-4); height:var(--size-4); border:1px solid; box-sizing:content-box;}



.rancak-container{position:relative;}
.rancak-container > .width-max{display:block;}
.main-container{display:grid; grid-gap:var(--size-5);}
.column-container{display:grid; grid-template-columns:1fr; grid-template-rows:min-content; grid-row-gap:var(--size-5);}
.column-big-split{display:grid; grid-gap:var(--size-5);}

.section-title{font-size:var(--size-4); position:relative; margin-bottom:var(--size-3); display:flex; align-items: center; justify-content:space-between; font-weight:900;}
.section-title .svgicon{width:auto; height:var(--size-4);}



.content-list-container{display:grid; grid-gap:var(--size-2); grid-template-columns:repeat(auto-fit, minmax(270px,1fr));}
.content-box{position:relative; padding:var(--size-3); display:grid; grid-gap:var(--size-3); grid-template-columns:82px 1fr; align-items:center;}
.content-thumb-frame:before{padding-top:100%;}
.content-info{display:grid; grid-gap:var(--size-1) var(--size-2); grid-template-columns:auto 1fr; grid-auto-rows:min-content;}
.content-info div{font-size:calc(var(--default-fontsize) - 3px); font-weight:normal;}
.content-info-channel{padding-right:var(--size-2); border-right:1px solid;}
.content-info-title{font-size:var(--default-fontsize); line-height:150%; grid-column:1/3;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}



.biduan-list-container{display:grid; grid-gap:var(--size-2); grid-template-columns:repeat(auto-fill, minmax(150px,1fr));}
.biduan-thumb:before{padding-top:100%;}
.biduan-title{text-align:center; font-size:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.biduan-button{font-size:12px; text-transform:uppercase; text-align:center; font-weight:bold; padding:var(--size-3) var(--size-4);}



.tag-sidebar-container{display:grid; grid-gap:var(--size-2);}
.tag-box{display:grid; grid-template-columns:55px 1fr;}
.tag-box > *{padding:var(--size-3);}
.tag-hash{font-size:var(--size-5); text-align:center; border-right:1px dashed;}
.tag-info{display:flex;}
.tag-title{display:flex; align-items:center; font-size:var(--default-fontsize); line-height:150%;}
.tag-info{font-size:11px; font-weight:normal; margin-top:var(--size-1);}
.tag-info-view{padding-right:var(--size-2); margin-right:var(--size-2); border-right:1px solid;}



.share-box{display:flex; justify-content:space-between; align-items:center;}
.share-label{padding-left:var(--size-4);}
.share-list{display:flex;}
.share-button{padding:var(--size-3); line-height:100%;}
.share-button:last-child{padding-right:calc(var(--size-3) * 2)}
.share-button .svgicon{width:auto; height:21px;}



.event-list-container{display:grid; grid-gap:var(--size-2);}
.event-box{--bottom-space:16px; position:relative; padding:var(--size-3); font-size:12px;
display:grid; grid-template-rows:auto 1fr auto; grid-gap:var(--size-2);}
.event-frame{width:100%;}
.event-frame:before{padding-top:100%;}
.event-calendar-icon{position:absolute; top:var(--size-3); right:var(--size-3); z-index:1000; padding:var(--size-2);}
.event-calendar-icon .svgicon{width:var(--size-4); height:auto;}
.event-catedate{display:flex; flex-wrap:wrap; align-items:center; font-weight:normal;}
.event-cate{padding:var(--size-1) var(--size-3); text-transform:uppercase;}
.event-title{font-size:14px; text-transform:uppercase; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
margin-top:var(--size-2); margin-bottom:var(--size-1);}
.event-loc{display:grid; grid-template-columns:auto 1fr; grid-gap:2px; font-weight:normal;}
.event-loc .svgicon{fill:var(--color-text-4); margin-right:var(--size-1); position:relative; top:3px; width:auto; height:11px;}

.event-list-empty{padding:var(--size-4);}


.section-title a.btn-refresh-date{font-size: 14px !important;}


@media screen and (min-width:0px) and (max-width:1023px){
  .desktop-only, .share-box-static{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  
  
  .header-link, .menu-link{padding:0 var(--size-3);}
  .header-left, .header-right{display:flex;}
  .header-link .svgicon{width:auto; height:var(--size-4);}
  .header-logo{padding-left:var(--size-4);}
  .header-menu{padding-right:var(--size-4);}
  
  
  
  .rancak-container{margin-top:var(--size-4);}
  .rancak-container-mobilemargin{margin-top:0;}
  .main-container{grid-template-columns:1fr;}
  .section-container{margin:0 var(--size-4);}



  .event-list-container{grid-template-columns:repeat(auto-fill, minmax(150px,1fr));}
  .event-date{width:100%; margin-top:var(--size-2);}
}