/* JAMPL v6 — full-width classic-style header */
:root {
  --jampl-blue: #1675DD;
  --jampl-blue-dark: #07457D;
  --jampl-blue-deep: #063E70;
  --jampl-blue-light: #69B9DC;
  --jampl-blue-pale: #EEF7FC;
}

html,
html body,
html body .pkp_structure_page,
html body .pkp_structure_content {
  background-color: #fff !important;
}

/* Break the header out of OJS's centered/max-width page container. */
html body .pkp_structure_head {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .pkp_structure_head .pkp_head_wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* Full-width light-blue masthead. */
html body .pkp_structure_head .pkp_site_name_wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: var(--jampl-blue) !important;
  background-image: none !important;
  min-height: 170px !important;
  padding: 22px 7vw !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

html body .pkp_structure_head .pkp_site_name {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: calc(100% - 240px) !important;
}
html body .pkp_structure_head .pkp_site_name a {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.22) !important;
}
html body .pkp_structure_head .pkp_site_name img {
  max-height: 70px !important;
  width: auto !important;
}
html body .pkp_structure_head .pkp_site_name .is_text {
  color: #fff !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

/* Account menu at upper-right. */
html body .pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 22px !important;
  right: 7vw !important;
  left: auto !important;
  width: auto !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 30 !important;
  background: transparent !important;
}
html body .pkp_navigation_user {
  margin: 0 !important;
  padding: 0 !important;
}
html body .pkp_navigation_user > li > a,
html body .pkp_navigation_user > li > a:visited {
  background: var(--jampl-blue) !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 9px 15px !important;
  box-shadow: none !important;
}
html body .pkp_navigation_user > li > a:hover,
html body .pkp_navigation_user > li > a:focus {
  background: var(--jampl-blue-dark) !important;
  color: #fff !important;
}

/* Full-width dark navigation bar. */
html body .pkp_structure_head .pkp_navigation_primary_row {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: var(--jampl-blue-dark) !important;
  background-image: none !important;
  padding: 0 7vw !important;
  min-height: 64px !important;
  border: 0 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.18) !important;
  box-sizing: border-box !important;
}
html body .pkp_navigation_primary_wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #navigationPrimary { margin: 0 !important; }
html body #navigationPrimary > li {
  margin: 0 !important;
  border-right: 1px solid rgba(255,255,255,.13) !important;
}
html body #navigationPrimary > li:first-child {
  border-left: 1px solid rgba(255,255,255,.13) !important;
}
html body #navigationPrimary > li > a,
html body #navigationPrimary > li > a:visited {
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  padding: 22px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-transform: none !important;
}
html body #navigationPrimary > li > a:hover,
html body #navigationPrimary > li > a:focus {
  color: #fff !important;
  background: var(--jampl-blue-deep) !important;
}

html body .pkp_head_wrapper .pkp_search,
html body .pkp_search_desktop,
html body .pkp_head_wrapper .pkp_search .search_controls .search_prompt,
html body .pkp_head_wrapper .pkp_search .search_controls .search_prompt:before,
html body .pkp_search_desktop a,
html body .pkp_search_desktop a:visited {
  color: #fff !important;
  border: 0 !important;
}
html body .pkp_head_wrapper .pkp_search .search_controls .search_prompt:hover,
html body .pkp_head_wrapper .pkp_search .search_controls .search_prompt:focus,
html body .pkp_search_desktop a:hover,
html body .pkp_search_desktop a:focus {
  color: #fff !important;
  background: var(--jampl-blue-deep) !important;
}

/* Dropdowns */
html body #navigationPrimary ul,
html body #navigationPrimary ul li,
html body #navigationPrimary ul a,
html body #navigationPrimary ul a:visited,
html body .pkp_navigation_user ul,
html body .pkp_navigation_user ul li,
html body .pkp_navigation_user ul a,
html body .pkp_navigation_user ul a:visited {
  background: #fff !important;
  color: var(--jampl-blue-dark) !important;
}
html body #navigationPrimary ul a:hover,
html body #navigationPrimary ul a:focus,
html body .pkp_navigation_user ul a:hover,
html body .pkp_navigation_user ul a:focus {
  background: var(--jampl-blue-pale) !important;
  color: var(--jampl-blue) !important;
}

