/* ==========================================================================
   CODEVERSE — JMEdL INSPIRED OJS THEME
   Complete replacement stylesheet
   Typography : Arial
   Style      : Clean academic, boxed layout, structured sidebar
   ========================================================================== */

:root{
    --j-blue:#168aa3;
    --j-blue-dark:#0f6f83;
    --j-blue-soft:#eaf6f8;
    --j-navy:#1e3f4c;
    --j-text:#333333;
    --j-muted:#6e7b80;
    --j-border:#d9e2e5;
    --j-bg:#eef2f3;
    --j-white:#ffffff;
    --j-red:#d44848;
    --j-green:#1c8c5a;
    --j-shadow:0 2px 8px rgba(0,0,0,.07);
    --j-shadow-strong:0 5px 18px rgba(20,55,70,.12);
}

/* ==========================================================================
   1. GLOBAL / TYPOGRAPHY
   ========================================================================== */

html,
body,
button,
input,
select,
textarea,
option,
h1,h2,h3,h4,h5,h6,
p,a,span,div,
li,ul,ol,
table,thead,tbody,tfoot,tr,th,td,
label,legend,small,strong,em,
blockquote,
.title,.subtitle,.description,.summary,.abstract,
.authors,.pages,.published,.date,.meta,
.pkp_block,.pkp_block .title,
.obj_article_summary,.obj_issue_toc,
.page,
.page_title{
    font-family:Arial,Helvetica,sans-serif !important;
}

.fa,
.fas,
.far,
.fab,
[class^="fa-"],
[class*=" fa-"]{
    font-family:FontAwesome !important;
}

*{
    box-sizing:border-box;
}

html{
    margin:0 !important;
    padding:0 !important;
    background:var(--j-bg) !important;
}

body{
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    color:var(--j-text) !important;
    background:
        linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),
        repeating-linear-gradient(
            45deg,
            #e9eef0 0,
            #e9eef0 16px,
            #eef3f4 16px,
            #eef3f4 17px
        ) !important;
    font-size:14px !important;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

a{
    color:var(--j-blue-dark);
    text-decoration:none;
    transition:all .18s ease;
}

a:hover,
a:focus{
    color:var(--j-blue);
    text-decoration:none;
}

img{
    max-width:100%;
    height:auto;
}

/* ==========================================================================
   2. MAIN OJS PAGE
   ========================================================================== */

.pkp_structure_page{
    max-width:1180px !important;
    margin:18px auto 32px !important;
    background:#fff !important;
    border:1px solid #d5dfe2 !important;
    box-shadow:0 5px 22px rgba(28,58,70,.13) !important;
    overflow:hidden;
}

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

.pkp_structure_head{
    position:relative;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
}

.pkp_structure_head::before{
    content:"";
    display:block;
    height:4px;
    background:var(--j-blue);
}

.pkp_head_wrapper{
    background:#fff !important;
}

.pkp_site_name_wrapper{
    padding:0 !important;
}

.pkp_site_name{
    margin:0 !important;
    padding:0 !important;
}

.pkp_site_name > a{
    display:block;
    margin:0 !important;
    padding:0 !important;
    color:var(--j-navy) !important;
}

.pkp_site_name .is_img{
    display:block;
    margin:0 !important;
    padding:0 !important;
}

.pkp_site_name .is_img img{
    display:block;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:235px !important;
    object-fit:contain;
    margin:0 auto;
}

.pkp_site_name .is_text{
    display:block;
    padding:24px 28px !important;
    color:var(--j-navy) !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1.25;
}

/* ==========================================================================
   4. PRIMARY NAVIGATION
   ========================================================================== */

.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
#navigationPrimary{
    background:var(--j-blue) !important;
}

.pkp_navigation_primary_wrapper{
    padding:0 12px !important;
    border-top:1px solid rgba(255,255,255,.15) !important;
    border-bottom:4px solid var(--j-blue-dark) !important;
    box-shadow:none !important;
}

.pkp_navigation_primary,
#navigationPrimary{
    margin:0 !important;
    padding:0 !important;
}

.pkp_navigation_primary > li,
#navigationPrimary > li{
    background:transparent !important;
    margin:0 !important;
}

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a,
.pkp_navigation_primary_wrapper .item_menu > a{
    display:block;
    padding:13px 13px !important;
    color:#fff !important;
    background:transparent !important;
    border:0 !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-transform:none !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
.pkp_navigation_primary_wrapper .item_menu > a:hover{
    color:#fff !important;
    background:var(--j-blue-dark) !important;
}

.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.active > a,
#navigationPrimary > li.current > a,
#navigationPrimary > li.active > a{
    color:#fff !important;
    background:var(--j-blue-dark) !important;
}

/* dropdown */
.pkp_navigation_primary ul,
.pkp_navigation_primary .dropdown-menu,
#navigationPrimary ul,
#navigationPrimary .dropdown-menu{
    min-width:225px !important;
    padding:4px !important;
    background:#fff !important;
    border:1px solid #d4dee1 !important;
    border-radius:0 0 3px 3px !important;
    box-shadow:0 7px 18px rgba(0,0,0,.13) !important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_primary .dropdown-menu a,
#navigationPrimary ul a,
#navigationPrimary .dropdown-menu a{
    display:block !important;
    padding:8px 10px !important;
    color:#344c56 !important;
    background:#fff !important;
    border-bottom:1px solid #edf1f2 !important;
    font-size:12px !important;
    font-weight:600 !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover,
#navigationPrimary ul a:hover,
#navigationPrimary .dropdown-menu a:hover{
    color:var(--j-blue-dark) !important;
    background:var(--j-blue-soft) !important;
}

/* user nav */
.pkp_navigation_user_wrapper{
    padding-left:12px !important;
    padding-right:12px !important;
}

.pkp_navigation_user a,
.pkp_navigation_search_wrapper a{
    font-family:Arial,Helvetica,sans-serif !important;
}

/* ==========================================================================
   5. CONTENT AREA
   ========================================================================== */

.pkp_structure_content{
    padding-top:20px !important;
    padding-bottom:34px !important;
}

.pkp_structure_main{
    color:var(--j-text) !important;
}

/* breadcrumb */
.cmp_breadcrumbs{
    display:block !important;
    margin:0 0 20px !important;
    padding:8px 11px !important;
    background:#f3f6f7 !important;
    border:1px solid #dde5e7 !important;
    border-left:4px solid var(--j-blue) !important;
    border-radius:2px !important;
    box-shadow:none !important;
}

.cmp_breadcrumbs ol{
    margin:0 !important;
}

.cmp_breadcrumbs a{
    color:var(--j-blue-dark) !important;
    font-size:12px !important;
    font-weight:600 !important;
}

/* ==========================================================================
   6. PAGE TITLES
   ========================================================================== */

.page_title,
.page h1,
.pkp_structure_main > h1{
    margin:0 0 18px !important;
    padding:0 0 8px !important;
    color:var(--j-navy) !important;
    border-bottom:2px solid var(--j-blue) !important;
    font-size:24px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}

.page h2,
.pkp_structure_main h2{
    color:var(--j-navy) !important;
    font-size:19px !important;
    font-weight:700 !important;
}

.page h3,
.pkp_structure_main h3{
    color:var(--j-blue-dark) !important;
    font-size:16px !important;
    font-weight:700 !important;
}

/* ==========================================================================
   7. HOMEPAGE ABOUT
   ========================================================================== */

.pkp_page_index .homepage_about{
    margin:0 0 20px !important;
    padding:19px 21px !important;
    background:#fff !important;
    border:1px solid var(--j-border) !important;
    border-top:4px solid var(--j-blue) !important;
    border-radius:2px !important;
    box-shadow:var(--j-shadow) !important;
}

.pkp_page_index .homepage_about > h2{
    display:block !important;
    margin:0 0 12px !important;
    padding:0 0 8px !important;
    color:var(--j-navy) !important;
    border-bottom:1px solid #e5ebed !important;
    font-size:20px !important;
    font-weight:700 !important;
}

.pkp_page_index .homepage_about p{
    margin:0 0 11px !important;
    color:#405158 !important;
    line-height:1.75 !important;
    text-align:justify !important;
}

/* ==========================================================================
   8. ANNOUNCEMENTS
   ========================================================================== */

.pkp_page_index .cmp_announcements,
.pkp_page_index .announcements{
    margin:0 0 21px !important;
    padding:18px 20px !important;
    background:#fff !important;
    border:1px solid var(--j-border) !important;
    border-top:4px solid var(--j-blue) !important;
    border-radius:2px !important;
    box-shadow:var(--j-shadow) !important;
}

