:root {
    --color1: #212121;
    --color2: #c00000;
    --color3: #e52719;
    --color4: #f4a300;
    --widthparallaxdesktop: 100%;
    --heightparallaxdesktop: 250px;
    --textparallax:
    "Scroll untuk lanjut membaca";
}

*,::after,::before {
    box-sizing: border-box
}
a,a:hover {
    color: var(--color1)
}

figure img,img {
    height: auto
}

.footer-bottom ul.menu li a:before,.social ul li a:before,.social-comment-icon:before {
    -webkit-filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
}

.wp-block-gallery {
    align-items: unset !important;
    flex-wrap: unset !important;
    align-items: unset !important;
    gap: unset !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.slick-gallery figcaption {
    text-align: left !important;
    font-size: 14px;
    margin-top: 15px;
    flex-grow: unset !important;
    flex-basis: unset !important;
    display: block !important;
}

.slick-gallery .spotlight {
    overflow: hidden;
    height: 0 !important;
    position: relative !important;
    display: block !important;
    padding-bottom: 60%;
    border-radius: 8px;
}

.slick-gallery .spotlight img {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    object-fit: cover;
}

.wp-block-gallery .btn-prev, .wp-block-gallery .btn-next {
    position: absolute;
    z-index: 2;
    top: 185px;
    background-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
}

.wp-block-gallery .btn-next {
    right: 5px;
}

.wp-block-gallery .btn-prev {
    left: 5px;
}

.wp-block-gallery .btn-prev svg, .wp-block-gallery .btn-next svg {
    height: 22px;
}

.slick-gallery .spotlight:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23fff;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 392.619 392.619' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='149.206,222.201 103.831,267.576 103.846,216.848 73.309,247.384 73.31,319.31 145.235,319.31 175.772,288.773 125.044,288.788 170.418,243.414 170.418,222.201 '/%3E%3Cpolygon points='243.414,170.418 288.788,125.043 288.773,175.771 319.31,145.235 319.309,73.309 247.384,73.309 216.847,103.846 267.575,103.831 222.201,149.205 222.201,170.418 '/%3E%3Cpolygon points='170.418,149.206 125.043,103.831 175.771,103.845 145.235,73.309 73.309,73.309 73.309,145.235 103.845,175.771 103.83,125.044 149.205,170.418 170.418,170.418 '/%3E%3Cpolygon points='288.789,267.576 243.414,222.201 222.201,222.201 222.201,243.414 267.576,288.789 216.848,288.774 247.385,319.31 319.31,319.31 319.31,247.384 288.774,216.848 '/%3E%3Cpath d='M310.724,0.929H81.896C36.738,0.929,0,37.667,0,82.825v226.97c0,45.157,36.738,81.896,81.896,81.896h228.828 c45.157,0,81.896-36.738,81.896-81.896V82.825C392.619,37.667,355.881,0.929,310.724,0.929z M362.619,309.795 c0,28.615-23.28,51.896-51.896,51.896H81.896C53.28,361.69,30,338.41,30,309.795V82.825c0-28.616,23.28-51.896,51.896-51.896 h228.828c28.615,0,51.896,23.28,51.896,51.896V309.795z'/%3E%3Cpolygon style='fill:%2300000080;' points='243.414,222.201 279.645,222.201 279.645,170.418 243.414,170.418 222.201,170.418 222.201,149.205 222.201,112.974 170.418,112.974 170.418,149.206 170.418,170.418 149.205,170.418 112.974,170.418 112.974,222.201 149.206,222.201 170.418,222.201 170.418,243.414 170.418,279.645 222.201,279.645 222.201,243.414 222.201,222.201 '/%3E%3C/g%3E%3C/svg%3E");
    background-color: #000000d9;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 2;
    display: block;
    width: 35px;
    height: 35px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}

.slick-dots li.slick-active button {
    display: block;
}

.slick-dots li button {
    display: none;
}

.slick-dots {
    display: flex;
    width: 100%;
    padding: 11px;
    background: #f5f5f5;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-family: Montserrat,sans-serif;
    counter-reset: section;
    list-style: none;
    border: 1px solid #e5e5e5;
}

.slick-dots button {
    background: transparent;
    border: 0;
    outline: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}

.slick-dots li:after {
    counter-increment: section;
    content: "dari " counter(section) "";
}

.slick-dots li:after {
    font-size: 0;
    display: block;
}

.slick-dots li:last-child::after {
    font-size: 14px;
    line-height: 1;
}

.slick-dots li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.indeks-text h2,.video .video-text h2 {
    line-height: 1.24;
    font-weight: 600;
    -webkit-line-clamp: 3
}

.search-input,figure img,img {
    max-width: 100%
}

.redaksi .btn-redaksi,.search-icon {
    outline: 0;
    cursor: pointer;
    opacity: 1
}

.commentBodyFooter a,.redaksi .author-name,.redaksi .author-role,.redaksi .label-btn,body {
    -webkit-font-smoothing: antialiased
}

a {
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

body {
    margin: 0;
    font-size: 14px;
    font-family: Montserrat,sans-serif;
    line-height: 1.4;
    background: #fff
}

body.nooverflow {
    overflow: unset
}

@-webkit-keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

figure {
    margin: 0 0 1em
}

figure img {
    vertical-align: bottom
}

.wp-block-image figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

input {
    outline: 0
}

.media-image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ddd;
    animation: 1s infinite shine
}

.media-image:after {
    position: absolute;
    top: 0;
    right: 0;
    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;
    z-index: 1;
    object-fit: cover;
    -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
}

.media:hover .media-image img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

.media-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.frame,.headline-item,.net-item,.network nav>ul>li,.network ul>li>a,.next-article,.popular .popular-item,.post-article figure,.search-btn,.subcategory {
    position: relative
}

.container {
    width: 994px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 12px;
}

.frame {
    width: 100%;
    box-shadow: 0 0 4px rgb(33 34 41 / 21%);
    min-width: 980px;
}

.frame-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.footer-bottom ul.menu li .menu-image-title,.footer-share .social-right,.loading,.mode>.hide,.navigation .search-nav,.network .sub-menu,.no-more,.primary-menu ul li.logo img.menu-image,.redaksi .redaksi-content.hide,.sidebar .video .video-item:first-child .video-text .video-snip,.social ul li .menu-image-title,.status .pagination-index .triger {
    display: none
}

.network ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.network ul>li>a {
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 9px 0;
    outline: 0;
}

.network ul>li>a span.menu-image-title-after.menu-image-title {
    padding-left: 5px
}

