/*
Theme Name: Bangbara Neo
Theme URI: https://bangbara.id
Author: Bangbara Production
Author URI: https://bangbara.id
Description: Bangbara Neo - Modern News Portal Theme by Bangbara Production
Version: 2.0.2
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
Text Domain: bangbara-neo
*/

/* CSS RESET */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* ================= PERBAIKAN MOBILE ================= */
@media only screen and (max-width: 750px) {
    .hamburger-button { display: block !important; z-index: 1001; top: 20px; right: 20px; }
    ul.mobile-menu-kiri { box-sizing: border-box !important; width: 100% !important; }
    .mobile-menu-kiri li { box-sizing: border-box !important; word-wrap: break-word; }
    body, html { overflow-x: hidden !important; max-width: 100vw !important; }
}

/* =WordPress Core */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/** DEFAULT **/
.clr { clear: both; }
body { background-color: #fff; font-family: 'Arial', sans-serif; font-size: 13px; }
a { text-decoration: none; color: #000; }
b, strong, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
i, em, blockquote { font-style: italic; }
blockquote { border-left: 4px solid #ccc; padding-left: 20px; margin-left: 10px; }
center { text-align: center; }
h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; }
pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0; }
code { display: block; font-family: monospace; white-space: pre; margin: 1em 0; }
table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; width: 100%; }
tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }
td { display: table-cell; vertical-align: inherit; padding: 10px; }
th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: center; }
thead { display: table-header-group; vertical-align: middle; border-color: inherit; }
tr { display: table-row; vertical-align: inherit; border-color: inherit; }
u { text-decoration: underline; }
strike { text-decoration: line-through; }

@font-face { font-family: 'flexslider-icon'; font-style: normal; font-weight: normal; src: local('flexslider-icon'), url('fonts/flexslider-icon.woff') format('woff'); }