/* Sidebar title bars */
html body .pkp_structure_sidebar .pkp_block .title,
html body .pkp_structure_sidebar .pkp_block h2.title,
html body .pkp_structure_sidebar .pkp_block h3.title,
html body aside .pkp_block .title {
  background: var(--jampl-blue) !important;
  border-color: var(--jampl-blue) !important;
  color: #fff !important;
}
html body .pkp_structure_sidebar .pkp_block .title a,
html body aside .pkp_block .title a { color: #fff !important; }

html body .pkp_structure_sidebar .block_make_submission a,
html body .pkp_structure_sidebar .block_make_submission .content a,
html body .cmp_button,
html body .submit button,
html body button.submit,
html body input[type="submit"],
html body .obj_galley_link,
html body .badge-primary,
html body .btn-primary {
  background: var(--jampl-blue) !important;
  border-color: var(--jampl-blue) !important;
  color: #fff !important;
}

html body .pkp_structure_footer_wrapper,
html body .pkp_structure_footer {
  background: var(--jampl-blue-dark) !important;
  border-color: var(--jampl-blue-dark) !important;
}
html body .pkp_structure_footer_wrapper,
html body .pkp_structure_footer_wrapper p,
html body .pkp_structure_footer_wrapper li,
html body .pkp_structure_footer_wrapper span,
html body .pkp_structure_footer_wrapper a { color: #fff !important; }

@media (max-width: 991px) {
  html body .pkp_structure_head .pkp_site_name_wrapper {
    min-height: 100px !important;
    padding: 14px 18px !important;
  }
  html body .pkp_structure_head .pkp_site_name { max-width: 72% !important; }
  html body .pkp_structure_head .pkp_site_name img { max-height: 55px !important; }
  html body .pkp_navigation_user_wrapper {
    top: 14px !important;
    right: 14px !important;
  }
  html body .pkp_structure_head .pkp_navigation_primary_row {
    min-height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* JAMPL v7 — publisher utility bar and ISSN */
html body .jampl-utility-bar {
  width: 100% !important;
  background: #fff !important;
  border: 0 !important;
  box-sizing: border-box !important;
}
html body .jampl-utility-inner {
  width: 100% !important;
  min-height: 74px !important;
  padding: 0 3.2vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-sizing: border-box !important;
}
html body .jampl-utility-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .jampl-utility-links a,
html body .jampl-utility-links a:visited {
  color: var(--jampl-blue-dark) !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  padding: 10px 0 !important;
}
html body .jampl-utility-links a:hover,
html body .jampl-utility-links a:focus {
  color: var(--jampl-blue) !important;
  text-decoration: underline !important;
}

html body .pkp_structure_head .pkp_site_name_wrapper {
  position: relative !important;
}
html body .jampl-issn {
  position: absolute !important;
  right: 3.2vw !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .35px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
  z-index: 10 !important;
}

/* Leave enough horizontal room for the ISSN. */
html body .pkp_structure_head .pkp_site_name {
  max-width: calc(100% - 330px) !important;
}

@media (max-width: 767px) {
  html body .jampl-utility-inner {
    min-height: 52px !important;
    padding: 0 16px !important;
  }
  html body .jampl-utility-links {
    gap: 18px !important;
    flex-wrap: wrap !important;
  }
  html body .jampl-utility-links a,
  html body .jampl-utility-links a:visited {
    font-size: 13px !important;
  }
  html body .jampl-issn {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 8px !important;
    text-align: left !important;
  }
  html body .pkp_structure_head .pkp_site_name_wrapper {
    display: block !important;
  }
  html body .pkp_structure_head .pkp_site_name {
    max-width: 100% !important;
  }
}

/* JAMPL v8 — corrected utility row layout */
html body .pkp_structure_head {
  display: block !important;
}
html body .pkp_structure_head .pkp_head_wrapper {
  display: block !important;
  position: relative !important;
  flex: none !important;
}

/* Utility row is a real full-width row above the masthead. */
html body .pkp_structure_head .pkp_head_wrapper > .jampl-utility-bar {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: both !important;
  background: #fff !important;
}
html body .pkp_structure_head .jampl-utility-inner {
  width: 100% !important;
  max-width: none !important;
  min-height: 74px !important;
  margin: 0 !important;
  padding: 0 3.2vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-sizing: border-box !important;
}
html body .pkp_structure_head .jampl-utility-links {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 34px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body .pkp_structure_head .jampl-utility-links a,
html body .pkp_structure_head .jampl-utility-links a:visited {
  display: inline-block !important;
  color: var(--jampl-blue-dark) !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  padding: 10px 0 !important;
  white-space: nowrap !important;
}

/* Keep masthead content in one row: logo left, ISSN right. */
html body .pkp_structure_head .pkp_site_name_wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
}
html body .pkp_structure_head .pkp_site_name {
  flex: 0 1 auto !important;
  max-width: calc(100% - 420px) !important;
}
html body .pkp_structure_head .jampl-issn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .35px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  text-align: right !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
}

@media (max-width: 767px) {
  html body .pkp_structure_head .jampl-utility-inner {
    min-height: 52px !important;
    padding: 0 16px !important;
  }
  html body .pkp_structure_head .jampl-utility-links {
    gap: 18px !important;
  }
  html body .pkp_structure_head .pkp_site_name_wrapper {
    flex-wrap: wrap !important;
  }
  html body .pkp_structure_head .pkp_site_name {
    max-width: 100% !important;
  }
  html body .pkp_structure_head .jampl-issn {
    width: 100% !important;
    margin-top: 10px !important;
    text-align: left !important;
  }
}

/* ================================================================
   JAMPL v10 — final header geometry fix
   Avoid the 100vw/50% breakout technique which created horizontal
   overflow and shifted the header off-screen on some OJS layouts.
   ================================================================ */
html,
html body {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
}

html body .pkp_structure_page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
}

/* Header must remain in the normal document flow and fill the viewport. */
html body .pkp_structure_head {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

html body .pkp_structure_head .pkp_head_wrapper {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Utility row: full width, links neatly at the top-right. */
html body .pkp_structure_head .jampl-utility-bar {
  width: 100% !important;
  max-width: none !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
html body .pkp_structure_head .jampl-utility-inner {
  width: 100% !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0 3.2vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-sizing: border-box !important;
}
html body .pkp_structure_head .jampl-utility-links {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 30px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
html body .pkp_structure_head .jampl-utility-links a,
html body .pkp_structure_head .jampl-utility-links a:visited {
  color: #07457D !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: transparent !important;
  padding: 6px 0 !important;
}
html body .pkp_structure_head .jampl-utility-links a:hover,
html body .pkp_structure_head .jampl-utility-links a:focus {
  color: #1675DD !important;
  text-decoration: underline !important;
}

/* Full-width masthead with sensible internal padding only. */
html body .pkp_structure_head .pkp_site_name_wrapper {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 178px !important;
  margin: 0 !important;
  padding: 26px 7vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: var(--jampl-blue) !important;
  background-image: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}
html body .pkp_structure_head .pkp_site_name {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 360px) !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .pkp_structure_head .pkp_site_name img {
  display: block !important;
  max-height: 70px !important;
  max-width: 100% !important;
  width: auto !important;
  margin: 0 !important;
}

/* ISSN on the right side of the masthead. */
html body .pkp_structure_head .jampl-issn {
  position: absolute !important;
  right: 3.2vw !important;
  bottom: 29px !important;
  top: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

/* Keep the logged-in account button inside the blue masthead, not over the utility links. */
html body .pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 82px !important;
  right: 3.2vw !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 50 !important;
  background: transparent !important;
}

/* Full-width navigation, no breakout and no horizontal overflow. */
html body .pkp_structure_head .pkp_navigation_primary_row {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 7vw !important;
  transform: none !important;
  background: #07457D !important;
  box-sizing: border-box !important;
}
html body .pkp_structure_head .pkp_navigation_primary_wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Keep the page content centered independently of the full-width header. */
html body .pkp_structure_content {
  width: calc(100% - 32px) !important;
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  html body .pkp_structure_head .jampl-utility-bar,
  html body .pkp_structure_head .jampl-utility-inner {
    height: auto !important;
    min-height: 52px !important;
  }
  html body .pkp_structure_head .jampl-utility-inner {
    padding: 8px 16px !important;
  }
  html body .pkp_structure_head .jampl-utility-links {
    gap: 16px !important;
    flex-wrap: wrap !important;
  }
  html body .pkp_structure_head .pkp_site_name_wrapper {
    min-height: 118px !important;
    padding: 18px 16px 42px !important;
  }
  html body .pkp_structure_head .pkp_site_name {
    max-width: 72% !important;
  }
  html body .pkp_structure_head .pkp_site_name img {
    max-height: 55px !important;
  }
  html body .pkp_navigation_user_wrapper {
    top: 66px !important;
    right: 16px !important;
  }
  html body .pkp_structure_head .jampl-issn {
    right: 16px !important;
    bottom: 13px !important;
    font-size: 12px !important;
  }
  html body .pkp_structure_head .pkp_navigation_primary_row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body .pkp_structure_content {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ================================================================
   JAMPL v11 — account links share the top utility row
   ================================================================ */
html body .pkp_structure_head .jampl-utility-inner {
  gap: 30px !important;
}

/* The OJS user navigation is moved here by jampl-header-links-v11.js. */
html body .pkp_structure_head .jampl-utility-user,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 60 !important;
  background: transparent !important;
  float: none !important;
  display: block !important;
}

html body .pkp_structure_head .jampl-utility-user > .pkp_navigation_user,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper > .pkp_navigation_user {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .pkp_structure_head .jampl-utility-user > .pkp_navigation_user > li,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper > .pkp_navigation_user > li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
}

/* Make Register/Login/account look like the Publisher/Journals links. */
html body .pkp_structure_head .jampl-utility-user > .pkp_navigation_user > li > a,
html body .pkp_structure_head .jampl-utility-user > .pkp_navigation_user > li > a:visited,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper > .pkp_navigation_user > li > a,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper > .pkp_navigation_user > li > a:visited {
  display: inline-block !important;
  color: #07457D !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  padding: 6px 0 !important;
  white-space: nowrap !important;
}

html body .pkp_structure_head .jampl-utility-user > .pkp_navigation_user > li > a:hover,
html body .pkp_structure_head .jampl-utility-user > .pkp_navigation_user > li > a:focus,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper > .pkp_navigation_user > li > a:hover,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper > .pkp_navigation_user > li > a:focus {
  color: #1675DD !important;
  background: transparent !important;
  text-decoration: underline !important;
}

/* Keep the account dropdown usable when the user is signed in. */
html body .pkp_structure_head .jampl-utility-user .pkp_navigation_user ul,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper .pkp_navigation_user ul {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1000 !important;
  min-width: 190px !important;
  margin-top: 6px !important;
  background: #fff !important;
}

html body .pkp_structure_head .jampl-utility-user .pkp_navigation_user ul a,
html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper .pkp_navigation_user ul a {
  color: #07457D !important;
  background: #fff !important;
}

@media (max-width: 767px) {
  html body .pkp_structure_head .jampl-utility-inner {
    gap: 16px !important;
    flex-wrap: wrap !important;
  }
  html body .pkp_structure_head .jampl-utility-user > .pkp_navigation_user,
  html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper > .pkp_navigation_user {
    gap: 16px !important;
    flex-wrap: wrap !important;
  }
  html body .pkp_structure_head .jampl-utility-user > .pkp_navigation_user > li > a,
  html body .pkp_structure_head .jampl-utility-inner > .pkp_navigation_user_wrapper > .pkp_navigation_user > li > a {
    font-size: 13px !important;
  }
}

/* ================================================================
   JAMPL v12 — redesigned Browse Issues sidebar
   ================================================================ */
html body .pkp_structure_sidebar .jampl-browse-issues {
  margin-top: 4px !important;
  background: #fff !important;
  border: 1px solid #dceaf6 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(7, 69, 125, .08) !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues > .title,
html body .pkp_structure_sidebar .jampl-browse-issues > h2.title,
html body .pkp_structure_sidebar .jampl-browse-issues > h3.title {
  margin: 0 !important;
  padding: 11px 16px !important;
  background: linear-gradient(90deg, #1675DD 0%, #2E9FEA 100%) !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .35px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .content {
  padding: 14px !important;
  background: #f8fbfe !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-card {
  position: relative !important;
  margin: 0 0 12px !important;
  padding: 14px 14px 13px 16px !important;
  background: #fff !important;
  border: 1px solid #dceaf6 !important;
  border-left: 4px solid #1675DD !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(7, 69, 125, .06) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-card:hover {
  transform: translateY(-1px) !important;
  border-color: #b9d9f3 !important;
  border-left-color: #07457D !important;
  box-shadow: 0 5px 14px rgba(7, 69, 125, .11) !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-card > * {
  margin-top: 0 !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-card > *:last-child {
  margin-bottom: 0 !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-link {
  display: inline-block !important;
  margin: 0 0 7px !important;
  color: #0b5fc0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-link:hover,
html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-link:focus {
  color: #07457D !important;
  text-decoration: underline !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-card p,
html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-card div,
html body .pkp_structure_sidebar .jampl-browse-issues .jampl-issue-card span {
  color: #334e68 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-all-issues-wrap {
  margin: 3px 0 0 !important;
  padding: 0 !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-all-issues {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
  background: #fff !important;
  border: 1px solid #1675DD !important;
  border-radius: 7px !important;
  color: #0b5fc0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
}

html body .pkp_structure_sidebar .jampl-browse-issues .jampl-all-issues:hover,
html body .pkp_structure_sidebar .jampl-browse-issues .jampl-all-issues:focus {
  background: #1675DD !important;
  color: #fff !important;
  text-decoration: none !important;
}