:root {
    --primary: #0E7DAF;
    --bg-header: #222;
    --bg-nav: #333;
    --bg-footer: #222;
    --widthparallaxdesktop: 100%;
    --heightparallaxdesktop: 250px;
    --textparallax:
    "Scroll untuk lanjut membaca"
}
.grid .grid-text a:hover, .gridlist-text:hover a, .headline-small .headline-text a:hover, .indeks-item:hover a, .kolom-text a:hover, .list-text a:hover, .navigation ul li .sub-menu li:hover a, .navigation ul li a:hover, .post-meta a:hover, .redaksi-item a:hover, .related-item .related-text a:hover, .slider-item:hover a, .topic-text a:hover, .video-item:hover a, a, a:hover, .indeks .indeks-text a:hover, .video .video-text a:hover, .slider .slider-text a:hover, .csnav ul li a:hover {
    color: var(--primary)
}
main.main {
    margin-top: 20px
}
.media-image:after,.media-image:before,.media-title:before {
    position: absolute;
    right: 0;
    top: 0
}
.network,body {
    background: #fff
}
.grid .grid-text h2,.headline-small .headline-text h2 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.container,.csnav ul li {
    padding-left: 15px;
    padding-right: 15px
}
.csnav ul li a,.navigation ul li .sub-menu li a,.navigation ul li a,.navigation ul li.new:after {
    font-family: Roboto,sans-serif;
}
.reaction-item,body {
    font-family: Roboto,sans-serif
}
.sidebar .grid .widget-content .grid-item,img {
    max-width: 100%
}
.header,.navigation,.network,.share-sticky {
    min-width: 1100px
}
.share-title,.tag-box ul li a {
    text-overflow: ellipsis;
    white-space: nowrap
}
*,::after,::before {
    box-sizing: border-box
}
a {
    text-decoration: none
}
img {
    height: auto
}
body {
    font-weight: 400;
    line-height: 1.5;
    color: #1a1a1a;
    font-size: 16px;
}
body.nooverflow {
    overflow: unset
}
@-webkit-keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}
@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}
.header-search form,figure {
    margin: 0
}
input {
    outline: 0
}
.media-image:before {
    content: "";
    left: 0;
    bottom: 0;
    background: #ddd;
    animation: 1s infinite shine
}
.media-image:after {
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));
    -webkit-animation: 2s infinite shimmer;
    animation: 2s infinite shimmer;
    content: ""
}
.media-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .5s;
    z-index: 1
}
.article-featured .image-box img {
    width: 100%;
    height:auto;
    display: block;
}
.media-title:before {
    content: "";
    left: 0;
    bottom: 0;
    z-index: 3
}
.container {
    width: 1088px;
    margin-right: auto;
    margin-left: auto
}
.network-row {
    display: flex;
    justify-content: space-between
}
.network ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}
.network ul li a {
    padding: 6px;
    height: 29px;
    font-size: 12px;
    color: #000;
    display: block;
    font-weight: 600;
}
.breadcrumbs ul li a,.network ul li a:hover {
    color: var(--primary)
}
.header {
    background: var(--bg-header);
}
.navigation nav>ul>li>a:hover,.search-input {
    background: rgb(105 105 105 / 30%);
}
.header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
}
.header-brand img {
    width: auto;
    height: 40px;
}
.header-more {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.header-search {
    position: relative;
    width: 313px;
    margin: 0 10px
}
.search-input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    line-height: 1.42857;
    font-size: 14px
}
.header-user ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    list-style: none;
}
.header-user ul li a {
    background: var(--primary);
    color: #fff;
    height: 30px;
    display: flex;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    border-radius: 5px;
    padding-top: 4px;
}
.header-user {
    margin: 0 10px;
}
.mode,.search-btn {
    height: 40px;
    width: 40px
}
.search-input::placeholder {
    color: #ccc
}
.search-btn {
    position: absolute;
    right: 0;
    top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    color: #eee
}
.header-mode,.headline-item,.navigation ul,.navigation ul li {
    position: relative
}
.mode-box,.mode:after {
    z-index: 1000;
    border-radius: 5px;
    opacity: 0
}
.navigation img {
    height: 25px;
    width: auto
}
.mode {
    color: #fff
}
.mode>*,.navigation.newnav .container {
    width: 100%
}
.footer .widget-header,.mode>.hide,.navigation ul li.logo,.navigation.newnav ul li.logo span.menu-image-title-hide {
    display: none
}
.mode>* {
    height: 100%;
    display: block;
    cursor: pointer;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1)
}
.mode:after {
    content: attr(aria-label);
    position: absolute;
    background: #e0e0e0;
    padding: 5px 10px;
    color: #2a2a2a;
    font-size: 11px;
    top: calc(100% + 5px);
    white-space: nowrap;
    pointer-events: none;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    margin-left: -22px;
    text-transform: uppercase;
    font-weight: 500;
}
.mode:hover::after {
    opacity: 1
}
.mode-box {
    pointer-events: all;
    position: absolute;
    right: 10px;
    top: 45px;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    overflow: hidden;
    padding: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
.mode-box.show {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.mode-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 9px 15px;
    color: #777;
    font-size: 14px;
    font-weight: 500;
}
.content,.sidebar {
    min-height: 1px;
    padding: 0 15px;
    padding-bottom: 30px;
}
.mode-item:hover {
    background: hsla(0,0%,77%,.2)
}
.mode-item.active {
    background: hsla(0,0%,77%,.4);
    color: #333;
    font-weight: 700
}
.aut-text,.commentBody,.kolom .kolom-text,.mode-label {
    flex: 1
}
.mode-icon,.social .social-title {
    margin-right: 10px
}
.mode-item .mode-icon {
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    -webkit-filter: invert(39%) sepia(0) saturate(233%) hue-rotate(195deg) brightness(97%) contrast(82%);
    filter: invert(39%) sepia(0) saturate(233%) hue-rotate(195deg) brightness(97%) contrast(82%)
}
.mode .otomatis,.mode-item.modeotomatis .mode-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3.444V1M11 23V3M17.05 5.95l1.728-1.728M19.556 12H22M17.05 18.05l1.728 1.728' stroke='currentColor' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='10.944' cy='11.944' r='6.344' stroke='currentColor' stroke-width='1.2'/%3E%3Cpath d='M4.751 21.145H1.772L1.104 23H.137l2.715-7.11h.82L6.392 23H5.43l-.679-1.855Zm-2.695-.772h2.417l-1.211-3.325-1.206 3.325ZM5 9.5l2.5-3 2-.4 1-.1v12L8 17l-1.5-1-2-3L5 9.5Z' fill='currentColor'/%3E%3C/svg%3E")
}
.mode .dark,.mode-item.modedark .mode-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='moon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Group' transform='translate(-0.000000, -0.000000)' stroke='%23000000' stroke-width='1.6'%3E%3Cpath d='M21.0000001,12.7900001 C20.5623509,17.5258085 16.5155206,21.1036352 11.7617765,20.9575684 C7.00803243,20.8115016 3.1884985,16.9919677 3.04243172,12.2382236 C2.89636495,7.48447951 6.47419162,3.43764924 11.21,3.00000001 C9.15036197,5.78645174 9.43925663,9.66045323 11.8894017,12.1105984 C14.3395469,14.5607435 18.2135484,14.8496381 21.0000001,12.7900001 L21.0000001,12.7900001 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.mode .light,.mode-item.modelight .mode-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1V3' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21V23' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 4.22L5.64 5.64' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 18.36L19.78 19.78' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 12H3' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12H23' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 19.78L5.64 18.36' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 5.64L19.78 4.22' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.mode-item.active .mode-icon {
    -webkit-filter: none;
    filter: none
}
.navigation {
    margin-top: -1px;
    z-index: 999;
    border-top: 1px solid rgb(255 255 255 / 10%);
    background: var(--bg-header);
}
.navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.navigation ul li a {
    font-size: 14px;
    padding: 0 7px;
    position: relative;
    font-weight: 700;
    color: #fff;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.navigation ul li.new:after {
    content: "NEW";
    position: absolute;
    top: 4px;
    right: -8px;
    background: var(--primary);
    border-radius: 4px;
    padding: 0 2px;
    z-index: 1;
    font-size: 10px;
    font-weight: 700;
    color: #fff
}
.navigation.newnav {
    position: sticky;
    top: 0;
    padding: 0 60px;
}
.navigation.newnav ul li.logo,.navigation.newnav ul li.menu-item a img.menu-image {
    display: block
}
.navigation ul li .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 40px;
    text-align: left;
    z-index: 1;
    width: 230px;
    background: var(--bg-nav);
    padding: 10px 0;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    display: flex;
    flex-wrap: wrap
}
.navigation ul li:last-child .sub-menu {
    right: 0;
    left: unset;
}
.navigation ul li:hover .sub-menu {
    top: 40px;
    visibility: visible;
    opacity: 1;
}
.navigation ul li .sub-menu li {
    display: block;
    width: 50%;
    vertical-align: top
}
.navigation ul li .sub-menu li a {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    height: auto;
}
.navigation.newnav ul li a.menu-image-title-hide {
    padding: 14px 7px
}
.billboard .widget {
    background: #f1f1f1;
    max-width: 1100px;
    margin: 20px auto;
    text-align: center;
    padding: 10px;
}
.billboard .widget img {
    height: 250px !important;
    width: auto;
}
.main-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.content {
    width: 758px;
    position: relative;
    flex: 1;
}
.sidebar {
    width: 330px;
    position: relative
}
.sidebar-sticky {
    position: sticky;
    top: 65px;
}
body.single .sidebar-sticky {
    top: 115px;
}
.headline {
    position: relative;
    background: #111;
    color: #fff
}
.headline-big .headline-image {
    width: 100%;
    margin: 0;
    padding-bottom: 66%;
    height: 0;
    position: relative;
    overflow: hidden
}
.headline-big .headline-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: rgba(0,0,0,.7);
    z-index: 2
}
.headline-big .headline-text h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
    padding: 0 20px;
    margin: 0 0 10px
}
.error-btn:hover,.headline-big .headline-text h2 a,.headline-small .headline-text a {
    color: #fff
}
.headline-big .headline-date {
    padding: 0 20px;
    font-size: 12px;
    font-weight: 500;
    color: #9b9b9b
}
.headline .widget-header,.widget-more {
    color: var(--primary);
    text-transform: uppercase
}
.headline .widget-header {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    color: #fff;
    padding: 5px 10px;
    margin: 0;
    border: none;
    background: var(--primary);
    border-radius: 15px;
}
.headline .widget-header .widget-title {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    border: unset;
    color: unset;
    display: unset;
    font-family: unset
}
.headline-small .headline-image {
    width: 100%;
    margin: 0;
    padding-bottom: 68%;
    height: 0;
    position: relative;
    overflow: hidden
}
.headline-small .headline-text {
    position: relative;
    padding: 12px;
}
.headline-small .headline-text h2 {
    font-size: 14px;
    font-weight: 500;
    max-height: 73px;
    display: -webkit-box;
    margin: 0;
    line-height: 1.3
}
.headline-small .headline-item.slick-current:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    border-top: 4px solid var(--primary);
    width: 100%
}
.social {
    display: flex;
    flex-wrap: wrap;
    height: 55px;
    align-items: center;
    padding: 12px;
    justify-content: space-between;
    background: #f1f1f1;
    overflow: hidden;
    border-radius: 5px
}
.social .social-box svg {
    width: 16px;
    z-index: 9;
    height: 16px;
}
.share-box ul li a,.social .social-box a {
    display: flex;
    background: #333;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50em;
    color: #fff;
    position: relative
}
.social .social-box {
    display: flex;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start
}
.social .social-title h3 {
    font-size: 14px;
    padding: 0;
    font-weight: 500;
    margin: 0 5px 0 0
}
.aut-share a.facebook,.share-body ul li a.facebook .share-popup-icon,.share-box ul li .facebook,.social .social-box a.facebook {
    background: #3b5998
}
.aut-share a.twitter,.share-body ul li a.twitter .share-popup-icon,.share-box ul li .twitter,.social .social-box a.twitter {
    background: #000
}
.share-box ul li .telegram,.social .social-box a.telegram {
    background: #2aabee
}
.share-box ul li .whatsapp, .social .social-box a.whatsapp {
    background: #25d366;
}
.aut-share a.instagram,.social .social-box a.instagram {
    background: #5851db;
    background: -moz-radial-gradient(left bottom,ellipse cover,#ffdc80 15%,#e1306c 55%,#5851db 100%);
    background: -webkit-radial-gradient(left bottom,ellipse cover,#ffdc80 15%,#e1306c 55%,#5851db 100%);
    background: radial-gradient(ellipse at left bottom,#ffdc80 15%,#e1306c 55%,#5851db 100%)
}
.social .social-box a.youtube {
    background: #cd201f
}
.social .social-box a.tiktok {
    background: #000
}
.share-box ul li a:hover::before,.social .social-box a:hover::after {
    content: "";
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50em
}
.content .widget,.sidebar .widget {
    margin-bottom: 20px
}
.comment-header,.widget-header {
    position: relative;
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.widget-more {
    padding: 0;
    letter-spacing: 0;
    font-size: 11px;
    font-weight: 700
}
.widget-more:hover {
    color: #000
}
.comment-header .comments_title,.widget-header .widget-title {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0;
    border-bottom: 3px solid var(--primary);
    font-family: Roboto Condensed,sans-serif;
    text-transform: uppercase
}
.grid-item {
    position: relative;
    width: 100%;
    max-width: 33.33333%;
    padding: 0 10px;
    height: 100%;
    margin-bottom: 15px;
}
.grid .widget-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: flex-start
}
.grid .grid-image {
    width: 100%;
    margin: 0;
    padding-bottom: 56%;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.grid-category {
    padding: 5px 13px;
    background: var(--primary);
    position: absolute;
    left: 5px;
    top: 5px;
    color: #fff;
    z-index: 3;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    border-radius: 50em;
}
.grid .grid-text {
    position: relative;
    margin: -20px 10px 0;
    background: #f1f1f1;
    padding: 10px;
    z-index: 2;
    border-radius: 7px;
    height: 78px;
}
.grid .grid-text h2 {
    display: -webkit-box;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}
.gridlist-text h2,.indeks .indeks-text h2,.topic-text h2 {
    line-height: 1.3;
    overflow: hidden;
    -webkit-box-orient: vertical
}
.grid .grid-text a,.gridlist-text a,.indeks .indeks-text a,.kolom-text a,.list-text a,.popular-text a,.related-item .related-text a,.slider .slider-text a,.topic-text a,.video .video-text a {
    color: #222;
}
.indeks .indeks-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px
}
.indeks .indeks-image {
    width: 177px;
    margin: 0 20px 0 0;
    padding-bottom: 117px;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.indeks .indeks-text,.list-text {
    flex: 1;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.indeks .indeks-text h2 {
    font-weight: 600;
    margin: 0 0 10px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 20px
}
.indeks .indeks-text svg {
    height: 18px;
    width: auto;
    color: var(--primary);
    display: inline-block
}
.arrow-item svg,.video .video-play svg {
    height: 1em;
    stroke-width: 0;
    fill: currentColor
}
.post-article {
    max-width: 740px;
    margin-bottom: 20px;
}
.post-article figure {
    max-width: 100% !important;
}
.post-article figure img {
    display: block;
}

.gridlist-text h2,.kolom .kolom-text h2,.popular-text h2,.slider .slider-text h2,.topic-text h2 {
    display: -webkit-box;
    font-size: 15px;
}
.indeks .indeks-category {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    padding: 0 5px 0 0;
    color: var(--primary);
    font-weight: 600;
}
.indeks .indeks-date,.slider-time {
    font-size: 12px;
    color: #6c6c6c;
}
.indeks .indeks-date:before {
    margin-right: 5px;
    content: "-";
}
.indeks .indeks-meta {
    display: flex;
    align-items: center;
}
.sidebar .widget-header {
    text-align: center;
    display: flex;
    justify-content: center
}
.popular-item {
    position: relative;
    margin-bottom: 1px;
    background: #e3e3e3;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
.popular-text {
    flex: 1;
    background: #f1f1f1;
    border-left: 1px solid #fff;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.popular-number {
    width: 60px;
    padding: 15px 0;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: #9b9b9b
}
.popular-text h2 {
    padding: 0 10px;
    color: #000;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 0;
    font-weight: 600;
    line-height: 1.3;
}
.popular-count {
    padding: 0 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #6c6c6c;
    margin-top: 10px;
}
.popular-item:hover .popular-text {
    background: #e7e7e7
}
.gridlist-item,.topic-item {
    position: relative;
    background: #f0f0f0;
    border-bottom: 1px solid #e2e2e2
}
.gridlist-image,.topic-image {
    width: 100%;
    margin: 0;
    padding-bottom: 50%;
    height: 0;
    position: relative;
    overflow: hidden
}
.gridlist-text h2,.topic-text h2 {
    -webkit-line-clamp: 3;
    font-weight: 600;
    margin: 0
}
.gridlist-text:after, .topic-text:after, .related-item .related-text:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 10px;
    width: 8px;
    height: 8px;
    background: #959595;
}
.gridlist-text,.topic-text {
    padding: 10px 20px 10px 30px;
    position: relative
}
.topic-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: 0 0;
    height: auto;
    padding: 30px 20px 15px;
    background: -webkit-gradient(linear,left top,right top,from(#000),to(transparent));
    background: linear-gradient(90deg,#000,transparent);
    background: -webkit-linear-gradient(90deg,#000,transparent);
    font-size: 20px;
    color: #fff;
    font-weight: 500
}
.kolom .kolom-image {
    width: 70px;
    margin: 0 10px 0 0;
    height: 70px;
    position: relative;
    overflow: hidden;
    border-radius: 50em;
    border: 3px solid #fff;
    box-shadow: 0 2px 4px 0 #00000033;
}
.kolom .kolom-item {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 15px
}
.kolom .kolom-author {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary);
    margin-bottom: 5px
}
.kolom .kolom-text h2 {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}
.slider .slider-item {
    position: relative;
    padding: 0 10px
}
.slider .widget-content {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}
.slider .slider-image {
    width: 100%;
    margin: 0;
    padding-bottom: 56%;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.slider .slider-item {
    width: 25%
}
.slider .slider-text h2 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 5px
}
.list-text h2,.video .video-text h2 {
    -webkit-box-orient: vertical;
    line-height: 1.3;
    overflow: hidden
}
.slider .slider-text {
    padding: 10px 0
}
.arrow-item {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.16);
    box-shadow: 0 1px 5px rgba(0,0,0,.16);
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 40px;
    z-index: 2;
    width: 24px;
    height: 24px;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.billboard.parallax,.body-ads,.icon-play,.post-tag,.video .video-image,.video .video-item {
    position: relative
}
.arrow-item.arrow-left {
    left: 0;
}
.arrow-item.slick-disabled {
    opacity: 0
}
.arrow-item.arrow-right {
    right: 0px;
}
.arrow-item svg {
    width: 0.375em;
    -webkit-filter: invert(1);
    filter: invert(1);
    stroke: currentColor;
    background-repeat: no-repeat;
    margin-top: 6px;
}
.arrow-item.arrow-left svg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAuNCAxNy44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC40IDE3Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjx0aXRsZT5zZWFyY2g8L3RpdGxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMC40LDEuNWMwLDAuMi0wLjEsMC4zLTAuMiwwLjRsLTcsN2w3LDdjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjRjMCwwLjItMC4xLDAuMy0wLjIsMC40bC0wLjksMC45Yy0wLjEsMC4xLTAuMywwLjItMC40LDAuMmMtMC4yLDAtMC4zLTAuMS0wLjQtMC4yTDAuMiw5LjNDMC4xLDkuMiwwLDkuMSwwLDguOWMwLTAuMiwwLjEtMC4zLDAuMi0wLjRsOC4zLTguM0M4LjYsMC4xLDguOCwwLDguOSwwczAuMywwLjEsMC40LDAuMmwwLjksMC45QzEwLjMsMS4yLDEwLjQsMS4zLDEwLjQsMS41TDEwLjQsMS41eiIvPjwvc3ZnPg==);
    margin-left: -1px;
}
.arrow-item.arrow-right svg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAuNCAxNy44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC40IDE3Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjx0aXRsZT5zZWFyY2g8L3RpdGxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMC40LDguOWMwLDAuMi0wLjEsMC4zLTAuMiwwLjRsLTguMyw4LjNjLTAuMSwwLjEtMC4zLDAuMi0wLjQsMC4yYy0wLjIsMC0wLjMtMC4xLTAuNC0wLjJsLTAuOS0wLjlDMC4xLDE2LjYsMCwxNi41LDAsMTYuM2MwLTAuMiwwLjEtMC4zLDAuMi0wLjRsNy03bC03LTdDMC4xLDEuOCwwLDEuNiwwLDEuNXMwLjEtMC4zLDAuMi0wLjRsMC45LTAuOUMxLjIsMCwxLjMsMCwxLjUsMFMxLjgsMCwxLjksMC4ybDguMyw4LjNDMTAuMyw4LjYsMTAuNCw4LjcsMTAuNCw4LjlMMTAuNCw4Ljl6Ii8+PC9zdmc+);
    margin-right: -1px;
}
.video .video-item {
    display: flex;
    flex-wrap: wrap;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.video .video-image {
    width: 100%;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
    border-radius: 10px;
}
.video .video-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px;
}
.video .video-text h2 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
}
.icon-play,.video .video-play svg {
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    display: inline-block
}
.video .video-time {
    font-size: 12px;
    color: #6c6c6c;
    margin-top: 5px;
}
.video .video-meta {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
}
.video .video-play svg {
    stroke: currentColor;
    width: 1em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm116.5 276.5-144 88c-3.8 2.3-8.2 3.5-12.5 3.5-13.69 0-24-11.2-24-24V168c0-12.7 10.2-24 24-24 4.344 0 8.678 1.176 12.51 3.516l144 88C379.6 239.9 384 247.6 384 256c0 8.4-4.4 16.1-11.5 20.5z' fill='%23fff' /%3E%3C/svg%3E");
    margin-right: 5px;
}
.video .video-play {
    color: #fff;
    font-size: 12px;
    background: rgba(0,0,0,.75);
    padding: 4px 5px;
    border-radius: 4px 0 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.icon-play {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: -1px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(46%) sepia(89%) saturate(3415%) hue-rotate(347deg) brightness(93%) contrast(94%);
    filter: invert(46%) sepia(89%) saturate(3415%) hue-rotate(347deg) brightness(93%) contrast(94%)
}
.widget.video .widget-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.video .video-item:first-child {
    width: 100%;
    align-items: center;
    margin-top: 0;
}
.video .video-item:first-child .video-image {
    width: 60%;
    padding-bottom: 34%;
    border-radius: 10px 0 0 10px;
}
.video .video-item:first-child  .video-text {
    margin: 0;
    padding: 15px;
    background: #f1f1f1;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 0 10px 10px 0;
}
.video .video-item:first-child .video-text h2 {
    font-size: 26px;
    -webkit-line-clamp: 6;
    font-weight: 600;
}
.widget-pagination .page-numbers,.widget-pagination .page-numbers.dots:hover {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-size: 14px;
    font-weight: 500;
    margin: 0 2px
}
.widget-pagination .pagination-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0
}
.breadcrumbs ul,.csnav ul {
    padding: 0;
    flex-wrap: wrap;
    display: flex;
    list-style: none
}
.widget-pagination .pagination-next {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-weight: 500;
    font-size: 14px;
    margin: 0 2px
}
.post-page-numbers.current,.post-page-numbers:hover,.widget-pagination .page-numbers.current,.widget-pagination .page-numbers:hover {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff
}
.billboard.parallax {
    width: 100%;
    height: var(--heightparallaxdesktop);
    max-width: 970px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0
}
.billboard.parallax .widget {
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto,auto,auto,auto);
    background: #111
}
.parallax-desktop {
    background: #111;
    min-width: 1100px
}
.billboard.parallax .widget-parallax {
    width: var(--widthparallaxdesktop);
    height: auto;
    position: fixed;
    top: 0;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    max-width: 970px;
    left: 0;
    right: 0
}
.billboard.parallax .widget-parallax>* {
    display: block;
    margin: 0 auto
}
.csnav ul {
    margin: 0 -15px;
    align-items: flex-start
}
.csnav ul li {
    width: 25%
}
.csnav ul li a {
    display: block;
    padding: 4px 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a
}
.csnav ul li.new a:after {
    content: "NEW";
    position: relative;
    top: -2px;
    left: 5px;
    background: var(--primary);
    border-radius: 4px;
    padding: 0 4px;
    z-index: 1;
    font-size: 10px;
    font-weight: bolder;
    color: #fff
}
.breadcrumbs ul {
    margin: 0;
    align-items: center
}
.breadcrumbs ul li {
    display: block;
    font-size: 14px;
    font-weight: 500
}
.breadcrumbs ul li:after {
    content: "/";
    color: var(--primary);
    margin: 0 5px
}
.breadcrumbs ul li:last-child::after,.footer .menu li:last-child::after {
    content: unset
}
.post-title {
    margin: 5px 0;
    font-size: 36px;
    color: #000;
    line-height: 1.2
}
.post-meta,.post-meta a {
    color: #545454
}
.post-meta {
    padding: 0 0 10px;
    font-size: 14px
}
.post-reaction {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0
}
.post-article h2 {
    font-size: 18px
}
.post-article h3 {
    font-size: 16px
}
.logged-in-as,.post-article h4 {
    font-size: 14px
}
.post-article h5 {
    font-size: 12px
}
.post-article h6 {
    font-size: 10px
}
.credits {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
}
.credits-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-right: 5px;
}
.credits-box {
    flex: 1;
}
.credits-content a {
    display: inline-block;
}
.avatar-image {
    border-radius: 50em;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 #00000033;
    border: 3px solid #fff;
}
.credits-content > *:not(:first-child) {
    margin-left: -24px;
}
.credits-content .avatar-image  img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: block;
}
.credits-name {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
}
.credits-name a {
    color:#222
}
.credits-label {
    color: #666;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
}
.reaction-item {
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #666;
    display: flex;
    align-items: center
}
.reaction-item .icon-reaction {
    width: 32px;
    height: 32px;
    -webkit-filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
    filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
    -webkit-transition: background-image .2s;
    -moz-transition: background-image .2s;
    -ms-transition: background-image .2s;
    -o-transition: background-image .2s;
    transition: background-image .2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}
