/* --------------- dark theme --------------- */
.dark-theme, .dark-theme .sp-kanal, .dark-theme .theme-oto, .dark-theme .sticky-meta, .dark-theme .subscribe, .dark-theme .sp-single, .dark-theme .meta-nav, .dark-theme .navbar-container, .dark-theme .sp-main-content .baca-juga-title {
  background-color: #050b0f !important;
  color: #eeeeee !important;
}
.dark-theme .dark-none {
  display: none;
}
.dark-theme .light-none {
  display: block;
}
.dark-theme .bg-gray1,
.dark-theme .bg-gray3,
.dark-theme .sp-widget-tags-style5 .tags-content a,
.dark-theme .sp-breaking-news-bisnis .content,
.dark-theme .sp-breaking-news-bisnis .content .breaking-body .arrows,
.dark-theme .bg-white,
.dark-theme .sp-featured-news-style8,
.dark-theme .sp-widget-social-style8,
.dark-theme .sp-popular-sport,
.dark-theme .sp-widget-standings-style8,
.dark-theme .sp-author-info-style1 .sp-author-card .content {
  background-color: #06121a !important;
}
.dark-theme .bg-gray2 {
  background-color: #000 !important;
}
.dark-theme .color-000,
.dark-theme .sp-post-grid-style10 .info,
.dark-theme .form-control,
.dark-theme .sp-widget-recent-style2 .sp-widget-premium-list .item .info .title,
.dark-theme .sp-subscribe-style2 .sub-info h5,
.dark-theme .sp-popular-categories-style3 .category-card .title,
.dark-theme .subscribe .lead,
.dark-theme .sp-main-post-title h1.title,
.dark-theme .sp-main-content ul li a, 
.dark-theme .sp-main-content .baca-juga-inner ul>li a {
  color: #eeeeee !important;
}
.dark-theme .color-666 {
  color: #a9a3a3 !important;
}
.dark-theme .brd-blue,
.dark-theme .form-control {
  border-color: #fff2 !important;
}
.dark-theme .form-check-input,
.dark-theme .form-control {
  background: #fff3;
}
.dark-theme .top-navbar.style-1 .date-weather .item .inf strong,
.dark-theme .navbar.style-1 .navbar-nav .nav-item .nav-link,
.dark-theme .sp-slider-style1 .swiper-button-next:after, .dark-theme .sp-slider-style1 .swiper-button-prev:after,
.dark-theme .navbar.style-1 .dropdown-menu .dropdown-item, .dark-theme .navbar.style-1 .dropdownMenu .dropdown-item,
.dark-theme .subnav-container .sp-stock-card .stock-card-body .stock-card-item .title,
.dark-theme .subnav-container .sp-stock-card .stock-card-title,
.dark-theme .sp-widget-premium .sp-widget-premium-list .item .info .title,
.dark-theme .sp-widget-survey-style1 .ques-title,
.dark-theme .sp-download-style1 .content .info .title,
.dark-theme .navbar.style-2 .navbar-nav .nav-item .nav-link,
.dark-theme .top-navbar.style-2 .date-weather .item .inf strong,
.dark-theme .sp-trends-news-slider2 .card-item .info .title,
.dark-theme .sp-widget-social-style2 .social-card .cont h6,
.dark-theme .navbar.style-4 .navbar-nav .nav-item .nav-link,
.dark-theme .top-navbar.style-4 .search-form .form-group .icon,
.dark-theme .navbar.style-5 .navbar-nav .nav-item .nav-link,
.dark-theme .top-navbar.style-5 .date-weather .item .inf strong,
.dark-theme .navbar.style-6 .navbar-nav .nav-item .nav-link,
.dark-theme .navbar.style-6 .side-navbar .icon-link i,
.dark-theme .sp-widget-social-style6 .item .icon i,
.dark-theme .sp-widget-categories-style6 .categories-content .item .icon-title .title,
.dark-theme .sp-grid-photo .item .content h2.title,
.dark-theme .meta-bot,
.dark-theme .sp-popular-categories-style7 .category-content .cat-link,
.dark-theme .sp-grid-photo .item .content .title,
.dark-theme .table,
.dark-theme .sp-widget-standings-style8 .form-select,
.dark-theme .info-text,
.dark-theme .sp-widget-social-style3 .social-card .cont h6,
.dark-theme .article-fsz button {
  color: #eeeeee !important;
}
.dark-theme .navbar.style-1 .dropdown-menu .dropdown-item:hover, .dark-theme .navbar.style-1 .dropdownMenu .dropdown-item:hover {
  background-color: #050b0f;
  color: var(--color-main);
}
.dark-theme .navbar.style-1 .navbarList-icon span,
.dark-theme .navbar.style-4 .navbar-nav .nav-item .nav-link::before,
.dark-theme .navbar.style-4 .navbarList-icon span,
.dark-theme .sp-main-content ul li::before,
.dark-theme .sp-main-content .baca-juga-inner>ul li:before {
  background-color: #eeeeee;
}
.dark-theme .top-navbar.style-1 .sub-darkLight .darkLight-btn,
.dark-theme .sp-widget-survey-style1,
.dark-theme .sp-widget-sponsored-style1,
.dark-theme .sp-widget-tags-style2 .tags-content a,
.dark-theme .sp-posts-tabs-style3 .nav-pills,
.dark-theme .results-navbar .content .results-content .game-card .game-name,
.dark-theme .sp-widget-standings-style8 .table thead {
  background-color: #000;
}
.dark-theme .top-navbar.style-1 {
  border-bottom: 1px solid #fff1;
}
.dark-theme .navbar.style-1 {
  border-bottom: 1px solid #fff9;
}
.dark-theme .footer {
  background-color: #000;
  border-color: #fff9;
}
.dark-theme .footer .content .link-group .f-link {
  color: #999;
}
.dark-theme .footer .content .info p b,
.dark-theme .footer .content .link-group .title,
.dark-theme .footer .content .link-group .title a,
.dark-theme .footer .sp-subscribe .sub-info h5,
.dark-theme .footer .sp-subscribe .sub-form .form-group .form-control,
.dark-theme .footer .content .info .social-links a,
.dark-theme .sp-main-content p {
  color: #eeeeee;
}
.dark-theme .navbar.style-1 .dropdown-menu, .dark-theme .navbar.style-1 .dropdownMenu,
.dark-theme .footer .sp-subscribe .sub-form .form-group .form-control,
.dark-theme .footer .content .info .social-links a,
.dark-theme .slidenav-menu,
.dark-theme .nav-search-style1 .form .form-group .form-control,
.dark-theme .sp-techno-plus .content,
.dark-theme .sp-trends-news-slider2 .card-item .img .num,
.dark-theme .sp-slider-style1.slider-color-blue1 .swiper-button-next,
.dark-theme .sp-slider-style1.slider-color-blue1 .swiper-button-prev,
.dark-theme .sp-widget-tags-style2,
.dark-theme .sp-list-breaking .items .gary-item,
.dark-theme .sp-must-read-style6,
.dark-theme .sp-widget-survey-style6,
.dark-theme .sp-widget-standings-style8 .form-select {
  background-color: #06121a !important;
}
.dark-theme .sp-post-list-style1 .sp-post-title-style1,
.dark-theme .sp-post-list-style1 .items,
.dark-theme .subnav-container .sp-stock-card,
.dark-theme .sp-post-overlay-default .img .tags,
.dark-theme .slidenav-menu .offcanvas-body .social-links a,
.dark-theme .slidenav-menu .offcanvas-body .sidebar-categories .cat-card .info .num,
.dark-theme .nav-search-style1,
.dark-theme .sp-post-grid-style2 .content {
  background-color: #000;
  color: #eeeeee;
}
.dark-theme .sp-download-style1 .content {
  background-image: url(../images/download1_dark.png);
}
.dark-theme .sp-post-list-style2 .items .item,
.dark-theme .sp-post-list-style1 .items .item,
.dark-theme .subnav-container .sp-stock-card .stock-card-title,
.dark-theme .subnav-container .sp-stock-card .stock-card-body .stock-card-item,
.dark-theme .sp-widget-social-style6 .item .icon i,
.dark-theme .sp-breaking-news-style6 .content,
.dark-theme .sp-breaking-news-style6 .content .breaking-title {
  border-color: #fff2 !important;
}
.dark-theme .border-dark,
.dark-theme .sp-main-post-style1 .btm-share-post,
.dark-theme .main-post .btm-share-post {
  border-color: #fff !important;
}
.dark-theme .slidenav-menu .btn-close,
.dark-theme .navbar-light .navbar-toggler-icon {
  -webkit-filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(350deg) brightness(102%) contrast(99%);
          filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(350deg) brightness(102%) contrast(99%);
}
.dark-theme .sp-post-list-style4 .items,
.dark-theme .sp-post-list-style4 .items .item,
.dark-theme main {
  background-color: #050b0f;
}
.dark-theme .sp-post-grid-style4 .item .info .text,
.dark-theme .sp-post-grid-style4 .item .info a.more,
.dark-theme .sp-main-post-style1 .sp-main-post-content .info-text .lg-letter,
.dark-theme .main-post .info-text .lg-letter,
.dark-theme .top-navbar.style-main .nav-side .canvas-btn,
.dark-theme .navbar-dark .navbar-toggler i {
  color: #fff !important;
}
.dark-theme .sp-main-post-style1 .sp-main-post-content .quote-message-content .quote-message,
.dark-theme .main-post .quote-message-content .quote-message {
  background-color: #000;
}
.dark-theme .sp-main-post-style1 .sp-main-post-content .quote-message-content .quote-message::after,
.dark-theme .main-post .quote-message-content .quote-message::after {
  border-top: 40px solid #000;
  border-right: 50px solid #000;
}
.dark-theme .sp-subscribe-style9,
.dark-theme .is-sticky.sticky {
  background-color: #010b13 !important;
}
.dark-theme .is-sticky.sticky {box-shadow: 0px 1px 2px 0px rgb(255 255 255 / 10%);}
.dark-theme .sp-subscribe-style9 .sub-info h5,
.dark-theme .darkLight-btn .icon {
  color: #fff !important;
}
.dark-theme .sp-subscribe-style9 .sub-form .form-group .form-control {
  background-color: #fff2;
}
.dark-theme .main-post .main-content .audio-content .title,
.dark-theme .darkLight-btn .icon.active {
  color: #000 !important; 
}
.dark-theme .sp-slider-style1.slider-color-orange1 .swiper-button-next,
.dark-theme .sp-slider-style1.slider-color-orange1 .swiper-button-prev {
  background-color: transparent;
}