.network ul>li.menu-item-has-children>a:after {
    content: "";
    position: absolute;
    top: 38%;
    right: -15px;
    height: 6px;
    width: 6px;
    display: block;
    border: solid #999;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.network ul li img.menu-image {
    width: 28px;
    height: 28px;
    padding: 0
}

.network nav>ul>li:hover .sub-menu {
    display: flex
}

.network nav>ul>li .sub-menu {
    background: #fff;
    border: 1px solid #e0e0e0;
    min-width: 980px;
    top: 46px;
    z-index: 1000;
    box-shadow: rgb(49 53 59 / 12%) 0 1px 3px 0;
    max-height: 355px;
    overflow-y: auto;
    padding: 8px;
    left: 0;
    border-radius: 0 0 8px 8px;
    display: none;
    flex-wrap: wrap;
    position: absolute
}

.network nav>ul>li .sub-menu>li {
    width: 20%;
    padding: 5px
}

.network nav>ul>li .sub-menu>li>a {
    font-size: 14px;
    padding: 6px 8px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    display: block;
    text-transform: none
}

.share-box ul,.social ul {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 9px 0;
    gap: 5px;
}

.social ul li a {
    height: 28px;
    width: 28px;
    display: flex;
    background: #e7e3e3;
    border-radius: 100%;
    justify-content: center;
    align-items: center
}

.footer-bottom ul.menu li a:before,.social ul li a:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
}

.footer-bottom ul.menu li.facebook a:before,.social ul li.facebook a:before {
    background-image: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 9px
}

.footer-bottom ul.menu li.twitter a:before,.social ul li.twitter a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0.0551897 0L5.97805 8.73568L0 16H1.60552L6.70304 9.80469L10.9025 16H16L9.49765 6.40885L14.7708 0H13.1653L8.77266 5.33984L5.15271 0H0.0551897ZM2.51364 1.33333H4.48166L13.5415 14.6667H11.5735L2.51364 1.33333Z' fill='currentColor'/%3E%3C/svg%3E");
    background-size: 12px;
}
.footer-bottom ul.menu li.whatsapp a:before,.social ul li.whatsapp a:before {
    background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 56.693 56.693' width='24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath class='st0' d='M46.3802,10.7138c-4.6512-4.6565-10.8365-7.222-17.4266-7.2247c-13.5785,0-24.63,11.0506-24.6353,24.6333 c-0.0019,4.342,1.1325,8.58,3.2884,12.3159l-3.495,12.7657l13.0595-3.4257c3.5982,1.9626,7.6495,2.9971,11.7726,2.9985h0.01 c0.0008,0-0.0006,0,0.0002,0c13.5771,0,24.6293-11.0517,24.635-24.6347C53.5914,21.5595,51.0313,15.3701,46.3802,10.7138z M28.9537,48.6163h-0.0083c-3.674-0.0014-7.2777-0.9886-10.4215-2.8541l-0.7476-0.4437l-7.7497,2.0328l2.0686-7.5558 l-0.4869-0.7748c-2.0496-3.26-3.1321-7.028-3.1305-10.8969c0.0044-11.2894,9.19-20.474,20.4842-20.474 c5.469,0.0017,10.6101,2.1344,14.476,6.0047c3.8658,3.8703,5.9936,9.0148,5.9914,14.4859 C49.4248,39.4307,40.2395,48.6163,28.9537,48.6163z'%3E%3C/path%3E%3Cpath class='st0' d='M40.1851,33.281c-0.6155-0.3081-3.6419-1.797-4.2061-2.0026c-0.5642-0.2054-0.9746-0.3081-1.3849,0.3081 c-0.4103,0.6161-1.59,2.0027-1.9491,2.4136c-0.359,0.4106-0.7182,0.4623-1.3336,0.1539c-0.6155-0.3081-2.5989-0.958-4.95-3.0551 c-1.83-1.6323-3.0653-3.6479-3.4245-4.2643c-0.359-0.6161-0.0382-0.9492,0.27-1.2562c0.2769-0.2759,0.6156-0.7189,0.9234-1.0784 c0.3077-0.3593,0.4103-0.6163,0.6155-1.0268c0.2052-0.4109,0.1027-0.7704-0.0513-1.0784 c-0.1539-0.3081-1.3849-3.3379-1.8978-4.5706c-0.4998-1.2001-1.0072-1.0375-1.3851-1.0566 c-0.3585-0.0179-0.7694-0.0216-1.1797-0.0216s-1.0773,0.1541-1.6414,0.7702c-0.5642,0.6163-2.1545,2.1056-2.1545,5.1351 c0,3.0299,2.2057,5.9569,2.5135,6.3676c0.3077,0.411,4.3405,6.6282,10.5153,9.2945c1.4686,0.6343,2.6152,1.013,3.5091,1.2966 c1.4746,0.4686,2.8165,0.4024,3.8771,0.2439c1.1827-0.1767,3.6419-1.489,4.1548-2.9267c0.513-1.438,0.513-2.6706,0.359-2.9272 C41.211,33.7433,40.8006,33.5892,40.1851,33.281z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.footer-bottom ul.menu li.telegram a:before,.social ul li.telegram a:before {
    background-image: url("data:image/svg+xml,%3Csvg height='24' version='1.1' viewBox='0 0 512 512' width='24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='_x33_35-telegram'%3E%3Cg%3E%3Cg%3E%3Cpath d='M484.689,98.231l-69.417,327.37c-5.237,23.105-18.895,28.854-38.304,17.972L271.2,365.631 l-51.034,49.086c-5.646,5.647-10.371,10.372-21.256,10.372l7.598-107.722L402.539,140.23c8.523-7.598-1.848-11.809-13.247-4.21 L146.95,288.614L42.619,255.96c-22.694-7.086-23.104-22.695,4.723-33.579L455.423,65.166 C474.316,58.081,490.85,69.375,484.689,98.231z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.footer-bottom ul.menu li.instagram a:before,.social ul li.instagram a:before {
    background-image: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E")
}

.footer-bottom ul.menu li.youtube a:before,.social ul li.youtube a:before {
    background-image: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'%3E%3C/path%3E%3C/svg%3E")
}

.footer-bottom ul.menu li.tiktok a:before,.social ul li.tiktok a:before {
    background-image: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 12px
}

.aut-share a.facebook,.social ul li.facebook a {
    background: #3b5998
}

.aut-share a.twitter,.social ul li.twitter a {
    background: #000
}
.aut-share a.whatsapp,.social ul li.whatsapp a {
    background: #25d366;
}

.social ul li.telegram a {
    background: #2aabee
}

.aut-share a.instagram,.social ul li.instagram a {
    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%)
}

.header-search form:before,.search-btn:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(57%) sepia(0%) saturate(61%) hue-rotate(240deg) brightness(105%) contrast(97%)
}