.pkp_page_index .cmp_announcements > h2,
.pkp_page_index .announcements > h2{
    margin:0 0 12px !important;
    padding:0 0 8px !important;
    color:var(--j-navy) !important;
    border-bottom:1px solid #e5ebed !important;
    font-size:20px !important;
    font-weight:700 !important;
}

.obj_announcement_summary{
    margin:9px 0 !important;
    padding:12px 14px !important;
    background:#fafcfc !important;
    border:1px solid #e2e9eb !important;
    border-left:4px solid var(--j-blue) !important;
    border-radius:2px !important;
    box-shadow:none !important;
}

.obj_announcement_summary:hover{
    background:#f3f9fa !important;
}

.obj_announcement_summary .title a{
    color:var(--j-navy) !important;
    font-weight:700 !important;
}

.obj_announcement_summary .date{
    color:var(--j-muted) !important;
    font-size:11px !important;
    font-weight:600 !important;
}

.obj_announcement_summary .summary{
    color:#4b5b61 !important;
    font-size:13px !important;
    line-height:1.65 !important;
}

/* ==========================================================================
   9. CURRENT ISSUE
   ========================================================================== */

.pkp_page_index .current_issue{
    margin-top:0 !important;
    padding:19px !important;
    background:#fff !important;
    border:1px solid var(--j-border) !important;
    border-top:4px solid var(--j-blue) !important;
    border-radius:2px !important;
    box-shadow:var(--j-shadow) !important;
}

.pkp_page_index .current_issue > h2{
    margin:0 0 14px !important;
    padding:0 0 8px !important;
    color:var(--j-navy) !important;
    border-bottom:1px solid #e5ebed !important;
    font-size:21px !important;
    font-weight:700 !important;
}

.obj_issue_toc .heading{
    margin:0 0 17px !important;
    padding:13px 15px !important;
    background:#f6f9fa !important;
    border:1px solid #e0e7e9 !important;
    border-left:4px solid var(--j-blue) !important;
    border-radius:2px !important;
}

.obj_issue_toc .heading .title{
    color:var(--j-navy) !important;
    font-size:18px !important;
    font-weight:700 !important;
}

.obj_issue_toc .description{
    color:#53636a !important;
    font-size:13px !important;
    line-height:1.7 !important;
}

.obj_issue_toc .section{
    margin-top:18px !important;
}

.obj_issue_toc .section > h2{
    margin:0 0 11px !important;
    padding:8px 11px !important;
    color:#fff !important;
    background:var(--j-blue) !important;
    border-left:5px solid var(--j-blue-dark) !important;
    font-size:14px !important;
    font-weight:700 !important;
}

/* cover */
.obj_issue_toc .cover img,
.obj_issue_summary .cover img{
    border:1px solid #d5dfe2 !important;
    box-shadow:0 3px 10px rgba(0,0,0,.11) !important;
}

/* ==========================================================================
   10. ARTICLE LIST
   ========================================================================== */

.cmp_article_list{
    margin:0 !important;
    padding:0 !important;
}

.cmp_article_list > li{
    margin:0 0 10px !important;
    padding:13px 14px !important;
    list-style:none !important;
    background:#fff !important;
    border:1px solid #dfe6e8 !important;
    border-left:5px solid #d2dde1 !important;
    border-radius:2px !important;
    box-shadow:none !important;
    transition:.18s ease !important;
}

.cmp_article_list > li:hover{
    border-left-color:var(--j-blue) !important;
    box-shadow:0 3px 11px rgba(0,0,0,.07) !important;
    transform:translateY(-1px);
}

.obj_article_summary .title{
    margin:0 0 5px !important;
}

.obj_article_summary .title a{
    color:#1b4253 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
}

.obj_article_summary .title a:hover{
    color:var(--j-blue) !important;
}

.obj_article_summary .authors,
.authors{
    color:#59686e !important;
    font-size:12px !important;
    line-height:1.55 !important;
}

.item.authors::before,
ul.authors::before{
    content:"" !important;
}

.obj_article_summary .pages,
.pages{
    display:inline-block !important;
    margin-top:5px !important;
    padding:2px 7px !important;
    color:#68777d !important;
    background:#f1f4f5 !important;
    border:1px solid #dfe5e7 !important;
    border-radius:2px !important;
    font-size:10.5px !important;
}

/* ==========================================================================
   11. PDF / GALLEY
   ========================================================================== */

.obj_galley_link,
.galleys_links a{
    display:inline-block !important;
    padding:6px 11px !important;
    color:#fff !important;
    background:var(--j-blue) !important;
    border:0 !important;
    border-radius:2px !important;
    box-shadow:none !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-transform:none !important;
}

.obj_galley_link:hover,
.galleys_links a:hover{
    color:#fff !important;
    background:var(--j-blue-dark) !important;
}

.galleys_links li{
    border:0 !important;
    padding:0 !important;
}

/* read more */
.pkp_page_index .current_issue .read_more{
    display:inline-block !important;
    margin-top:11px !important;
    padding:8px 13px !important;
    color:#fff !important;
    background:var(--j-blue-dark) !important;
    border-radius:2px !important;
    font-size:12px !important;
    font-weight:700 !important;
}

.pkp_page_index .current_issue .read_more:hover{
    background:var(--j-blue) !important;
}

/* ==========================================================================
   12. ARCHIVE PAGE
   ========================================================================== */

.page_issue_archive .issues_archive{
    padding:0 !important;
}

.page_issue_archive .issues_archive > li{
    margin-bottom:14px !important;
    padding:14px !important;
    background:#fff !important;
    border:1px solid #dde5e7 !important;
    border-left:4px solid var(--j-blue) !important;
    border-radius:2px !important;
    box-shadow:var(--j-shadow) !important;
}

/* ==========================================================================
   13. ARTICLE DETAIL
   ========================================================================== */

.obj_article_details .page_title,
.obj_article_details h1{
    color:var(--j-navy) !important;
    font-size:23px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
}

.obj_article_details .authors{
    color:#586970 !important;
    font-size:12.5px !important;
}

.obj_article_details .item .label{
    color:var(--j-navy) !important;
    font-weight:700 !important;
}

.obj_article_details .item.doi a{
    color:var(--j-blue-dark) !important;
    font-weight:600 !important;
}

.obj_article_details .item.abstract,
.item.abstract{
    margin-top:17px !important;
    padding:15px 17px !important;
    background:#f7fafb !important;
    border:1px solid #dfe7e9 !important;
    border-left:4px solid var(--j-blue) !important;
    border-radius:2px !important;
    text-align:justify !important;
}

.obj_article_details .item.abstract h2,
.item.abstract h2{
    color:var(--j-navy) !important;
    font-size:17px !important;
    font-weight:700 !important;
}

.obj_article_details .item.references,
.obj_article_details .item.keywords,
.obj_article_details .item.citation{
    margin-top:14px !important;
    padding:13px 15px !important;
    background:#fff !important;
    border:1px solid #e0e7e9 !important;
    border-radius:2px !important;
}

/* ==========================================================================
   14. STATIC / POLICY PAGES
   ========================================================================== */

.page p,
.page li{
    color:#405159 !important;
    line-height:1.75 !important;
}

.page p{
    text-align:justify !important;
}

.page ul,
.page ol{
    padding-left:22px !important;
}

.page li{
    margin-bottom:5px !important;
}

blockquote{
    margin:15px 0 !important;
    padding:11px 14px !important;
    color:#44565e !important;
    background:#f4f8f9 !important;
    border-left:4px solid var(--j-blue) !important;
}

/* ==========================================================================
   15. TABLES
   ========================================================================== */

.pkp_structure_main table{
    width:100% !important;
    margin:15px 0 !important;
    border-collapse:collapse !important;
    background:#fff !important;
    border:1px solid #dbe4e7 !important;
}

.pkp_structure_main table th,
.pkp_structure_main table td{
    padding:8px 10px !important;
    border:1px solid #e0e7e9 !important;
    font-size:13px !important;
    vertical-align:top !important;
}

.pkp_structure_main table th{
    background:var(--j-blue-soft) !important;
    color:var(--j-navy) !important;
    font-weight:700 !important;
}

/* ==========================================================================
   16. SIDEBAR
   ========================================================================== */

.pkp_structure_sidebar{
    font-family:Arial,Helvetica,sans-serif !important;
}

.pkp_block{
    margin-bottom:14px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #dce4e6 !important;
    border-radius:2px !important;
    box-shadow:var(--j-shadow) !important;
}

.pkp_block .title{
    display:block !important;
    margin:0 !important;
    padding:9px 10px !important;
    color:#fff !important;
    background:var(--j-blue) !important;
    border:0 !important;
    border-left:5px solid var(--j-blue-dark) !important;
    border-bottom:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:12px !important;
    font-weight:700 !important;
    text-transform:none !important;
}