/** HEADER **/
.fixed { position: sticky; top: 0; z-index: 9; }
header { width: 100%; margin: 0 auto; position: sticky; top: 0; z-index: 9; }
header .header-fixed { width: 100%; margin: 0 auto; background-color: #fff; }
.header-shrink { width: 100%; max-width: 1100px; margin: 0 auto; }
#logo { display: block; padding: 10px 15px; width: 100%; max-width: 400px; float: left; }
#logo img { display: block; width: 100%; max-width: 400px; height: auto; }
form.search-form { display: block; float: right; margin-top: 23px; margin-right: 20px; }
.search-form .search-field { padding: 0 20px; border: 2px solid #1B5DAF; font-family: 'Inter', sans-serif; border-radius: 30px 0 0 30px; outline: none; transition: all 0.3s ease; height: 40px; box-sizing: border-box; font-size: 14px; }
.search-submit { margin-left: -6px; border: 2px solid #1B5DAF; background-color: #1B5DAF; color: #fff; width: 55px; height: 40px; vertical-align: top; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") !important; background-size: 50%; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 0 30px 30px 0; cursor: pointer; transition: all 0.3s ease; text-indent: -9999px; font-size: 0; }
.search-submit:hover { background-color: #164a8c; cursor: pointer; }
header .search-form input:focus { outline: none; }
.header-right-nav { display: flex !important; align-items: center !important; gap: 0; float: right; height: 77px; margin-right: 20px; }
.header-right-nav form.search-form { float: none !important; margin: 0 !important; display: flex !important; align-items: center !important; }
.bangbara-sosmed { display: flex; gap: 8px; align-items: center; margin-left: 15px; }
.sosmed-bgb { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; transition: all 0.3s ease; color: #fff !important; font-size: 18px; }
.sosmed-bgb:hover { background: #1B5DAF; color: #fff !important; transform: translateY(-2px); }
.hamburger-button { width: 30px; position: absolute; top: 20px; right: 20px; padding: 5px; cursor: pointer; display: none; z-index: 1001; }
.line-satu, .line-dua, .line-tiga { height: 4px; background-color: #1B5DAF; margin-bottom: 5px; border-radius: 4px; transition: all 0.3s ease; width: 100% !important; }
.line-satu { width: 28px; } .line-dua { width: 19px; } .line-tiga { width: 14px; margin-bottom: 0; }
.close-button-hamburger { font-size: 20px; float: right; padding: 20px; }
.fluid-nav { width: 100%; background: #1B5DAF; border-top: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid #F51700; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.menu-utama { list-style-type: none; background: transparent !important; overflow-y: hidden; overflow-x: auto; white-space: nowrap; padding: 0 10px; margin-bottom: 0; width: 100%; max-width: 1100px; margin: 0 auto; }
.menu-utama::-webkit-scrollbar { height: 10px; }
.menu-utama::-webkit-scrollbar-track { background: #e0e0e0; }
.menu-utama::-webkit-scrollbar-thumb { background: #ccc; }
.menu-utama > li { display: inline-block; margin-left: -2px; }
.menu-utama > li > a { display: block; font-family: 'Montserrat', sans-serif; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; padding: 15px 7px 12px 7px; position: relative; border-bottom: 4px solid transparent; text-transform: uppercase; }
.menu-utama > .current-menu-item > a { background-color: #F51700; }
.menu-utama > li > a:hover { text-decoration: none; background: #2D54A7; }
.menu-utama li a { position: relative; }
.menu-utama > li > ul.sub-menu { position: absolute; background: transparent; margin: 0 auto; border-top: 3px solid #F51700; z-index: 9; max-width: 1100px; display: none; text-align: left; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }
.menu-utama > li > ul.sub-menu > li a { display: block; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; padding: 10px 20px; text-transform: uppercase; }
.menu-utama > li > ul.sub-menu > li a:hover { opacity: 0.7; }
.menu-utama li.menu-item-has-children:hover ul.sub-menu { display: block; }

/* === MOBILE MENU WRAP === */
.mobile-menu-kiri-wrap {
    position: fixed; background: #1B5DAF; top: 0; left: 0; z-index: 2;
    display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll;
}
.mobile-menu-kiri li.current-menu-item a { color: #F51700; }
#logo-menu-kiri { display: block; padding: 15px 15px 10px 15px; width: 70%; float: left; }
#logo-menu-kiri img { display: block; width: 100%; max-width: 400px; }

/* SEARCH & SOSMED di mobile menu */
.mobile-search-sosmed-wrap { text-align: center; padding: 15px 15px 20px 15px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 0; }
.mobile-search-sosmed-wrap .sosmed-bgb { border: 1px solid rgba(255,255,255,0.3) !important; background: transparent !important; color: #fff !important; }
.mobile-search-sosmed-wrap .sosmed-bgb:hover { background: rgba(255,255,255,0.1) !important; }
.mobile-menu-kiri-wrap form.search-form { margin-bottom: 15px; }
.mobile-menu-kiri-wrap .search-field { border: 1px solid rgba(255,255,255,0.3) !important; background: rgba(0,0,0,0.2) !important; color: #fff !important; }
.mobile-menu-kiri-wrap .search-submit { border: 1px solid rgba(255,255,255,0.3) !important; background: rgba(0,0,0,0.2) !important; }
.mobile-menu-kiri-wrap .close-button-hamburger { padding: 15px 15px; color: #fff !important; opacity: 0.7; }

/** CONTENT **/
#content-wrap { padding: 0; background: #fff; width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; }
#content-left-wrap { width: 100%; max-width: 790px; float: left; }
.demo { width: 100%; max-width: 1115px; box-sizing: border-box; }
ul#lightSlider { list-style: none outside none; padding-left: 0; margin-bottom:0; height: auto !important; }
#lightSlider li { display: block; float: left; margin-right: 6px; cursor:pointer; position: relative; }
#lightSlider li h2 { position: absolute; bottom: 0; padding: 20px; z-index: 9; text-shadow: 2px 1px 2px #000; background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.47) 31%,rgba(0,0,0,.7) 100%); }
#lightSlider h2 a { color: #fff; font-size: 28px; font-family: 'Montserrat', sans-serif; }
#lightSlider li img { display: block; height: auto; max-width: 100%; }
.flexslider { margin-bottom: 0 !important; }
.flexslider-mobile { display: none; position: relative; margin-top: 3px; }
.flex-direction-nav { position: absolute; top: 35% !important; width: 100%; max-width: 500px; left: 0; right: 0; margin: 0 auto !important; opacity: 0.7; }
.flex-control-thumbs li { padding-right: 1px; box-sizing: border-box; }
.headline-label { font-size: 14px; background: #F51700; border-bottom: 2px solid #F51700; color: #fff; font-weight: bold; font-family: 'Montserrat', sans-serif; padding: 7px 10px; position: absolute; top: 25px; left: 0; }
.headline-judul { position: absolute; bottom: 0; padding: 20px; }
.headline-judul a { color: #fff; font-weight: bold; font-family: 'Montserrat', sans-serif; text-shadow: 2px 1px 2px #000; font-size: 28px; line-height: 1.2; }
.headline-judul a:hover { text-decoration: underline; }
.flexslider-mobile li { position: relative; }
.flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 35% !important; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #fff; background-color: transparent; border-radius: 50%; text-align: center; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { content: " " !important; display: block; background: url('img/icon-next-right.png') no-repeat center center; background-size: contain; width: 40px; height: 40px; }
.flex-direction-nav a.flex-next:before { content: " " !important; display: block; background: url('img/icon-next-right.png') no-repeat center center; background-size: contain; width: 40px; height: 40px; }
.flex-direction-nav a.flex-prev:before { transform: rotate(180deg); }
.flex-direction-nav .flex-next { right: -50px; text-align: center; }
.headline-label-mobile { background: #F51700; color: #fff; padding: 5px; position: absolute; top: 0; left: 0; margin: 20px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; z-index: 2; }
h2.headline-judul-mobile { position: absolute; bottom: 0; left: 0; padding: 20px 20px 50px 20px; font-size: 20px; font-family: 'Montserrat', sans-serif; line-height: 1.3; background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.80) 100%); }
h2.headline-judul-mobile a { color: #fff; font-family: 'Montserrat', sans-serif; }
.wrap-text-headline-dua { position: absolute; bottom: 0; padding: 20px 20px 40px 20px; text-align: center; background: linear-gradient(0deg, rgba(0,0,0,0.85) 35%, rgba(240,240,240,0) 100%); width: 100%; box-sizing: border-box; }
h2.headline-judul-mobile-dua { text-align: center; font-size: 20px; font-family: 'Montserrat', sans-serif; line-height: 1.3; }
h2.headline-judul-mobile-dua a { color: #fff; }
.headline-label-mobile-dua { background: #F51700; color: #fff; padding: 5px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: inline-block; margin-bottom: 10px; }
.wrap-text-headline-dua .tanggal { color: #fff; margin-top: 10px; }
#lightSliderMobile { display: none; }
.headline-tiga-mobile { border-radius: 8px 8px 0 0; padding: 5px 10px; }
.lSAction>.lSPrev { left: 35px !important; }
.lSAction>.lSNext { right: 35px !important; }
.lSAction>a { z-index: 0 !important; }
.headline-tiga-mobile img { border-radius: 8px 8px 0 0; width: 100%; height: auto; }
.headline-tiga-text-wrap-mobile { background: #1B5DAF; padding: 15px; border-radius: 0 0 8px 8px; margin-top: -3px; }
.headline-tiga-text-wrap-mobile h2 { margin-bottom: 15px; line-height: 1.1; font-size: 22px; }
.headline-tiga-text-wrap-mobile h2 a { color: #FBDE08; }
.headline-tiga-waktu-mobile { color: #fff; }

/** SLIDER SWIPPER */
.slider-container { width: 100%; max-width: 790px; margin: 5px auto 0 auto; }
div.mySwiper2 { margin-bottom: 3px; }
.foto-slider { display: block; position: relative; }
.judul-headline { background: #F51700; color: #fff; position: absolute; z-index: 1; padding: 8px 10px; font-family: 'Montserrat', sans-serif; font-weight: bold; left: 0; top: 20px; }
.slider-text { position: absolute; z-index: 99 !important; padding: 60px 20px 30px 20px; bottom: 0; text-align: left; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 75%); box-sizing: border-box; margin: 0; }
a.slider-kategori { display: inline-block !important; padding: 0; color: #fff; display: block; font-size: 13px; text-decoration: none; text-transform: uppercase; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; }
a.judul-slider { display: block !important; visibility: visible !important; opacity: 1 !important; text-decoration: none; color: #fff !important; font-size: 28px; font-weight: bold; font-family: 'Montserrat', sans-serif; line-height: 1.2; margin-top: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); }
a.judul-slider:hover { text-decoration: underline; }
.swiper-wrapper { height: 100%; max-height: 430px; }
.judul-thumbnail { background: #000; color: #fff; font-size: 12px; padding: 5px; margin-top: 0; min-height: 60px; cursor: pointer; font-family: 'Montserrat', sans-serif; line-height: 1.2; text-align: center; }
.judul-thumbnail:hover { text-decoration: underline; }
.swiper-thumbs .swiper-slide img { cursor: pointer; width: 100%; height: auto; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }

#berita-pilihan { padding: 30px 15px 15px 15px; background: #051323; margin: 25px 0 15px 0; font-family: 'Montserrat', sans-serif; position: relative; }
.judul-berita-pilihan { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; position: absolute; background: #F51700; color: #fff; padding: 8px 10px; text-align: center; z-index: 4; top: -15px; left: 25px; }
.kategori-berita-pilihan { font-size: 12px; color: #F51700; font-weight: bold; }
#berita-pilihan h2 { line-height: 0.9; }
#berita-pilihan h2 a { font-size: 14px; color: #fff; }
#berita-pilihan .owl-nav { position: absolute; top: 30%; width: 100%; background: transparent; }
#berita-pilihan .owl-prev, #berita-pilihan .owl-next { font-size: 40px; padding: 0 12px 5px 12px !important; background: #fff; color: #000; margin: 0 20px; line-height: 0.8; border-radius: 100%; box-shadow: 0 0 8px rgb(0 0 0 / 20%); }
#berita-pilihan .owl-next { float: right; }
#berita-pilihan .owl-prev:hover, #berita-pilihan .owl-next:hover { background-color: #1B5DAF; color: #fff; }

#news-feed { width: 100%; float: none; max-width: 780px; }
#berita-rekomendasi { position: relative; margin-bottom: 20px; }
#berita-rekomendasi .owl-nav { position: absolute; top: 30%; width: 100%; background: transparent; }
#berita-rekomendasi .owl-prev, #berita-rekomendasi .owl-next { font-size: 40px; padding: 0 12px 5px 12px !important; background: #fff; color: #000; margin: 0 20px; line-height: 0.8; border-radius: 100%; box-shadow: 0 0 8px rgb(0 0 0 / 20%); }
#berita-rekomendasi .owl-prev:hover, #berita-rekomendasi .owl-next:hover { background-color: #1B5DAF; color: #fff; }
#berita-rekomendasi .owl-next { float: right; }
#berita-rekomendasi .owl-carousel .owl-item img { width: 100%; height: auto; }
.berita-rekomendasi-box { width: 100%; max-width: 255px; height: 380px; background-color: #F7F7F7; }
.judul-berita-rekomendasi { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold; color: #000; padding: 20px 10px; text-transform: uppercase; }
.judul-berita-rekomendasi:after { content: " "; width: 75px; height: 3px; background: red; display: block; margin-top: 5px; }
.text-berita-rekomendasi { position: absolute; bottom: 0; padding: 20px; background: linear-gradient(0deg, rgba(0,0,0,1) 53%, rgba(240,240,240,0) 100%); }
.kategori-berita-rekomendasi { color: #fff; font-family: 'Montserrat', sans-serif; padding: 5px; background: red; border-radius: 4px; display: inline-block; font-weight: bold; font-size: 11px; }
#berita-rekomendasi h2 { font-size: 18px; color: #fff; line-height: 1.2; margin-top: 20px; font-family: 'Montserrat', sans-serif; }
#berita-rekomendasi h2 a { color: #fff; }
a.news-feed-link:hover h2.news-feed-judul { text-decoration: underline; }
.news-feed-judul-block { background: #fff; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #000; padding: 10px; margin-top: 20px; }
.news-feed-judul-block span:after { content: " "; width: 75px; height: 3px; background: red; display: block; margin-top: 5px; }
.news-feed-list { border-bottom: none; background: transparent; padding: 10px 3px; }
.news-feed-list figure { float: left; margin: 10px; margin-right: 20px; overflow: hidden; border-radius: 10px; }
.news-feed-list figure img { border-radius: 10px; transition: .6s ease; }
.news-feed-list figure img:hover { transform: scale(1.2); }
.newsfeed-image-mobile { display: none; }
.news-feed-text-block { padding: 1.5% 0; }
.news-feed-text-block .tanggal { color: #999; margin: 10px; font-size: 11px; }
.news-feed-judul { color: #333; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: bold; margin: 0 10px; line-height: 1.3; }
.news-feed-list .kategori { background: transparent; color: #F51700; padding: 0; display: inline-block; border-radius: 3px; margin: 10px 0; font-size: 11px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; }
.next-wrap { padding: 20px; text-align: center; margin-top: 0; margin-bottom: 0; line-height: 3; }
.nav-links .current { background: #1B5DAF; color: #fff; border-radius: 50%; }
.page-numbers { padding: 8px 14px; background: #f0f0f0 !important; color: #333 !important; border: 1px solid #e0e0e0 !important; border-radius: 5px !important; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: bold; margin: 0 3px; text-decoration: none !important; }
.page-numbers:hover { background: #1B5DAF !important; color: #fff !important; }

/** SIDEBARS **/
#sidebar-left { width: 100%; max-width: 300px; margin-right: 5px; margin-top: 20px; float: left; box-sizing: border-box; }
.before-widget img { display: block; }
.before-widget { background-color: #fff; margin-bottom: 15px; line-height: 1.3; font-size: 14px; font-family: 'Montserrat', sans-serif; }
.before-widget > ul, .before-widget ul { padding: 0 10px; }
.before-widget ul li { padding: 5px 0; }
.before-widget > form, .before-widget > p { padding: 10px; }
.before-widget a:hover { text-decoration: underline; }
.before-widget input { border: 1px solid #ccc; padding: 10px; width: 100%; max-width: 190px; }
.before-widget form { position: relative; }
.before-widget select { border: 1px solid #ccc; padding: 10px; width: 100%; max-width: 250px; box-sizing: border-box; -webkit-appearance: none; appearance: none; -moz-appearance: none; background-image: url('https://www.svgrepo.com/show/80156/down-arrow.svg'); background-repeat: no-repeat; background-size: 14px 14px; background-position: calc(100% - 16px); font-size: 14px; font-family: 'Montserrat', sans-serif; }
.before-widget form.search-form { float: none; margin: 0; padding: 0; position: relative; }
.before-widget .search-form .search-field { border: 1px solid #ccc; position: relative; width: 100%; max-width: 70%; }
.before-widget .search-form input.search-submit { position: absolute; width: 100%; max-width: 60px; border: none; }
.before-widget button { border: 1px solid #007DBE; padding: 10px; background-color: #007DBE; color: #fff; margin-left: -4px; }
.before-widget .textwidget { padding: 10px; }
.before-widget .textwidget p { margin: 15px 0; }
.before-widget .textwidget p:last-child { margin-bottom: 0; }
.before-widget .rsswidget { font-weight: bold; margin: 0; display: inline-block; font-size: 16px; }
.before-widget .rss-date { display: block; margin: 10px 0; font-size: 12px; }
.before-widget .rssSummary { font-size: 12px; }
.before-widget .wp-caption-text { display: none; }
.before-widget .wp-caption.alignnone { margin: 0; padding: 0; }
.before-widget figure { width: 100%; max-width: 100%; }
.before-widget .wp-caption { border: none; }
.before-widget #wp-calendar caption { margin: 10px 0; }
.before-widget .wp-calendar-nav { margin: 10px 0; }
.tagcloud a { font-size: 14px !important; font-weight: bold; display: block; margin: 15px 10px; }
.tagcloud a:before { content: "# "; color: gray; }
.tagcloud a:first-child { padding-top: 0; margin-top: 0; }
.judul-sidebar-left { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; color: #F51700; background: #fff; padding: 10px 0; text-transform: uppercase; }
#sidebar-right { width: 100%; max-width: 300px; margin-left: 10px; float: left; box-sizing: border-box; margin-top: 5px; }
.before-widget h2, .judul-sidebar-right { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; color: #000; background: #fff; padding: 15px 0; text-transform: uppercase; }
.before-widget h2:after, .judul-sidebar-right:after { content: " "; width: 75px; height: 3px; background: red; display: block; margin-top: 5px; }
#sidebar-single { width: 100%; max-width: 300px; margin-left: 15px; float: left; box-sizing: border-box; background: #fff; }
.judul-sidebar-single { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; color: #000; background: #fff; padding: 15px; text-transform: uppercase; }
.judul-sidebar-single:after { content: " "; width: 75px; height: 3px; background: red; display: block; margin-top: 5px; }
.header-banner-wrap { text-align: center; width: 100%; max-width: 970px; margin: 0 auto; }
.header-banner-wrap img { max-width: 100%; height: auto; }
#sidebar-header { margin-bottom: 0; width: 100%; max-width: 1100px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 0; box-sizing: border-box; }
.sidebar-header-wrap { text-align: center; }
.sidebar-header-wrap > div { text-align: center; max-width: 1190px; width: 100%; height: auto; box-sizing: border-box; margin: 0 auto; }
.sidebar-header-wrap img { max-width: 1119px; width: 100%; height: auto; text-align: center; box-sizing: border-box; margin: 0 auto; }
.judul-sidebar-header { text-align: center; padding: 10px; color: #999; font-size: 12px; text-transform: uppercase; }
#sidebar-banner-160x600-kanan { position: fixed; top: 123px; margin-top: 70px; z-index: 0; right: 47%; margin-right: -678px; }
#sidebar-banner-160x600-kiri { position: fixed; top: 123px; margin-top: 70px; z-index: 0; left: 47%; margin-left: -678px; }
.sidebar-banner-160x600-kiri-wrap > div, .sidebar-banner-160x600-kiri-wrap img { width: 100%; max-width: 160px; height: auto; }
.sidebar-banner-160x600-kanan-wrap > div, .sidebar-banner-160x600-kanan-wrap img { width: 100%; max-width: 160px; height: auto; }
.judul-sidebar-sidebar-banner-160x600-kiri, .judul-sidebar-sidebar-banner-160x600-kanan { text-align: center; padding: 10px; color: #999; font-size: 12px; text-transform: uppercase; }
#sidebar-banner-mobile-top-header-parallax { display: none; width: 100%; height: 480px; position: relative; margin: 0 auto; background: #000; z-index: 99; }
.judul-sidebar-banner-mobile-top-header-parallax { font-size: 12px; text-align: center; margin: 5px 0; color: #999; text-transform: uppercase; }
.close-button { display: block; position: sticky; z-index: 999; top: 10px; font-weight: bold; color: #fff; cursor: pointer; transition: all 0.5s ease; text-align: right; font-size: 12px; padding: 0 30px; }
.sidebar-banner-mobile-top-header-parallax-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; clip: rect(auto, auto, auto, auto); }
.duaa { width: 100%; height: 100%; position: fixed; top: 30px; margin: 0 auto; transform: translateZ(0); }
.scroll-to-continue { color: #fff; background: #1B5DAF; font-size: 10px !important; text-align: center; width: 100%; box-sizing: border-box; padding: 6px 0; position: absolute; bottom: 0; z-index: 999; }
.tigaa { width: 100%; height: auto; position: absolute; left: 0; }
.tigaa img { display: block; margin: 0 auto; width: 100%; max-width: 320px !important; height: auto; }
.tigaa figcaption.wp-caption-text { display: none; }
.tigaa .wp-caption.alignnone { margin: 0 auto; padding: 0; border: none; }
#sidebar-banner-bawah { position: fixed; bottom: 0; width: 100%; box-sizing: border-box; z-index: 2; margin-bottom: 0; padding: 0; background-color: #fff; }
.sidebar-banner-bawah-wrap { width: 100%; max-width: 728px; margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0; box-sizing: border-box; position: relative; }
.close-button-sidebar-bawah { display: block; position: absolute; z-index: 99999999; padding: 5px 10px; background: #000; color: #fff; font-weight: bold; right: 0; top: -24px; }
.judul-sidebar-banner-bawah { text-align: center; font-size: 12px; text-transform: uppercase; color: #999; margin: 10px; }
.sidebar-banner-bawah-wrap figure, .sidebar-header-wrap figure { display: block; margin: 0 auto !important; }
#sidebar-banner-mobile-bawah { position: fixed; bottom: 0; width: 100%; box-sizing: border-box; z-index: 2; margin-bottom: 0; padding: 0; background-color: #eee; display: none; }
.close-button-sidebar-mobile-bawah { display: block; width: 20px; height: 20px; background-image: url('img/close-button.svg'); background-repeat: no-repeat; background-position: 50%; background-color: #fff; border: 1px solid gray; border-radius: 100%; position: absolute; right: 10px; bottom: 75%; z-index: 99999999; background-size: 78%; }
.sidebar-banner-mobile-bawah-wrap { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; margin-bottom: 0; padding: 0; box-sizing: border-box; }
.judul-sidebar-banner-mobile-bawah { font-size: 12px; text-align: center; margin: 5px 0; color: #000; }
#sidebar-banner-mobile-bawah figcaption.wp-caption-text { display: none; }
#sidebar-banner-mobile-bawah .wp-caption.alignnone { margin: 0 auto; padding: 0; border: none; }
.ad-middle { margin-bottom: 15px; }
.ad-middle .ad-title, .ad-middle .scroll-to-resume { text-align: center; background: #1B5DAF; color: #fff; font-size: 12px; padding: 3px; margin: 0; }
.ad-middle .ad-content { width: 100%; max-width: 380px; height: 300px; position: relative; margin: 0 auto; }
.ad-middle .ad-content-a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; clip: rect(auto, auto, auto, auto); }
.ad-middle .ad-content-b { width: 380px; height: 400px; position: fixed; top: 0; transform: translateZ(0); margin: 0 auto; }
.ad-middle .ad-content-c { width: 100%; height: 100%; position: absolute; top: 50%; left: 0; }
.ad-middle .ad-content-c img { display: block; width: 100%; max-width: 380px; height: auto; }
.sidebar-middle-wrap { width: 100%; max-width: 160px; margin-top: 20px; }
.judul-sidebar-middle { margin: 10px; text-align: center; font-size: 12px; text-transform: uppercase; color: #999; }
.newsfeed-satu-container, .newsfeed-dua-container, .newsfeed-tiga-container { width: 100%; }
.sidebar-newsfeed-satu-wrap, .sidebar-newsfeed-dua-wrap, .sidebar-newsfeed-tiga-wrap { width: 100%; max-width: 336px; margin: 0 auto; padding: 15px; text-align: center; }
.judul-sidebar-newsfeed-satu, .judul-sidebar-newsfeed-dua, .judul-sidebar-newsfeed-tiga { text-align: center; font-size: 12px; text-transform: uppercase; margin: 10px; color: #999; }
.newsfeed-satu-container figcaption, .newsfeed-dua-container figcaption, .newsfeed-tiga-container figcaption, .before-widget figcaption, .sidebar-middle-wrap figcaption, #sidebar-banner-bawah figcaption, #sidebar-banner-160x600-kiri figcaption, #sidebar-banner-160x600-kanan figcaption, .sidebar-header-wrap figcaption { display: none; }
.newsfeed-satu-container .wp-caption.alignnone, .newsfeed-dua-container .wp-caption.alignnone, .newsfeed-tiga-container .wp-caption.alignnone, .before-widget .wp-caption.alignnone, .sidebar-middle-wrap .wp-caption.alignnone, #sidebar-banner-bawah .wp-caption.alignnone, #sidebar-banner-160x600-kiri .wp-caption.alignnone, #sidebar-banner-160x600-kanan .wp-caption.alignnone, .sidebar-header-wrap .wp-caption.alignnone { margin: 0; padding: 0; border: 0; }
.gallery { text-align: center; }
.gallery-columns-2 figure.gallery-item { width: 48%; margin-right: 4px; }
.gallery-columns-3 figure.gallery-item { width: 32%; margin-right: 4px; }
.gallery-columns-4 figure.gallery-item { width: 23%; margin-right: 4px; }
.gallery-columns-5 figure.gallery-item { width: 10%; margin-right: 4px; }
.gallery figure.gallery-item { display: inline-block; }
.gallery figure.gallery-item img { width: 100%; height: auto; }

/** SINGLE **/
#single-content-wrap { width: 100%; max-width: 1100px; margin: 0 auto; padding: 10px 0; box-sizing: border-box; background: #fff; margin-bottom: 20px; }
#single-content { width: 100%; max-width: 785px; padding: 20px; float: left; background: #fff; box-sizing: border-box; margin-bottom: 20px; }
#single-content ol, #single-content ul { padding-left: 15px; }
#single-content ol li, #single-content ul li { margin-bottom: 16px; }
#single-content ol { list-style-type: decimal; }
#single-content ul { list-style-type: disc; }
table, tr, td { border: 1px solid #ccc; }
table { margin-top: 20px; width: 100%; }
td { padding: 10px; }
tr:nth-child(even) { background-color: #f2f2f2; color: #424242 !important; }
tr:nth-child(even) td { color: #424242 !important; }
.single-kategori { margin: 5px 0 30px 0; }
.single-kategori a { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; color: #1B5DAF; }
.writer-name { color: #8c8c8c; font-size: 12px; font-family: 'Montserrat', sans-serif; }
.writer-name img { width: 100%; max-width: 32px; border-radius: 20px; display: inline-block; vertical-align: middle; margin-right: 9px; }
.writer-name span { font-weight: bold; color: #1b5daf; text-transform: capitalize; }
.editor-sumber span { display: block; }
.single-kategori a span { color: #F51700; }
.video-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
iframe.my-youtube-video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
@keyframes fade-in-up { 0% { opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
.video-container.stuck { position: fixed; bottom: 60px; right: 20px; transform: translateY(100%); width: 300px; padding-top: 169px; animation: fade-in-up 0.25s ease forwards; z-index: 1; }
.video-wrap { text-align: center; }
.video-wrap button.close-youtube { position: absolute; top: 5px; right: 5px; color: red; font-size: 20px; padding: 0 10px; background: #fff; text-align: center; border-radius: 20px; width: 35px; height: 35px; border: none; display: none; cursor: pointer; }
button.close-youtube:hover { background: #000; color: #fff; }
.video-container iframe { max-width: 100%; max-height: 100%; }
.foto-utama img { border-radius: 10px; margin-bottom: 10px; width: 100%; height: auto; }
#single-content h1 { font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight: 700; margin: 5px 0; line-height: 1.2; }
#single-content .container-single-meta { display: flex; padding: 5px; margin-top: 15px; margin-bottom: 15px; }
.foto-penulis { padding: 5px 5px 5px 0; }
.foto-penulis img { width: 100%; max-width: 32px; border-radius: 20px; }
.group-penulis-dan-tanggal { display: flex; flex-direction: column; }
.nama-penulis { text-transform: capitalize; font-family: 'Montserrat', sans-serif; font-size: 12px; padding: 5px 5px 2px 5px; }
.nama-penulis a { color: #1B5DAF; }
.nama-penulis span { color: #F51700; font-weight: bold; }
.tanggal-single { font-family: 'Montserrat', sans-serif; font-size: 12px; padding: 5px 5px 2px 5px; }
#single-content .tanggal { font-family: 'Montserrat', sans-serif; font-size: 12px; margin: 5px 0 10px 0; color: #8c8c8c; line-height: 3; border-bottom: 1px solid #1B5DAF; margin-bottom: 20px; padding-bottom: 10px; }
#single-article-text { float: right; width: 100%; max-width: 550px; box-sizing: border-box; }
.single-article-text { font-family: 'Arial', sans-serif; font-size: 16px; line-height: 1.5; }
.single-article-text p { margin: 16px 0; }
.single-article-text p:first-child { margin-top: 0; }
.single-article-text p a, .single-article-text a { color: #1B5DAF; }
.single-article-text p a:hover, .single-article-text a:hover { text-decoration: underline; }
.single-media-social { margin-left: auto; position: relative; }
.single-media-social > a > img { width: 100%; max-width: 32px; display: inline-block; margin-right: 5px; border-radius: 50%; }
.media-sosial-mobile { text-align: left; margin-top: 10px; margin-bottom: 15px; display: none; padding: 0 15px; position: relative; }
.media-sosial-mobile > a > img { width: 100%; max-width: 32px; display: inline-block; margin-right: 5px; border-radius: 50%; }
.copied { display: none; background: #F51700; color: #fff; padding: 8px; font-size: 12px; position: absolute; top: -35px; right: -40px; }
p.copied:after { content:''; position: absolute; top: 100%; left: 85%; margin-left: -50px; width: 0; height: 0; border-top: solid 7px #F51700; border-left: solid 7px transparent; border-right: solid 7px transparent; }
.copied-mobile { display: none; background: #F51700; color: #fff; padding: 8px; font-size: 12px; position: relative; top: 0; right: 0; margin-top: 10px; text-align: center; }
.totalpembaca { color: gray; text-align: right; margin: 10px 15px; font-style: italic; }
.tagname { background: #EBEBEB; border-top: 2px solid #B9B8B8; padding: 20px; margin-top: 31px; font-family: 'Montserrat', sans-serif; }
.tagname span { background-color: #1B5DAF; color: #fff; padding: 8px 10px; font-weight: bold; border-radius: 50px; }
.tagname a { display: inline-block; padding: 8px 10px; background: #ccc; font-family: 'Montserrat', sans-serif; text-transform: capitalize; margin-bottom: 10px; border-radius: 50px; }
.tagname a:hover { background: #1B5DAF; color: #fff; }
.caption-photo { color: #666; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 1.3; }
.nama-reporter { font-family: 'Montserrat', sans-serif; margin-bottom: 10px; font-size: 14px; text-transform: capitalize; }
.nama-reporter-mobile { display: none; }
.related-post-wrap { float: left; width: 100%; max-width: 160px; font-family: 'Montserrat', sans-serif; margin-top: 10px; }
.berita-terkait { font-size: 1.2857em; font-weight: bold; border-bottom: 2px solid #284a9a; padding: 0 0 6px; }
.related-post-box a { display: block; margin: 10px 0; font-weight: bold; color: #7D7D7D; font-size: .857em; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.related-post-box a span { line-height: 1.4; }
.mobile-berita-terkait, .mobile-berita-terbaru { display: none; }
.desktop-berita-terbaru { margin: 20px auto; font-family: 'Montserrat', sans-serif; }
.desktop-berita-terbaru .berita-terbaru { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.desktop-berita-terbaru .berita-terbaru:after { content: " "; display: block; width: 75px; height: 3px; background: red; margin-top: 5px; }
.desktop-berita-terbaru-box { display: inline-block; width: 100%; max-width: 225px; vertical-align: top; margin-right: 20px; margin-bottom: 15px; }
.desktop-berita-terbaru-box p { overflow: hidden; border-radius: 10px; }
.foto-desktop-berita-terbaru { border-radius: 10px; transition: 0.6s ease; }
.foto-desktop-berita-terbaru:hover { transform: scale(1.2); }
.desktop-kategori-berita-terbaru { color: #F51700; font-size: 12px; font-weight: bold; margin: 10px 0; }
.judul-desktop-berita-terbaru { margin-bottom: 10px; line-height: 1.3; font-weight: bold; }
.judul-desktop-berita-terbaru:hover { color: #1B5DAF; }
.judul-desktop-berita-terbaru a { line-height: 1.3; font-size: 12px; font-weight: bold; color: #000; }
.page-link-wrap { padding: 5px 10px; border-radius: 5px; font-family: 'Montserrat', sans-serif; font-weight: bold; background: #eee; font-size: 14px; }
a.post-page-numbers { display: inline-block; padding: 2px 10px; border: 1px solid #1b5daf; margin: 5px; border-radius: 50px; text-decoration: none !important; background: #fff; }
.page-link-wrap a:hover { text-decoration: none !important; background: #1b5daf; color: #fff; }
.page-link-wrap span.current { display: inline-block; padding: 3px 10px; border: 1px solid #1b5daf; background: #1b5daf; margin: 5px; border-radius: 50px; color: #fff; }
span.halaman-text { display: block; }
.wpp-list { background-color: #fff; counter-reset: section; position: relative; padding: 0 !important; }
.wpp-list li { border-bottom: 1px dotted #f7f7f7; margin-bottom: 0 !important; transition:.5s; }
.wpp-list li:nth-child(odd) { background-color: #f7f7f7; }
.wpp-list li:hover { background: #FCF6F6; }
.wpp-list li:last-child { border-bottom: none; }
.wpp-list > li > a.wpp-post-title:before { counter-increment: section; content: "" counter(section); position: absolute; left: 25px; font-size: 36px; font-weight: bold; color: #1B5DAF; padding: 0; line-height: 1; }
.wpp-list > li > a { display: block; text-decoration: none; color: #000; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: bold; padding: 5px; line-height: 1.5; padding-left: 75px; padding-right: 15px; }
.wpp-list li a:hover { color: #b30000; text-decoration: none; }
.post-stats, .wpp-excerpt { display: block; margin-left: 74px; margin-bottom: 10px; padding-right: 15px; }
.wpp-excerpt { font-size: 12px; color: #4d4d4d; }
.post-stats span, .post-stats a { color: #999; }
.wpp-list img.wpp-thumbnail { display: block; margin-right: 10px; margin-top: 15px; border-radius: 10px; }

/** PAGE **/
#page-content { width: 100%; max-width: 730px; padding: 20px; float: left; background: #fff; box-sizing: border-box; }
#page-content h1 { font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight: 700; margin: 5px 0 10px 0; line-height: 1.2; }
#page-content img { border-radius: 10px; margin-bottom: 10px; height: auto; width: 100%; }
#page-content ul { list-style-type: disc; padding: 20px; }
#page-content ol { list-style-type: numbers; padding: 20px; }
#page-content ol li, #page-content ul li { margin-bottom: 16px; }
#page-article-text { width: 100%; max-width: 700px; box-sizing: border-box; }
.error404 #page-content { max-width: 1100px; height: 500px; }
.error404 h1, .error404 p { text-align: center; }
.error404 h1 { font-size: 30px; }
.error404 p { font-size: 14px; line-height: 1.5; }

/** CATEGORY **/
#category-content-wrap { width: 100%; max-width: 1100px; margin: 0 auto; padding: 10px 0; box-sizing: border-box; background: #fff; }
#category-content { width: 100%; max-width: 785px; padding: 20px; float: left; background: #fff; box-sizing: border-box; }
.judul-label-kategori { font-size: 15.6px; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #ccc; padding-bottom: 22px; }
.judul-label-kategori .spansatu { color: #000; border-bottom: 3px solid #010A80; padding-bottom: 5px; }
.judul-label-kategori span { color: #000; text-transform: capitalize; }
.category-text-wrap { font-family: 'Montserrat', sans-serif; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-left: 15px; margin-right: 15px; min-height: 160px; }
.category-text-wrap > p:nth-child(1) { float: right; overflow: hidden; margin-bottom: 10px; margin-left: 20px; border-radius: 10px; }
.category-text-wrap p:nth-child(3) { margin-top: 10px; margin-bottom: 10px; line-height: 1.2; }
.category-text-wrap p:nth-child(6) { line-height: 1.4; font-size: 14px; }
#category-content h2 { line-height: 0.75; }
#category-content h2 a { font-size: 18px; color: #284a9a; font-family: 'Montserrat', sans-serif; font-weight: bold; line-height: 1.2; }
#category-content h2 a:hover { color: #000; }
#category-content img, #category-content img.img-category-desktop { display: block; border-radius: 6px; float: right; transition: 0.6s ease; }
#category-content img:hover { transform: scale(1.2); }
#category-content img.img-category-mobile { display: none; }
.category-kategori { margin-top: 10px; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 1.4; }
.category-kategori a { color: #F51700; }
.tanggal-mobile, .kategori-mobile { display: none; }
.page-template-page-homepage #news-feed { float: none; max-width: 780px; }
.page-template-page-homepage .news-feed-judul { font-size: 20px; }
.page-template-page-homepage .news-feed-list figure { float: left; margin-right: 20px; }
.page-template-page-homepage .news-feed-text-block { padding: 1.5% 0; }
.page-template-page-homepage .news-feed-list .kategori { margin: 10px 0; padding: 0; }
.page-template-page-homepage .news-feed-judul-block { background: #fff; color: #000; border: none; }
.page-template-page-homepage .news-feed-judul-block span { color: #000; }
.page-template-page-homepage .news-feed-judul-block span:after { content: " "; width: 75px; height: 3px; background: red; display: block; margin-top: 5px; }

/** FOOTER **/
footer { background: #1B5DAF; padding: 20px 5px; width: 100%; margin: 20px auto 0 auto; text-align: center; box-sizing: border-box; border-top: solid 2px #F51700; }
.menu-bawah li { display: inline-block; text-align: center; }
.menu-bawah li a { display: block; color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding: 15px 5px; font-weight: bold; font-size: 12px; }
.menu-bawah li a:after { content: " / "; display: inline-block; margin-left: 15px; }
.menu-bawah li:last-child a:after { content: " "; }
.footer-copyright { color: #fff; text-align: center; padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 10px; text-transform: uppercase; line-height: 1.6; }
.media-social-footer { padding: 0 0 15px 0; }
.alamat { font-family: 'Montserrat', sans-serif; line-height: 1.5; text-align: center; margin: 0 auto 15px auto; width: 100%; max-width: 320px; color: #fff; font-size: 12px; }
h2.judul-sidebar-left span, h2.judul-sidebar-right span, h2.judul-sidebar-single span { color: #1B5DAF; border-bottom: 3px solid #010A80; padding-bottom: 4px; }
.recent-post-widget { width: 100%; border-bottom: 1px solid #ccc; }
.recent-post-widget > p { overflow: hidden; border-radius: 10px; }
.recent-post-widget img { border-radius: 10px; width: 100%; max-width: 300px; transition: 0.6s ease; height: auto; }
.recent-post-widget img:hover { transform: scale(1.2); }
.text-wrap .recent-post-widget:nth-of-type(n+2) img { display: none; }
.text-wrap .recent-post-widget:last-of-type { border-bottom: none; }
.recent-post-widget a { display: block; padding: 13px 11px 10px 11px; font-size: 14px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif; }
.recent-post-widget a:hover { text-decoration: none; color: #2346A8; }
.recent-post-widget .waktu { font-size: 12px; color: #999; font-weight: 600; font-family: 'Montserrat', sans-serif; padding-bottom: 10px; padding-left: 11px; }
.scrollTop { position: fixed; right: 3%; bottom: 15px; background-color: transparent !important; opacity: 1 !important; padding: 0 !important; transition: all 0.4s ease-in-out 0s; border-radius: 100%; }
.scrollTop a { font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; display: block; box-shadow: 0 2px 5px rgba(0,0,0,0.2); color: #fff; background-color: #F51700; }
.arrow { border: solid currentColor !important; border-width: 0 3px 3px 0; display: inline-block !important; padding: 4px !important; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: 6px; }
.arrow:before { content: none !important; }

/* POPULAR POSTS WIDGET */
.bangbara-popular-list { list-style: none; padding: 0; margin: 0; }
.bangbara-popular-list .bp-item { border-bottom: 1px solid #e9ecef; padding: 12px 15px; transition: background 0.3s ease; }
.bangbara-popular-list .bp-item:last-child { border-bottom: none; }
.bangbara-popular-list .bp-item:hover { background: #f8f9fa; }
.bangbara-popular-list .bp-link { display: flex; gap: 12px; text-decoration: none; align-items: center; }
.bangbara-popular-list .bp-thumb { width: 70px; height: 70px; flex-shrink: 0; overflow: hidden; border-radius: 8px; }
.bangbara-popular-list .bp-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.bangbara-popular-list .bp-item:hover .bp-thumb img { transform: scale(1.1); }
.bangbara-popular-list .bp-content { display: flex; flex-direction: column; flex: 1; position: relative; padding-left: 25px; }
.bangbara-popular-list .bp-number { position: absolute; left: 0; top: -5px; font-size: 24px; font-weight: 800; color: rgba(27, 93, 175, 0.2); font-family: 'Plus Jakarta Sans', sans-serif; }
.bangbara-popular-list .bp-title { color: #1a1a1a; font-weight: 700; font-size: 14px; line-height: 1.4; margin-bottom: 5px; font-family: 'Plus Jakarta Sans', sans-serif; }
.bangbara-popular-list .bp-link:hover .bp-title { color: #1B5DAF; }
.bangbara-popular-list .bp-meta { font-size: 11px; color: #6c757d; font-weight: 500; }

/* HAMBURGER ANIMATION */
.hamburger-button.active .line-satu { transform: rotate(45deg) translate(5px, 5px); }
.hamburger-button.active .line-dua { opacity: 0; }
.hamburger-button.active .line-tiga { transform: rotate(-45deg) translate(7px, -7px); }

/* SLIDER MODELS */
.bangbara-headline-wrap { display: flex !important; gap: 15px; align-items: stretch; }
.bangbara-headline-wrap .slider-container { flex: 1 1 0% !important; min-width: 0 !important; width: auto !important; max-width: 100% !important; margin: 0 !important; }
.bangbara-headline-wrap .mySwiper2 { width: 100% !important; max-width: 100% !important; }
.bangbara-headline-wrap .bangbara-popular-side { flex: 0 0 300px; width: 300px; height: auto; overflow: hidden !important; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-sizing: border-box; }
#bangbara-headline-block { max-width: 1100px !important; width: 100% !important; margin: 15px auto !important; padding: 0 10px !important; box-sizing: border-box !important; overflow: hidden !important; }
#bangbara-headline-block .slider-container { max-width: 100% !important; width: 100% !important; margin: 0 auto !important; }
.slider-container.model-b .mySwiper { display: none !important; }
.slider-container.model-b .mySwiper2 { width: 100% !important; max-width: 100% !important; }
.slider-container.model-c { display: flex; gap: 10px; }
.slider-container.model-c .mySwiper2 { flex: 3; max-width: 60% !important; }
.slider-container.model-c .mySwiper { flex: 2; max-width: 40% !important; height: 430px; overflow: hidden; display: flex !important; flex-direction: column; gap: 5px; }
.slider-container.model-c .mySwiper .swiper-wrapper { display: flex !important; flex-direction: column !important; gap: 5px !important; transform: none !important; height: 100% !important; }
.slider-container.model-c .mySwiper .swiper-slide { width: 100% !important; flex: 1 1 0 !important; margin: 0 !important; position: relative; overflow: hidden; border-radius: 4px; opacity: 1 !important; visibility: visible !important; }
.slider-container.model-c .mySwiper .swiper-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.slider-container.model-c .mySwiper .swiper-slide .judul-thumbnail { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.7) !important; color: #fff !important; padding: 5px; font-size: 10px; text-align: left; min-height: auto !important; }
.bangbara-headline-wrap .before-widget { background: #fff; height: 100% !important; box-sizing: border-box; margin: 0; padding: 0; display: flex; flex-direction: column; }
.bangbara-headline-wrap .bangbara-popular-list { padding: 0 !important; margin: 0; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; flex-grow: 1; }
.bangbara-headline-wrap .bp-item { padding: 10px 12px !important; border-bottom: 1px solid #f0f0f0; flex-grow: 1; display: flex; align-items: center; }
.bangbara-headline-wrap .bp-item:last-child { border-bottom: none !important; }
.bangbara-headline-wrap .bp-thumb { width: 40px !important; height: 40px !important; }
.bangbara-headline-wrap .bp-title { font-size: 11px !important; line-height: 1.3 !important; margin-bottom: 0 !important; }
.bangbara-headline-wrap .bp-number { font-size: 16px !important; }
.bangbara-headline-wrap .bp-meta { display: none !important; }
.bangbara-headline-wrap .judul-sidebar-right, .bangbara-headline-wrap h2 { font-size: 14px !important; padding: 12px !important; margin: 0; border-bottom: 1px solid #f0f0f0; }
.slider-container.model-a .mySwiper2 { height: 300px !important; max-height: 300px !important; }
.slider-container.model-a .swiper-wrapper { height: 300px !important; max-height: 300px !important; }
.slider-container.model-a .swiper-slide { max-height: 300px !important; }
.slider-container.model-a .foto-slider { height: 300px !important; }
.slider-container.model-a .mySwiper { height: 90px !important; margin-top: 5px; }
.slider-container.model-a .mySwiper .swiper-slide { height: 90px !important; position: relative; overflow: hidden; border-radius: 4px; }
.slider-container.model-a .mySwiper .swiper-slide img { height: 60px !important; width: 100% !important; object-fit: cover !important; }
.slider-container.model-a .mySwiper .swiper-slide .judul-thumbnail { height: 30px; font-size: 10px; line-height: 1.2; padding: 2px 5px; background: #000 !important; color: #fff !important; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* MOBILE SLIDER */
.flexslider-mobile { margin: 15px 10px !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important; border: none !important; background: transparent !important; }
.flexslider-mobile .slides li { position: relative; }
.flexslider-mobile .slides img { height: 220px !important; object-fit: cover !important; width: 100% !important; }
.flexslider-mobile .headline-label-mobile { background: #1B5DAF !important; color: #fff !important; padding: 4px 12px !important; border-radius: 20px !important; font-size: 10px !important; font-weight: 700 !important; margin: 0 0 8px 0 !important; text-transform: uppercase; display: inline-block; }
.flexslider-mobile h2.headline-judul-mobile { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 18px !important; line-height: 1.3 !important; padding: 40px 20px 15px 20px !important; background: linear-gradient(to top, rgba(0,0,0,0.95), transparent) !important; margin: 0 !important; position: absolute; bottom: 0; width: 100%; box-sizing: border-box !important; text-align: left !important; }
.flexslider-mobile h2.headline-judul-mobile a { color: #fff !important; text-decoration: none; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
.flexslider-mobile .wrap-text-headline-dua { position: absolute; bottom: 15px; left: 50% !important; transform: translateX(-50%); width: 85% !important; padding: 15px !important; background: rgba(0, 0, 0, 0.4) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border-radius: 10px !important; border: 1px solid rgba(255,255,255,0.2) !important; text-align: center !important; box-sizing: border-box !important; margin: 0 !important; }
.flexslider-mobile .headline-label-mobile-dua { background: #F51700 !important; color: #fff !important; padding: 4px 12px !important; border-radius: 20px !important; font-size: 10px !important; margin: 0 auto 8px auto !important; display: block !important; width: fit-content; }
.flexslider-mobile h2.headline-judul-mobile-dua { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 18px !important; line-height: 1.3 !important; padding: 0 !important; background: none !important; margin: 0 !important; text-align: center !important; position: static !important; }
.flexslider-mobile h2.headline-judul-mobile-dua a { color: #fff !important; }
.flexslider-mobile .wrap-text-headline-dua .tanggal { color: #eee !important; font-size: 11px !important; margin-top: 8px !important; text-align: center !important; }
#lightSliderMobile { margin: 15px 10px !important; }
#lightSliderMobile .headline-tiga-mobile { border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important; background: #fff; }
#lightSliderMobile .headline-tiga-mobile img { height: 200px !important; object-fit: cover !important; width: 100% !important; border-radius: 0 !important; }
#lightSliderMobile .headline-tiga-text-wrap-mobile { padding: 15px !important; border-radius: 0 !important; margin-top: 0 !important; }
#lightSliderMobile .headline-tiga-text-wrap-mobile h2 a { color: #fff !important; font-size: 16px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 700; line-height: 1.3; }
#lightSliderMobile .headline-tiga-waktu-mobile { color: rgba(255,255,255,0.8) !important; font-size: 11px !important; margin-top: 5px; }

/* THUMBNAIL CROPPING */
.news-feed-list figure img.newsfeed-image { width: 270px !important; height: 150px !important; object-fit: cover !important; border-radius: 8px; }
.news-feed-list figure img.newsfeed-image-mobile { width: 85px !important; height: 85px !important; object-fit: cover !important; border-radius: 8px; }
.recent-post-widget img { width: 70px !important; height: 70px !important; object-fit: cover !important; border-radius: 6px; }
.bangbara-popular-list .bp-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 4px; }
.foto-slider { object-fit: cover !important; }
.judul-thumbnail img { object-fit: cover !important; height: 60px !important; }
.flexslider-mobile .slides img, #lightSliderMobile .headline-tiga-mobile img { object-fit: cover !important; }
.foto-utama img { object-fit: cover !important; max-height: 400px; }
.desktop-berita-terbaru-box p img { width: 100% !important; height: 130px !important; object-fit: cover !important; border-radius: 8px; }
.foto-mobile-berita-terbaru { width: 80px !important; height: 80px !important; object-fit: cover !important; float: right !important; margin-left: 10px; }
#category-content img, #category-content img.img-category-desktop, #category-content img.img-category-mobile { width: 150px !important; height: 100px !important; object-fit: cover !important; border-radius: 8px; }
.category-text-wrap > p:nth-child(1) { width: 150px !important; height: 100px !important; overflow: hidden; }

/* ===== MEDIA SCREEN ===== */
@media only screen and (max-width: 1440px) {
    #sidebar-banner-160x600-kanan, #sidebar-banner-160x600-kiri { top: 75px; }
}

@media only screen and (max-width: 1024px) {
    .slider-container, .bangbara-headline-wrap { display: none !important; }
    .flexslider-mobile { display: block !important; }
    #lightSliderMobile { display: block !important; }
}

@media only screen and (max-width: 750px) {
    #content-wrap { padding: 0; }
    .headline-judul a { font-size: 16px; }
    .headline-judul { line-height: 0.4; padding: 20px 20px 50px 20px; }
    .headline-label { bottom: 0; margin: 20px; background: #F36329; border: none; top: auto; padding: 5px; font-size: 10px; }
    .hamburger-button { display: block; }
    .menu-utama { border-bottom: none; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; }
    .menu-utama > li > a { padding: 5px 5px 2px 5px; font-size: 11px; margin: 5px; }
    .menu-utama > .current-menu-item > a { border-radius: 2px; }
    .menu-utama::-webkit-scrollbar { display: none; }
    .menu-bawah li { margin-bottom: 7px; }
    .media-social-header, header .search-form, .flex-control-thumbs { display: none; }
    #logo { width: 70%; }
    #content-left-wrap { display: flex; flex-direction: column; }
    #news-feed { order: 1; background-color: #F2F2F2; }
    #sidebar-left { order: 2; }
    .news-feed-list figure img { max-width: 136px; height: auto; }
    .newsfeed-image { display: none; }
    .news-feed-list .newsfeed-image-mobile { display: block; width: 100%; max-width: 85px; height: auto; }
    .news-feed-list { background: #fff; border-bottom: none; margin-bottom: 10px; padding: 0 3px; }
    .news-feed-judul { font-size: 13.8px; color: #000; }
    .news-feed-judul-block { margin-top: 10px; font-size: 15px; }
    .news-feed-list .kategori { background: transparent; color: #f36329; font-weight: 700; padding: 0; }
    .flexslider, #sidebar-banner-160x600-kanan, #sidebar-banner-160x600-kiri, .slider-container { display: none; }
    .flexslider-mobile { display: block; }
    .news-feed-text-block { padding: 0; }
    .news-feed-text-block .tanggal { color: #999; }
    #sidebar-right, #sidebar-left { max-width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; padding: 0 15px; }
    #single-content-wrap { background: #fff; padding-top: 0; }
    #single-content { padding: 0; }
    .single-media-social { float: none; }
    .related-post-wrap { max-width: 100%; float: none; }
    #category-content { padding: 15px; }
    #category-content-wrap { padding: 0; }
    #category-content h2 a { color: #000; font-size: 13px; }
    .category-text-wrap { min-height: auto; }
    .category-text-wrap p:nth-child(6) { display: none; }
    #category-content h2 { line-height: 0.5; }
    .category-kategori a { display: none; }
    #category-content img { width: 100%; height: auto; }
    .kategori-mobile { margin-bottom: 6px; }
    .category-text-wrap > p:nth-child(1) { width: 131px; height: 85px; margin-top: 5px; }
    .category-text-wrap { margin-left: 0; margin-right: 0; margin-bottom: 10px; padding-bottom: 10px; border: none; }
    #single-article-text { padding: 0 15px; }
    #single-content h1 { font-size: 22px; margin: 10px 15px; }
    .single-kategori { margin: 0 15px; }
    .single-kategori a { font-size: 10px; }
    .foto-utama img { border-radius: 0; }
    .caption-photo { font-size: 12px; line-height: 1.3; padding: 0 15px; }
    .related-post-wrap { display: none; }
    .mobile-menu-kiri-wrap form.search-form { display: block; float: none; margin-top: 0; margin-right: 0; margin-left: 0; border-top: 3px solid #0173b0; padding-left: 20px; padding-top: 20px; }
    .mobile-menu-kiri-wrap form.search-form .search-field { width: 65%; }
    .category-kategori { display: none; }
    .tanggal-mobile { display: block; margin: 10px 0; color: #999; font-size: 11px; line-height: 1.2; }
    .kategori-mobile { display: block; color: #F51700; font-weight: 700; }
    #single-content .tanggal { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 0; }
    .nama-reporter { display: none; }
    .nama-reporter-mobile { display: none; margin: 10px 0 0 0; font-size: 12px; }
    .judul-sidebar-left, .judul-sidebar-right, .judul-sidebar-single { padding: 15px 0; }
    .judul-sidebar-left, .judul-sidebar-right, .recent-post-widget > p { padding-left: 0; }
    .recent-post-widget > p { padding-right: 0; }
    .recent-post-widget img { max-width: 100%; height: auto; }
    #sidebar-single { max-width: 100%; margin-left: 0; padding: 0 15px; }
    .before-widget > img { margin: 0 auto; }
    .category #sidebar-single, .search #sidebar-single, .tag #sidebar-single { padding: 0 15px; }
    .page #page-content { padding: 0; }
    #page-content img { border-radius: 0; }
    #page-content h1 { padding: 0 15px; }
    #page-article-text { padding: 0 15px; }
    .mobile-berita-terkait { padding: 0 15px; }
    .desktop-berita-terbaru { display: none; }
    .mobile-berita-terkait, .mobile-berita-terkait .related-post-wrap, .mobile-berita-terbaru { display: block; }
    .mobile-berita-terbaru { padding: 0 15px; margin-top: 20px; }
    .mobile-berita-terkait .berita-terkait { text-transform: uppercase; border-bottom-color: red; margin-bottom: 20px; }
    .mobile-berita-terbaru .berita-terbaru { text-transform: uppercase; border-bottom: 2px solid red; margin-bottom: 20px; font-size: 1.2857em; font-weight: 700; padding: 0 0 6px; font-family: 'Montserrat', sans-serif; }
    .mobile-tanggal-terkait { font-size: 11px; color: #999; }
    .mobile-berita-terkait .related-post-box a { color: #000; font-size: 13.8px; }
    .judul-berita-terbaru a { color: #000; font-style: italic; font-size: 13.8px; font-weight: 700; line-height: 1.4; font-family: 'Montserrat', sans-serif; }
    .tanggal-berita-terbaru { font-size: 11px; color: #999; margin-top: 10px; font-family: 'Montserrat', sans-serif; }
    .mobile-berita-terbaru-box { margin-bottom: 20px; }
    .foto-mobile-berita-terbaru { display: block; float: right; border-radius: 6px; margin-left: 10px; }
    .mobile-kategori-berita-terbaru { color: #F51700; font-size: 11px; margin-bottom: 5px; font-weight: bold; font-family: 'Montserrat', sans-serif; }
    .single-media-social { display: none; }
    .media-sosial-mobile { display: block; }
    #sidebar-banner-mobile-top-header-parallax { display: block; }
    #single-content .container-single-meta { padding: 5px 15px; margin-bottom: 0; margin-top: 0; }
    #wpdevar_comment_1 { box-sizing: border-box; padding: 0 15px; }
    footer { padding-bottom: 50px; }
    .menu-bawah li { margin: 0; padding: 0; }
    .menu-bawah li a { padding: 8px 5px; }
    #sidebar-banner-mobile-bawah { display: none; }
    .scrollTop { bottom: 100px; }
    .judul-berita-rekomendasi { padding: 10px 10px 20px 10px; }
    .img-category-desktop { display: none; }
    .img-category-mobile { display: block; }
    #lightSliderMobile { display: block; }
    .totalpembaca { text-align: center; }
    .menu-utama > li:last-child { margin-right: 30px !important; }
}

/* ============================================================
   TOMBOL DARK MODE & HAMBURGER
   ============================================================ */
.dark-mode-btn {
    width: 40px !important; height: 40px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    border-radius: 8px !important; padding: 0 !important; font-size: 18px !important;
    margin-left: 8px !important; border: none !important;
    background: #1B5DAF !important; color: #fff !important;
    cursor: pointer; transition: all 0.3s ease;
}
.dark-mode-btn:hover { transform: translateY(-2px); opacity: 0.9; }
#dark-mode-toggle-mobile { display: none !important; }
@media only screen and (max-width: 750px) {
    #dark-mode-toggle { display: none !important; }
    #dark-mode-toggle-mobile {
        display: flex !important; position: absolute !important;
        top: 15px !important; right: 15px !important;
        width: 40px !important; height: 40px !important;
        border-radius: 8px !important; padding: 0 !important; font-size: 18px !important;
        z-index: 1001; border: none !important;
        background: #1B5DAF !important; color: #fff !important; cursor: pointer;
    }
    .hamburger-button {
        top: 15px !important; right: 60px !important;
        width: 40px !important; height: 40px !important; padding: 0 !important;
        background: #1B5DAF !important; border-radius: 8px !important;
        display: flex !important; flex-direction: column !important;
        justify-content: center !important; align-items: center !important; z-index: 1001;
    }
    .hamburger-button .line-satu, .hamburger-button .line-dua, .hamburger-button .line-tiga {
        background-color: #fff !important; margin-bottom: 4px;
    }
    .hamburger-button .line-tiga { margin-bottom: 0; }
}

/* ============================================================
   MOBILE MENU — GRID 2 KOLOM + SUB-MENU INTERAKTIF
   ============================================================ */
html.dark-reader .mobile-menu-kiri-wrap { background: #0d1b2a !important; }

.mobile-menu-kiri-wrap .mobile-menu-kiri {
    display: grid !important; grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 !important; padding: 0 !important; margin-top: 0 !important; align-items: start !important;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri > li {
    background: transparent !important;
    border-right: 1px solid rgba(255,255,255,0.1) !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 0 !important; box-shadow: none !important;
    padding: 0 !important; min-height: 48px; display: flex; align-items: center;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri > li:nth-child(even) { border-right: none !important; }
.mobile-menu-kiri-wrap .mobile-menu-kiri > li > a {
    display: block !important; padding: 14px 12px !important;
    color: #fff !important; font-size: 13px !important; font-weight: 600 !important;
    text-transform: uppercase; letter-spacing: 0.3px;
    border-bottom: none !important; text-align: left !important; width: 100%;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.current-menu-item { background: rgba(255,255,255,0.1) !important; }
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.current-menu-item > a {
    border-left: 3px solid #F51700 !important; padding-left: 9px !important; font-weight: 700 !important;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children {
    grid-column: 1 / -1; flex-direction: column; align-items: stretch;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children > a { position: relative; }
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children > a:after {
    content: "" !important; position: absolute !important; right: 15px !important; top: 50% !important;
    transform: translateY(-50%) rotate(45deg) !important;
    border-right: 2px solid rgba(255,255,255,0.5) !important;
    border-bottom: 2px solid rgba(255,255,255,0.5) !important;
    width: 7px !important; height: 7px !important; pointer-events: none !important;
    background-image: none !important; transition: all 0.3s ease;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children.active > a:after {
    transform: translateY(-50%) rotate(-135deg) !important; border-color: #fff !important;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri .sub-menu {
    display: none !important; background: rgba(0,0,0,0.2) !important;
    padding: 0 !important; margin: 0 !important; width: 100% !important;
    border-top: 1px solid rgba(255,255,255,0.1); border-left: 3px solid rgba(255,255,255,0.15);
}
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children.active > .sub-menu {
    display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 0 !important;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri .sub-menu li {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    border-right: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; width: 100% !important;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri .sub-menu li:nth-child(even) { border-right: none !important; }
.mobile-menu-kiri-wrap .mobile-menu-kiri .sub-menu li:last-child,
.mobile-menu-kiri-wrap .mobile-menu-kiri .sub-menu li:nth-last-child(2) { border-bottom: none !important; }
.mobile-menu-kiri-wrap .mobile-menu-kiri .sub-menu li a {
    display: block !important; padding: 10px 12px !important;
    color: rgba(255,255,255,0.8) !important; font-size: 12px !important; font-weight: 500 !important;
    text-transform: capitalize; border-bottom: none !important; text-align: left !important;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri .sub-menu li.current-menu-item a {
    color: #fff !important; background: rgba(255,255,255,0.05) !important; font-weight: 600 !important;
}
html.dark-reader .mobile-menu-kiri-wrap .mobile-menu-kiri .sub-menu { background: rgba(0,0,0,0.4) !important; }
html.dark-reader .mobile-menu-kiri-wrap .mobile-menu-kiri > li { border-color: rgba(255,255,255,0.08) !important; }

/* ============================================================
   DARK MODE
   ============================================================ */
html.dark-reader, html.dark-reader body { background-color: #121212 !important; color: #e0e0e0 !important; color-scheme: dark; }
html.dark-reader img { opacity: 0.85; }
html.dark-reader #content-wrap, html.dark-reader #content-left-wrap,
html.dark-reader #single-content-wrap, html.dark-reader #single-content,
html.dark-reader #category-content-wrap, html.dark-reader #category-content,
html.dark-reader #page-content, html.dark-reader #news-feed,
html.dark-reader .news-feed-list, html.dark-reader .news-feed-judul-block,
html.dark-reader .news-feed-text-block, html.dark-reader .next-wrap,
html.dark-reader .page-link-wrap, html.dark-reader .wp-caption, html.dark-reader .wpp-list,
html.dark-reader .video-wrap, html.dark-reader .clr, html.dark-reader .add-height,
html.dark-reader #wpdevar_comment_1, html.dark-reader #berita-pilihan,
html.dark-reader .berita-rekomendasi-box, html.dark-reader .desktop-berita-terbaru-box,
html.dark-reader .bangbara-popular-list .bp-item, html.dark-reader .before-widget {
    background-color: #121212 !important; color: #e0e0e0 !important;
}
html.dark-reader .before-widget, html.dark-reader .sidebar-newsfeed-satu-wrap,
html.dark-reader .sidebar-newsfeed-dua-wrap, html.dark-reader .sidebar-newsfeed-tiga-wrap {
    background-color: #1e1e1e !important; border: 1px solid #333 !important; border-radius: 8px;
}
html.dark-reader #sidebar-single, html.dark-reader #sidebar-right, html.dark-reader #sidebar-left,
html.dark-reader .judul-sidebar-single, html.dark-reader .judul-sidebar-right, html.dark-reader .judul-sidebar-left {
    background: transparent !important;
}
html.dark-reader .single-article-text, html.dark-reader .single-article-text p,
html.dark-reader .news-feed-judul, html.dark-reader .news-feed-text-block .tanggal,
html.dark-reader #single-content h1, html.dark-reader #page-content h1,
html.dark-reader #category-content h2 a, html.dark-reader #berita-pilihan h2 a,
html.dark-reader .bp-title, html.dark-reader .recent-post-widget a,
html.dark-reader .judul-berita-rekomendasi, html.dark-reader #berita-rekomendasi h2,
html.dark-reader #berita-rekomendasi h2 a, html.dark-reader .judul-desktop-berita-terbaru,
html.dark-reader .judul-desktop-berita-terbaru a, html.dark-reader .judul-berita-terbaru a,
html.dark-reader .judul-label-kategori, html.dark-reader .judul-label-kategori .spansatu,
html.dark-reader .judul-label-kategori span, html.dark-reader .related-post-box a,
html.dark-reader .mobile-berita-terkait .related-post-box a, html.dark-reader .bp-number {
    color: #f1f1f1 !important;
}
html.dark-reader .news-feed-list .kategori, html.dark-reader .single-kategori a,
html.dark-reader .desktop-kategori-berita-terbaru, html.dark-reader .mobile-kategori-berita-terbaru,
html.dark-reader .single-article-text p a, html.dark-reader .category-kategori a { color: #82b1ff !important; }
html.dark-reader .news-feed-judul-block, html.dark-reader .judul-sidebar-right,
html.dark-reader .judul-sidebar-single, html.dark-reader .before-widget h2,
html.dark-reader .judul-berita-pilihan, html.dark-reader .desktop-berita-terbaru .berita-terbaru,
html.dark-reader .mobile-berita-terbaru .berita-terbaru, html.dark-reader .related-post-wrap .berita-terkait,
html.dark-reader .bangbara-headline-wrap .bangbara-popular-side .before-widget {
    background: transparent !important; color: #fff !important; border-bottom: 1px solid #444 !important;
}
html.dark-reader .news-feed-judul-block span:after, html.dark-reader .judul-sidebar-right:after,
html.dark-reader .before-widget h2:after { background: #82b1ff !important; }
html.dark-reader .header-fixed, html.dark-reader .header-shrink { background-color: #121212 !important; background-image: none !important; }
html.dark-reader .fluid-nav { background-color: #121212 !important; border-color: #333 !important; }
html.dark-reader .menu-utama > li > a, html.dark-reader .menu-bawah li a { color: #e0e0e0 !important; }
html.dark-reader .menu-utama::-webkit-scrollbar-track { background: #333 !important; }
html.dark-reader .line-satu, html.dark-reader .line-dua, html.dark-reader .line-tiga { background: #fff !important; }
html.dark-reader footer { background-color: #0a0a0a !important; border-color: #333 !important; }
html.dark-reader .footer-copyright, html.dark-reader .alamat, html.dark-reader .menu-bawah li a { color: #e0e0e0 !important; }
html.dark-reader .dark-mode-btn, html.dark-reader #dark-mode-toggle-mobile, html.dark-reader .hamburger-button {
    background: rgba(0,0,0,0.3) !important; border: 1px solid rgba(255,255,255,0.5) !important; color: #fff !important;
}
html.dark-reader .header-right-nav .sosmed-bgb {
    background: rgba(0,0,0,0.3) !important; border: 1px solid rgba(255,255,255,0.5) !important; color: #fff !important;
}
html.dark-reader .search-form .search-field { background: rgba(0,0,0,0.3) !important; border: 2px solid rgba(255,255,255,0.5) !important; color: #fff !important; }
html.dark-reader .search-submit { background-color: rgba(0,0,0,0.3) !important; border: 2px solid rgba(255,255,255,0.5) !important; }
html.dark-reader footer .sosmed-bgb { background: #333 !important; border: 1px solid #555 !important; color: #fff !important; }
html.dark-reader .tagname { background: #2a2a2a !important; border-top: none !important; }
html.dark-reader .tagname a { background: #333 !important; color: #ddd !important; }
html.dark-reader .page-numbers { background: #333 !important; color: #fff !important; border: 1px solid #555 !important; }
html.dark-reader .nav-links .current { background: #1B5DAF !important; color: #fff !important; }
html.dark-reader table, html.dark-reader td, html.dark-reader th, html.dark-reader tr { border-color: #444 !important; color: #e0e0e0 !important; }
html.dark-reader tr:nth-child(even) { background-color: #1e1e1e !important; }
html.dark-reader tr:nth-child(even) td { color: #e0e0e0 !important; }
html.dark-reader .wpp-list li:nth-child(odd), html.dark-reader .recent-post-widget { background: #1a1a1a !important; }
html.dark-reader .wpp-list, html.dark-reader .wpp-list > li > a, html.dark-reader .recent-post-widget a,
html.dark-reader .recent-post-widget .waktu, html.dark-reader .wpp-excerpt,
html.dark-reader .post-stats, html.dark-reader .post-stats span, html.dark-reader .post-stats a { color: #e0e0e0 !important; }
html.dark-reader .wpp-list > li > a.wpp-post-title:before { color: #82b1ff !important; }
html.dark-reader .bangbara-headline-wrap .bangbara-popular-side { background: #121212 !important; box-shadow: none !important; }
html.dark-reader .bangbara-headline-wrap .bp-item { border-bottom: 1px solid #333 !important; }
html.dark-reader .bp-number { color: rgba(255,255,255,0.6) !important; }
html.dark-reader .flexslider-mobile, html.dark-reader .headline-tiga-mobile,
html.dark-reader .headline-tiga-text-wrap-mobile { background: #121212 !important; }
html.dark-reader .flexslider-mobile h2.headline-judul-mobile a,
html.dark-reader .flexslider-mobile h2.headline-judul-mobile-dua a,
html.dark-reader .flexslider-mobile .headline-label-mobile,
html.dark-reader .flexslider-mobile .headline-label-mobile-dua,
html.dark-reader #lightSliderMobile .headline-tiga-text-wrap-mobile h2 a { color: #fff !important; }
html.dark-reader .flexslider-mobile .wrap-text-headline-dua .tanggal,
html.dark-reader #lightSliderMobile .headline-tiga-waktu-mobile { color: #ccc !important; }
html.dark-reader .mobile-berita-terkait, html.dark-reader .mobile-berita-terbaru-box {
    background: transparent !important; border: none !important; box-shadow: none !important;
}
html.dark-reader .mobile-berita-terkait .berita-terkait,
html.dark-reader .mobile-berita-terbaru .berita-terbaru { border-bottom: 1px solid #444 !important; color: #fff !important; }
html.dark-reader input, html.dark-reader select, html.dark-reader textarea,
html.dark-reader .before-widget select, html.dark-reader .before-widget option,
html.dark-reader .before-widget input, html.dark-reader .before-widget .textwidget,
html.dark-reader .before-widget .textwidget p, html.dark-reader .before-widget ul,
html.dark-reader .before-widget ul li, html.dark-reader .before-widget ul li a {
    background: transparent !important; color: #e0e0e0 !important; border-color: #444 !important;
}
html.dark-reader .recent-post-widget a:hover { color: #82b1ff !important; }
html.dark-reader .before-widget #wp-calendar, html.dark-reader .before-widget #wp-calendar caption,
html.dark-reader .before-widget #wp-calendar th { color: #82b1ff !important; }
html.dark-reader #berita-pilihan { background: #051323 !important; }
html.dark-reader #berita-pilihan h2 a { color: #fff !important; }
@media only screen and (max-width: 750px) {
    html.dark-reader .news-feed-list { background: #121212 !important; }
    html.dark-reader #content-left-wrap, html.dark-reader #content-wrap { background: #121212 !important; }
    html.dark-reader #lightSliderMobile .headline-tiga-text-wrap-mobile { background: #1e1e1e !important; }
    html.dark-reader .mobile-berita-terkait, html.dark-reader .mobile-berita-terbaru-box {
        background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 15px !important;
    }
    html.dark-reader .mobile-berita-terkait .berita-terkait,
    html.dark-reader .mobile-berita-terbaru .berita-terbaru { border-bottom: 1px solid #444 !important; color: #fff !important; }
}


/* ============================================================
   FIX: SUB-MENU GRID + SEARCH ICON + STICKY + CLOSE BUTTON
   ============================================================ */

/* 1. Parent item dengan sub-menu: tetap 2-grid (tidak span full) */
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children {
    grid-column: auto !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* Saat sub-menu AKTIF: baru span full width */
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children.active {
    grid-column: 1 / -1 !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* 2. Search icon: background HITAM, icon PUTIH tetap terlihat */
.mobile-menu-kiri-wrap .search-submit {
    background-color: #000 !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

/* Search field juga diperbaiki */
.mobile-menu-kiri-wrap .search-field {
    background-color: rgba(0,0,0,0.3) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: #fff !important;
}

/* 3. Sosmed icons: lis putih jelas */
.mobile-menu-kiri-wrap .mobile-search-sosmed-wrap .sosmed-bgb {
    border: 1px solid rgba(255,255,255,0.5) !important;
    background: transparent !important;
    color: #fff !important;
}

/* 4. Hapus tombol close (X) kecil yang tidak bisa di-klik */
.mobile-menu-kiri-wrap .close-button-hamburger {
    display: none !important;
}

/* 5. Hamburger & dark mode: position FIXED (tidak ikut scroll) */
@media only screen and (max-width: 750px) {
    .hamburger-button {
        position: fixed !important;
        top: 15px !important;
        right: 60px !important;
        z-index: 10000 !important;
    }
    #dark-mode-toggle-mobile {
        position: fixed !important;
        top: 15px !important;
        right: 15px !important;
        z-index: 10000 !important;
    }
}

/* 6. Pastikan sub-menu bisa di-klik (z-index cukup) */
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children > a {
    position: relative;
    z-index: 10;
    cursor: pointer;
}
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children > a:after {
    z-index: 10;
}

/* ============================================================
   FIX: SUB-MENU TIDAK NABRAK + SEARCH ICON DARK MODE
   ============================================================ */

/* 1. Parent item saat active: TIDAK span full width */
/* Tetap di posisi grid normal (2 kolom), sub-menu muncul di dalam kotak parent */
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children.active {
    grid-column: auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* Sub-menu: 1 kolom di dalam kotak parent (tidak nyebrang) */
.mobile-menu-kiri-wrap .mobile-menu-kiri > li.menu-item-has-children.active > .sub-menu {
    display: block !important;
    grid-template-columns: none !important;
}

/* 2. Search icon: PUTIH terlihat di dark mode */
html.dark-reader .search-submit {
    background-color: #000 !important;
}

/* Mobile search icon juga solid hitam */
.mobile-menu-kiri-wrap .search-submit {
    background-color: #000 !important;
}

/* ============================================================
   FIX: SEARCH ICON TERLIHAT DI DARK MODE
   ============================================================ */

/* Override background: transparent untuk search-submit di dark mode */
html.dark-reader .search-form .search-submit,
html.dark-reader .before-widget .search-submit,
html.dark-reader .mobile-menu-kiri-wrap .search-submit {
    background-color: #000 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
}

/* Mobile menu search icon: selalu hitam + icon putih */
.mobile-menu-kiri-wrap .search-submit {
    background-color: #000 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
}


/* ============================================================
   FIX: HAMBURGER & DARK MODE — ATAS-BAWAH, NEMPEL HEADER
   ============================================================ */

@media only screen and (max-width: 750px) {

    /* Header-shrink jadi container untuk tombol */
    .header-shrink {
        position: relative !important;
        min-height: 105px !important;
    }

    /* Hamburger: POSISI ATAS */
    .hamburger-button {
        position: absolute !important;
        top: 10px !important;
        right: 12px !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        background: #1B5DAF !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 1001 !important;
    }

    .hamburger-button .line-satu,
    .hamburger-button .line-dua,
    .hamburger-button .line-tiga {
        background-color: #fff !important;
        margin-bottom: 4px;
    }
    .hamburger-button .line-tiga {
        margin-bottom: 0;
    }

    /* Dark mode: POSISI BAWAH (10 + 40 + 6 gap = 56px) */
    #dark-mode-toggle-mobile {
        position: absolute !important;
        top: 56px !important;
        right: 12px !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        font-size: 18px !important;
        border-radius: 8px !important;
        border: none !important;
        background: #1B5DAF !important;
        color: #fff !important;
        cursor: pointer;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 1001 !important;
    }

    /* Saat menu mobile terbuka, toggle tetap terlihat */
    .hamburger-button.active ~ #dark-mode-toggle-mobile {
        background: rgba(0,0,0,0.3) !important;
        border: 1px solid rgba(255,255,255,0.3) !important;
    }
}

/* Dark mode: tombol jadi gelap */
html.dark-reader .hamburger-button,
html.dark-reader #dark-mode-toggle-mobile {
    background: rgba(0,0,0,0.3) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    color: #fff !important;
}

/* ============================================================
   FIX: STICKY HEADER MOBILE
   ============================================================ */

@media only screen and (max-width: 750px) {
    /* Override overflow-x: hidden → clip (tidak break sticky) */
    html, body {
        overflow-x: clip !important;
    }

    /* Paksa header sticky di mobile */
    header {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
    }

    /* Pastikan header-fixed tidak mengganggu sticky */
    .header-fixed {
        position: relative !important;
    }

    /* Hamburger & dark mode tetap nempel di header */
    .hamburger-button,
    #dark-mode-toggle-mobile {
        position: absolute !important;
    }
}