:root{--ijcsi-navy:#10263f;--ijcsi-teal:#007f87;--ijcsi-gold:#d6a94b;--primary:#007f87;--primary-color:#007f87;--bg1:#10263f;--bg2:#007f87}
body{background:#f4f7fa;color:#22364a;font-family:"Noto Sans",Arial,sans-serif}
.pkp_structure_head,.pkp_navigation_primary_row{background:#10263f!important;border-bottom:3px solid #d6a94b}
.pkp_site_name img{max-width:100%;height:auto!important;max-height:125px!important}
.pkp_navigation_primary>li>a{color:#fff!important}.pkp_navigation_primary>li>a:hover{color:#e8c983!important}
.pkp_structure_main{background:#fff;border-radius:12px;box-shadow:0 8px 30px #10263f0a}
a{color:#007f87}a:hover{color:#10263f}
.btn-primary,.submit-button,.pkp_button_primary,button[type=submit],.attractive-box a{background:#007f87!important;border-color:#007f87!important;color:white!important;border-radius:7px}
.sidebar,.sidebar-header{background:#10263f!important}.sidebar a:hover,.sidebar a.active{background:#007f87!important}
.pkp_block{border:1px solid #dde6eb;border-top:3px solid #007f87;border-radius:9px;background:#fff}
.pkp_block .title,h1,h2,h3{color:#10263f}.pkp_structure_footer_wrapper{border-top:3px solid #d6a94b;background:#e8f0f4!important}
input:focus,select:focus,textarea:focus{outline-color:#007f87}.ijcsi-payment{max-width:760px;margin:10vh auto;background:white;padding:40px;border-radius:16px}
@media(max-width:767px){.pkp_structure_main{border-radius:0}.pkp_site_name img{min-height:50px;object-fit:contain}.ijcsi-payment{margin:30px 15px;padding:25px}}
.pkp_site_nav_toggle{background:#007f87!important}.pkp_site_nav_toggle:hover{background:#10263f!important}.attractive-box img{width:100%;height:auto}

/* Supplied IJCSI graphics keep their original aspect ratio. */
img[src*='ijcsi-submit.png'],img[src*='ijcsi-status.png']{max-width:100%;height:auto!important;object-fit:contain}

/* IJCSI unified journal header */
.pkp_structure_head,.pkp_structure_head .pkp_head_wrapper,.pkp_structure_head .pkp_site_name_wrapper,.pkp_structure_head .pkp_navigation_primary_row,.pkp_structure_head .pkp_site_nav_menu{background:#060e3b!important;border:0!important;box-shadow:none!important}
.pkp_structure_head{height:auto!important;padding:0!important}
.pkp_structure_head .pkp_head_wrapper{padding-top:0!important;padding-bottom:0!important}
.pkp_structure_head .pkp_site_name_wrapper{padding:0!important;margin:0!important}
.pkp_structure_head .pkp_site_name{padding:0!important;margin:0!important;width:100%!important}
.pkp_structure_head .pkp_site_name a.is_img{display:block;padding:0!important;margin:0!important}
.pkp_structure_head .pkp_site_name img{display:block;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important}
.pkp_structure_head .pkp_navigation_user_wrapper,.pkp_structure_head .pkp_navigation_search_wrapper{display:none!important}
.pkp_structure_head .pkp_site_nav_toggle{background:#060e3b!important;top:10px!important}
.pkp_structure_head .pkp_navigation_primary>li>a{color:#fff!important}
@media(max-width:991px){.pkp_structure_head .pkp_site_name_wrapper{padding-left:46px!important}.pkp_structure_head .pkp_site_nav_menu{border-top:1px solid #ffffff33!important}}

/* IJCSI navy navigation */
.pkp_structure_head .pkp_site_nav_menu,
.pkp_structure_head .pkp_navigation_primary_row{background:#132956!important}
.pkp_structure_head .pkp_navigation_primary_row{border-top:2px solid #d6b66b!important}
.pkp_structure_head .pkp_navigation_primary>li>a{color:#fff!important;border-bottom:3px solid transparent;transition:background-color .18s,color .18s,border-color .18s}
.pkp_structure_head .pkp_navigation_primary>li>a:hover,
.pkp_structure_head .pkp_navigation_primary>li>a:focus-visible{background:#213d70!important;color:#f2d692!important;border-bottom-color:#d6b66b}
.pkp_structure_head .pkp_navigation_primary .dropdown-menu{background:#132956!important;border:1px solid #d6b66b;border-radius:0 0 6px 6px}
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a{color:#fff!important}
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a:hover,
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a:focus{background:#213d70!important;color:#f2d692!important}
.pkp_structure_head .pkp_site_nav_toggle:hover,
.pkp_structure_head .pkp_site_nav_toggle:focus-visible{background:#213d70!important;outline:2px solid #d6b66b;outline-offset:-2px}
@media(max-width:991px){.pkp_structure_head .pkp_site_nav_menu{border-top:2px solid #d6b66b!important}.pkp_structure_head .pkp_navigation_primary_row{border-top:0!important}}
/* Match the original banner navy across the header. */
.pkp_structure_head,.pkp_navigation_primary_row{background:#060e3b!important}

/* Mobile: keep the complete journal banner in normal flow, below the menu button. */
@media (max-width: 991px) {
  #headerNavigationContainer,
  #headerNavigationContainer .pkp_head_wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  #headerNavigationContainer .pkp_site_name_wrapper {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 48px 0 8px !important;
    overflow: visible !important;
  }
  #headerNavigationContainer .pkp_site_name,
  #headerNavigationContainer .pkp_site_name a.is_img {
    position: static !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    overflow: visible !important;
  }
  #headerNavigationContainer .pkp_site_name img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
  }
  #headerNavigationContainer .pkp_site_nav_toggle {
    position: absolute !important;
    top: 4px !important;
    left: 8px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    z-index: 10;
  }
}