.pkp_block .content{
    padding:10px 11px !important;
}

.pkp_block a{
    color:#40545c !important;
    font-size:12px !important;
}

.pkp_block a:hover{
    color:var(--j-blue) !important;
}

.pkp_block ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.pkp_block ul li{
    margin:0 !important;
    padding:0 !important;
    border-bottom:1px solid #edf1f2 !important;
}

.pkp_block ul li:last-child{
    border-bottom:0 !important;
}

.pkp_block ul li a{
    position:relative !important;
    display:block !important;
    padding:7px 6px 7px 17px !important;
    line-height:1.45 !important;
}

.pkp_block ul li a::before{
    content:"›";
    position:absolute;
    left:5px;
    top:5px;
    color:var(--j-blue);
    font-size:16px;
    font-weight:700;
}

.pkp_block ul li a:hover{
    background:#f1f8fa !important;
}

.pkp_block img,
.pkp_structure_sidebar img{
    max-width:100% !important;
    height:auto !important;
}

/* Custom old heading */
.head_block{
    margin:0 !important;
    padding:9px 10px !important;
    color:#fff !important;
    background:var(--j-blue) !important;
    border:0 !important;
    border-left:5px solid var(--j-blue-dark) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:12px !important;
    font-weight:700 !important;
}

/* ==========================================================================
   17. SUBMISSION BUTTON
   ========================================================================== */

.block_make_submission_link{
    display:block !important;
    width:auto !important;
    margin:10px !important;
    padding:10px 12px !important;
    color:#fff !important;
    background:var(--j-blue-dark) !important;
    border-radius:2px !important;
    box-shadow:none !important;
    text-align:center !important;
    font-size:12px !important;
    font-weight:700 !important;
}

.block_make_submission_link:hover{
    color:#fff !important;
    background:var(--j-blue) !important;
}

/* ==========================================================================
   18. CUSTOM BOX / INDEXING
   ========================================================================== */

.data,
.fquery{
    margin:7px 0 !important;
    padding:8px 10px !important;
    color:#405159 !important;
    background:#f6f9fa !important;
    border:1px solid #dfe6e8 !important;
    border-radius:2px !important;
    box-shadow:none !important;
}

.index_list img{
    width:auto !important;
    max-width:100% !important;
    margin:3px !important;
    padding:5px !important;
    background:#fff !important;
    border:1px solid #dce4e6 !important;
    border-radius:2px !important;
    box-shadow:none !important;
}

/* ==========================================================================
   19. FORMS
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
select{
    padding:8px 10px !important;
    color:#344c56 !important;
    background:#fff !important;
    border:1px solid #cbd8dc !important;
    border-radius:2px !important;
    outline:none !important;
}

input:focus,
textarea:focus,
select:focus{
    border-color:var(--j-blue) !important;
    box-shadow:0 0 0 2px rgba(22,138,163,.10) !important;
}

.cmp_button,
button,
input[type="submit"],
input[type="button"],
.button{
    padding:8px 13px !important;
    color:#fff !important;
    background:var(--j-blue) !important;
    border:0 !important;
    border-radius:2px !important;
    font-weight:700 !important;
}

.cmp_button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
    background:var(--j-blue-dark) !important;
}

/* ==========================================================================
   20. PAGINATION
   ========================================================================== */

.cmp_pagination{
    margin-top:19px !important;
}

.cmp_pagination a{
    display:inline-block !important;
    margin:2px !important;
    padding:5px 9px !important;
    color:var(--j-blue-dark) !important;
    background:#fff !important;
    border:1px solid #d7e1e4 !important;
    border-radius:2px !important;
}

.cmp_pagination a:hover{
    color:#fff !important;
    background:var(--j-blue) !important;
}

/* ==========================================================================
   21. FOOTER
   ========================================================================== */

.pkp_structure_footer_wrapper{
    position:relative !important;
    color:#dce7ea !important;
    background:#173b49 !important;
    border:0 !important;
}

.pkp_structure_footer_wrapper::before{
    content:"";
    display:block;
    height:4px;
    background:var(--j-blue);
}

.pkp_structure_footer{
    color:#dce7ea !important;
}

.pkp_structure_footer p,
.pkp_structure_footer li{
    color:#cbd8dc !important;
    font-size:12px !important;
    line-height:1.65 !important;
}

.pkp_structure_footer a{
    color:#fff !important;
}

.pkp_structure_footer a:hover{
    color:#7fd3e0 !important;
}

.content .link-boxes .box .link_name{
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
}

.link-boxes .box .link_name::before{
    background:var(--j-blue) !important;
}

.bottom-details{
    margin:0 -30px -30px !important;
    padding:10px 15px !important;
    color:#fff !important;
    background:rgba(0,0,0,.18) !important;
}

.bottom-details a{
    color:#fff !important;
}

.pkp_brand_footer{
    display:none !important;
}

/* ==========================================================================
   22. CODEVERSE RUNNING ARTICLE ARCHIVES
   ========================================================================== */

.cv-archive-widget{
    width:100%;
    overflow:hidden;
    background:#fff;
    border:1px solid #dce4e6;
    border-radius:2px;
    box-shadow:var(--j-shadow);
    font-family:Arial,Helvetica,sans-serif !important;
}

.cv-archive-header{
    padding:9px 10px;
    color:#fff;
    background:var(--j-blue);
    border-left:5px solid var(--j-blue-dark);
    font-size:12px;
    font-weight:700;
}

.cv-archive-icon{
    margin-right:5px;
    color:#fff;
}

.cv-archive-window{
    position:relative;
    height:380px;
    overflow:hidden;
    background:#fff;
}

.cv-archive-window::before{
    content:"";
    position:absolute;
    z-index:5;
    top:0;
    left:0;
    right:0;
    height:18px;
    pointer-events:none;
    background:linear-gradient(to bottom,#fff,rgba(255,255,255,0));
}

.cv-archive-window::after{
    content:"";
    position:absolute;
    z-index:5;
    left:0;
    right:0;
    bottom:0;
    height:22px;
    pointer-events:none;
    background:linear-gradient(to top,#fff,rgba(255,255,255,0));
}

.cv-archive-scroll{
    position:absolute;
    width:100%;
    animation:codeverseArchiveScroll 65s linear infinite;
    will-change:transform;
}

@keyframes codeverseArchiveScroll{
    0%{transform:translateY(380px);}
    100%{transform:translateY(-100%);}
}

.cv-archive-window:hover .cv-archive-scroll{
    animation-play-state:paused;
}

.cv-issue{
    padding:13px 10px 6px;
}

.cv-issue span{
    display:inline-block;
    padding:4px 7px;
    color:var(--j-blue-dark);
    background:var(--j-blue-soft);
    border:1px solid #d5e9ed;
    border-radius:2px;
    font-size:10.5px;
    font-weight:700;
}

.cv-article{
    display:flex;
    align-items:flex-start;
    margin:0 9px;
    padding:10px 0;
    border-bottom:1px solid #edf1f2;
}

.cv-number{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 25px;
    width:25px;
    height:25px;
    margin-right:8px;
    color:#fff;
    background:var(--j-blue);
    border-radius:50%;
    font-size:9px;
    font-weight:700;
}

.cv-content{
    flex:1;
    min-width:0;
}

.cv-content a{
    display:block;
    color:#344e58 !important;
    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
}

.cv-content a:hover{
    color:var(--j-blue) !important;
}

.cv-meta{
    margin-top:3px;
    color:#87949a;
    font-size:9.5px;
}

.cv-archive-footer{
    padding:9px;
    text-align:center;
    background:#f5f8f9;
    border-top:1px solid #dfe6e8;
}

.cv-archive-footer a{
    color:var(--j-blue-dark) !important;
    font-size:10px !important;
    font-weight:700 !important;
}

/* ==========================================================================
   23. WHATSAPP FLOATING
   ========================================================================== */

.wa-journal-widget{
    position:fixed !important;
    right:20px !important;
    bottom:20px !important;
    z-index:999999 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:9px !important;
    font-family:Arial,Helvetica,sans-serif !important;
}

.wa-journal-message{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    width:245px !important;
    min-height:48px !important;
    padding:10px 13px !important;
    color:#405159 !important;
    background:#fff !important;
    border:1px solid #dce4e6 !important;
    border-radius:15px !important;
    box-shadow:0 6px 17px rgba(0,0,0,.14) !important;
}

.wa-journal-message::after{
    content:"" !important;
    position:absolute !important;
    right:23px !important;
    bottom:-7px !important;
    width:13px !important;
    height:13px !important;
    background:#fff !important;
    border-right:1px solid #dce4e6 !important;
    border-bottom:1px solid #dce4e6 !important;
    transform:rotate(45deg) !important;
}

.wa-admin-icon{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    background:#25d366 !important;
    border:2px solid #fff !important;
    border-radius:50% !important;
    box-shadow:0 3px 8px rgba(37,211,102,.25) !important;
}

.wa-admin-icon::before{
    content:"" !important;
    position:absolute !important;
    top:6px !important;
    width:7px !important;
    height:7px !important;
    background:#fff !important;
    border-radius:50% !important;
}

.wa-admin-icon::after{
    content:"" !important;
    position:absolute !important;
    bottom:5px !important;
    width:13px !important;
    height:7px !important;
    background:#fff !important;
    border-radius:9px 9px 4px 4px !important;
}

.wa-journal-message > span:last-child:not(.wa-admin-icon){
    position:relative !important;
    display:block !important;
    flex:1 1 auto !important;
    width:170px !important;
    height:21px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    color:transparent !important;
    font-size:0 !important;
}

.wa-journal-message > span:last-child:not(.wa-admin-icon)::after{
    content:"Ada yang bisa Admin bantu?" !important;
    position:absolute !important;
    top:50% !important;
    left:100% !important;
    display:inline-block !important;
    white-space:nowrap !important;
    color:#405159 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    line-height:21px !important;
    transform:translateY(-50%);
    animation:waRunningText 8.5s linear infinite !important;
}

@keyframes waRunningText{
    0%,8%{
        left:100%;
        transform:translate(0,-50%);
    }
    92%,100%{
        left:0;
        transform:translate(-100%,-50%);
    }
}

.wa-journal-message:hover > span:last-child:not(.wa-admin-icon)::after{
    animation-play-state:paused !important;
}

body .wa-journal-widget .wa-journal-button,
body .wa-journal-widget a.wa-journal-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-width:185px !important;
    min-height:43px !important;
    padding:10px 17px !important;
    color:#fff !important;
    background:#25d366 !important;
    border:0 !important;
    border-radius:24px !important;
    box-shadow:0 6px 16px rgba(18,140,126,.22) !important;
    font-size:12.5px !important;
    font-weight:700 !important;
}

body .wa-journal-widget .wa-journal-button:hover{
    color:#fff !important;
    background:#1ebe5d !important;
}

.wa-journal-widget .wa-logo{
    width:21px !important;
    height:21px !important;
    fill:#fff !important;
}

/* ==========================================================================
   24. MOBILE NAV
   ========================================================================== */

@media (max-width:991px){

    .pkp_structure_page{
        margin:0 !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .pkp_site_nav_menu,
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary,
    #navigationPrimary{
        background:var(--j-blue) !important;
    }

    .pkp_site_nav_toggle,
    .pkp_site_nav_toggle--transform{
        color:#fff !important;
        background:var(--j-blue-dark) !important;
    }

    .pkp_navigation_primary > li > a,
    #navigationPrimary > li > a{
        padding:10px 12px !important;
    }
}