.dark-theme .navbar.style-main .navbar-nav .nav-item .nav-link,
.dark-theme .sp-single .main-post .main-content p, 
.dark-theme .sp-main-content p, .dark-theme .sp-main-content ul li, .dark-theme .sp-main-content .baca-juga-title,
.dark-theme .text-primary {
  color: var(--color-silver) !important;
}

.dark-theme .top-navbar.style-main .logo-brand img, 
.dark-theme .logo-subnav img, 
.dark-theme .footer .content .info .foot-logo img, 
.dark-theme .slidenav-menu .logo img,
.dark-theme .is-sticky.sticky .logo-brand img, 
.dark-theme .mob-nav-toggles .logo-brand img,
.sidenav-header .header .logo img,
.dark-theme .header-box img {
  filter: brightness(0) invert(1);
}

/*.dark-theme .navbar-container {border-bottom: 0;background-color: #11274a;}*/
/*.dark-theme .subnav-container, .dark-theme .subnav-container .subnav-navbar .links .link {background-color: #11274a; color: #eee;}*/
.dark-theme .subnav-container .subnav-navbar .links .link {background-color: #000; color: #eee;}
.dark-theme .subnav-container .subnav-navbar .links .link:hover {background-color: #eee; color: #11274a;}
.dark-theme .main-fsz.active, .main-fsz:hover {color: var(--color-blue1) !important;}
.dark-theme .intro-subscribe {background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#050b0f) !important;}
.dark-theme .subscribe {border-color: #555 !important;}
.dark-theme .adsPushdown__swipe, .dark-theme .adsPushdown__close {background-color: #333;}