.social ul li.youtube a {
    background: #cd201f
}

.social ul li.tiktok a {
    background: #000
}

.billboard.parallax {
    width: 970px;
    height: var(--heightparallaxdesktop);
    position: relative;
    max-width: var(--widthparallaxdesktop);
    left: 0;
    right: 0;
    margin: 0 auto 10px
}

.billboard.parallax .widget {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto,auto,auto,auto);
    max-height: unset;
    margin: 0;
    min-height: unset
}

.billboard.parallax .widget-parallax {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 46px;
    -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
}

.header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0
}

.header-brand img {
    width: auto;
    height: 35px;
}

.header-brand a,.navigation.newnav .primary-menu ul li.logo img.menu-image,.navigation.newnav .search-nav,.search-sticky.show {
    display: block
}
.header-brand a {
    outline:0;
}
.header-search form {
    display: flex;
    align-items: center;
    border: 1px solid #88888826;
    margin: 0;
    border-radius: 24px;
    width: 380px
}

.search-input {
    flex-grow: 1;
    line-height: 20px;
    padding: 8px 0;
    white-space: nowrap;
    font-size: 14px;
    outline: 0;
    width: 100%;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-search form:before {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 40px;
    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='search' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(3.000000, 3.000000)' stroke='%23212121' stroke-width='1.5'%3E%3Ccircle id='Oval' cx='7.5' cy='7.5' r='7.5'%3E%3C/circle%3E%3Cpath d='M18,18 L12.8,12.8' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    height: 38px;
    background-size: 22px
}

.search-btn {
    height: 36px;
    width: 36px;
    outline: 0;
    box-shadow: none;
    border: 0;
    background: 0 0
}

.search-btn:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 16 3 C 8.832031 3 3 8.832031 3 16 C 3 23.167969 8.832031 29 16 29 C 23.167969 29 29 23.167969 29 16 C 29 8.832031 23.167969 3 16 3 Z M 16 5 C 22.085938 5 27 9.914063 27 16 C 27 22.085938 22.085938 27 16 27 C 9.914063 27 5 22.085938 5 16 C 5 9.914063 9.914063 5 16 5 Z M 16.71875 9.59375 L 15.28125 11 L 19.28125 15 L 9 15 L 9 17 L 19.28125 17 L 15.28125 21 L 16.71875 22.40625 L 23.125 16 Z'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block
}

.mode {
    color: #7d7d7d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 38px;
    width: 38px;
    justify-content: center;
    cursor: pointer
}

.indeks-category,.media-title:hover,body.darkmode .media .media-title:hover,body.darkmode .populartag .tag-item .media-text h2 a:hover {
    color: var(--color2)
}

.navigation {
    position: sticky;
    top: 0;
    z-index: 999
}

.navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.primary-menu {
    position: relative;
    border-radius: 8px 8px 0 0;
    background-color: var(--color2);
    background: -webkit-linear-gradient(right,var(--color2) 20%,var(--color3) 100%);
    background: linear-gradient(to right,var(--color2) 20%,var(--color3) 100%);
    padding-right: 45px;
    padding-left: 10px
}
.navigation .primary-menu li {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}
.primary-menu ul li a {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    color: #fff;
    padding: 12px 8px;
    line-height: 1;
    position: relative;
    align-items: center
}

.primary-menu ul li img.menu-image {
    opacity: .9;
    border-radius: 100%;
    border: 2px solid #fff;
    width: 28px;
    height: 28px;
    padding: 0
}

.navigation .primary-menu li>.sub-menu>li a {
    color: #000;
    padding: 12px;
    display: block
}

.navigation .primary-menu li>.sub-menu>li {
    display: block;
    border-top: 1px solid #f0f0f0
}

.navigation .primary-menu li.menu-item-has-children:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    display: block;
    background-repeat: no-repeat;
    background-size: 12px
}
.navigation .primary-menu li>.sub-menu {
    list-style: none;
    padding: 0;
    animation: .2s cubic-bezier(.39,.575,.565,1) both dropdown-in;
    text-align: left;
    display: none;
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 3;
    left: auto;
    right: -8px;
    width: 200px;
    background: #f7f7f7;
    min-width: 200px;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
    height: auto;
}

.navigation .primary-menu li.menu-item-has-children:hover>.sub-menu {
    display: block;
    visibility: visible
}
.navigation .primary-menu li>.sub-menu>li:hover a, .darkmode .navigation .primary-menu li>.sub-menu>li:hover a {
    color: var(--color4);
}
.search-sticky {
    position: absolute;
    top: 100%;
    border-radius: 0 0 8px 8px;
    z-index: 98;
    display: none;
    right: 0;
    width: 340px;
    background: #fff;
    webkit-box-shadow: 0 4px 30px #00000012;
    box-shadow: 0 4px 30px #00000012;
    pointer-events: auto;
    padding: 12px
}

.search-sticky .header-search form {
    width: 100%
}

.search-sticky:before {
    position: absolute;
    top: -6px;
    right: 15px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px;
    border-color: transparent transparent #fff
}

.search-icon {
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    box-shadow: none;
    border: 0
}

.search-icon:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url("data:image/svg+xml,%0A%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='search' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(3.000000, 3.000000)' stroke='%23212121' stroke-width='1.5'%3E%3Ccircle id='Oval' cx='7.5' cy='7.5' r='7.5'%3E%3C/circle%3E%3Cpath d='M18,18 L12.8,12.8' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/22px no-repeat;
    filter: brightness(0) invert(1)
}

.indeks-image,.video .video-image {
    height: 0;
    position: relative;
    overflow: hidden
}

.search-icon.close:before {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z'/%3E%3C/svg%3E") center/22px no-repeat
}

.secondary-menu {
    position: relative;
    border-radius: 0 0 8px 8px;
    background-color: #f5f5f5;
    padding: 0 7px
}

.secondary-menu ul li a {
    padding: 12px 8px;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #212121;
    position: relative
}

.navigation.newnav .primary-menu,.navigation.newnav .secondary-menu {
    border-radius: 0
}

.primary-menu ul li a:hover, .primary-menu ul li.current-menu-item a {
    color: var(--color4)
}

.billboard .widget {
    margin: 15px auto 0;
    max-height: 250px;
    background: #f5f5f5;
    text-align: center;
    min-height: 90px
}

.foto-counter:before,.video-time:before {
    content: "";
    filter: brightness(0) invert(1);
    height: 10px;
    background-repeat: no-repeat;
    background-position: center
}

.main-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px
}

.content {
    flex: 1;
    max-width: 648px;
}

.indeks-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5
}

