/*
 Theme Name:   Jesuspended Developer Child
 Description:  Jesuspended Developer Child Theme
 Author:       Developer
 Template:     pixwell
 Version:      1.0.0
*/

/* ============================================
   BSIP KEMENTAN - EXACT jejakindonesia.id STYLE
   Last updated: 2026-03-17
   ============================================ */

/* --- RESET / TOP BAR HIDDEN --- */
.top-bar-wrap,
.topbar-wrap,
.top-header,
.top-wrap,
.header-top {
    display: none !important;
}

/* --- HEADER / LOGO AREA --- 
   jejakindonesia.id: logo text atas, background putih,
   centered-ish, padding cukup besar */
.header-wrap,
.is-header,
.site-header {
    background: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
}

.header-inner,
.header-wrap .rb-container,
.header-wrap .container,
.is-header .rb-container {
    background: #ffffff !important;
    padding-top: 20px !important;
    padding-bottom: 15px !important;
}

/* Logo */
.logo-wrap img,
.site-logo img,
.navbar-logo img,
.header-logo img,
.header-wrap .logo img {
    max-height: 65px !important;
    height: auto !important;
    width: auto !important;
}

/* Site title jika belum pakai logo image */
.site-title,
.logo-text,
.is-logo-text {
    font-size: 32px !important;
    font-weight: 900 !important;
    color: #222 !important;
    letter-spacing: -0.5px;
}

/* --- MAIN NAVIGATION BAR ---
   jejakindonesia.id: hijau #4a8e7e, TIDAK full-width,
   ada container constraint, sedikit rounded feel */
.is-main-nav,
.main-menu-wrap,
.main-nav-wrap,
.navbar-main,
.is-nav-main,
.rb-main-nav,
nav.main-menu,
.navigation-wrap,
.nav-wrap,
.menu-wrap {
    background: #4a8e7e !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Pastikan navbar hijau override apapun */
.header-wrap .is-main-nav,
.header-wrap .main-menu-wrap,
.header-wrap nav,
.site-header nav,
#site-header nav {
    background-color: #4a8e7e !important;
}

/* Menu items */
.is-main-nav .menu > li > a,
.main-menu-wrap .menu > li > a,
.navbar-main .menu > li > a,
.main-nav-wrap .menu > li > a,
.rb-main-nav .menu > li > a,
nav.main-menu .menu > li > a,
.navigation-wrap .menu > li > a,
.menu-wrap .menu > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px 18px !important;
    transition: background 0.25s ease !important;
    background: transparent !important;
}

/* Hover & active */
.is-main-nav .menu > li > a:hover,
.is-main-nav .menu > li.current-menu-item > a,
.is-main-nav .menu > li.current-menu-ancestor > a,
.main-menu-wrap .menu > li > a:hover,
.main-menu-wrap .menu > li.current-menu-item > a,
.main-menu-wrap .menu > li.current-menu-ancestor > a,
.navigation-wrap .menu > li > a:hover,
.menu-wrap .menu > li > a:hover {
    background: rgba(0,0,0,0.15) !important;
    color: #ffffff !important;
}

/* Sub-menu dropdown */
.is-main-nav .sub-menu,
.main-menu-wrap .sub-menu,
.navigation-wrap .sub-menu {
    background: #ffffff !important;
    border-top: 3px solid #4a8e7e !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
    border-radius: 0 0 4px 4px !important;
}

.is-main-nav .sub-menu li a,
.main-menu-wrap .sub-menu li a {
    color: #333 !important;
    font-size: 13px !important;
    padding: 10px 16px !important;
    font-weight: 500 !important;
}

.is-main-nav .sub-menu li a:hover,
.main-menu-wrap .sub-menu li a:hover {
    background: #f0f7f5 !important;
    color: #4a8e7e !important;
}

/* Search icon di navbar */
.is-main-nav .search-btn,
.is-main-nav .rb-search-icon,
.main-menu-wrap .search-icon,
.navbar-main .search-icon,
.navigation-wrap .search-icon,
.header-right .search-icon,
.is-main-nav .header-search-icon,
.menu-wrap .search-btn,
.is-main-nav i,
.is-main-nav svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Sticky navbar */
.header-sticky .is-main-nav,
.is-sticky .is-main-nav,
.is-sticky .main-nav-wrap,
.is-sticky .navbar-main,
.is-sticky nav {
    background: #4a8e7e !important;
}

/* --- MOBILE / RESPONSIVE --- */
.mobile-menu-btn,
.hamburger-menu,
.navbar-toggle,
.off-canvas-toggle,
.menu-toggle {
    color: #ffffff !important;
}

@media (max-width: 1024px) {
    .is-main-nav,
    .main-menu-wrap,
    nav.main-menu {
        background: #4a8e7e !important;
    }
}

/* --- HOMEPAGE SECTIONS --- 
   Hide demo sections that don't match target */
   
/* Hide "Advertisement" placeholders */
.advert-wrap,
.ad-wrap,
.advertisement-wrap {
    display: none !important;
}

/* --- CATEGORY LABELS --- */
.category-label,
.cat-text,
.is-cat-label,
.p-category,
.meta-category a {
    background: #4a8e7e !important;
    color: #ffffff !important;
}

/* --- GLOBAL ACCENTS --- */
a {
    color: #333;
}

a:hover {
    color: #4a8e7e !important;
}

/* Entry titles */
.post-title a:hover,
.entry-title a:hover {
    color: #4a8e7e !important;
}

/* --- FEATURED / SLIDER AREA ---
   Make the featured block look like jejakindonesia.id
   (1 big + 2 small on the right) */
.feat-col-1 .p-wrap,
.feat-col-2 .p-wrap {
    border-radius: 6px !important;
    overflow: hidden !important;
}

.feat-col-1 .feat-title,
.feat-col-2 .feat-title {
    font-weight: 700 !important;
}

/* --- SIDEBAR --- */
.sidebar-widget .widget-title,
.widget-title {
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #4a8e7e !important;
    padding-bottom: 8px !important;
}

/* --- FOOTER --- 
   jejakindonesia.id style: dark footer */
.footer-wrap,
.is-footer,
.site-footer {
    background: #222222 !important;
    color: #cccccc !important;
}

.footer-wrap .widget-title,
.is-footer .widget-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.footer-wrap a,
.is-footer a {
    color: #cccccc !important;
}

.footer-wrap a:hover,
.is-footer a:hover {
    color: #4a8e7e !important;
}

.footer-bottom,
.footer-copyright,
.is-footer-copyright {
    background: #1a1a1a !important;
    color: #888888 !important;
    border-top: 1px solid #333 !important;
}

/* --- READ MORE / BUTTONS --- */
.read-more,
.more-link,
.btn-more {
    color: #4a8e7e !important;
    font-weight: 600 !important;
}

/* --- PAGINATION --- */
.pagination .current,
.page-numbers.current {
    background: #4a8e7e !important;
    color: #fff !important;
}

/* --- BREADCRUMB --- */
.breadcrumb a:hover {
    color: #4a8e7e !important;
}