/* ==========================================================================
   25. MOBILE
   ========================================================================== */

@media (max-width:600px){

    body{
        font-size:13px !important;
    }

    .pkp_site_name .is_text{
        padding:17px 14px !important;
        font-size:21px !important;
    }

    .page_title,
    .page h1,
    .obj_article_details h1{
        font-size:20px !important;
    }

    .pkp_page_index .homepage_about,
    .pkp_page_index .cmp_announcements,
    .pkp_page_index .announcements,
    .pkp_page_index .current_issue{
        padding:14px !important;
    }

    .cmp_article_list > li{
        padding:11px 12px !important;
    }

    .obj_article_summary .title a{
        font-size:13px !important;
    }

    .cv-archive-window{
        height:330px !important;
    }

    .wa-journal-widget{
        right:11px !important;
        bottom:13px !important;
    }

    .wa-journal-message{
        width:220px !important;
    }

    body .wa-journal-widget .wa-journal-button,
    body .wa-journal-widget a.wa-journal-button{
        min-width:165px !important;
        font-size:12px !important;
    }
}

/* ==========================================================================
   26. PRINT
   ========================================================================== */

@media print{

    html,
    body{
        background:#fff !important;
    }

    .pkp_structure_page{
        max-width:none !important;
        margin:0 !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .pkp_structure_sidebar,
    .pkp_navigation_primary_wrapper,
    .pkp_site_nav_menu,
    .wa-journal-widget{
        display:none !important;
    }
}

/* ==========================================================================
   27. REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        transition-duration:.01ms !important;
    }

    .cv-archive-scroll,
    .wa-journal-message > span:last-child:not(.wa-admin-icon)::after{
        animation:none !important;
    }

    .cv-archive-scroll{
        position:relative !important;
        transform:none !important;
    }
}

/* ==========================================================================
   END OF CODEVERSE — JMEdL INSPIRED THEME
   ========================================================================== */


/* ==========================================================================
   28. FINAL OVERRIDE — WHITE HEADER + WHITE NAVIGATION + RED SIDEBAR/PDF
   Requested customization for Codeverse
   ========================================================================== */

:root{
    --cv-red:#B00808;
    --cv-red-dark:#8F0707;
    --cv-red-hover:#980707;
    --cv-red-soft:#FFF2F2;
    --cv-menu-text:#173E50;
    --cv-menu-muted:#4D626B;
}

/* --------------------------------------------------------------------------
   A. HEADER FULL WHITE
   -------------------------------------------------------------------------- */

.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name > a,
.pkp_site_name .is_img,
.pkp_site_name .is_text{
    background:#FFFFFF !important;
}

/* Hilangkan strip warna pada bagian paling atas header */
.pkp_structure_head::before{
    display:none !important;
    content:none !important;
}

.pkp_structure_head{
    border-bottom:1px solid #E1E7E9 !important;
    box-shadow:none !important;
}

/* Logo/banner tetap bersih pada background putih */
.pkp_site_name .is_img img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    background:#FFFFFF !important;
}

/* Jika nama jurnal memakai teks */
.pkp_site_name .is_text{
    color:#173E50 !important;
    font-weight:700 !important;
}

/* --------------------------------------------------------------------------
   B. NAVIGATION FULL WHITE
   -------------------------------------------------------------------------- */

.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
#navigationPrimary{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
}

/* Bar menu putih dengan garis bawah merah */
.pkp_navigation_primary_wrapper{
    padding-left:12px !important;
    padding-right:12px !important;
    border-top:1px solid #EEF1F2 !important;
    border-bottom:4px solid var(--cv-red) !important;
    box-shadow:0 2px 7px rgba(0,0,0,.05) !important;
}

/* Item menu */
.pkp_navigation_primary > li,
#navigationPrimary > li,
.pkp_navigation_primary .item_menu,
#navigationPrimary .item_menu{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
}

/* Teks menu utama */
.pkp_navigation_primary > li > a,
#navigationPrimary > li > a,
.pkp_navigation_primary_wrapper .item_menu > a,
.pkp_navigation_primary_wrapper .item_menu a{
    color:var(--cv-menu-text) !important;
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
    padding:13px 13px !important;
    border:0 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transition:
        color .18s ease,
        background .18s ease,
        box-shadow .18s ease !important;
}

/* Hover menu */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
.pkp_navigation_primary_wrapper .item_menu > a:hover,
.pkp_navigation_primary_wrapper .item_menu > a:focus,
.pkp_navigation_primary_wrapper .item_menu a:hover,
.pkp_navigation_primary_wrapper .item_menu a:focus{
    color:var(--cv-red) !important;
    background:#FAFAFA !important;
    background-color:#FAFAFA !important;
    box-shadow:inset 0 -3px 0 var(--cv-red) !important;
}

/* Menu aktif */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.active > a,
#navigationPrimary > li.current > a,
#navigationPrimary > li.active > a{
    color:var(--cv-red) !important;
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
    box-shadow:inset 0 -3px 0 var(--cv-red) !important;
}

/* --------------------------------------------------------------------------
   C. DROPDOWN MENU — WHITE
   -------------------------------------------------------------------------- */

.pkp_navigation_primary ul,
.pkp_navigation_primary .dropdown-menu,
#navigationPrimary ul,
#navigationPrimary .dropdown-menu{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
    border:1px solid #D9E1E4 !important;
    border-top:3px solid var(--cv-red) !important;
    border-radius:0 0 3px 3px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.12) !important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_primary .dropdown-menu a,
#navigationPrimary ul a,
#navigationPrimary .dropdown-menu a{
    color:#344B55 !important;
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
    border-bottom:1px solid #EDF1F2 !important;
    box-shadow:none !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover,
#navigationPrimary ul a:hover,
#navigationPrimary .dropdown-menu a:hover{
    color:var(--cv-red) !important;
    background:var(--cv-red-soft) !important;
    background-color:var(--cv-red-soft) !important;
    box-shadow:none !important;
}