.indeks-item:last-child {
    border: none;
    padding-bottom: 0
}

.indeks-image {
    padding-bottom: 19%;
    margin-bottom: 5px;
    width: 220px;
    border-radius: 8px;
    margin-right: 15px
}

.aut-text,.commentBody,.indeks-text,.kolom .kolom-text,.list .list-text,.post-body,.video .video-item:first-child .video-text,.widget-desc.error-desc .error-box {
    flex: 1
}
.article-body.notfull .post-body {
    max-width: 473px;
}

.indeks-item:first-child {
    padding-top: 0
}

.indeks-text h2 {
    margin: 0;
    font-size: 20px;
    max-height: 75px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.indeks-category {
    font-size: 12px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.indeks-date {
    color: #727272;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px
}

.grid,.video {
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 15px
}

.foto-counter,.video .video-item:first-child .video-image .video-time,.video-time {
    position: absolute;
    z-index: 2;
    line-height: 1;
    background: rgba(0,0,0,.54);
    border-radius: 3px
}

.foto-counter,.video-time {
    padding: 2px 4px
}

.foto-counter:before {
    margin-right: 5px;
    width: 10px;
    display: inline-block;
    background-size: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M149.1 64.8L138.7 96H64C28.7 96 0 124.7 0 160V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H373.3L362.9 64.8C356.4 45.2 338.1 32 317.4 32H194.6c-20.7 0-39 13.2-45.5 32.8zM256 384c-53 0-96-43-96-96s43-96 96-96s96 43 96 96s-43 96-96 96z'/%3E%3C/svg%3E")
}

.video .video-image {
    padding-bottom: 59%;
    border-radius: 5px;
    width: 100%;
    margin: 0
}

.video .video-snip {
    margin: 3px 0 0;
    line-height: 1.3;
    font-size: 14px;
    color: rgba(0,0,0,.54);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: none
}

.video .video-item:first-child .video-text .video-snip {
    display: -webkit-box
}

.video .widget-content {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -5px 0
}

.video .video-item {
    position: relative;
    width: 25%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px
}

.video .video-text h2 {
    margin: 5px 0 0;
    font-size: 14px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.foto-counter,.video-time {
    color: #fff;
    right: 5px;
    top: 5px;
    font-size: 12px
}

.video .video-item:first-child {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px
}

.video .video-item:first-child .video-image {
    width: 360px;
    margin-right: 15px;
    padding-bottom: 31%
}

.video .video-item:first-child .video-text h2 {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 29px;
    max-height: 150px;
    -webkit-line-clamp: 4;
    font-weight: 600;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.video .video-item:first-child .video-image .video-time {
    right: 10px;
    top: 10px;
    padding: 3px 6px;
    color: #fff;
    font-size: 14px
}

.video-time:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='163.861px' height='163.861px' viewBox='0 0 163.861 163.861' style='enable-background:new 0 0 163.861 163.861;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M34.857,3.613C20.084-4.861,8.107,2.081,8.107,19.106v125.637c0,17.042,11.977,23.975,26.75,15.509L144.67,97.275 c14.778-8.477,14.778-22.211,0-30.686L34.857,3.613z'/%3E%3C/g%3E%3C/svg%3E%0A");
    margin-right: 5px;
    width: 10px;
    display: inline-block;
    background-size: 10px
}

.sidebar .video .video-item,.sidebar .video .video-item:first-child {
    width: 50%
}

.sidebar .video .video-item:first-child .video-text h2 {
    line-height: 1.24;
    margin: 5px 0 0;
    font-size: 14px;
    font-weight: 400;
    -webkit-line-clamp: 3
}

.sidebar .video .video-item:first-child .video-image {
    padding-bottom: 59%
}

.sidebar .video .video-item:first-child .video-time {
    padding: 2px 4px;
    right: 5px;
    top: 5px;
    font-size: 12px
}

.sidebar {
    flex: 0 0 300px;
    max-width: 300px;
    width: 300px;
    margin-left: 22px
}

.widget-header {
    margin-bottom: 15px;
    position: relative
}

.widget-header .widget-title {
    display: inline-block;
    margin: 0;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.15px;
    position: relative;
    padding-bottom: 7px
}

.comments_title:before,.paginationPostLabel:before,.widget-header .widget-title:before {
    content: '';
    height: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 50%;
    border-radius: 16px;
    background-color: var(--color2)
}

.headline,.popular {
    border: 1px solid #e5e5e5;
    overflow: hidden
}

.headline {
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
    border-radius: 8px
}

.headline .widget-header {
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 30px;
    left: -10px;
    z-index: 9;
    padding: 6px 20px 4px 30px;
    font-size: 16px
}

.headline .widget-header:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    border-radius: 5px;
    background-color: var(--color2);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.headline .widget-header .widget-title {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0
}

.commentBodyFooter>:last-child::after,.headline .widget-header .widget-title:before,.net .widget-header .widget-title:before {
    content: unset
}

.headline-image.media-image {
    width: 100%;
    margin: 0;
    padding-bottom: 56%;
    height: 0;
    position: relative;
    overflow: hidden
}

.headline-big .headline-text {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 80px 24px 18px;
    background: -webkit-linear-gradient(top,#000 1%,transparent);
    background: linear-gradient(to top,#000 1%,transparent);
    z-index: 9
}

.grid .grid-item,.headline-small .headline-item {
    max-width: 33.33333%;
    padding-right: 7.5px;
    padding-left: 7.5px
}

.headline-category {
    display: inline-block;
    border-bottom: 2px solid var(--color2);
    letter-spacing: 2.4px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase
}

.aut-name,.comment-reply-title {
    letter-spacing: -.15px;
    text-transform: uppercase
}

.headline-big .headline-text h2 {
    margin: 0;
    font-size: 32px;
    line-height: 34px;
    font-weight: 600;
}

.headline-big .headline-text a {
    color: #fff;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box
}

.headline-small {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    margin: 0 -7.5px
}

.share-box ul li a,.social-comment-icon {
    position: relative;
    margin-left: 3px;
    background: #727272;
    display: flex;
    text-align: center;
    vertical-align: middle
}

.headline-small .headline-item {
    flex: 0 0 33.33333%;
    margin-bottom: 15px
}

.grid .grid-text h2,.headline-small .headline-text h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.24;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    max-height: 54px
}

.headline-small .headline-image {
    padding-bottom: 59%;
    margin-bottom: 5px;
    border-radius: 5px
}

.grid .grid-item {
    position: relative;
    flex: 0 0 33.33333%;
    margin-bottom: 15px
}

.grid .widget-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px
}

.grid .grid-image {
    margin-bottom: 5px;
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 15px;
    padding-bottom: 59%
}

.grid .grid-text {
    margin-top: 5px
}

.grid-item:hover .grid-category {
    color: #212121
}

.grid .grid-category {
    font-size: 11px;
    color: var(--color2);
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 5px
}

.social-comment-icon {
    font-size: 14px;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px 10px;
    border-radius: 50em
}

.social-comment-icon:hover {
    background: #555;
    color: #fff
}

.social-comment-icon:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 32C114.6 32 .0272 125.1 .0272 240c0 47.63 19.91 91.25 52.91 126.2c-14.88 39.5-45.87 72.88-46.37 73.25c-6.625 7-8.375 17.25-4.625 26C5.818 474.2 14.38 480 24 480c61.5 0 109.1-25.75 139.1-46.25C191.1 442.8 223.3 448 256 448c141.4 0 255.1-93.13 255.1-208S397.4 32 256 32zM256.1 400c-26.75 0-53.12-4.125-78.38-12.12l-22.75-7.125l-19.5 13.75c-14.25 10.12-33.88 21.38-57.5 29c7.375-12.12 14.37-25.75 19.88-40.25l10.62-28l-20.62-21.87C69.82 314.1 48.07 282.2 48.07 240c0-88.25 93.25-160 208-160s208 71.75 208 160S370.8 400 256.1 400z'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
    background-size: 16px
}

.content .widget,.sidebar .widget {
    margin-bottom: 30px
}

.popular {
    padding: 12px 12px 0;
    border-radius: 8px
}

.net-image,.popular .popular-image {
    width: calc(100% + 24px);
    padding-bottom: 56%;
    height: 0;
    position: relative;
    overflow: hidden;
    margin: 0 -12px
}

.popular .popular-item:first-child {
    margin-top: -15px
}

.popular .popular-text {
    position: relative;
    margin: 10px 0;
    display: flex;
    align-items: center
}

.popular .popular-box {
    flex: 1;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px
}

.popular .popular-number {
    width: 55px;
    font-size: 34px;
    color: var(--color2);
    line-height: 1;
    font-weight: 600;
    display: flex;
    justify-content: center;
    letter-spacing: -4.5px;
    margin-left: -12px;
}

.popular .popular-category {
    font-size: 12px;
    color: #727272;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 5px;
    font-weight: 600;
    margin-bottom: 3px
}

.kolom .kolom-author,.net-author {
    font-size: 12px;
    text-transform: capitalize;
    line-height: 1
}

.kolom .kolom-text h2,.popular .popular-box h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.24;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box
}

.popular .popular-item:last-child .popular-box {
    border: none
}

.popular .popular-item:first-child .popular-text {
    position: unset
}

.kolom,.list,.populartag {
    padding: 12px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    border-radius: 8px
}

.kolom .kolom-item,.list .list-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

.kolom .kolom-image {
    width: 64px;
    margin: 0;
    padding-bottom: 64px;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 100%
}

.kolom .kolom-outline {
    padding: 3px;
    border: 2px solid #cdcdcd;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 10px
}

.post-body .paginationPostLink .post-page-numbers.current,.post-body .showall-page a {
    background: var(--color2);
    color: #fff
}

.kolom .kolom-item:first-child {
    margin-top: 0;
    border: 0
}

.kolom .kolom-author {
    color: #727272;
    margin-top: 5px;
    font-weight: 500
}

.list .list-image {
    padding-bottom: 74px;
    margin-bottom: 5px;
    width: 74px;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 10px
}

.list .list-text h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.24;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3
}