.reaction-item.like .icon-reaction {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M22.6 12.7h-4l.9-4.1c.1-.5.1-1-.1-1.5s-.5-.9-.9-1.2l-.6-.5c-.3-.2-.6-.3-.9-.4h-.8c-.3.1-.5.2-.8.3-.2.2-.4.5-.6.7-1.2 2.3-2.7 4.4-4.2 6.4l-.3-.3c-.1-.1-.3-.1-.4-.1H5.8c-.2 0-.4.1-.5.2-.2.2-.3.4-.3.6v11.8c0 .2.1.4.2.5.1.1.3.2.5.2h4.2c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5.4.4.9.8 1.4 1 .5.2 1.1.4 1.7.4h4.1c.7 0 1.4-.2 2-.5.6-.3 1.1-.8 1.5-1.4l4.1-6.1c.3-.5.5-1.1.6-1.7 0-.6-.1-1.2-.4-1.8s-.7-1-1.3-1.3c-.5-.3-1.1-.5-1.7-.5zM9.2 23.8H6.5V13.5h2.7v10.3zm15-6.6-4.1 6.1c-.2.4-.6.7-1 .9-.4.2-.8.3-1.3.3h-4.1c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-.9-.8l-.9-1.2v-7.7c1.6-1.3 3.8-4.9 5.5-7.8 0-.1.1-.1.1-.2.1 0 .1-.1.2-.1h.2c.1 0 .1 0 .2.1l.6.5c.2.1.3.3.4.5.1.3.1.6.1.8l-1.1 5v.3c0 .1.1.2.1.3.1.1.2.2.3.2.1 0 .2.1.3.1h5c.3 0 .7.1 1 .3.3.2.5.4.7.7.2.3.2.6.2 1s-.1.7-.3 1z'/%3E%3C/svg%3E")
}
.reaction-item.like.active .icon-reaction {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23666'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E")
}
.reaction-item.dislike .icon-reaction {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M8.4 19.3h4l-.9 4.1c-.1.5-.1 1 .1 1.5s.5.9.9 1.2l.6.5c.2.2.5.3.8.4s.6.1.8 0c.3-.1.5-.2.8-.3l.6-.6c1.2-2.3 2.7-4.4 4.2-6.4l.3.3c.1.1.3.1.4.1h4.2c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5v-12c0-.2-.1-.4-.2-.5-.1-.1-.3-.2-.5-.2H21c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5-.4-.4-.9-.8-1.4-1-.5-.3-1-.4-1.6-.4h-4.1c-.7 0-1.4.2-2 .5s-1.1.8-1.5 1.4L5.6 14c-.4.5-.6 1.1-.6 1.7 0 .6.1 1.2.4 1.8s.7 1 1.3 1.3c.5.3 1.1.5 1.7.5zM21.8 8.2h2.7v10.3h-2.7V8.2zm-15 6.6 4.1-6.1c.2-.4.6-.7 1-.9s.8-.3 1.3-.3h4.1c.4 0 .8.1 1.2.3s.7.4.9.8l.9 1.2v7.7c-1.6 1.3-3.8 4.9-5.5 7.8 0 .1-.1.1-.1.2-.1 0-.1.1-.2.1h-.2c-.1 0-.1 0-.2-.1l-.6-.5c-.2-.1-.3-.3-.4-.5-.1-.2-.1-.5 0-.7l1.1-5v-.3c0-.1-.1-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1 0-.2-.1-.3-.1h-5c-.3 0-.7-.1-1-.3-.3-.2-.5-.4-.7-.7-.2-.3-.2-.6-.2-1-.1-.5 0-.8.2-1.1z'/%3E%3C/svg%3E")
}
.reaction-item.dislike.active .icon-reaction {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23666'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E")
}
.reaction-item.share .icon-reaction {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' fill='none'%3E%3Cpath fill='%23000' d='M14.5 14a3.737 3.737 0 0 0-2.683 1.133l-4.321-2.778c.34-.872.34-1.84 0-2.711l4.321-2.779a3.745 3.745 0 1 0-.812-1.26L6.683 8.382a3.75 3.75 0 1 0 0 5.232l4.322 2.779a3.75 3.75 0 1 0 3.495-2.395Zm0-12a2.25 2.25 0 1 1 0 4.499 2.25 2.25 0 0 1 0-4.5ZM4 13.25a2.25 2.25 0 1 1 0-4.501 2.25 2.25 0 0 1 0 4.5ZM14.5 20a2.25 2.25 0 1 1 0-4.501 2.25 2.25 0 0 1 0 4.5Z'/%3E%3C/svg%3E")
}
.reaction-item.bookmark .icon-reaction {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.8' d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z'/%3E%3C/svg%3E")
}
.reaction-item.bookmark.active .icon-reaction {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath fill='%23000' stroke='%23000' stroke-width='1.8' d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z'/%3E%3C/svg%3E");
    -webkit-filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
    filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%)
}
.reaction-item.comment .icon-reaction {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:none;stroke:%23000;stroke-width:1.8;stroke-linecap:round%7D%3C/style%3E%3Cpath d='M23 7H9c-1.1 0-2 .9-2 2v13.7c0 1.7 2 2.6 3.3 1.5l3.5-2.9c.4-.3.8-.5 1.3-.5H23c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2z' style='fill:none;stroke:%23000;stroke-width:1.8;stroke-linejoin:round'/%3E%3Cpath class='st1' d='M11.9 12.1h8.2M11.9 16.1h8.2'/%3E%3C/svg%3E")
}
.reaction-item:hover {
    color: #666
}
.article-featured figcaption, .post-article figcaption {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    color: #727272
}
.wp-block-image figcaption {
    color: #727272;
    font-size: 13px;
    text-align: center
}
.article-body {
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
}
.redaksi-item,.tag-box,.tag-box ul li {
    display: inline-block
}
.post-body {
    flex: 1;
}
.body-ads {
    width: 160px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 20px;
}
.body-ads .widget {
    position: sticky;
    top: 70px;
    margin: 0
}
.article-body.notfull .post-body {
    max-width: 553px;
}
.redaksi {
    font-size: 14px;
    margin-bottom: 15px
}
.redaksi-item a {
    color: #1a1a1a;
    font-weight: 600
}
.post-tag {
    margin: 10px 0 20px
}
.tag-label {
    text-align: left;
    padding: 3px 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    width: auto;
    position: absolute;
    top: 5px;
    left: 3px
}
.aut-share a,.list-image,.list-item,.pagination,.related-item,.tag-box {
    position: relative
}
.tag-box ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.tag-box {
    vertical-align: middle
}
.tag-box ul li {
    margin: 4px 2px;
    font-size: 14px;
    color: var(--cl-main)
}
.tag-box ul li:first-child {
    margin: 4px 2px 4px 43px
}
.tag-box ul li a {
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    color: #666;
    background: #fff;
    display: block;
    font-weight: 500;
    max-width: 150px;
    overflow: hidden;
    font-size: 14px
}
.tag-box ul li a:hover {
    color: #fff;
    background: var(--primary);
    border: 1px solid var(--primary)
}
.pagination {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 0 10px;
    background: #efedef;
    margin-bottom: 20px;
}
.pagination .post-reaction {
    margin: 0 -10px;
    padding: 10px 0
}
.box-pagination {
    border-bottom: 1px solid #e2e2e2;
    margin: 0 -10px
}
.pagination-post {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px
}
.paginationPostNum {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.paginationPostLabel {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin: 0 10px 5px 0
}
.post-page-numbers {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-size: 17px;
    font-weight: 500;
    margin: 0 3px 5px 0
}
.aut-box,.paginationPostLink {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
.paginationPostNav .post-page-numbers {
    padding: 0;
    border: 0;
    margin: 0
}
.paginationPostNav a .btn-next {
    text-align: center;
    padding: 9px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
    display: block;
    line-height: 1;
    border-radius: 20px
}
.list-text h2,.related-item .related-text h2 {
    font-size: 15px;
    font-weight: 600;
    margin: 0
}
.related-item {
    font-size: 18px;
    font-weight: 300;
    color: #1a1a1a;
    border-bottom: 1px solid #e3e2e3;
    padding: 5px 0;
}
.related-text {
    padding-left: 30px;
}
.related-item .related-text h2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-weight: 500;
}
.error-btn,.error-content .widget-content,.error-desc {
    font-weight: 700;
    font-family: Roboto Condensed,sans-serif
}
.widget.related {
    padding: 15px;
    background: #f1f1f1;
    margin-top: 15px;
}
.related .widget-header {
    margin-bottom: 5px;
    border: unset;
    display: block
}
.article-footer .widget,.list-item {
    margin-bottom: 15px
}
.related .widget-header .widget-title {
    display: block;
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: var(--primary)
}
.gridlist-item:last-child,.related-item:last-child,.topic-item:last-child {
    border: none
}
.list-item {
    display: flex;
    flex-wrap: wrap
}
.list-image {
    width: 80px;
    margin: 0 10px 0 0;
    padding-bottom: 80px;
    height: 0;
    overflow: hidden;
    border-radius: 10px;
}
.aut-image,.aut-share a,.error-btn {
    border-radius: 50em
}
.list-text h2 {
    -webkit-line-clamp: 4;
    display: -webkit-box
}
.aut-share,.aut-share a,.share-sticky.show {
    display: flex
}
.article-footer {
    margin-top: 15px
}
.post-body.page-body {
    padding: 0 0 30px
}
.aut-share svg {
    height: 16px;
    z-index: 9;
    color: #fff
}
.aut-image {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 50em;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 #00000033;
    border: 3px solid #fff;
}
.aut-name {
    color: #000;
    font-size: 16px;
    margin: 0
}
.aut-share a {
    margin-right: 10px;
    background: #999;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    color: #fff
}
.aut-share {
    align-items: center;
    margin-top: 5px
}
.desc-box {
    font-size: 14px;
    display: block;
    margin-top: 15px
}
.widget-author {
    margin-bottom: 30px
}
.error-content .widget-content {
    text-align: center;
    font-size: 160px;
    line-height: 1;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: flex-start
}
.icon-comen .counte,span.counter {
    min-width: 17px;
    min-height: 17px;
    z-index: 1;
    font-family: Roboto,sans-serif;
    font-size: 9px;
    line-height: 1
}
.error-image {
    height: 126px;
    width: auto;
    margin-left: 30px
}
.error-desc {
    padding: 20px 0 50px;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1;
    color: #000
}
.error-btn {
    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    text-transform: uppercase
}
.share-label,.social-comment {
    color: #222;
}
.share-label,.share-title,.social-comment {
    font-weight: 600;
    font-size: 14px
}
.pagination-index,.widget-footer {
    text-align: center
}
.widget.error-content {
    padding: 150px 0
}
.share-sticky {
    background-color: #dcdcdc;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 75%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 75%);
    height: 46px;
    position: sticky;
    top: 40px;
    padding: 0 15px;
    justify-content: space-between;
    align-items: center;
    z-index: 998;
    display: none
}
.social-comment {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}
.social-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}
.share-box ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 5px;
}
.share-header,span.counter {
    display: -webkit-box;
    display: -ms-flexbox
}
.share-label {
    margin-right: 10px;
}
.share-title {
    max-width: 780px;
    left: 13px;
    display: inline-block;
    position: relative;
    color: #222;
    height: 22px;
    vertical-align: top;
    overflow: hidden
}
.share-box ul li svg {
    height: 16px;
    z-index: 1;
    width: 16px;
}
.share-body ul li a.whatsapp .share-popup-icon,.share-box ul li .whatsapp {
    background: #25d366
}
.social-comment-icon {
    position: relative;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.share-popup,.share-popup-transparent {
    position: fixed;
    opacity: 0;
    visibility: hidden
}
.share-popup-box {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    height: 100%;
}
.comments_title .icon-comen:before,.social-comment-icon:before {
    content: "";
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiM4Njg2ODY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwQzIuMiw3LjMsMC40LDE0LjYsMy44LDIwLjJjMC41LDAuOSwwLjUsMiwwLDIuOUwyLjcsMjVjLTAuMSwwLjEtMC4xLDAuMi0wLjEsMC4zYzAsMC4zLDAuMywwLjYsMC42LDAuNmgxMC41YzYuNiwwLjEsMTItNS4yLDEyLjItMTEuN0MyNS45LDExLjksMjUuMyw5LjcsMjQuMiw3Ljh6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgxMC41NTcgLTU4Ni41MzEpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSItMTUyNC44IiBjeT0iLTU0LjgiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iLTE1MTQuMyIgY3k9Ii01NC44IiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9Ii0xNTE5LjUiIGN5PSItNTQuOCIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTI3ODUuNyw1OTMuOWMtMy43LTYtMTEuNS03LjktMTcuNS00LjJjMCwwLDAsMCwwLDBjLTYsMy43LTcuOSwxMS41LTQuMiwxNy41YzAuNiwxLDAuNiwyLjIsMCwzLjFsLTEuMiwyYy0wLjEsMC4xLTAuMSwwLjItMC4xLDAuM2MwLDAuMywwLjMsMC42LDAuNiwwLjZoMTEuMmM3LjEsMC4xLDEyLjktNS41LDEzLjEtMTIuNkMtMjc4My44LDU5OC4zLTI3ODQuNCw1OTUuOS0yNzg1LjcsNTkzLjl6IE0tMjc4Ni4xLDYwMC43Yy0wLjIsNS44LTQuOSwxMC4zLTEwLjcsMTAuM2gtOS4ybDAuNi0xYzAuNy0xLjIsMC43LTIuNywwLTRjLTAuOS0xLjQtMS40LTMtMS41LTQuN2MtMC41LTUuNywzLjgtMTAuNyw5LjUtMTEuMmMwLDAsMCwwLDAsMGMyLjktMC4yLDUuOCwwLjgsOCwyLjhDLTI3ODcuMyw1OTQuOS0yNzg2LjEsNTk3LjgtMjc4Ni4xLDYwMC43TC0yNzg2LjEsNjAwLjd6Ii8+PC9nPjwvc3ZnPg==);
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    width: 29px;
    height: 29px
}
.social-right {
    display: flex;
    align-items: center
}
span.counter {
    position: absolute;
    top: 0px;
    left: 20px;
    padding: 0 5px;
    border-radius: 8px;
    background: var(--primary);
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    color: #fff
}
.share-popup {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    max-width: 500px;
    margin: -120px auto 0 -250px;
    z-index: 1000;
    width: 500px;
    height: 240px;
    top: 50%;
    left: 50%
}
.share-popup-transparent.show,.share-popup.show {
    visibility: visible;
    opacity: 1
}
.share-popup-transparent {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,.5);
    min-width: 1100px
}
.share-header {
    padding: 20px 15px;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px;
    width: 100%;
}
.share-body ul,.share-popup-close {
    display: -webkit-box;
    display: -ms-flexbox
}
.share-popup-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 10px 15px 0;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.share-popup-close {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    cursor: pointer
}
.share-popup-close:before {
    content: "";
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 16 16M17 1 1 17' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50%;
    -webkit-filter: invert(63%) sepia(0) saturate(0) hue-rotate(63deg) brightness(98%) contrast(92%);
    filter: invert(63%) sepia(0) saturate(0) hue-rotate(63deg) brightness(98%) contrast(92%)
}
.share-body {
    position: relative;
    padding: 20px 15px;
    background: #f3f3f3;
    width: 100%;
}
.share-deskripsi {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #666
}
.share-body ul {
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0 20px
}
.share-body ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.share-body ul li svg {
    color: #fff;
    height: 16px;
    width: auto;
    display: block
}
.share-popup-icon {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}
.share-popup-label {
    font-size: 11px;
    font-weight: 400;
    color: #666
}
.share-body ul li a.line .share-popup-icon {
    background: #00c300
}
.share-body ul li a.telegram .share-popup-icon {
    background: #3ca5dd
}
.share-body ul li a.copylink .share-popup-icon {
    background: #999
}
.share-body ul li a.copied:before {
    content: attr(data-title);
    position: absolute;
    width: auto;
    background: #000;
    color: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
    top: -24px
}
footer.footer {
    background: var(--bg-footer);
    padding: 30px 0;
    border-top: 4px solid var(--primary);
    color: #999;
    font-size: 14px;
    min-width: 1100px
}
.footer-brand img {
    max-height: 40px!important;
    width: auto
}
.footer-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
.footer-brand {
    width: 30%
}
.footer-more {
    width: 70%
}
.footer .social {
    background: 0 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0
}
.footer .social-box {
    display: flex;
    justify-content: flex-end;
    flex: unset;
    gap: 10px;
}
.footer-more .widget {
    text-align: right;
    margin-bottom: 15px;
    display: block;
}
.app .widget-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px
}
.app img {
    height: 35px;
    width: auto
}
.footer .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}
.footer .menu li a {
    color: #999;
    font-size: 14px;
    padding: 5px
}
.footer .menu li:after {
    content: "-"
}
.ads-sticky-bottom {
    margin: 0 auto;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 1100px;
    z-index: 998;
    height: auto;
    text-align: center;
    background: hsl(0deg 0% 35.43% / 80%);
    min-height: 60px;
    max-height: 160px;
    left: 0;
    right: 0
}
.ads-sticky-bottom .widget img {
    display: block;
    margin: 0 auto
}
.btn-ads-close {
    position: absolute;
    background: var(--primary);
    display: inline-block;
    right: 0;
    top: -20px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    cursor: pointer
}
.ads-close-icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 10px;
    height: 10px
}
.ads-close-icon:after,.ads-close-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.ads-close-icon:before {
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.ads-sticky-left {
    position: fixed;
    left: 50%;
    margin-left: -710px
}
.ads-sticky-right {
    position: fixed;
    right: 50%;
    margin-right: -710px
}
.ads-sticky {
    width: 160px;
    height: 600px;
    display: block;
    top: 0;
    z-index: 998;
}
.ads-sticky.newtop {
    top: 65px !important;
}
body.single .ads-sticky.newtop {
    top: 115px !important;
}
.widget-subheader {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    align-items: center
}
.subcategory {
    border: 1px solid #dfdfdf;
    outline: 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}
#startDate,select#startCategory {
    display: block;
    height: calc(1.96875rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #494c57;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    position: relative;
    z-index: 7;
    width: 145px
}
.subcategory:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;
    height: 6px;
    width: 6px;
    display: block;
    border: solid #777;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}
.pagination-index a {
    padding: 8px 12px;
    display: inline-block;
    line-height: 1;
    border-radius: 20px;
    color: #222;
    border: 2px solid #e3e2e3;
    font-weight: 600;
    font-size: 14px;
    margin: 0 2px
}
.widget.gridlist .widget-content,.widget.popular .widget-content,.widget.topic .widget-content {
    border-radius: 10px;
    overflow: hidden
}
.widget.headline {
    border-radius: 10px;
    overflow: hidden
}
.icon-comen .counte {
    position: absolute;
    top: -2px;
    right: -7px;
    padding: 0 5px;
    border-radius: 8px;
    background: var(--primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    color: #fff
}
.commentsArea ol,.commentsArea ul {
    list-style: none
}
.commentsArea ol {
    margin: 0;
    list-style: none;
    padding: 0 0 20px
}
.commentBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px
}
.commentAvatar {
    width: 32px;
    border-radius: 50%;
    height: 32px;
    background: #eee;
    margin-right: 10px
}
.commentAvatar img {
    display: block;
    border-radius: 50%;
    object-fit: cover;
    width: 100%;
    height: 100%
}
.commentAuthorName,.commentAuthorName a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000
}
.commentBodyText {
    font-size: 14px;
    position: relative;
    line-height: 1.25;
    word-break: break-word;
    overflow-wrap: break-word;
    margin: 0 0 5px;
    color: #727272
}
.commentBodyFooter {
    color: #727272;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400
}
.commentBodyFooter a {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    color: #727272;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}
.commentBodyFooter a:after,.commentBodyFooter time:after {
    content: "\00B7";
    margin: 0 4px;
    font-weight: 400
}
.comment-tr {
    padding: 15px;
    background: #efefef;
    border-radius: 10px
}
.commentBodyModeration {
    font-style: italic;
    font-weight: 600
}
.comment-reply-title {
    display: flex;
    margin: 0 0 15px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.15px;
    padding-bottom: 7px;
    justify-content: space-between;
    font-family: Roboto Condensed,sans-serif;
    border-bottom: 1px solid #dfdfdf;
    position: relative
}
.comment-reply-title:before {
    content: "";
    position: absolute;
    height: 3px;
    background: var(--primary);
    width: 10%;
    top: 26px
}
.comment-respond {
    position: relative;
    padding: 12px 0;
    border-radius: 5px;
    margin-bottom: 20px;
}
.comment-notes,.commentBodyModeration {
    font-size: 14px;
    padding: 5px 0;
    border-radius: 5px;
    color: #222;
}
.comment-form input,.comment-form textarea {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    outline: 0;
    font-size: 14px
}
.comments-pagination {
    text-align: center;
    font-size: 14px;
    padding: 10px 0
}
.form-submit {
    text-align: right;
    margin-bottom: 0;
    margin-top: 0
}
.comment-form .form-submit input {
    display: inline-block;
    width: auto;
    background: var(--primary);
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 0
}
.logged-in-as a {
    font-weight: 600
}
.commentBodyFooter>:last-child::after {
    content: ""
}
.comment-form-cookies-consent label {
    font-size: 14px;
    margin-left: 35px;
}
.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.comment-form-cookies-consent label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #c9c9c9;
    display: block;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
}
.comment-form-cookies-consent #wp-comment-cookies-consent:checked ~ ::before {
    content: "";
    background: var(--primary);
}
.comment-form-cookies-consent #wp-comment-cookies-consent:checked ~ ::after {
    left: 10px;
    top: 6px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    top: 5px;
    left: 9px;
}
.banner {
    position: relative;
    display: block;
    margin: 0 auto;
}
.banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #dddddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6C4.44772 6 4 6.44772 4 7V8H6V7C6 6.44772 5.55228 6 5 6Z' fill='%23999'/%3E%3Cpath d='M11 8H9.5C9.22386 8 9 8.22386 9 8.5C9 8.77614 9.22386 9 9.5 9H11V8Z' fill='%23999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4.5C0 3.11929 1.11929 2 2.5 2H12.5C13.8807 2 15 3.11929 15 4.5V10.5C15 11.8807 13.8807 13 12.5 13H2.5C1.11929 13 0 11.8807 0 10.5V4.5ZM4 10V9H6V10H7V7C7 5.89543 6.10457 5 5 5C3.89543 5 3 5.89543 3 7V10H4ZM11 7H9.5C8.67157 7 8 7.67157 8 8.5C8 9.32843 8.67157 10 9.5 10H12V5H11V7Z' fill='%23999'/%3E%3C/svg%3E");
}
.banner.ads970250 {
    width: 970px;
    max-width: 100%;
    height: 250px;
}
.banner.ads160600 {
    width: 160px;
    max-width: 100%;
    height: 600px;
}
.banner.ads72890 {
    width: 728px;
    max-width: 100%;
    height: 90px;
}
.banner.ads300600 {
    width: 300px;
    max-width: 100%;
    height: 600px;
}
.banner.ads300300 {
    width: 300px;
    max-width: 100%;
    height: 300px;
}
.search-btn {
    background: transparent;
}
@media (prefers-color-scheme: dark) {
    body.otomatis .banner:before {
        background-color: #141414;
    }
    body.otomatis, body.otomatis select#startCategory option {
        background: #1c1c1c;
    }
    body.otomatis .billboard .widget, body.otomatis .comment-form input, body.otomatis .comment-form textarea, body.otomatis .comment-tr, body.otomatis .footer, body.otomatis .gridlist-item, body.otomatis .header, body.otomatis .headline, body.otomatis .media-image:before, body.otomatis .navigation, body.otomatis .network, body.otomatis .pagination, body.otomatis .popular-item, body.otomatis .popular-text, body.otomatis .share-popup, body.otomatis .social, body.otomatis .tag-box ul li a, body.otomatis .topic-item, body.otomatis .widget.related, body.otomatis .slick-dots, body.otomatis .video .video-item:first-child .video-text, body.otomatis .grid .grid-text {
        background: #222;
    }
    body.otomatis .popular-item:hover {
        background: #333;
    }
    body.otomatis, body.otomatis #startDate, body.otomatis #startDate::placeholder, body.otomatis .aut-name, body.otomatis .comment-form input, body.otomatis .comment-form input::placeholder, body.otomatis .comment-form textarea, body.otomatis .comment-form textarea::placeholder, body.otomatis .comment-header .comments_title, body.otomatis .commentAuthorName, body.otomatis .commentAuthorName a, body.otomatis .commentBodyFooter, body.otomatis .commentBodyFooter a, body.otomatis .csnav ul li a, body.otomatis .error-title, body.otomatis .grid .grid-text a, body.otomatis .gridlist-text a, body.otomatis .indeks .indeks-text a, body.otomatis .kolom-text a, body.otomatis .list-text a, body.otomatis .network ul li a, body.otomatis .pagination .post-page-numbers, body.otomatis .pagination-index a, body.otomatis .paginationPostLabel, body.otomatis .popular-text a, body.otomatis .post-title, body.otomatis .redaksi-item a, body.otomatis .related-item .related-text a, body.otomatis .share-deskripsi, body.otomatis .share-label, body.otomatis .share-popup, body.otomatis .share-popup-label, body.otomatis .share-popup-title, body.otomatis .share-title, body.otomatis .slider .slider-text a, body.otomatis .social-comment, body.otomatis .tag-box ul li a, body.otomatis .tag-label, body.otomatis .topic-text a, body.otomatis .video .video-text a, body.otomatis .widget-header .widget-title, body.otomatis .widget-more:hover, body.otomatis .widget-pagination .page-numbers, body.otomatis select#startCategory, body.otomatis .credits-name a {
        color: #fff
    }
    body.otomatis .gridlist-text:after,body.otomatis .topic-text:after {
        background: #5a5a5a;
    }
    body.otomatis #startDate, body.otomatis .aut-share, body.otomatis .comment-form input, body.otomatis .comment-form textarea, body.otomatis .comment-header, body.otomatis .comment-reply-title, body.otomatis .gridlist-item, body.otomatis .indeks .indeks-text, body.otomatis .list-text, body.otomatis .pagination .post-reaction, body.otomatis .pagination-index a, body.otomatis .popular-text, body.otomatis .related-item, body.otomatis .subcategory, body.otomatis .topic-item, body.otomatis .video .video-text, body.otomatis .widget-header, body.otomatis select#startCategory, body.otomatis .kolom .kolom-image, body.otomatis .avatar-image, body.otomatis .aut-image {
        border-color: #262626;
    }
    body.otomatis .box-pagination, body.otomatis .pagination, body.otomatis .slick-dots {
        border-color: #1f1f1f
    }
    body.otomatis .comment-notes, body.otomatis .commentBodyModeration, body.otomatis .commentBodyText, body.otomatis .desc-box, body.otomatis .error-desc, body.otomatis .indeks .indeks-date, body.otomatis .post-meta, body.otomatis .reaction-item, body.otomatis .slider-time, body.otomatis .video .video-time, body.otomatis .credits-label {
        color: #999
    }
    body.otomatis .popular-item:hover .popular-text {
        background: transparent;
    }
    body.otomatis .pagination .post-page-numbers, body.otomatis .share-sticky, body.otomatis .widget-pagination .page-numbers, body.otomatis .widget-pagination .page-numbers.dots:hover, body.otomatis .widget-pagination .pagination-next, body.otomatis .avatar-image, body.otomatis .aut-image {
        background: #3b3b3b
    }
    body.otomatis .reaction-item .icon-reaction {
        -webkit-filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
        filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%)
    }
    body.otomatis .pagination .post-page-numbers,body.otomatis .tag-box ul li a,body.otomatis .widget-pagination .page-numbers,body.otomatis .widget-pagination .page-numbers.dots:hover,body.otomatis .widget-pagination .pagination-next {
        border-color: #3b3b3b
    }
    body.otomatis .comment-form .form-submit input,body.otomatis .pagination .post-page-numbers.current,body.otomatis .pagination .post-page-numbers:hover,body.otomatis .pagination-next:hover,body.otomatis .tag-box ul li a:hover,body.otomatis .widget-pagination .page-numbers.active,body.otomatis .widget-pagination .page-numbers.current,body.otomatis .widget-pagination .page-numbers:hover {
        background: var(--primary)
    }
    body.otomatis .ads-sticky-bottom {
        background: hsl(0deg 0% 0% / 80%)
    }
    body.otomatis .pagination .post-page-numbers.current,body.otomatis .pagination-next:hover,body.otomatis .widget-pagination .page-numbers.active,body.otomatis .widget-pagination .page-numbers:hover {
        border-color: var(--primary)
    }
    body.otomatis .body-ads:before {
        background-color: #1f1f1f;
        color: #999
    }
    body.otomatis .media-image:after {
        background-image: linear-gradient(90deg,rgb(0 0 0 / 0%) 0,rgb(0 0 0 / 20%) 20%,rgb(0 0 0 / 50%) 60%,rgb(0 0 0 / 0%))
    }

    body.otomatis .csnav ul li a:hover, body.otomatis .network ul li a:hover,body.otomatis .related .widget-header .widget-title {
        color: var(--primary)
    }
    body.otomatis .grid .grid-text a:hover, body.otomatis .gridlist-text a:hover, body.otomatis .indeks .indeks-text a:hover, body.otomatis .kolom-text a:hover, body.otomatis .list-text a:hover, body.otomatis .popular-text a:hover, body.otomatis .related-item .related-text a:hover, body.otomatis .slider .slider-text a:hover, body.otomatis .topic-text a:hover, body.otomatis .video .video-text a:hover {
        color: var(--primary)
    }
    body.otomatis .share-body {
        background: #1e1e1e;
    }
    body.otomatis .search-btn {
        background: transparent;
    }
}
body.darkmode .banner:before {
    background-color: #141414;
}
body.darkmode, body.darkmode select#startCategory option {
    background: #1c1c1c;
}
body.darkmode .billboard .widget, body.darkmode .comment-form input, body.darkmode .comment-form textarea, body.darkmode .comment-tr, body.darkmode .footer, body.darkmode .gridlist-item, body.darkmode .header, body.darkmode .headline, body.darkmode .media-image:before, body.darkmode .navigation, body.darkmode .network, body.darkmode .pagination, body.darkmode .popular-item, body.darkmode .popular-text, body.darkmode .share-popup, body.darkmode .social, body.darkmode .tag-box ul li a, body.darkmode .topic-item, body.darkmode .widget.related, body.darkmode .slick-dots, body.darkmode .video .video-item:first-child .video-text, body.darkmode .grid .grid-text {
    background: #222;
}
body.darkmode .popular-item:hover {
    background: #333;
}
body.darkmode, body.darkmode #startDate, body.darkmode #startDate::placeholder, body.darkmode .aut-name, body.darkmode .comment-form input, body.darkmode .comment-form input::placeholder, body.darkmode .comment-form textarea, body.darkmode .comment-form textarea::placeholder, body.darkmode .comment-header .comments_title, body.darkmode .commentAuthorName, body.darkmode .commentAuthorName a, body.darkmode .commentBodyFooter, body.darkmode .commentBodyFooter a, body.darkmode .csnav ul li a, body.darkmode .error-title, body.darkmode .grid .grid-text a, body.darkmode .gridlist-text a, body.darkmode .indeks .indeks-text a, body.darkmode .kolom-text a, body.darkmode .list-text a, body.darkmode .network ul li a, body.darkmode .pagination .post-page-numbers, body.darkmode .pagination-index a, body.darkmode .paginationPostLabel, body.darkmode .popular-text a, body.darkmode .post-title, body.darkmode .redaksi-item a, body.darkmode .related-item .related-text a, body.darkmode .share-deskripsi, body.darkmode .share-label, body.darkmode .share-popup, body.darkmode .share-popup-label, body.darkmode .share-popup-title, body.darkmode .share-title, body.darkmode .slider .slider-text a, body.darkmode .social-comment, body.darkmode .tag-box ul li a, body.darkmode .tag-label, body.darkmode .topic-text a, body.darkmode .video .video-text a, body.darkmode .widget-header .widget-title, body.darkmode .widget-more:hover, body.darkmode .widget-pagination .page-numbers, body.darkmode select#startCategory, body.darkmode .credits-name a {
    color: #fff
}
body.darkmode .gridlist-text:after,body.darkmode .topic-text:after {
    background: #5a5a5a;
}
body.darkmode #startDate, body.darkmode .aut-share, body.darkmode .comment-form input, body.darkmode .comment-form textarea, body.darkmode .comment-header, body.darkmode .comment-reply-title, body.darkmode .gridlist-item, body.darkmode .indeks .indeks-text, body.darkmode .list-text, body.darkmode .pagination .post-reaction, body.darkmode .pagination-index a, body.darkmode .popular-text, body.darkmode .related-item, body.darkmode .subcategory, body.darkmode .topic-item, body.darkmode .video .video-text, body.darkmode .widget-header, body.darkmode select#startCategory, body.darkmode .kolom .kolom-image, body.darkmode .avatar-image, body.darkmode .aut-image {
    border-color: #262626;
}
body.darkmode .box-pagination, body.darkmode .pagination, body.darkmode .slick-dots {
    border-color: #1f1f1f
}
body.darkmode .comment-notes, body.darkmode .commentBodyModeration, body.darkmode .commentBodyText, body.darkmode .desc-box, body.darkmode .error-desc, body.darkmode .indeks .indeks-date, body.darkmode .post-meta, body.darkmode .reaction-item, body.darkmode .slider-time, body.darkmode .video .video-time, body.darkmode .credits-label {
    color: #999
}
body.darkmode .popular-item:hover .popular-text {
    background: transparent;
}
body.darkmode .pagination .post-page-numbers, body.darkmode .share-sticky, body.darkmode .widget-pagination .page-numbers, body.darkmode .widget-pagination .page-numbers.dots:hover, body.darkmode .widget-pagination .pagination-next, body.darkmode .avatar-image, body.darkmode .aut-image {
    background: #3b3b3b
}
body.darkmode .reaction-item .icon-reaction {
    -webkit-filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
    filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%)
}
body.darkmode .pagination .post-page-numbers,body.darkmode .tag-box ul li a,body.darkmode .widget-pagination .page-numbers,body.darkmode .widget-pagination .page-numbers.dots:hover,body.darkmode .widget-pagination .pagination-next {
    border-color: #3b3b3b
}
body.darkmode .comment-form .form-submit input,body.darkmode .pagination .post-page-numbers.current,body.darkmode .pagination .post-page-numbers:hover,body.darkmode .pagination-next:hover,body.darkmode .tag-box ul li a:hover,body.darkmode .widget-pagination .page-numbers.active,body.darkmode .widget-pagination .page-numbers.current,body.darkmode .widget-pagination .page-numbers:hover {
    background: var(--primary)
}
body.darkmode .ads-sticky-bottom {
    background: hsl(0deg 0% 0% / 80%)
}
body.darkmode .pagination .post-page-numbers.current,body.darkmode .pagination-next:hover,body.darkmode .widget-pagination .page-numbers.active,body.darkmode .widget-pagination .page-numbers:hover {
    border-color: var(--primary)
}
body.darkmode .body-ads:before {
    background-color: #1f1f1f;
    color: #999
}
body.darkmode .media-image:after {
    background-image: linear-gradient(90deg,rgb(0 0 0 / 0%) 0,rgb(0 0 0 / 20%) 20%,rgb(0 0 0 / 50%) 60%,rgb(0 0 0 / 0%))
}

body.darkmode .csnav ul li a:hover, body.darkmode .network ul li a:hover,body.darkmode .related .widget-header .widget-title {
    color: var(--primary)
}
body.darkmode .grid .grid-text a:hover, body.darkmode .gridlist-text a:hover, body.darkmode .indeks .indeks-text a:hover, body.darkmode .kolom-text a:hover, body.darkmode .list-text a:hover, body.darkmode .popular-text a:hover, body.darkmode .related-item .related-text a:hover, body.darkmode .slider .slider-text a:hover, body.darkmode .topic-text a:hover, body.darkmode .video .video-text a:hover {
    color: var(--primary)
}
body.darkmode .share-body {
    background: #1e1e1e;
}
body.darkmode .search-btn {
    background: transparent;
}