a { color: rgb(0, 95, 138) !important; }
a:hover, a:focus { color: rgb(0, 59, 92) !important; }
.pkp_structure_head { background-color: rgb(0, 59, 92) !important; border-bottom: 4px solid rgb(126, 200, 227) !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 10px !important; overflow: visible !important; }
.pkp_head_wrapper { background: linear-gradient(90deg, rgb(0, 59, 92) 0%, rgb(0, 95, 138) 55%, rgb(0, 119, 182) 100%) !important; padding: 18px 24px !important; overflow: visible !important; }
.pkp_site_name, .pkp_site_name a { color: rgb(255, 255, 255) !important; font-weight: 800 !important; font-size: 30px !important; line-height: 1.25 !important; text-decoration: none !important; letter-spacing: 0.2px !important; }
.pkp_site_name img, .pkp_site_name .is_img img, img[src*="pageHeaderLogoImage"] { max-height: 120px !important; width: auto !important; max-width: 100% !important; display: block !important; margin: 8px 0px !important; }
.pkp_site_nav_toggle, button.pkp_site_nav_toggle { display: none !important; visibility: hidden !important; opacity: 0 !important; }
.pkp_site_nav_menu, .pkp_navigation_primary_wrapper, .pkp_navigation_primary_row, .pkp_navigation_user_wrapper { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; height: auto !important; max-height: none !important; overflow: visible !important; transform: none !important; clip: auto !important; }
.pkp_navigation_primary_row { background-color: rgb(0, 47, 73) !important; border-top: 1px solid rgb(126, 200, 227) !important; border-bottom: 1px solid rgb(126, 200, 227) !important; padding: 4px 18px !important; }
#navigationPrimary, .pkp_navigation_primary { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; visibility: visible !important; opacity: 1 !important; list-style: none !important; margin: 0px !important; padding: 6px 0px !important; }
#navigationPrimary > li, .pkp_navigation_primary > li { display: inline-block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; }
#navigationPrimary > li > a, #navigationPrimary > li > a:link, #navigationPrimary > li > a:visited, .pkp_navigation_primary > li > a, .pkp_navigation_primary > li > a:link, .pkp_navigation_primary > li > a:visited { display: inline-block !important; visibility: visible !important; opacity: 1 !important; color: rgb(255, 255, 255) !important; background: transparent !important; padding: 10px 14px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; text-decoration: none !important; border-radius: 4px !important; white-space: nowrap !important; }
#navigationPrimary > li > a:hover, #navigationPrimary > li > a:focus, .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus { background-color: rgb(0, 119, 182) !important; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
#navigationPrimary ul, .pkp_navigation_primary ul { display: none !important; position: absolute !important; top: 100% !important; left: 0px !important; background-color: rgb(255, 255, 255) !important; border: 1px solid rgb(126, 200, 227) !important; border-radius: 6px !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 16px !important; padding: 6px !important; margin: 0px !important; min-width: 230px !important; z-index: 99999 !important; }
#navigationPrimary li:hover > ul, #navigationPrimary li:focus-within > ul, .pkp_navigation_primary li:hover > ul, .pkp_navigation_primary li:focus-within > ul { display: block !important; visibility: visible !important; opacity: 1 !important; }
#navigationPrimary ul li, .pkp_navigation_primary ul li { display: block !important; width: 100% !important; }
#navigationPrimary ul a, #navigationPrimary ul a:link, #navigationPrimary ul a:visited, .pkp_navigation_primary ul a, .pkp_navigation_primary ul a:link, .pkp_navigation_primary ul a:visited { display: block !important; color: rgb(0, 59, 92) !important; background: rgb(255, 255, 255) !important; padding: 10px 14px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; white-space: nowrap !important; border-radius: 4px !important; }
#navigationPrimary ul a:hover, #navigationPrimary ul a:focus, .pkp_navigation_primary ul a:hover, .pkp_navigation_primary ul a:focus { background-color: rgb(0, 59, 92) !important; color: rgb(255, 255, 255) !important; }
#navigationUserWrapper, .pkp_navigation_user_wrapper { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; text-align: right !important; margin: 8px 0px !important; padding: 0px !important; z-index: 99999 !important; }
#navigationUser, .pkp_navigation_user { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; visibility: visible !important; opacity: 1 !important; list-style: none !important; margin: 0px !important; padding: 8px 0px !important; }
#navigationUser li, .pkp_navigation_user li { display: inline-block !important; visibility: visible !important; opacity: 1 !important; }
#navigationUser a, #navigationUser a:link, #navigationUser a:visited, .pkp_navigation_user a, .pkp_navigation_user a:link, .pkp_navigation_user a:visited { display: inline-block !important; visibility: visible !important; opacity: 1 !important; color: rgb(255, 255, 255) !important; background-color: rgb(0, 119, 182) !important; border: 1px solid rgb(126, 200, 227) !important; border-radius: 5px !important; padding: 8px 14px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; white-space: nowrap !important; }
#navigationUser a:hover, #navigationUser a:focus, .pkp_navigation_user a:hover, .pkp_navigation_user a:focus { color: rgb(255, 255, 255) !important; background-color: rgb(0, 59, 92) !important; text-decoration: none !important; }
.pkp_navigation_user a[href*="register"] { font-size: 0px !important; }
.pkp_navigation_user a[href*="register"]::after { content: "Register" !important; font-size: 14px !important; color: rgb(255, 255, 255) !important; font-weight: 700 !important; }
.pkp_navigation_user a[href*="login"] { font-size: 0px !important; }
.pkp_navigation_user a[href*="login"]::after { content: "Login" !important; font-size: 14px !important; color: rgb(255, 255, 255) !important; font-weight: 700 !important; }
.pkp_structure_content { background-color: rgb(255, 255, 255) !important; }
.pkp_structure_main { background-color: rgb(255, 255, 255) !important; padding-top: 20px !important; }
.page, .page_index_journal, .page_about { background-color: rgb(255, 255, 255) !important; }
.page h1, .page h2, .page h3, .page h4 { color: rgb(0, 59, 92) !important; font-weight: 700 !important; }
.cmp_breadcrumbs { color: rgb(0, 59, 92) !important; font-size: 14px !important; }
.pkp_structure_sidebar { padding-top: 12px !important; }
.pkp_block, .block_custom { background-color: rgb(255, 255, 255) !important; border: 1px solid rgb(214, 230, 240) !important; border-radius: 8px !important; box-shadow: rgba(0, 59, 92, 0.1) 0px 3px 10px !important; margin-bottom: 20px !important; padding: 0px !important; overflow: hidden !important; }
.pkp_block .title, .block_custom .title { display: block !important; background: linear-gradient(90deg, rgb(0, 59, 92) 0%, rgb(0, 95, 138) 100%) !important; color: rgb(255, 255, 255) !important; padding: 13px 15px !important; margin: 0px !important; font-size: 15px !important; font-weight: 800 !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border-bottom: 3px solid rgb(126, 200, 227) !important; }
.journal-sidebar-buttons { display: block !important; width: 100% !important; padding: 10px !important; box-sizing: border-box !important; }
.journal-sidebar-buttons .sidebar-btn { display: block !important; width: 100% !important; box-sizing: border-box !important; background-color: rgb(0, 59, 92) !important; color: rgb(255, 255, 255) !important; padding: 15px 16px !important; margin: 9px 0px !important; border-width: 1px 1px 1px 5px !important; border-style: solid !important; border-color: rgb(0, 95, 138) rgb(0, 95, 138) rgb(0, 95, 138) rgb(126, 200, 227) !important; border-radius: 5px !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: left !important; text-decoration: none !important; box-shadow: rgba(0, 59, 92, 0.18) 0px 2px 6px !important; transition: 0.2s ease-in-out !important; }
.journal-sidebar-buttons .sidebar-btn:hover, .journal-sidebar-buttons .sidebar-btn:focus { background-color: rgb(0, 95, 138) !important; color: rgb(255, 255, 255) !important; border-left-color: rgb(223, 246, 255) !important; text-decoration: none !important; padding-left: 22px !important; box-shadow: rgba(0, 59, 92, 0.28) 0px 4px 12px !important; }
.journal-sidebar-buttons .sidebar-btn::before { content: "› "; font-weight: 800 !important; color: rgb(223, 246, 255) !important; }
.template-download-box { background-color: rgb(245, 249, 252) !important; border: 1px solid rgb(214, 230, 240) !important; border-radius: 10px !important; padding: 24px !important; margin: 20px 0px !important; box-shadow: rgba(0, 59, 92, 0.08) 0px 3px 10px !important; }
.template-download-box h3 { color: rgb(0, 59, 92) !important; font-weight: 800 !important; margin-bottom: 12px !important; }
.template-download-btn { display: inline-block !important; background-color: rgb(0, 59, 92) !important; color: rgb(255, 255, 255) !important; padding: 14px 22px !important; border-radius: 8px !important; font-weight: 700 !important; text-decoration: none !important; border: 2px solid rgb(0, 95, 138) !important; margin-top: 10px !important; }
.template-download-btn:hover, .template-download-btn:focus { background-color: rgb(0, 95, 138) !important; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.pkp_structure_footer_wrapper { background-color: rgb(0, 59, 92) !important; color: rgb(255, 255, 255) !important; border-top: 4px solid rgb(126, 200, 227) !important; }
.pkp_structure_footer_wrapper a { color: rgb(223, 246, 255) !important; }
@media screen and (max-width: 768px) {
  .pkp_head_wrapper { padding: 14px 16px !important; }
  .pkp_site_name, .pkp_site_name a { font-size: 22px !important; }
  .pkp_site_name img, .pkp_site_name .is_img img, img[src*="pageHeaderLogoImage"] { max-height: 90px !important; }
  #navigationPrimary, .pkp_navigation_primary, #navigationUser, .pkp_navigation_user { display: flex !important; flex-flow: wrap !important; justify-content: flex-start !important; align-items: center !important; }
  #navigationUser, .pkp_navigation_user { justify-content: flex-start !important; }
  #navigationPrimary > li > a, .pkp_navigation_primary > li > a { font-size: 13px !important; padding: 8px 10px !important; }
  .journal-sidebar-buttons .sidebar-btn { font-size: 14px !important; padding: 13px 14px !important; }
}
.page_about h1 { background: linear-gradient(90deg, rgb(0, 59, 92) 0%, rgb(0, 95, 138) 100%) !important; color: rgb(255, 255, 255) !important; padding: 18px 24px !important; border-radius: 10px !important; font-size: 30px !important; font-weight: 800 !important; margin-bottom: 24px !important; box-shadow: rgba(0, 59, 92, 0.2) 0px 4px 12px !important; }
.page_about h2, .page_about h3 { color: rgb(0, 59, 92) !important; font-weight: 800 !important; border-left: 6px solid rgb(126, 200, 227) !important; padding: 10px 14px !important; background-color: rgb(241, 248, 252) !important; border-radius: 6px !important; margin-top: 28px !important; margin-bottom: 14px !important; }
.page_about p { font-size: 16px !important; line-height: 1.75 !important; color: rgb(36, 52, 71) !important; text-align: justify !important; }
.page_about ul, .page_about ol { background-color: rgb(248, 251, 253) !important; border: 1px solid rgb(214, 230, 240) !important; border-radius: 8px !important; padding: 18px 24px 18px 38px !important; margin: 16px 0px 22px !important; }
.page_about li { margin-bottom: 8px !important; line-height: 1.65 !important; color: rgb(36, 52, 71) !important; }
.page_about .description, .page_about .about_section, .page_about section, .page_about .item { background-color: rgb(255, 255, 255) !important; border: 1px solid rgb(214, 230, 240) !important; border-radius: 10px !important; padding: 22px 24px !important; margin-bottom: 22px !important; box-shadow: rgba(0, 59, 92, 0.08) 0px 3px 12px !important; }
.page_about a { color: rgb(0, 95, 138) !important; font-weight: 700 !important; text-decoration: none !important; border-bottom: 1px solid rgb(126, 200, 227) !important; }
.page_about a:hover, .page_about a:focus { color: rgb(0, 59, 92) !important; border-bottom-color: rgb(0, 59, 92) !important; }
.page_about strong { color: rgb(0, 59, 92) !important; font-weight: 800 !important; }
.vistara-about-highlight { background: linear-gradient(90deg, rgb(241, 248, 252) 0%, rgb(255, 255, 255) 100%) !important; border-left: 6px solid rgb(0, 119, 182) !important; border-radius: 8px !important; padding: 18px 22px !important; margin: 20px 0px !important; box-shadow: rgba(0, 59, 92, 0.1) 0px 3px 10px !important; }
.vistara-about-highlight p { margin: 0px !important; color: rgb(0, 59, 92) !important; font-weight: 600 !important; }
.vistara-info-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; gap: 14px !important; margin: 22px 0px !important; }
.vistara-info-card { background-color: rgb(245, 249, 252) !important; border: 1px solid rgb(214, 230, 240) !important; border-radius: 10px !important; padding: 18px !important; box-shadow: rgba(0, 59, 92, 0.08) 0px 2px 8px !important; }
.vistara-info-card h4 { color: rgb(0, 59, 92) !important; font-size: 16px !important; font-weight: 800 !important; margin-bottom: 8px !important; }
.vistara-info-card p { font-size: 15px !important; line-height: 1.55 !important; margin: 0px !important; text-align: left !important; }
@media screen and (max-width: 768px) {
  .page_about h1 { font-size: 24px !important; padding: 15px 18px !important; }
  .page_about p { font-size: 15px !important; text-align: left !important; }
  .page_about ul, .page_about ol { padding-left: 28px !important; }
}

/* VISTARA JALL: ISSN in the upper-right header */
.pkp_structure_head .pkp_head_wrapper { position: relative !important; }
.pkp_structure_head .pkp_head_wrapper::after { content: "ISSN xxxx-xxxx"; position: absolute; top: 18px; right: 22px; z-index: 1000; color: #ffffff; background: rgba(0, 0, 0, 0.16); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 5px; padding: 5px 10px; font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: 0.4px; white-space: nowrap; }
@media screen and (max-width: 768px) { .pkp_structure_head .pkp_head_wrapper::after { top: 10px; right: 12px; padding: 4px 7px; font-size: 10px; letter-spacing: 0.2px; } }
@media screen and (max-width: 480px) { .pkp_structure_head .pkp_head_wrapper::after { top: 8px; right: 8px; font-size: 9px; padding: 3px 6px; } }