.list .list-item:first-child {
    margin: 0;
    border: 0;
    padding: 0
}

.list .list-date {
    color: #727272;
    font-size: 12px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 5px
}

.net {
    padding: 0 12px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    border-radius: 8px;
    position: relative
}

.net .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color2);
    padding: 4px 10px 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-top-right-radius: 8px;
    z-index: 9;
    margin: 0;
    margin-top: calc(56% - 40px)
}

.net .widget-header .widget-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.net-text h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.24
}

.breadcrumbs ul,.breadcrumbs ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #727272
}

.net-text {
    border-top: 1px solid #e5e5e5;
    margin: 0 -12px;
    padding: 12px
}

.net-author {
    color: #727272;
    margin-top: 5px;
    font-weight: 400
}

.breadcrumbs ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
    flex-wrap: wrap;
    position: relative
}

.breadcrumbs ul li:after {
    content: "/";
    padding: 0 6px
}

.breadcrumbs ul li:last-child::after,.footer-bottom .widget-header .widget-title:before {
    content: none
}

.post-title {
    font-size: 38px;
    line-height: 1.2;
    margin: 20px 0;
    font-weight: 700
}

.post-meta,.post-meta a {
    font-size: 15px;
    color: #727272;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}
.post-meta a {
    color: #222;
    font-weight: 700;
}
.post-more {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px
}

.social-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.share-box ul li a {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #fff
}

.share-box ul li svg {
    height: 16px
}

.share-box ul li a.facebook {
    background-color: #3b5998
}

.share-box ul li a.twitter {
    background-color: #000
}

.share-box ul li a.whatsapp {
    background-color: #25d366
}

.share-box ul li a.telegram {
    background-color: #2aabee
}

.article-body {
    display: flex;
    flex-wrap: wrap
}

.article-adv {
    max-width: 160px;
    width: 100%;
    margin-right: 15px
}

.article-adv .sticky-post,footer.footer {
    position: sticky;
    top: 110px
}

.article-featured .image-box {
    width: 100%;
    margin: 0;
    position: relative;
}

.article-featured .image-box img {
    width: 100%;
}

.article-featured figcaption {
    font-size: 13px;
    color: #727272;
    margin-top: 10px;
    line-height: 1.3;
    font-family: roboto
}

.article-featured {
    margin-bottom: 15px;
    position: relative
}

.post-article {
    max-width: 647px;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #212121;
    font-family: 'Roboto', sans-serif;
}

.bacajuga,.next-article,.post-body .pagination-post {
    font-family: Montserrat,sans-serif
}

.logged-in-as a,.post-article a {
    color: var(--color2);
    font-weight: 600
}

.post-article h2 {
    font-size: 18px
}

.post-article h3 {
    font-size: 16px
}

.post-article h4 {
    font-size: 14px
}

.post-article h5,.text-view {
    font-size: 12px
}

.post-article h6 {
    font-size: 10px
}

.bacajuga {
    font-weight: 600;
    line-height: 1.3;
    position: relative;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5
}

.bacajuga a {
    display: block;
    margin-top: 3px
}

.search-title {
    margin: 0 10px 0 0;
    font-size: 26px;
    font-weight: 700;
    flex-grow: 1;
    line-height: 1.24
}

.aut-share svg {
    height: 16px;
    z-index: 9;
    color: #fff
}

.aut-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px
}

