body { background-color: rgb(244, 248, 244) !important; color: rgb(31, 41, 51) !important; }

a { color: rgb(46, 125, 50) !important; }

a:hover, a:focus { color: rgb(27, 94, 32) !important; }

.pkp_structure_head { background-color: rgb(27, 94, 32) !important; border-bottom: 4px solid rgb(165, 214, 167) !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 10px !important; overflow: visible !important; }

.pkp_head_wrapper { background: linear-gradient(90deg, rgb(27, 94, 32) 0%, rgb(46, 125, 50) 55%, rgb(67, 160, 71) 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(15, 61, 22) !important; border-top: 1px solid rgb(165, 214, 167) !important; border-bottom: 1px solid rgb(165, 214, 167) !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(67, 160, 71) !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(165, 214, 167) !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(27, 94, 32) !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(27, 94, 32) !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(67, 160, 71) !important; border: 1px solid rgb(165, 214, 167) !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(27, 94, 32) !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(27, 94, 32) !important; font-weight: 700 !important; }

.cmp_breadcrumbs { color: rgb(27, 94, 32) !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(216, 234, 216) !important; border-radius: 8px !important; box-shadow: rgba(27, 94, 32, 0.12) 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(27, 94, 32) 0%, rgb(46, 125, 50) 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(165, 214, 167) !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(27, 94, 32) !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(46, 125, 50) rgb(46, 125, 50) rgb(46, 125, 50) rgb(165, 214, 167) !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(27, 94, 32, 0.2) 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(46, 125, 50) !important; color: rgb(255, 255, 255) !important; border-left-color: rgb(232, 245, 233) !important; text-decoration: none !important; padding-left: 22px !important; box-shadow: rgba(27, 94, 32, 0.3) 0px 4px 12px !important; }

.journal-sidebar-buttons .sidebar-btn::before { content: "› "; font-weight: 800 !important; color: rgb(232, 245, 233) !important; }

.template-download-box { background-color: rgb(246, 251, 246) !important; border: 1px solid rgb(216, 234, 216) !important; border-radius: 10px !important; padding: 24px !important; margin: 20px 0px !important; box-shadow: rgba(27, 94, 32, 0.08) 0px 3px 10px !important; }

.template-download-box h3 { color: rgb(27, 94, 32) !important; font-weight: 800 !important; margin-bottom: 12px !important; }

.template-download-btn { display: inline-block !important; background-color: rgb(27, 94, 32) !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(46, 125, 50) !important; margin-top: 10px !important; }

.template-download-btn:hover, .template-download-btn:focus { background-color: rgb(46, 125, 50) !important; color: rgb(255, 255, 255) !important; text-decoration: none !important; }

.pkp_structure_footer_wrapper { background-color: rgb(27, 94, 32) !important; color: rgb(255, 255, 255) !important; border-top: 4px solid rgb(165, 214, 167) !important; }

.pkp_structure_footer_wrapper a { color: rgb(232, 245, 233) !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; }
}

/* JIPT ISSN in the top-right header */
.pkp_site_name_wrapper { position: relative; }
.pkp_site_name_wrapper::after { content: "ISSN: XXXX-XXXX"; position: absolute; top: 16px; right: 24px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: .2px; white-space: nowrap; }
@media screen and (max-width: 768px) { .pkp_site_name_wrapper::after { position: static; display: block; text-align: right; margin-top: 8px; font-size: 14px; } }