/* ============================================================
   NERS JURNAL KEPERAWATAN
   CLEAN PROFESSIONAL THEME
   ============================================================ */

:root {
    --ners-green: #5b970b;
    --ners-green-dark: #3f7005;
    --ners-green-soft: #f4f8ef;
    --ners-blue: #24566b;
    --text: #374151;
    --muted: #6b7280;
    --border: #e5e9e2;
}


/* ============================================================
   1. PAGE BACKGROUND
   ============================================================ */

html {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
}

body {
    margin: 0 !important;

    /* JARAK 2 CM DARI ATAS */
    padding: 2cm 0 0 0 !important;

    background: #ffffff !important;

    color: var(--text) !important;

    font-size: 14px !important;
    line-height: 1.7 !important;

    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   2. WEBSITE CONTAINER
   ============================================================ */

.pkp_structure_page {
    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: #ffffff !important;

    box-shadow:
        0 0 25px rgba(0,0,0,.06) !important;
}


/* ============================================================
   3. HEADER
   ============================================================ */

.pkp_structure_head {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    box-shadow: none !important;
}

.pkp_structure_head::before,
.pkp_structure_head::after {
    content: none !important;
    display: none !important;
}


/* ============================================================
   4. HEADER WRAPPER
   ============================================================ */

.pkp_structure_head .pkp_head_wrapper {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* ============================================================
   5. BANNER WRAPPER
   ============================================================ */

.pkp_site_name_wrapper {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    overflow: visible !important;
}


/* ============================================================
   6. SITE NAME
   ============================================================ */

.pkp_site_name {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    background: transparent !important;

    overflow: visible !important;
}


/* ============================================================
   7. BANNER LINK
   ============================================================ */

.pkp_site_name > a,
.pkp_site_name a,
.pkp_site_name .is_img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    background: transparent !important;
}


/* ============================================================
   8. BANNER IMAGE FULL
   ============================================================ */

.pkp_site_name img,
.pkp_site_name .is_img img,
.pkp_site_name a img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    object-fit: contain !important;
}


/* ============================================================
   9. FORCE BANNER FULL WIDTH
   ============================================================ */

body .pkp_structure_head .pkp_head_wrapper,
body .pkp_structure_head .pkp_site_name_wrapper,
body .pkp_structure_head .pkp_site_name,
body .pkp_structure_head .pkp_site_name .is_img {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body .pkp_structure_head .pkp_site_name .is_img img {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;
}


/* ============================================================
   10. NAVIGATION BAR
   ============================================================ */

.pkp_navigation_primary_wrapper {
    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding-left: 25px !important;
    padding-right: 25px !important;

    background: #ffffff !important;

    border-top: 0 !important;
    border-bottom: 1px solid #e7ebe5 !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.035) !important;

    clear: both !important;
}


/* ============================================================
   11. NAVIGATION MENU
   ============================================================ */

#navigationPrimary {
    margin: 0 !important;
    padding: 0 !important;
}

#navigationPrimary > li {
    margin: 0 3px !important;
}

#navigationPrimary > li > a {
    position: relative !important;

    padding: 16px 12px !important;

    color: #374151 !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    border: 0 !important;

    text-decoration: none !important;

    transition: all .2s ease !important;
}

#navigationPri