/* --------------------------------------------------------------------------
   D. USER NAVIGATION / SEARCH ON WHITE BAR
   -------------------------------------------------------------------------- */

.pkp_navigation_user_wrapper{
    background:#FFFFFF !important;
}

.pkp_navigation_user a,
.pkp_navigation_search_wrapper a{
    color:var(--cv-menu-text) !important;
    background:transparent !important;
    font-family:Arial,Helvetica,sans-serif !important;
}

.pkp_navigation_user a:hover,
.pkp_navigation_search_wrapper a:hover{
    color:var(--cv-red) !important;
}

/* --------------------------------------------------------------------------
   E. SIDEBAR TITLE — RED
   -------------------------------------------------------------------------- */

.pkp_block .title,
.head_block{
    display:block !important;
    margin:0 !important;
    padding:9px 11px !important;

    color:#FFFFFF !important;

    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;

    border:0 !important;
    border-left:5px solid var(--cv-red-dark) !important;
    border-bottom:0 !important;

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

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    text-transform:none !important;
}

/* Sidebar tetap putih */
.pkp_block{
    background:#FFFFFF !important;
    border:1px solid #DCE4E6 !important;
    box-shadow:0 2px 8px rgba(0,0,0,.07) !important;
}

/* Link sidebar */
.pkp_block a{
    color:#40545C !important;
}

.pkp_block a:hover{
    color:var(--cv-red) !important;
}

/* Arrow sidebar merah */
.pkp_block ul li a::before{
    color:var(--cv-red) !important;
}

/* Hover item sidebar */
.pkp_block ul li a:hover{
    color:var(--cv-red) !important;
    background:var(--cv-red-soft) !important;
}

/* --------------------------------------------------------------------------
   F. MAKE SUBMISSION BUTTON — RED
   -------------------------------------------------------------------------- */

.block_make_submission_link{
    color:#FFFFFF !important;
    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;
    border:0 !important;
    box-shadow:none !important;
}

.block_make_submission_link:hover,
.block_make_submission_link:focus{
    color:#FFFFFF !important;
    background:var(--cv-red-dark) !important;
    background-color:var(--cv-red-dark) !important;
}

/* --------------------------------------------------------------------------
   G. PDF BUTTON IN CURRENT ISSUE / TABLE OF CONTENTS — RED
   -------------------------------------------------------------------------- */

/* Semua bentuk galley PDF di OJS */
.obj_galley_link,
.galleys_links a,
.obj_article_summary .galleys_links a,
.obj_article_summary .galley-link,
.obj_issue_toc .galleys_links a,
.obj_issue_toc .obj_galley_link,
.obj_issue_toc a.obj_galley_link,
.cmp_article_list .galleys_links a,
.cmp_article_list a.obj_galley_link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:58px !important;
    min-height:38px !important;

    padding:8px 12px !important;

    color:#FFFFFF !important;

    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;

    border:1px solid var(--cv-red) !important;
    border-radius:2px !important;

    box-shadow:none !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.2 !important;

    text-decoration:none !important;
    text-transform:none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

/* PDF hover */
.obj_galley_link:hover,
.obj_galley_link:focus,
.galleys_links a:hover,
.galleys_links a:focus,
.obj_article_summary .galleys_links a:hover,
.obj_issue_toc .galleys_links a:hover,
.cmp_article_list .galleys_links a:hover{
    color:#FFFFFF !important;

    background:var(--cv-red-dark) !important;
    background-color:var(--cv-red-dark) !important;

    border-color:var(--cv-red-dark) !important;

    transform:translateY(-1px) !important;

    box-shadow:0 3px 8px rgba(176,8,8,.18) !important;
}

/* Pastikan ikon PDF ikut putih */
.obj_galley_link::before,
.galleys_links a::before,
.obj_galley_link .fa,
.galleys_links a .fa,
.obj_galley_link svg,
.galleys_links a svg{
    color:#FFFFFF !important;
    fill:#FFFFFF !important;
}

/* --------------------------------------------------------------------------
   H. ARTICLE LIST — CLEANER + MATCH RED ACCENT
   -------------------------------------------------------------------------- */

.cmp_article_list > li{
    background:#FFFFFF !important;
    border:1px solid #DDE5E7 !important;
    border-left:5px solid #D7E2E5 !important;
    border-radius:2px !important;
    box-shadow:none !important;
}

.cmp_article_list > li:hover{
    border-left-color:var(--cv-red) !important;
    box-shadow:0 3px 10px rgba(0,0,0,.06) !important;
}

/* Judul artikel tetap navy agar akademik */
.obj_article_summary .title a{
    color:#173E50 !important;
}

.obj_article_summary .title a:hover{
    color:var(--cv-red) !important;
}

/* Authors */
.obj_article_summary .authors,
.authors{
    color:#5F6E74 !important;
}

/* --------------------------------------------------------------------------
   I. ARTICLE ARCHIVES SIDEBAR — MATCH RED SIDEBAR
   -------------------------------------------------------------------------- */

.cv-archive-header{
    color:#FFFFFF !important;
    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;
    border-left:5px solid var(--cv-red-dark) !important;
}

.cv-number{
    color:#FFFFFF !important;
    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;
}

.cv-issue span{
    color:var(--cv-red-dark) !important;
    background:var(--cv-red-soft) !important;
    border-color:#F0CACA !important;
}

.cv-content a:hover{
    color:var(--cv-red) !important;
}

.cv-archive-footer a{
    color:var(--cv-red-dark) !important;
}

.cv-archive-footer a:hover{
    color:var(--cv-red) !important;
}

/* --------------------------------------------------------------------------
   J. MOBILE NAVIGATION — WHITE AS WELL
   -------------------------------------------------------------------------- */

@media (max-width:991px){

    .pkp_site_nav_menu,
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary,
    #navigationPrimary{
        background:#FFFFFF !important;
        background-color:#FFFFFF !important;
    }

    .pkp_site_nav_toggle,
    .pkp_site_nav_toggle--transform{
        color:var(--cv-menu-text) !important;
        background:#FFFFFF !important;
        background-color:#FFFFFF !important;
        border:1px solid #E0E6E8 !important;
    }

    .pkp_navigation_primary > li > a,
    #navigationPrimary > li > a{
        color:var(--cv-menu-text) !important;
        background:#FFFFFF !important;
        background-color:#FFFFFF !important;
        border-bottom:1px solid #EDF1F2 !important;
        box-shadow:none !important;
    }

    .pkp_navigation_primary > li > a:hover,
    #navigationPrimary > li > a:hover{
        color:var(--cv-red) !important;
        background:var(--cv-red-soft) !important;
        background-color:var(--cv-red-soft) !important;
        box-shadow:none !important;
    }
}

/* --------------------------------------------------------------------------
   K. FINAL SAFETY LOCKS
   These selectors intentionally sit at the very bottom.
   -------------------------------------------------------------------------- */

/* HEADER */
body .pkp_structure_head,
body .pkp_head_wrapper{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
}

/* NAV WHITE */
body .pkp_structure_head .pkp_site_nav_menu,
body .pkp_head_wrapper .pkp_site_nav_menu,
body .pkp_site_nav_menu,
body .pkp_structure_head .pkp_navigation_primary_wrapper,
body .pkp_head_wrapper .pkp_navigation_primary_wrapper,
body .pkp_navigation_primary_wrapper,
body .pkp_navigation_primary,
body #navigationPrimary{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
}

/* MENU TEXT DARK */
body .pkp_navigation_primary > li > a,
body #navigationPrimary > li > a,
body .pkp_navigation_primary_wrapper .item_menu a{
    color:var(--cv-menu-text) !important;
}

/* SIDEBAR RED */
body .pkp_block .title,
body .head_block{
    color:#FFFFFF !important;
    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;
    border-left-color:var(--cv-red-dark) !important;
}

/* PDF RED */
body .obj_galley_link,
body .galleys_links a,
body .obj_issue_toc .obj_galley_link,
body .obj_issue_toc .galleys_links a,
body .cmp_article_list .obj_galley_link,
body .cmp_article_list .galleys_links a{
    color:#FFFFFF !important;
    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;
    border-color:var(--cv-red) !important;
}

/* ==========================================================================
   END FINAL OVERRIDE
   ========================================================================== */


/* ==========================================================================
   29. FINAL REFINEMENT
   - Hapus garis dekat navigasi
   - Menu navigasi dibuat lebih modern
   - Tombol VIEW ALL ISSUES dibuat merah
   ========================================================================== */

:root{
    --cv-nav-text:#1F3E4C;
    --cv-nav-hover-bg:#FFF3F3;
    --cv-nav-border:#E8ECEE;
}