.aut-image {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50em;
    margin-right: 15px
}

.aut-name {
    color: #000;
    margin: 0;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700
}

.aut-share a {
    margin-right: 5px;
    display: flex;
    background: #999;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50em;
    color: #fff;
    position: relative
}

.aut-share {
    display: flex;
    align-items: center;
    padding-top: 5px;
    border-top: 1px solid #dfdfdf;
    margin-top: 5px
}

.footer-bottom .widget,.widget-author {
    margin-bottom: 15px
}

.desc-box {
    color: #727272;
    font-size: 14px;
    margin-top: 5px
}

.error-box p,.search-desc {
    margin: 0;
    line-height: 1.2;
    font-size: 15px
}

.widget-desc {
    padding-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    line-height: 1;
    margin-bottom: 15px
}

.post-body .pagination-post {
    padding: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin-top: 30px
}

.post-body .paginationPostNum {
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap;
    align-items: center
}

.post-body .paginationPostLink {
    margin-top: 8px;
    padding-right: 13px;
    font-size: 14px;
    text-align: left
}

.post-body .paginationPostNav a .btn-next {
    position: relative;
    display: inline-flex;
    align-items: center;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 50em;
    font-size: 12px;
    padding: 4px 12px;
    margin-bottom: 24px;
    background: var(--color2);
    color: #fff
}

.post-body .paginationPostNav a .btn-next:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
    width: 20px;
    max-width: 20px;
    height: 20px;
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    -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%)
}

.post-body .paginationPostNav a i {
    margin: 0 4px
}

.comments_title,.post-body .paginationPostLabel {
    display: inline-block;
    margin: 0 0 15px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.15px;
    padding-bottom: 7px;
    position: relative
}

.post-body .paginationPostLink a,.post-body .paginationPostLink span {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0;
    padding: 6px 11px;
    line-height: 1.2;
    border: 1px solid #e5e5e5
}

.post-body .showall-page a {
    position: relative;
    display: inline-flex;
    align-items: center;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 50em;
    font-size: 12px;
    padding: 6px 12px
}

.next-article .next-image {
    padding-bottom: 98px;
    width: 130px;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 5px 0 0 5px;
    margin-right: 10px
}

.next-article .next-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 21%)
}

.next-article .next-label {
    font-size: 15px;
    font-weight: 600
}

.next-article .next-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    max-height: 46px
}

.next-article .next-title a {
    color: var(--color2);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600
}

.next-article .next-text {
    flex: 1;
    padding: 15px
}

.post-tag .tag-box ul {
    overflow: hidden;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.post-tag .tag-box ul li a {
    max-width: 170px;
    font-size: 14px;
    display: block;
    border: 1px solid #e5e5e5;
    color: #212121;
    padding: 2px 10px;
    border-radius: 4px;
    margin: 0 5px 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #f5f5f5;
    overflow: hidden
}

.post-tag .tag-label {
    margin: 0 0 7px;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 600
}

.post-tag {
    position: relative;
    margin-top: 30px
}

.footer-share {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    text-align: center
}

.footer-share .social-left {
    display: flex;
    justify-content: center
}

.footer-share .share-label {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    text-transform: uppercase
}

.article-footer {
    margin-top: 25px
}

.article-footer .widget {
    border: none;
    padding: 0
}

.footer-top {
    background-color: transparent;
    margin-bottom: 0;
    border: 1px solid #e5e5e5;
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

.footer-top ul {
    padding: 15px;
    margin: 0;
    list-style: none
}

.footer-top ul li a {
    font-size: 15px;
    display: block;
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px dashed #e5e5e5
}

.footer-top ul li:first-child a {
    margin-top: 0;
    padding-top: 0;
    border: none
}

.footer-top .widget {
    margin: 0
}

.footer-bottom {
    background-color: #222222;
    padding: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 8px 8px
}

.footer-bottom:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    height: 12px;
    background-color: var(--color2);
    width: 30%;
    border-radius: 12px;
    transform: translate(-50%,0)
}

.footer-bottom .widget img {
    margin: 0 auto;
    display: block;
    height: 25px!important;
    width: auto
}

.footer-bottom .widget-header {
    margin-bottom: 10px
}

.footer-bottom .widget-header .widget-title {
    font-size: 14px;
    color: rgb(255 255 255 / 70%);
    font-weight: 400;
    text-transform: none;
    margin: 0;
    padding: 0
}

.footer-bottom .textwidget {
    border-top: 1px solid rgb(76 76 76 / 60%);
    color: rgb(255 255 255 / 70%);
}

.footer-bottom ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.footer-bottom ul.menu li a {
    display: flex;
    margin-left: 3px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background: #3e3e3e;
}
.widget.app .widget-content {
    display: flex;
    width: 100%;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.widget.app img {
    height: 35px!important;
}
.ads-sticky {
    position: fixed;
    top: 0;
    width: 160px;
    height: 600px;
    overflow: hidden
}

.ads-sticky.ads-sticky-left {
    left: 50%;
    margin-left: -665px
}

.ads-sticky.ads-sticky-right {
    right: 50%;
    margin-right: -665px
}

.ads-sticky-bottom {
    margin: 0 auto;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 728px;
    z-index: 999;
    height: auto;
    text-align: center;
    background: hsla(0,0%,100%,.8);
    min-height: 60px;
    max-height: 90px;
    left: 0;
    right: 0
}

.btn-ads-close {
    position: absolute;
    background: var(--color2);
    display: inline-block;
    right: 0;
    top: -20px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    border-radius: 5px 5px 0 0
}

.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)
}

.no-more:before,.pagination-index a:after {
    width: 14px;
    height: 14px;
    background-position: center;
    display: block
}

.pagination-index a,.widget-desc.error-desc,.widget-header.header-indeks,.widget-subheader {
    display: flex;
    display: flex
}

.ads-close-icon:before {
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

main.main {
    margin-bottom: 90px
}

.populartag .tag-item {
    margin-top: 10px;
    position: relative
}

.populartag .tag-item .media-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.populartag .tag-item .media-text h2 {
    flex: 1;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.populartag .hastag {
    margin-right: 8px;
    color: #999;
    font-size: 16px
}

.pagination-index a {
    align-items: center;
    justify-content: center;
    max-width: 100%;
    background-color: #fff;
    color: #212121;
    margin: 15px auto auto;
    border: 1px solid #e0e0e0;
    padding: 6px 12px;
    border-radius: 24px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer
}

.pagination-index a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='8px' height='14px' viewBox='0 0 8 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Icon/Carret' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-43.000000, -13.000000)'%3E%3Cpolygon id='Disclosure-Indicator' fill='%23212121' points='43 15 44.5 13.5 51 20 44.5 26.5 43 25 48 20'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: 6px
}

