/* ==========================================================
   HENSARD JOURNAL - COMPLETE OJS CUSTOM CSS
   ========================================================== */


/* ==========================================================
   1. HEADER
   ========================================================== */

header.pkp_structure_head{
    background:#87CEEB;
    min-height:140px;
    padding:10px 20px;
    border-bottom:1px solid #5ca8c5;
    box-shadow:0 2px 6px rgba(0,0,0,.12);
}

/* Journal title */
.pkp_site_name{
    text-align:left;
    padding:10px 0;
    color:#003366;
    line-height:1.2;
}

/* Main title */
.pkp_site_name::before{
    content:"Hensard Journal of Health Governance and Digital Transformation";
    display:block;
    font-weight:bold;
    font-size:16px;
    line-height:1.4;
}

/* Subtitle */
.pkp_site_name::after{
    content:"(International peer-reviewed journal)\A Hensard University, Bayelsa, Nigeria\A ISSN (Online): 3121-7605";
    white-space:pre-wrap;
    display:block;
    font-size:12px;
    color:#002244;
    margin-top:4px;
}

/* Hide default duplicated title */
.pkp_site_name a{
    display:none;
}


/* ==========================================================
   2. PAGE BACKGROUND
   ========================================================== */

body.page_index,
body.pkp_page_index_journal{
    background:#fff9e6 !important;
}


/* ==========================================================
   3. NAVIGATION BAR
   ========================================================== */

.pkp_navigation_primary_wrapper{
    background:#044C58;
}

.pkp_navigation_primary a{
    color:#ffffff !important;
    font-weight:600;
}

.pkp_navigation_primary a:hover{
    color:#d9f3ff !important;
}


/* ==========================================================
   4. REMOVE HOMEPAGE SLIDER/CAROUSEL COMPLETELY
   ========================================================== */

.cmp_announcements,
.cmp_announcements_highlight,
.pkp_page_index_journal .cmp_announcements,
.page_index_journal .cmp_announcements,
.pkp_page_index_journal .cmp_announcements_highlight,
.page_index_journal .cmp_announcements_highlight,
.pkp_page_index_journal .slick-slider,
.page_index_journal .slick-slider,
.pkp_page_index_journal .slick-list,
.page_index_journal .slick-list,
.pkp_page_index_journal .slick-track,
.page_index_journal .slick-track,
.slick-prev,
.slick-next,
.slick-dots{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
}


/* ==========================================================
   5. MOVE ADDITIONAL CONTENT TO TOP
   ========================================================== */

.page_index_journal .page{
    display:flex;
    flex-direction:column;
}

.page_index_journal .additional_content{
    order:-999 !important;
    width:100%;
    margin-bottom:30px;
    background:#ffffff;
    padding:20px;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.page_index_journal .current_issue{
    order:2;
}


/* ==========================================================
   6. CURRENT ISSUE BOX
   ========================================================== */

.current_issue{
    background:#ffffff;
    padding:20px;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    margin-top:10px;
}


/* ==========================================================
   7. SUBMISSION BUTTON
   ========================================================== */

.submit-btn{
    text-align:center;
    margin:10px 0 35px 0;
}

.submit-btn a{
    background:#006798;
    color:#ffffff !important;
    padding:14px 30px;
    border-radius:6px;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    display:inline-block;
    transition:all .3s ease;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
}

.submit-btn a:hover{
    background:#004d73;
    transform:translateY(-2px);
}


/* ==========================================================
   8. SIDEBAR
   ========================================================== */

.pkp_block{
    background:#ffffff;
    border-radius:8px;
    padding:15px;
    margin-bottom:20px;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.pkp_block .title{
    color:#003366;
    font-weight:bold;
    margin-bottom:10px;
}


/* ==========================================================
   9. ABOUT SECTION
   ========================================================== */

.additional_content h2,
.additional_content h3,
.additional_content h4{
    color:#003366;
    margin-top:25px;
}

.additional_content p,
.additional_content li{
    line-height:1.7;
    color:#333333;
    font-size:15px;
}

.additional_content a{
    color:#006798;
    text-decoration:none;
}

.additional_content a:hover{
    text-decoration:underline;
}


/* ==========================================================
   10. ARTICLE TITLES
   ========================================================== */

.obj_article_summary .title a{
    color:#005b8f;
    font-weight:bold;
}

.obj_article_summary .title a:hover{
    color:#003f63;
}


/* ==========================================================
   11. PDF BUTTONS
   ========================================================== */

.galleys_links a{
    background:#006798;
    color:#ffffff !important;
    padding:6px 14px;
    border-radius:4px;
    text-decoration:none;
    border:none;
}

.galleys_links a:hover{
    background:#004d73;
}


/* ==========================================================
   12. FOOTER
   ========================================================== */

.pkp_structure_footer_wrapper{
    background:#044C58;
    color:#ffffff;
    padding:20px;
}

.pkp_structure_footer_wrapper a{
    color:#d9f3ff;
}


/* ==========================================================
   13. MOBILE RESPONSIVE
   ========================================================== */

@media (max-width:768px){

    .pkp_site_name::before{
        font-size:18px;
    }

    .pkp_site_name::after{
        font-size:13px;
        line-height:1.35;
    }

    /* Mobile navigation */
    .pkp_navigation_primary{
        width:100% !important;
        float:none !important;
        clear:both !important;
        background:#044C58 !important;
        padding-bottom:10px;
    }

    .pkp_navigation_primary .navbar-header{
        float:none !important;
        padding:10px 20px;
    }

    .pkp_navigation_primary a{
        display:block !important;
        padding:10px 20px;
        color:#ffffff !important;
        border-bottom:1px solid rgba(255,255,255,.15);
    }

    .pkp_navigation_primary button.navbar-toggle{
        background:#003366 !important;
        color:#ffffff !important;
        border:none;
        padding:8px 12px;
        border-radius:4px;
    }

    .pkp_navigation_primary,
    .pkp_navigation_primary .navbar-collapse{
        position:relative !important;
        z-index:30;
    }

    /* Mobile submission button */
    .submit-btn a{
        width:90%;
        font-size:16px;
        padding:14px 18px;
    }

    /* Mobile spacing */
    .page_index_journal .additional_content,
    .current_issue{
        padding:15px;
    }

    .pkp_block{
        margin-top:15px;
    }
}