/* --------------------------------------------------------------------------
   A. HAPUS GARIS DEKAT NAVIGASI
   -------------------------------------------------------------------------- */

/* Hapus garis/strip di sekitar area navigasi */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
#navigationPrimary{
    border-top:0 !important;
    box-shadow:none !important;
}

/* Hapus garis bawah merah permanen pada wrapper navigasi */
.pkp_navigation_primary_wrapper{
    border-bottom:0 !important;
    border-top:0 !important;
    box-shadow:none !important;
}

/* Kalau ada pseudo element garis, matikan */
.pkp_structure_head::before,
.pkp_structure_head::after,
.pkp_navigation_primary_wrapper::before,
.pkp_navigation_primary_wrapper::after,
.pkp_site_nav_menu::before,
.pkp_site_nav_menu::after{
    display:none !important;
    content:none !important;
}

/* Header dan navigasi tetap putih */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
}

/* --------------------------------------------------------------------------
   B. MENU NAVIGASI LEBIH MODERN
   -------------------------------------------------------------------------- */

/* Area menu lebih bersih */
.pkp_navigation_primary_wrapper{
    padding:8px 14px !important;
}

/* daftar menu */
.pkp_navigation_primary,
#navigationPrimary{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:4px !important;
}

/* item utama */
.pkp_navigation_primary > li > a,
#navigationPrimary > li > a,
.pkp_navigation_primary_wrapper .item_menu > a,
.pkp_navigation_primary_wrapper .item_menu a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:10px 16px !important;
    margin:0 !important;

    color:var(--cv-nav-text) !important;
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;

    border:1px solid transparent !important;
    border-radius:8px !important;
    box-shadow:none !important;

    font-family:Arial, Helvetica, sans-serif !important;
    font-size:13.2px !important;
    font-weight:700 !important;
    letter-spacing:.15px !important;
    line-height:1.2 !important;
    text-transform:none !important;
    text-decoration:none !important;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

/* hover menu modern */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
.pkp_navigation_primary_wrapper .item_menu > a:hover,
.pkp_navigation_primary_wrapper .item_menu > a:focus,
.pkp_navigation_primary_wrapper .item_menu a:hover,
.pkp_navigation_primary_wrapper .item_menu a:focus{
    color:var(--cv-red) !important;
    background:var(--cv-nav-hover-bg) !important;
    background-color:var(--cv-nav-hover-bg) !important;

    border-color:#F1D2D2 !important;
    border-radius:8px !important;

    box-shadow:none !important;
    transform:translateY(-1px) !important;
}

/* aktif */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.active > a,
#navigationPrimary > li.current > a,
#navigationPrimary > li.active > a{
    color:var(--cv-red) !important;
    background:var(--cv-nav-hover-bg) !important;
    background-color:var(--cv-nav-hover-bg) !important;
    border-color:#EFCACA !important;
    border-radius:8px !important;
    box-shadow:none !important;
}

/* hilangkan garis bawah inset lama */
body .pkp_navigation_primary > li > a,
body #navigationPrimary > li > a,
body .pkp_navigation_primary_wrapper .item_menu a{
    box-shadow:none !important;
}

body .pkp_navigation_primary > li > a:hover,
body #navigationPrimary > li > a:hover,
body .pkp_navigation_primary_wrapper .item_menu a:hover{
    box-shadow:none !important;
}

/* dropdown lebih modern */
.pkp_navigation_primary ul,
.pkp_navigation_primary .dropdown-menu,
#navigationPrimary ul,
#navigationPrimary .dropdown-menu{
    border-top:1px solid #D9E1E4 !important;
    border-radius:10px !important;
    padding:6px !important;
    box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_primary .dropdown-menu a,
#navigationPrimary ul a,
#navigationPrimary .dropdown-menu a{
    padding:9px 11px !important;
    border:0 !important;
    border-radius:7px !important;
    font-size:12.5px !important;
    font-weight:600 !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover,
#navigationPrimary ul a:hover,
#navigationPrimary .dropdown-menu a:hover{
    color:var(--cv-red) !important;
    background:var(--cv-nav-hover-bg) !important;
    background-color:var(--cv-nav-hover-bg) !important;
}

/* --------------------------------------------------------------------------
   C. VIEW ALL ISSUES / VIEW ALL ARCHIVES MENJADI MERAH
   -------------------------------------------------------------------------- */

/* tombol view all issues di current issue */
.pkp_page_index .current_issue .read_more,
.pkp_page_index .current_issue > .read_more,
.current_issue .read_more{
    display:inline-block !important;
    padding:9px 14px !important;

    color:#FFFFFF !important;
    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;

    border:1px solid var(--cv-red) !important;
    border-radius:2px !important;

    font-family:Arial, Helvetica, sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    text-decoration:none !important;

    box-shadow:none !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue > .read_more:hover,
.current_issue .read_more:hover{
    color:#FFFFFF !important;
    background:var(--cv-red-dark) !important;
    background-color:var(--cv-red-dark) !important;
    border-color:var(--cv-red-dark) !important;
    transform:translateY(-1px) !important;
}

/* tombol view all archives custom widget */
.cv-archive-footer a{
    display:inline-block !important;
    padding:8px 12px !important;

    color:#FFFFFF !important;
    background:var(--cv-red) !important;
    background-color:var(--cv-red) !important;

    border:1px solid var(--cv-red) !important;
    border-radius:2px !important;

    font-family:Arial, Helvetica, sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    text-decoration:none !important;

    box-shadow:none !important;
}

.cv-archive-footer a:hover{
    color:#FFFFFF !important;
    background:var(--cv-red-dark) !important;
    background-color:var(--cv-red-dark) !important;
    border-color:var(--cv-red-dark) !important;
}

/* --------------------------------------------------------------------------
   D. MOBILE
   -------------------------------------------------------------------------- */

@media (max-width:991px){

    .pkp_navigation_primary_wrapper{
        padding:6px 10px !important;
        border-bottom:0 !important;
    }

    .pkp_site_nav_toggle,
    .pkp_site_nav_toggle--transform{
        color:var(--cv-nav-text) !important;
        background:#FFFFFF !important;
        background-color:#FFFFFF !important;
        border:1px solid #E3E8EA !important;
        border-radius:6px !important;
        box-shadow:none !important;
    }

    .pkp_navigation_primary,
    #navigationPrimary{
        display:block !important;
        gap:0 !important;
    }

    .pkp_navigation_primary > li > a,
    #navigationPrimary > li > a{
        display:block !important;
        padding:11px 12px !important;
        border:0 !important;
        border-radius:7px !important;
    }

    .pkp_navigation_primary > li > a:hover,
    #navigationPrimary > li > a:hover{
        transform:none !important;
    }
}

/* ==========================================================================
   END REFINEMENT
   ========================================================================== */


/* ==========================================================================
   30. FINAL POLISH
   - Navigation font diperbesar
   - Footer dibuat lebih modern, jelas, dan premium
   ========================================================================== */

:root{
    --cv-footer-bg-1:#102F3B;
    --cv-footer-bg-2:#173F4E;
    --cv-footer-bg-3:#0B2530;

    --cv-footer-text:#E8F0F2;
    --cv-footer-muted:#B8C8CE;
    --cv-footer-heading:#FFFFFF;
    --cv-footer-line:rgba(255,255,255,.12);

    --cv-footer-accent:#B00808;
    --cv-footer-accent-dark:#8F0707;
}

/* --------------------------------------------------------------------------
   A. NAVIGATION FONT LEBIH BESAR
   -------------------------------------------------------------------------- */

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a,
.pkp_navigation_primary_wrapper .item_menu > a,
.pkp_navigation_primary_wrapper .item_menu a{
    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:.18px !important;
    padding:11px 17px !important;
    line-height:1.25 !important;
}

/* Supaya proporsinya tetap rapi */
.pkp_navigation_primary_wrapper{
    padding:8px 16px !important;
}

/* Dropdown tetap sedikit lebih kecil agar hierarki jelas */
.pkp_navigation_primary ul a,
.pkp_navigation_primary .dropdown-menu a,
#navigationPrimary ul a,
#navigationPrimary .dropdown-menu a{
    font-size:13px !important;
    font-weight:600 !important;
}

/* --------------------------------------------------------------------------
   B. FOOTER MODERN
   -------------------------------------------------------------------------- */

.pkp_structure_footer_wrapper{
    position:relative !important;

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

    color:var(--cv-footer-text) !important;

    background:
        linear-gradient(
            135deg,
            var(--cv-footer-bg-3) 0%,
            var(--cv-footer-bg-1) 38%,
            var(--cv-footer-bg-2) 100%
        ) !important;

    border:0 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 -6px 18px rgba(0,0,0,.05) !important;
}