.no-more {
    text-align: center;
    font-size: 14px;
    margin: 15px 0;
    color: #999;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background: #f4f4f4;
    border-radius: 5px
}

.icon-expand,.no-more:before {
    content: "";
    background-repeat: no-repeat
}

.no-more:before {
    margin-right: 5px;
    background-size: 16px;
    filter: invert(66%) sepia(9%) saturate(14%) hue-rotate(341deg) brightness(91%) contrast(89%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E")
}

.loading {
    position: relative;
    margin: 15px auto;
    width: 24px;
    height: 24px
}

.td-loader__circle {
    overflow: hidden;
    -webkit-animation: 2s linear infinite rotate;
    animation: 2s linear infinite rotate;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.td-loader__path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: 1.5s ease-in-out infinite dash,6s ease-in-out infinite color;
    animation: 1.5s ease-in-out infinite dash,6s ease-in-out infinite color;
    stroke-linecap: round
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes color {
    0%,100% {
        stroke: #d62d20
    }

    40% {
        stroke: #0057e7
    }

    66% {
        stroke: #008744
    }

    80%,90% {
        stroke: #ffa700
    }
}

@keyframes color {
    0%,100% {
        stroke: #d62d20
    }

    40% {
        stroke: #0057e7
    }

    66% {
        stroke: #008744
    }

    80%,90% {
        stroke: #ffa700
    }
}

.share-box ul li a.copied:before {
    content: attr(data-copied);
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.7);
    display: block;
    width: 154px;
    font-size: 12px;
    padding: 2px;
    border-radius: 5px;
    margin-bottom: 37px
}

.share-box ul li a.copied:after {
    position: absolute;
    top: -7px;
    right: 10px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px;
    border-color: transparent transparent rgba(0,0,0,.7);
    transform: rotate(180deg)
}

.widget-desc.error-desc {
    flex-wrap: wrap;
    padding: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5
}

.widget-desc.error-desc svg {
    height: 50px;
    margin-right: 10px;
    position: relative;
    top: 3px
}

.error-box h1 {
    margin: 0 10px 0 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.24
}

.widget-header.header-indeks {
    justify-content: space-between
}

.widget-subheader {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

#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 #727272;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.btn-biew {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    background-color: rgba(0,0,0,.6);
    padding: 7px 10px;
    transition: background-color .3s;
    border: 0;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    z-index: 9
}

.icon-expand {
    background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7.326%207.326a.54.54%200%200%201%20.74%200l2.89%202.891V8.37a.53.53%200%200%201%20.522-.522c.283%200%20.522.239.522.522v3.108a.53.53%200%200%201-.522.522H8.37a.53.53%200%200%201-.522-.522c0-.282.239-.521.522-.521h1.847l-2.89-2.892a.536.536%200%200%201%200-.739zm-3.37%200a.477.477%200%200%201%20.718%200%20.54.54%200%200%201%200%20.74l-2.891%202.89H3.63a.53.53%200%200%201%20.522.522.529.529%200%200%201-.522.522H.522A.53.53%200%200%201%200%2011.478V8.37a.53.53%200%200%201%20.522-.522c.282%200%20.521.239.521.522v1.847zM3.653.022c.283%200%20.522.239.522.521a.53.53%200%200%201-.522.522H1.804l2.979%203a.541.541%200%200%201%200%20.74c-.11.108-.24.152-.37.152s-.26-.044-.37-.153l-3-3v1.848a.529.529%200%200%201-.521.522A.53.53%200%200%201%200%203.652V.543A.53.53%200%200%201%20.522.022zM11.478%200A.53.53%200%200%201%2012%20.522v3.13a.53.53%200%200%201-.522.522.53.53%200%200%201-.521-.522V1.804l-3%202.979c-.11.108-.24.152-.37.152s-.26-.044-.37-.152a.541.541%200%200%201%200-.74l3-3H8.37a.529.529%200%200%201-.522-.521c0-.283.239-.522.522-.522z%22%2F%3E%3C%2Fsvg%3E');
    width: 12px;
    height: 12px;
    background-size: 10px;
    margin-right: 5px
}

.comment-respond,.commentsArea,.redaksi {
    position: relative;
    padding: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-top: 25px
}

.comment-reply-title:before {
    content: '';
    height: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 30px;
    border-radius: 16px;
    background-color: var(--color2)
}

.comment-reply-title {
    display: flex;
    margin: 0 0 15px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 7px;
    position: relative;
    justify-content: space-between
}

.commentBodyFooter a,.redaksi .author-name,.redaksi .label-btn {
    font-weight: 600;
    line-height: 18px
}

.comment-notes,.commentBodyModeration {
    background: #f5f5f5;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #444
}

.comment-form input,.comment-form textarea {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    outline: 0
}

.comment-form .form-submit input {
    display: inline-block;
    width: auto;
    background: var(--color2);
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 50em;
    margin-bottom: 0
}

.comment-form .form-submit {
    text-align: right;
    margin-bottom: 0;
    margin-top: 0
}

.commentsArea ol {
    margin: 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee
}

.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,.redaksi .redaksi-avatar-box 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: #555
}

.commentBodyFooter {
    color: #555;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400
}

.commentBodyFooter a:after,.commentBodyFooter time:after {
    content: "\00B7";
    margin: 0 4px;
    font-weight: 400
}

.commentBodyFooter a {
    text-decoration: none;
    color: #555;
    font-size: 14px
}

.comments-pagination {
    text-align: center;
    padding: 10px 10px 0;
    color: #555
}

.comment-reply-title small a {
    font-size: 12px;
    color: var(--color2)
}

.commentsArea ol,.commentsArea ul {
    list-style: none
}

