@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&family=Poppins:wght@400;700&family=Montserrat:wght@400;700&family=Roboto:wght@300;400;700&display=swap";html,body{position:relative;height:100%;font-family:"Roboto";overflow-x:clip}html h2,html h3,body h2,body h3{font-family:"Prompt";font-weight:700}html h4,html h5,body h4,body h5{font-family:"Roboto" !important;font-weight:700}.hello{background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8));padding:16px;margin-bottom:20vh;border-radius:16px}@media screen and (max-width: 768px){.foot{background:#ccc;height:59px;width:100%;position:fixed;z-index:99;bottom:0}}.sticky{position:sticky;width:100%;inset:0;z-index:2;height:100vh}.sticky img{width:100%;height:100%;object-fit:contain}.firstletter::first-letter{float:left;font-weight:bold;margin-right:8px;font-size:60px;font-size:6rem;line-height:40px;line-height:4rem;height:4rem;text-transform:uppercase}body{margin:0;padding:0;color:#111}body p{font-size:18px;font-weight:300}@media screen and (max-width: 768px){body p{font-size:18px;font-weight:300}}body b{font-weight:700}.modal-content{box-shadow:none;border-radius:0;border:1px solid transparent;background:transparent}.totop{position:relative;z-index:15}.modal-body{position:relative;-ms-flex:1 1 auto;color:#fff;font-size:1.4rem;flex:1 1 auto;padding:1rem;text-align:center}.modal-footer{border-top:none;text-align:center;margin:0 auto}section{padding:32px 0;min-height:100vh;z-index:11;background:#eee;position:relative}section h3{font-size:3rem}@media screen and (max-width: 768px){section h3{font-size:2.5rem}}.top{align-items:baseline !important}.wrap-detikx{width:700px;margin:0 auto}@media screen and (max-width: 768px){.wrap-detikx{width:90%;margin:0 auto;display:block}}.line-right{display:inline-block;width:100px;height:1px;margin-top:12px;vertical-align:top;margin-right:4px;background:#222}@media screen and (max-width: 768px){.line-right{width:45px}}.line-right-p{display:inline-block;width:80%;margin-left:8px}@media screen and (max-width: 768px){.line-right-p{margin-left:0}}#nav.no_index,#share{z-index:21}#nav,.dark{background:rgba(0,0,0,.8) !important}.footer{z-index:22}.share_icon>a i{font-size:25px !important;line-height:initial !important}@media screen and (max-width: 766px){.share_icon>a i{font-size:16px !important;line-height:initial !important;width:30px !important;height:30px !important}}.bg-blues{background:#eee}#nav{backdrop-filter:blur(11px)}@media screen and (max-width: 766px){#nav{backdrop-filter:initial}}.share_icon>a{padding:0 !important}.baca-detikx .bacajuga_box{display:initial !important}.baca-detikx .bacajuga_box .container{display:none}.baca-detikx .bacajuga{width:100% !important;display:block}.baca-detikx .bacajuga a{display:inline-block;padding:0px;width:47% !important;margin:0 8px;border-radius:24px;filter:drop-shadow(2px 4px 6px black);position:relative;height:320px;text-align:left}.baca-detikx .bacajuga a::after{border-radius:24px}@media screen and (max-width: 768px){.baca-detikx .bacajuga a{width:100% !important;margin:4px 0}}.baca-detikx .bacajuga a:hover{text-decoration:none;color:orange !important}.baca-detikx .bacajuga a article{position:absolute;top:initial;width:100%;background:linear-gradient(to top, black, transparent);padding:8px 16px;border-radius:24px;bottom:0;transform:initial}.baca-detikx .bacajuga a article h2{font-family:"Roboto" !important;font-size:1.2rem}.intros{text-align:center;margin-top:32px;border-bottom:1px dashed #111}@media screen and (max-width: 768px){.intros{margin-top:0}}.intros .topik{background:red;width:fit-content;padding:2px 8px;margin:0 auto 8px;color:#fff}.intros .date{font-size:.85rem;margin:0 auto}.intros p{font-family:"Hepta Slab" !important;font-size:1.3rem !important}@media screen and (max-width: 768px){.intros p{font-size:1.2rem !important;line-height:1.7rem !important}}@media screen and (max-width: 768px){.intros{text-align:center}}.wrap{width:100%;padding-top:16px;border-top:1px dashed #4e4e4e}@media screen and (max-width: 768px){.wrap{width:100%}}.wrap .btn-primary{color:#fff;background-color:#5f5f5f;border-color:#5f5f5f;border-radius:24px;font-size:1.2rem;filter:drop-shadow(1px 2px 3px #ccc)}.wrap .btn-primary:focus,.wrap .btn-primary:active,.wrap .btn-primary:hover{box-shadow:none}.thumb{height:320px;margin-bottom:16px;width:100%}@media screen and (max-width: 768px){.thumb{height:180px;margin-bottom:24px}}.thumb img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.thumb img{border-radius:16px;object-fit:cover}}.credit-photo{margin-top:4px;font-size:.75rem;color:#5f5f5f;line-height:.9rem}.credit-photo .nama{font-weight:700;color:#5f5f5f}.lines{width:200px;height:2px;background:#4e4e4e;margin:8px 0 16px}@media screen and (max-width: 768px){.lines{background:#4e4e4e;width:120px}}#myChart{position:relative;z-index:11}.slick-next,.slick-prev{width:36px !important;background:#ed1b24 !important;height:36px !important;z-index:17 !important}.slick-next::before,.slick-prev::before{font-family:"fontAwesome" !important;font-size:36px !important;color:#fff !important;padding:2px;font-weight:700 !important}@media screen and (max-width: 766px){.slick-next::before,.slick-prev::before{font-size:36px !important}}.slick-prev{left:-12px !important}.slick-prev::before{content:"" !important}.slick-next{right:-12px !important}.slick-next::before{content:"" !important}.rutes ul{--col-gap: 2rem;--row-gap: 4rem;--line-w: 0.25rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(60rem, 90%);margin-inline:auto}@media screen and (max-width: 766px){.rutes ul{--row-gap: 2rem}}.rutes ul::before{content:"";grid-column:1;grid-row:1/span 20;background:#898989;border-radius:calc(var(--line-w) / 2)}.rutes ul li:not(:last-child){margin-bottom:var(--row-gap)}.rutes ul li{grid-column:2;--inlineP: 1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content}.rutes ul li .date{margin-inline:calc(var(--inlineP) * -1);text-align:center;background-color:var(--accent-color);filter:drop-shadow(2px 2px 4px black);color:#f60;padding:4px;display:grid;place-content:center;position:relative}.rutes ul li .date .border-bottom{font-size:2rem;font-weight:700;border-bottom:1px solid #fff !important}.rutes ul li .date .kota{font-weight:300;font-size:1rem;color:#000}.rutes ul li .date::before{content:"";width:var(--inlineP);aspect-ratio:1;background:var(--accent-color);background-image:linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);position:absolute;top:100%;clip-path:polygon(0 0, 100% 0, 0 100%);right:0}.rutes ul li .date::after{content:"";position:absolute;width:16px;aspect-ratio:1;background:#fff;border:.3rem solid var(--accent-color);border-radius:50%;top:50%;transform:translate(50%, -50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}.rutes ul li .titlex,.rutes ul li .descr{background:var(--bgColor);position:relative;padding-inline:1.5rem}.rutes ul li .titlex{overflow:hidden;padding-block-start:1.5rem;padding-block-end:1rem;font-weight:500}.rutes ul li .descr{padding-block-end:1.5rem;font-weight:300}.rutes ul li .titlex::before,.rutes ul li .descr::before{content:"";position:absolute;width:90%;height:.5rem;background:rgba(0,0,0,.5);left:50%;border-radius:50%;filter:blur(4px);transform:translate(-50%, 50%)}.rutes ul li .titlex::before{bottom:calc(100% + 0.125rem)}.rutes ul li .descr::before{z-index:-1;bottom:.25rem}@media(min-width: 40rem){.rutes ul{grid-template-columns:1fr var(--line-w) 1fr}.rutes ul::before{grid-column:2}.rutes ul li:nth-child(odd){grid-column:1}.rutes ul li:nth-child(even){grid-column:3}.rutes ul li:nth-child(2){grid-row:2/4}.rutes ul li:nth-child(odd) .date::before{clip-path:polygon(0 0, 100% 0, 100% 100%);left:0}.rutes ul li:nth-child(odd) .date::after{transform:translate(-50%, -50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}}.rutes .credits{margin-top:1rem;text-align:right}.rutes .credits a{color:var(--color)}@media screen and (max-width: 768px){.opening{padding:0px 0 8px}}.opening .judul{text-align:center}@media screen and (max-width: 768px){.opening .judul{text-align:left;margin-top:16px}}.opening .judul h1{font-family:"Roboto Slab";font-weight:700;font-size:60px}@media screen and (max-width: 768px){.opening .judul h1{font-size:30px}}.opening .content{margin-top:16px;text-align:center}@media screen and (max-width: 768px){.opening .content{text-align:left}}@media screen and (max-width: 768px){.opening .content.text-center{text-align:left !important}}.opening .content p{font-size:20px;font-family:"Roboto Slab";font-weight:400}@media screen and (max-width: 768px){.opening .content p{font-size:16px}}.opening .smal{font-size:14px}.opening .creator{border-bottom:1px dashed #999;padding-bottom:16px;margin-bottom:30px}.opening .haha{width:100%;height:fit-content;margin-bottom:16px;color:#777;font-size:12px}.opening .haha img{width:100%;height:100%;object-fit:contain}.opening .haha .jud{margin:8px 0 0}.opening .imag{width:100%;height:100%}.opening .imag img{width:100%;height:100%;object-fit:contain}.opening .redaksi{margin-top:62px;border-top:1px dashed #999;padding-top:16px}.opening .intermeso{margin:0 auto 16px;width:fit-content;padding:4px 16px;font-family:"Roboto Slab";background:red;color:#fff}@media screen and (max-width: 768px){.opening .intermeso{margin:initial}}.opening .quotation{margin-top:70px;position:relative;float:left;width:400px}@media screen and (max-width: 768px){.opening .quotation{margin-top:50px;width:100%}}.opening .quotation i{font-size:3rem;color:#999}.opening .quotation p{font-size:30px;color:#999;font-weight:600;line-height:1.25;margin-bottom:20px;font-family:"Roboto Slab",sans-serif}@media screen and (max-width: 768px){.opening .quotation p{margin-top:16px}}.all-logo{margin-bottom:8px !important}.banner{padding:0}@media screen and (max-width: 768px){.banner{min-height:auto}}.banner .img{width:100%;height:100vh}@media screen and (max-width: 768px){.banner .img{height:50vh}}.banner .img img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.banner .img img{object-fit:cover}}/*# sourceMappingURL=style.css.map */