/* Garis aksen merah di atas footer */
.pkp_structure_footer_wrapper::before{
    content:"" !important;

    display:block !important;

    width:100% !important;
    height:5px !important;

    background:
        linear-gradient(
            90deg,
            var(--cv-footer-accent-dark) 0%,
            var(--cv-footer-accent) 45%,
            #D23A3A 50%,
            var(--cv-footer-accent) 55%,
            var(--cv-footer-accent-dark) 100%
        ) !important;
}

/* Footer container */
.pkp_structure_footer{
    position:relative !important;

    padding-top:34px !important;
    padding-bottom:30px !important;

    color:var(--cv-footer-text) !important;

    font-family:Arial,Helvetica,sans-serif !important;
}

/* Semua teks footer */
.pkp_structure_footer,
.pkp_structure_footer p,
.pkp_structure_footer li,
.pkp_structure_footer span,
.pkp_structure_footer div,
.pkp_structure_footer td{
    color:var(--cv-footer-text) !important;

    font-family:Arial,Helvetica,sans-serif !important;

    font-size:13px !important;
    line-height:1.75 !important;
}

/* Paragraf footer */
.pkp_structure_footer p{
    margin-top:0 !important;
    margin-bottom:10px !important;

    color:var(--cv-footer-muted) !important;
}

/* --------------------------------------------------------------------------
   C. FOOTER HEADING
   -------------------------------------------------------------------------- */

.content .link-boxes .box .link_name,
.pkp_structure_footer h2,
.pkp_structure_footer h3,
.pkp_structure_footer h4,
.pkp_structure_footer .title{
    position:relative !important;

    display:block !important;

    margin:0 0 16px !important;
    padding:0 0 10px !important;

    color:var(--cv-footer-heading) !important;

    background:transparent !important;

    border:0 !important;
    border-bottom:1px solid var(--cv-footer-line) !important;

    box-shadow:none !important;

    font-family:Arial,Helvetica,sans-serif !important;

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

    letter-spacing:.3px !important;
    line-height:1.3 !important;
}

/* Aksen merah pendek di bawah judul */
.content .link-boxes .box .link_name::after,
.pkp_structure_footer h2::after,
.pkp_structure_footer h3::after,
.pkp_structure_footer h4::after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    bottom:-1px !important;

    width:46px !important;
    height:3px !important;

    background:var(--cv-footer-accent) !important;

    border-radius:2px !important;
}

/* Matikan pseudo lama jika ada */
.link-boxes .box .link_name::before{
    display:none !important;
    content:none !important;
}

/* --------------------------------------------------------------------------
   D. FOOTER LINKS
   -------------------------------------------------------------------------- */

.pkp_structure_footer a,
.pkp_structure_footer .content a,
.pkp_structure_footer .link-boxes a{
    position:relative !important;

    color:#E6F3F6 !important;

    font-family:Arial,Helvetica,sans-serif !important;

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

    text-decoration:none !important;

    transition:
        color .18s ease,
        padding-left .18s ease,
        opacity .18s ease !important;
}

.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus{
    color:#FFFFFF !important;

    text-decoration:none !important;
}

/* Link list footer sedikit bergerak saat hover */
.pkp_structure_footer .link-boxes li a:hover{
    padding-left:4px !important;
}

/* --------------------------------------------------------------------------
   E. FOOTER COLUMNS
   -------------------------------------------------------------------------- */

footer .content .link-boxes{
    width:100% !important;

    display:flex !important;

    flex-wrap:wrap !important;

    justify-content:space-between !important;

    gap:28px !important;
}

footer .content .link-boxes .box{
    flex:1 1 170px !important;

    width:auto !important;

    min-width:160px !important;

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

.content .link-boxes .box li{
    margin:0 0 8px !important;

    padding:0 !important;

    list-style:none !important;
}

ul.box{
    padding:0 !important;
    margin:0 !important;
}

/* --------------------------------------------------------------------------
   F. FOOTER LOGO / IMAGE
   -------------------------------------------------------------------------- */

.pkp_structure_footer img{
    max-width:100% !important;

    height:auto !important;

    border-radius:4px !important;
}

/* --------------------------------------------------------------------------
   G. FOOTER BOXES / CONTACT
   -------------------------------------------------------------------------- */

.pkp_structure_footer .fquery,
.pkp_structure_footer .data{
    margin:8px 0 !important;

    padding:12px 14px !important;

    color:var(--cv-footer-text) !important;

    background:rgba(255,255,255,.05) !important;

    border:1px solid rgba(255,255,255,.10) !important;

    border-radius:6px !important;

    box-shadow:none !important;
}

.pkp_structure_footer .fquery a,
.pkp_structure_footer .data a{
    color:#FFFFFF !important;
}

/* --------------------------------------------------------------------------
   H. BOTTOM DETAILS / COPYRIGHT BAR
   -------------------------------------------------------------------------- */

.bottom-details{
    position:relative !important;

    margin:24px -30px -30px !important;

    padding:15px 20px !important;

    color:#D6E1E5 !important;

    background:rgba(0,0,0,.22) !important;

    border-top:1px solid rgba(255,255,255,.08) !important;

    font-size:12px !important;
    line-height:1.6 !important;
}

.bottom-details a{
    color:#FFFFFF !important;
    font-weight:600 !important;
}

.bottom-details a:hover{
    color:#FFFFFF !important;
    opacity:.85 !important;
}

/* --------------------------------------------------------------------------
   I. FOOTER POLICY LINKS
   -------------------------------------------------------------------------- */

.policy_terms{
    float:right !important;

    color:var(--cv-footer-muted) !important;
}

.policy_terms a{
    color:#FFFFFF !important;

    font-size:12px !important;
}

/* --------------------------------------------------------------------------
   J. FOOTER SEPARATOR
   -------------------------------------------------------------------------- */

.pkp_structure_footer hr{
    height:1px !important;

    margin:20px 0 !important;

    background:rgba(255,255,255,.12) !important;

    border:0 !important;
}

/* --------------------------------------------------------------------------
   K. HIDE OJS BRAND
   -------------------------------------------------------------------------- */

.pkp_brand_footer{
    display:none !important;
}

/* --------------------------------------------------------------------------
   L. RESPONSIVE FOOTER
   -------------------------------------------------------------------------- */

@media (max-width:991px){

    .pkp_navigation_primary > li > a,
    #navigationPrimary > li > a{
        font-size:14.5px !important;
        padding:11px 13px !important;
    }

    .pkp_structure_footer{
        padding-top:28px !important;
        padding-bottom:26px !important;
    }

    footer .content .link-boxes{
        gap:22px !important;
    }

    footer .content .link-boxes .box{
        flex:1 1 calc(50% - 22px) !important;
    }
}

@media (max-width:600px){

    .pkp_navigation_primary > li > a,
    #navigationPrimary > li > a{
        font-size:14px !important;
        padding:11px 12px !important;
    }

    .pkp_structure_footer{
        padding-top:24px !important;
        padding-bottom:22px !important;
    }

    footer .content .link-boxes{
        display:block !important;
    }

    footer .content .link-boxes .box{
        width:100% !important;

        margin-bottom:24px !important;
    }

    .content .link-boxes .box .link_name,
    .pkp_structure_footer h2,
    .pkp_structure_footer h3,
    .pkp_structure_footer h4{
        font-size:14.5px !important;
    }

    .bottom-details{
        margin:15px -15px -22px !important;

        padding:14px 15px !important;

        text-align:center !important;
    }

    .policy_terms{
        float:none !important;

        display:block !important;

        margin-top:8px !important;
    }
}

/* ==========================================================================
   END FINAL POLISH
   ========================================================================== */


/* ==========================================================================
   31. FOOTER ROYAL BLUE — TAYLOR & FRANCIS INSPIRED
   - Background footer royal blue #10147E
   - Semua teks footer putih
   - Editorial Office box dibuat menyatu
   - Link, alamat, lisensi, copyright dibuat lebih jelas
   ========================================================================== */

:root{
    --tf-blue:#10147E;
    --tf-blue-dark:#0B0E62;
    --tf-blue-light:#23289A;
    --tf-white:#FFFFFF;
    --tf-white-soft:#EEF0FF;
    --tf-line:rgba(255,255,255,.20);
    --tf-panel:rgba(255,255,255,.08);
}

/* --------------------------------------------------------------------------
   A. FOOTER BACKGROUND
   -------------------------------------------------------------------------- */

footer,
.pkp_structure_footer_wrapper,
.pkp_structure_footer,
.pkp_footer_content{
    background:#10147E !important;
    background-color:#10147E !important;
    color:#FFFFFF !important;
}