.redaksi .redaksi-header {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.redaksi .redaksi-avatar {
    display: flex;
    flex: 1 1 0%
}

.redaksi .redaksi-avatar-box {
    padding-right: 12px
}

.redaksi .redaksi-avatar-box .image-ava {
    margin-right: -14px;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50%;
    background: #eee;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.redaksi .btn-redaksi {
    appearance: none;
    user-select: none;
    padding: 0;
    transition: .2s;
    position: relative;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 3px;
    width: auto;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    align-items: center
}

.redaksi .icon-arrow {
    display: flex;
    margin-left: 8px;
    -webkit-box-pack: center;
    justify-content: center;
    filter: invert(0%) sepia(6%) saturate(26%) hue-rotate(336deg) brightness(103%) contrast(100%);
    width: 20px;
    max-width: 20px;
    height: 20px;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E")
}

.redaksi .label-btn {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    color: #000;
    font-size: 14px
}

.redaksi .redaksi-content {
    margin-top: 8px
}

.redaksi .author-item {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px
}

.redaksi .author-image {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;
    background: #eee;
    color: #fff;
    border-radius: 50%;
    margin-right: 6px
}

.redaksi .author-image img {
    display: block;
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.redaksi .author-text {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    padding-right: 8px
}

.redaksi .author-name {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    color: #000;
    font-size: 14px
}

.redaksi .author-name svg {
    color: var(--color2);
    height: 14px;
    margin-left: 6px;
    display: block
}

.redaksi .author-role {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.commentReplyTo, .commentBodyText p {
    display: inline-block;
}

.commentReplyTo {
    font-weight: 700;
}
.parallxads {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 300px;
    position: relative;
    left: 0;
    right: 0;
    margin-bottom: 0;
    background: #202020;
}

.parallxads:before {
    content: var(--textparallax);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    z-index: 1;
    background: var(--color2);
}

.parallxads-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto,auto,auto,auto);
}

.parallxads-box {
    height: auto;
    position: fixed;
    top: 91px;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    width: 100%;
    text-align: center;
    max-width: 658px;
}

.notfull .parallxads-box {
    max-width: 483px;
}

.parallxads-box > * {
    margin: 0 auto !important;
    display: inline-block;
}

.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(--color2);
}

.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;
}
.article-featured figure, .article-body figure {
    height: auto;
    max-width: 100%;
}

.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: 26px;
    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;
    margin-top: 8px;
}
.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;
}
.darkmode .banner:before {
    background-color: #1c1c1c;
}
body.darkmode .billboard.parallax .widget,body.darkmode .media-image:before {
    background: #161616
}

body.darkmode .media-image:after {
    background-image: linear-gradient(90deg,rgb(1 1 1 / 0%) 0,rgb(41 41 41 / 20%) 20%,rgb(35 35 35 / 50%) 60%,rgb(0 0 0 / 0%))
}

body.darkmode,body.darkmode .bacajuga,body.darkmode .headline,body.darkmode .kolom .kolom-outline,body.darkmode .network nav>ul>li .sub-menu,body.darkmode .search-sticky,body.darkmode .widget-desc.error-desc {
    background: #222
}

body.darkmode, body.darkmode #startDate, body.darkmode .aut-name, body.darkmode .comment-form input, body.darkmode .comment-form textarea, body.darkmode .commentAuthorName, body.darkmode .commentAuthorName a, body.darkmode .footer-top ul li a, body.darkmode .grid .grid-text h2 a, body.darkmode .grid-item:hover .grid-category, body.darkmode .headline-small .headline-text h2 a, body.darkmode .indeks-text h2 a, body.darkmode .kolom .kolom-text h2 a, body.darkmode .list .list-text h2 a, body.darkmode .net-text h2 a, body.darkmode .network ul>li>a, body.darkmode .pagination-index a, body.darkmode .popular .popular-box h2 a, body.darkmode .populartag .tag-item .media-text h2 a, body.darkmode .post-article, body.darkmode .post-body .paginationPostLink a, body.darkmode .post-body .paginationPostLink span, body.darkmode .post-tag .tag-box ul li a, body.darkmode .redaksi .author-name, body.darkmode .redaksi .label-btn, body.darkmode .search-input, body.darkmode .secondary-menu ul li a, body.darkmode .video .video-text h2 a, body.darkmode select#startCategory, .darkmode .slick-dots button, .darkmode .post-meta a, .darkmode .navigation .primary-menu li>.sub-menu>li a {
    color: #fff
}

body.darkmode .comment-notes,body.darkmode .commentBodyFooter,body.darkmode .commentBodyFooter a,body.darkmode .commentBodyModeration,body.darkmode .commentBodyText,body.darkmode .comments-pagination,body.darkmode .error-box p,body.darkmode .search-desc,body.darkmode .video .video-snip {
    color: #999
}

body.darkmode .frame {
    box-shadow: 0 0 4px rgb(119 119 119 / 21%)
}

body.darkmode .billboard .widget, body.darkmode .comment-form input, body.darkmode .comment-form textarea, body.darkmode .comment-notes, body.darkmode .commentBodyModeration, body.darkmode .no-more, body.darkmode .pagination-index a, body.darkmode .post-tag .tag-box ul li a, body.darkmode .redaksi .author-image, body.darkmode .redaksi .redaksi-avatar-box .image-ava, body.darkmode .secondary-menu, body.darkmode select#startCategory option, .darkmode .slick-dots, .darkmode .navigation .primary-menu li>.sub-menu {
    background-color: #292929
}

body.darkmode #startDate, body.darkmode .aut-share, body.darkmode .bacajuga, body.darkmode .comment-form input, body.darkmode .comment-form textarea, body.darkmode .comment-respond, body.darkmode .comments-pagination, body.darkmode .commentsArea, body.darkmode .commentsArea ol, body.darkmode .footer-share, body.darkmode .footer-top, body.darkmode .grid, body.darkmode .headline, body.darkmode .indeks-item, body.darkmode .kolom, body.darkmode .kolom .kolom-item, body.darkmode .kolom .kolom-outline, body.darkmode .list, body.darkmode .list-item, body.darkmode .net, body.darkmode .net-text, body.darkmode .network nav>ul>li .sub-menu, body.darkmode .network nav>ul>li .sub-menu>li>a, body.darkmode .pagination-index a, body.darkmode .popular, body.darkmode .popular .popular-box, body.darkmode .populartag, body.darkmode .post-body .pagination-post, body.darkmode .post-body .paginationPostLink a, body.darkmode .post-body .paginationPostLink span, body.darkmode .post-tag .tag-box ul li a, body.darkmode .redaksi, body.darkmode .video, body.darkmode .widget-desc, body.darkmode select#startCategory, .darkmode .slick-dots, .darkmode .navigation .primary-menu li>.sub-menu>li {
    border-color: #303030;
}

body.darkmode .next-article .next-box {
    box-shadow: 0 0 3px 0 rgb(255 255 255 / 21%)
}

body.darkmode .footer-top ul li a {
    border-color: #555
}

body.darkmode .comment-form .form-submit input {
    background: var(--color2)
}

body.darkmode .footer-bottom {
    background-color: #1c1c1c
}

body.darkmode .ads-sticky-bottom {
    background: hsl(0deg 0% 0% / 80%)
}

body.darkmode .pagination-index a:after,body.darkmode .redaksi .icon-arrow {
    -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%)
}