/* Hindari background abu-abu/putih dari style lama */
.pkp_structure_footer_wrapper{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Aksen atas sangat tipis dan bersih */
.pkp_structure_footer_wrapper::before{
    content:"" !important;
    display:block !important;
    width:100% !important;
    height:4px !important;
    background:#10147E !important;
}

/* --------------------------------------------------------------------------
   B. PAKSA SEMUA TEKS FOOTER MENJADI PUTIH
   -------------------------------------------------------------------------- */

.pkp_structure_footer,
.pkp_structure_footer *,
.pkp_structure_footer_wrapper,
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper span,
.pkp_structure_footer_wrapper div,
.pkp_structure_footer_wrapper li,
.pkp_structure_footer_wrapper td,
.pkp_structure_footer_wrapper th,
.pkp_structure_footer_wrapper small,
.pkp_structure_footer_wrapper strong,
.pkp_structure_footer_wrapper b,
.pkp_structure_footer_wrapper em,
.pkp_structure_footer_wrapper label{
    color:#FFFFFF !important;
    font-family:Arial,Helvetica,sans-serif !important;
}

/* Teks paragraf */
.pkp_structure_footer p,
.pkp_structure_footer_wrapper p{
    color:#FFFFFF !important;
    opacity:1 !important;
    font-size:13px !important;
    line-height:1.75 !important;
}

/* --------------------------------------------------------------------------
   C. LINK FOOTER
   -------------------------------------------------------------------------- */

.pkp_structure_footer a,
.pkp_structure_footer_wrapper a,
.pkp_footer_content a,
.bottom-details a{
    color:#FFFFFF !important;
    text-decoration:none !important;
    font-weight:500 !important;
    opacity:1 !important;
}

.pkp_structure_footer a:hover,
.pkp_structure_footer_wrapper a:hover,
.pkp_footer_content a:hover,
.bottom-details a:hover{
    color:#FFFFFF !important;
    text-decoration:underline !important;
    opacity:.88 !important;
}

/* --------------------------------------------------------------------------
   D. JUDUL FOOTER
   -------------------------------------------------------------------------- */

.pkp_structure_footer h1,
.pkp_structure_footer h2,
.pkp_structure_footer h3,
.pkp_structure_footer h4,
.pkp_structure_footer h5,
.pkp_structure_footer h6,
.pkp_structure_footer .title,
.pkp_structure_footer .link_name,
.content .link-boxes .box .link_name{
    color:#FFFFFF !important;
    background:transparent !important;
    border-color:rgba(255,255,255,.22) !important;
    box-shadow:none !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:700 !important;
}

/* Garis aksen judul footer */
.content .link-boxes .box .link_name::after,
.pkp_structure_footer h2::after,
.pkp_structure_footer h3::after,
.pkp_structure_footer h4::after{
    background:#FFFFFF !important;
}

/* --------------------------------------------------------------------------
   E. "EDITORIAL OFFICE" BOX
   -------------------------------------------------------------------------- */

/* Menghapus kotak putih pucat */
.pkp_structure_footer .data,
.pkp_structure_footer .fquery,
.pkp_structure_footer_wrapper .data,
.pkp_structure_footer_wrapper .fquery{
    color:#FFFFFF !important;

    background:rgba(255,255,255,.08) !important;
    background-color:rgba(255,255,255,.08) !important;

    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:6px !important;

    box-shadow:none !important;

    padding:12px 15px !important;
}

/* Heading Editorial Office jika dibuat sebagai elemen tersendiri */
.pkp_structure_footer .data *,
.pkp_structure_footer .fquery *,
.pkp_structure_footer_wrapper .data *,
.pkp_structure_footer_wrapper .fquery *{
    color:#FFFFFF !important;
}

/* --------------------------------------------------------------------------
   F. FOOTER TABLE / CUSTOM CELLS
   -------------------------------------------------------------------------- */

.pkp_structure_footer table,
.pkp_structure_footer_wrapper table{
    background:transparent !important;
    border-color:transparent !important;
}

.pkp_structure_footer table td,
.pkp_structure_footer table th,
.pkp_structure_footer_wrapper table td,
.pkp_structure_footer_wrapper table th{
    color:#FFFFFF !important;
    background:transparent !important;
    border-color:rgba(255,255,255,.12) !important;
}

/* --------------------------------------------------------------------------
   G. INDEXING AREA
   -------------------------------------------------------------------------- */

.pkp_structure_footer .index_list,
.pkp_structure_footer_wrapper .index_list{
    color:#FFFFFF !important;
}

.pkp_structure_footer .index_list img,
.pkp_structure_footer_wrapper .index_list img{
    background:#FFFFFF !important;
    border:1px solid rgba(255,255,255,.35) !important;
    border-radius:5px !important;
    padding:4px !important;
    box-shadow:none !important;
}

/* --------------------------------------------------------------------------
   H. LICENSE / COPYRIGHT
   -------------------------------------------------------------------------- */

.pkp_structure_footer .bottom-details,
.pkp_structure_footer_wrapper .bottom-details,
.bottom-details{
    color:#FFFFFF !important;
    background:rgba(0,0,0,.16) !important;

    border-top:1px solid rgba(255,255,255,.15) !important;

    font-family:Arial,Helvetica,sans-serif !important;
}

.bottom-details *,
.policy_terms,
.policy_terms *{
    color:#FFFFFF !important;
}

/* --------------------------------------------------------------------------
   I. ICON / FONT AWESOME DI FOOTER
   -------------------------------------------------------------------------- */

.pkp_structure_footer .fa,
.pkp_structure_footer .fas,
.pkp_structure_footer .far,
.pkp_structure_footer .fab,
.pkp_structure_footer_wrapper .fa,
.pkp_structure_footer_wrapper .fas,
.pkp_structure_footer_wrapper .far,
.pkp_structure_footer_wrapper .fab{
    color:#FFFFFF !important;
}

/* Jangan ganti keluarga font ikon */
.pkp_structure_footer .fa,
.pkp_structure_footer .fas,
.pkp_structure_footer .far,
.pkp_structure_footer .fab{
    font-family:FontAwesome !important;
}

/* --------------------------------------------------------------------------
   J. FOOTER MAP / IFRAME
   -------------------------------------------------------------------------- */

.pkp_structure_footer iframe,
.pkp_structure_footer_wrapper iframe{
    border:1px solid rgba(255,255,255,.25) !important;
    border-radius:5px !important;
}

/* --------------------------------------------------------------------------
   K. FOOTER IMAGE / LICENSE ICON
   -------------------------------------------------------------------------- */

.pkp_structure_footer img,
.pkp_structure_footer_wrapper img{
    max-width:100% !important;
    height:auto !important;
}

/* Jangan beri background pada logo lisensi CC */
.pkp_structure_footer img[src*="creativecommons"],
.pkp_structure_footer img[src*="license"],
.pkp_structure_footer_wrapper img[src*="creativecommons"],
.pkp_structure_footer_wrapper img[src*="license"]{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
}

/* --------------------------------------------------------------------------
   L. FOOTER COLUMNS
   -------------------------------------------------------------------------- */

footer .content .link-boxes{
    gap:30px !important;
}

footer .content .link-boxes .box{
    color:#FFFFFF !important;
}

.content .link-boxes .box li{
    color:#FFFFFF !important;
}

/* --------------------------------------------------------------------------
   M. FOOTER SPACING
   -------------------------------------------------------------------------- */

.pkp_structure_footer{
    padding-top:34px !important;
    padding-bottom:30px !important;
}

.pkp_structure_footer_wrapper{
    padding-top:0 !important;
}

/* --------------------------------------------------------------------------
   N. MOBILE
   -------------------------------------------------------------------------- */

@media (max-width:600px){

    .pkp_structure_footer{
        padding-top:24px !important;
        padding-bottom:22px !important;
    }

    .pkp_structure_footer p,
    .pkp_structure_footer_wrapper p,
    .pkp_structure_footer a,
    .pkp_structure_footer_wrapper a{
        font-size:12.5px !important;
    }

    footer .content .link-boxes{
        gap:18px !important;
    }
}

/* --------------------------------------------------------------------------
   O. FINAL SAFETY LOCK
   -------------------------------------------------------------------------- */

body footer,
body .pkp_structure_footer_wrapper,
body .pkp_structure_footer{
    background:#10147E !important;
    background-color:#10147E !important;
}

body .pkp_structure_footer *,
body .pkp_structure_footer_wrapper p,
body .pkp_structure_footer_wrapper span,
body .pkp_structure_footer_wrapper div,
body .pkp_structure_footer_wrapper li,
body .pkp_structure_footer_wrapper a{
    color:#FFFFFF !important;
}

/* ==========================================================================
   END FOOTER ROYAL BLUE
   ========================================================================== */