/* ==========================================================================
   IJPCSR - original stylesheet
   Design: black and white, serif headings, ruled panels, outlined buttons.
   Works with the standard OJS 3.5 Default Theme markup.

   TO CHANGE THE LOOK: edit only the colours and fonts in the block below.
   ========================================================================== */

:root {
  --ink: #111111;            /* main text */
  --ink-soft: #555555;       /* secondary text */
  --accent: #000000;         /* header, buttons, rules - change this to re-colour the site */
  --accent-hover: #3b3b3b;   /* hover colour for buttons and links */
  --link: #0b57a4;           /* colour of clickable links */
  --link-hover: #073b73;     /* link colour on hover */
  --paper: #ffffff;          /* page and card background */
  --page: #f4f4f1;           /* area outside the page */
  --panel: #f8f8f6;          /* side panel background */
  --line: #dcdcd6;           /* thin borders */
  --heading-font: Georgia, "Times New Roman", serif;
  --body-font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   1. Base
   -------------------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--page) !important;
  color: var(--ink) !important;
  font-family: var(--body-font) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  overflow-x: hidden !important;
}

a {
  color: var(--link) !important;
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--link-hover) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

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

h1,
h2,
h3,
h4 {
  font-family: var(--heading-font) !important;
  color: var(--ink);
  line-height: 1.3 !important;
}

/* --------------------------------------------------------------------------
   2. Page frame and two-column layout
   -------------------------------------------------------------------------- */
.pkp_structure_page {
  width: 100% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
  background: var(--paper) !important;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.12) !important;
  border: none !important;
  overflow-x: hidden !important;
}

.pkp_structure_content {
  width: 100% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.pkp_structure_content::after {
  content: "";
  display: table;
  clear: both;
}

.pkp_structure_main::before,
.pkp_structure_main::after {
  display: none !important;
}

@media (min-width: 992px) {
  .pkp_structure_main {
    float: left !important;
    width: 860px !important;
    padding: 0 30px 80px !important;
  }
  .pkp_structure_sidebar {
    float: right !important;
    width: 300px !important;
    padding: 0 !important;
    border-left: 1px solid var(--line) !important;
  }
  .pkp_structure_sidebar::before {
    display: none !important;
  }
  .pkp_structure_main:first-child:last-child {
    float: none !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 2rem auto 0 !important;
  }
}

@media (max-width: 991px) {
  .pkp_structure_main,
  .pkp_structure_sidebar {
    float: none !important;
    width: 100% !important;
    padding: 16px !important;
  }
  .pkp_structure_sidebar {
    border-top: 2px solid var(--line) !important;
  }
  .pkp_structure_sidebar::before {
    display: none !important;
  }
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
  margin: 22px 0 14px !important;
}

.pkp_structure_main p {
  margin: 10px 0 !important;
  line-height: 1.7 !important;
  text-align: justify !important;
}

/* Homepage: intro and metadata first, then the current issue */
.page_index_journal {
  display: flex !important;
  flex-direction: column !important;
}

.page_index_journal > .additional_content {
  order: 1 !important;
  margin-top: 15px !important;
}

.page_index_journal > .cmp_announcements {
  order: 2 !important;
}

.page_index_journal > .current_issue {
  order: 3 !important;
}

/* --------------------------------------------------------------------------
   3. Header, banner and navigation
   -------------------------------------------------------------------------- */
#headerNavigationContainer,
.pkp_structure_head {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  background-color: var(--accent) !important;
  border-bottom: 3px double rgba(255, 255, 255, 0.55) !important;
}

.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
  position: relative !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

@media (min-width: 992px) {
  #headerNavigationContainer,
  .pkp_structure_head {
    min-height: 207px !important;
  }
  .pkp_head_wrapper,
  .has_site_logo .pkp_head_wrapper {
    max-width: 1160px !important;
  }

  /* Top bar with Register / Login */
  .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    z-index: 10 !important;
    width: 100% !important;
    height: 33px !important;
    padding: 0 15px !important;
    transform: none !important;
    background: #000000 !important;
  }
  .pkp_navigation_user_wrapper .pkp_navigation_user {
    width: auto !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  .pkp_navigation_user_wrapper a {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
  }

  /* Banner image */
  .pkp_site_name_wrapper {
    position: relative !important;
    height: 130px !important;
    min-height: 130px !important;
    margin: 33px 0 0 0 !important;
    padding: 0 !important;
    background: var(--accent) !important;
    aspect-ratio: auto !important;
  }
  .pkp_site_name {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .pkp_site_name .is_img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  .pkp_site_name .is_img img {
    display: block !important;
    width: 1160px !important;
    max-width: 100% !important;
    height: 130px !important;
    max-height: 130px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  /* Main menu */
  .pkp_site_nav_menu {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--accent) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .pkp_navigation_primary_row {
    height: 44px !important;
    margin: 0 !important;
    padding: 0 2rem !important;
    background: var(--accent) !important;
  }
  .pkp_navigation_primary_wrapper {
    width: auto !important;
  }
  #navigationPrimary a {
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
  }
  #navigationPrimary > li > a {
    margin: 0.4rem 0.2rem 0 !important;
    padding: 8px 6px 6px !important;
    line-height: 20px !important;
    border-bottom: 3px solid transparent !important;
  }
  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus {
    color: #ffffff !important;
    background: transparent !important;
    border-bottom-color: #ffffff !important;
    text-decoration: none !important;
  }
  #navigationPrimary ul {
    background: var(--accent) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  }
  #navigationPrimary ul a {
    padding: 8px 16px !important;
    font-size: 13px !important;
  }
  #navigationPrimary ul a:hover,
  #navigationPrimary ul a:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
  }
}

@media (max-width: 991px) {
  #headerNavigationContainer,
  .pkp_structure_head {
    height: auto !important;
    min-height: auto !important;
  }
  .pkp_site_name_wrapper {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--accent) !important;
    aspect-ratio: auto !important;
  }
  .pkp_site_nav_toggle {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    z-index: 20 !important;
    background: var(--accent) !important;
    border: none !important;
  }
  .pkp_site_name {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    flex: 1 1 auto !important;
    width: calc(100% - 44px) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .pkp_site_name .is_img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  .pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }
  .pkp_site_nav_menu {
    padding: 12px 16px !important;
    background: var(--accent) !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
  .pkp_site_nav_menu a,
  #navigationPrimary a,
  .pkp_navigation_user a {
    color: #ffffff !important;
    font-weight: 600 !important;
  }
  .pkp_site_nav_menu ul {
    background: var(--accent) !important;
  }
}

/* Search link in the menu */
.pkp_search_desktop,
.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
  padding-bottom: 0.7rem !important;
  border-bottom: none !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
}

/* Logged-in user menu (Dashboard / View Profile / Logout) */
.pkp_navigation_user_wrapper ul ul,
.pkp_navigation_user ul {
  background: #000000 !important;
  border: 1px solid #333333 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.pkp_navigation_user_wrapper ul ul a,
.pkp_navigation_user ul a {
  color: #ffffff !important;
  background: transparent !important;
}

.pkp_navigation_user_wrapper ul ul a:hover,
.pkp_navigation_user_wrapper ul ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
  color: #ffffff !important;
  background: #333333 !important;
}

/* --------------------------------------------------------------------------
   4. Section headings: small caps label with a short rule underneath
   -------------------------------------------------------------------------- */
.pkp_page_index .current_issue h2,
.page_index_journal .current_issue > h2,
.page_issue .sections > .section > h2,
.obj_issue_toc > .galleys h2,
.obj_issue_toc .section h2,
.obj_issue_toc .section h3,
.pkp_block .title,
.obj_article_details .main_entry .label {
  position: relative !important;
  display: inline-block !important;
  top: auto !important;
  left: auto !important;
  margin: 24px 0 16px !important;
  padding: 0 0 10px !important;
  border: none !important;
  background: transparent !important;
  color: var(--ink-soft) !important;
  font-family: var(--body-font) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
}

.pkp_page_index .current_issue h2::after,
.page_index_journal .current_issue > h2::after,
.page_issue .sections > .section > h2::after,
.obj_issue_toc > .galleys h2::after,
.obj_issue_toc .section h2::after,
.obj_issue_toc .section h3::after,
.pkp_block .title::after,
.obj_article_details .main_entry .label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--accent);
}

.obj_issue_toc > .galleys,
.obj_issue_toc .section {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.obj_issue_toc > .galleys::before,
.obj_issue_toc .section::before {
  display: none !important;
}

/* Links inside text are always underlined so they are easy to spot */
.pkp_structure_main p a,
.additional_content a,
.obj_article_details .main_entry a,
.page_index_journal .additional_content li a {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* --------------------------------------------------------------------------
   5. Sidebar
   -------------------------------------------------------------------------- */
.pkp_block {
  margin: 0 !important;
  padding: 20px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.pkp_block .content {
  padding: 0 !important;
}

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

.pkp_block .content li {
  padding: 7px 0 !important;
  border-bottom: 1px solid var(--line) !important;
}

/* Make a Submission button */
.cmp_manuscript_button,
.block_make_submission a,
.block_make_submission .content a.block_make_submission_link,
a.block_make_submission_link {
  display: block !important;
  width: 80% !important;
  max-width: 240px !important;
  margin: 10px auto !important;
  padding: 10px 16px !important;
  background: var(--accent) !important;
  color: #ffffff !important;
  border: 2px solid var(--accent) !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

.cmp_manuscript_button:hover,
.cmp_manuscript_button:focus,
.block_make_submission a:hover,
.block_make_submission a:focus,
.block_make_submission .content a.block_make_submission_link:hover,
a.block_make_submission_link:hover {
  background: #ffffff !important;
  color: var(--accent) !important;
  text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   6. Homepage information table
   -------------------------------------------------------------------------- */
.additional_content {
  width: 100% !important;
  margin-bottom: 25px !important;
  border-top: none !important;
  overflow-x: auto !important;
}

.additional_content table {
  width: 99% !important;
  margin-bottom: 20px !important;
  border-collapse: collapse !important;
  border: 1px solid #999999 !important;
  background: var(--paper) !important;
}

.additional_content table td {
  padding: 10px 14px !important;
  border: 1px solid #999999 !important;
  vertical-align: top !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.additional_content table td p {
  margin: 6px 0 !important;
  text-align: left !important;
}

@media (max-width: 767px) {
  .additional_content table,
  .additional_content table tbody,
  .additional_content table tr,
  .additional_content table td {
    display: block !important;
    width: 100% !important;
  }
  .additional_content table td + td {
    border-top: none !important;
  }
}

/* --------------------------------------------------------------------------
   7. Article lists and buttons (outlined, fill on hover)
   -------------------------------------------------------------------------- */
.cmp_article_list > li {
  margin-bottom: 2rem !important;
  list-style: none !important;
}

.obj_article_summary {
  margin: 0 0 24px !important;
  padding: 0 0 18px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.obj_article_summary .title,
.obj_article_summary h3.title,
.obj_article_summary h4.title {
  margin: 0 0 4px !important;
  border: none !important;
  font-family: var(--heading-font) !important;
  font-size: 1.05rem !important;
  line-height: 1.4 !important;
}

.obj_article_summary .title a {
  color: var(--link) !important;
  font-weight: 700 !important;
}

.obj_article_summary .title a:hover {
  color: var(--link-hover) !important;
  text-decoration: underline !important;
}

.obj_article_summary .galleys_links {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 8px !important;
  margin: 0.7rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.obj_galley_link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  background: var(--accent) !important;
  color: #ffffff !important;
  border: 2px solid var(--accent) !important;
  border-radius: 0 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  line-height: 28px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

.obj_galley_link:hover,
.obj_galley_link:focus {
  background: #ffffff !important;
  color: var(--accent) !important;
  text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   8. Archive page: issue cards in an aligned grid, whole card clickable
   -------------------------------------------------------------------------- */
.page_issue_archive .issues_archive {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 16px !important;
  margin: 20px 0 30px !important;
  padding: 0 !important;
  border-top: none !important;
  list-style: none !important;
}

.page_issue_archive .issues_archive > li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.obj_issue_summary {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  float: none !important;
  width: 100% !important;
  min-height: 100px !important;
  margin: 0 !important;
  padding: 18px !important;
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-top: 4px solid var(--accent) !important;
  border-radius: 0 !important;
  text-align: left !important;
  transition: box-shadow 0.15s ease, transform 0.15s ease !important;
}

.obj_issue_summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.14) !important;
}

.obj_issue_summary h2 {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

.obj_issue_summary .title {
  color: var(--ink) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.obj_issue_summary .title::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.obj_issue_summary .series {
  margin-top: 4px !important;
  font-family: var(--body-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--ink-soft) !important;
}

.obj_issue_summary .description {
  display: none !important;
}

/* --------------------------------------------------------------------------
   9. Article page: ruled side panels and downloads graph
   -------------------------------------------------------------------------- */
.obj_article_details .entry_details .item:not(.galleys):not(.cover_image) {
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: 0 4px 4px 0 !important;
  overflow: hidden !important;
}

.obj_article_details .entry_details .item:not(.galleys):not(.cover_image) .label,
.obj_article_details .entry_details .item:not(.galleys):not(.cover_image) h2,
.obj_article_details .entry_details .item:not(.galleys):not(.cover_image) h3 {
  display: block !important;
  margin: 0 !important;
  padding: 12px 16px 0 !important;
  background: transparent !important;
  border: none !important;
  color: var(--ink) !important;
  font-family: var(--body-font) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.7px !important;
  text-transform: uppercase !important;
}

.obj_article_details .entry_details .item:not(.galleys):not(.cover_image) .label::after,
.obj_article_details .entry_details .item:not(.galleys):not(.cover_image) h2::after,
.obj_article_details .entry_details .item:not(.galleys):not(.cover_image) h3::after {
  display: none !important;
}

.obj_article_details .entry_details .item:not(.galleys):not(.cover_image) .value {
  margin: 0 !important;
  padding: 4px 16px 14px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  word-break: break-word !important;
}

.obj_article_details .entry_details .item .sub_item + .sub_item {
  border-top: 1px solid var(--line) !important;
}

.obj_article_details .entry_details .item .citation_display {
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* "More Citation Formats": plain button with ONE down arrow (drawn in CSS) */
html body .citation_display .citation_formats .citation_formats_button,
html body .citation_display button.citation_formats_button,
html body button.citation_formats_button,
html body button[aria-controls="cslCitationFormats"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 40px 10px 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  font-family: var(--body-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-variant: normal !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

html body .citation_display .citation_formats .citation_formats_button:hover,
html body .citation_display button.citation_formats_button:hover,
html body button.citation_formats_button:hover,
html body button[aria-controls="cslCitationFormats"]:hover,
html body .citation_display .citation_formats .citation_formats_button:focus,
html body .citation_display button.citation_formats_button:focus,
html body button.citation_formats_button:focus,
html body button[aria-controls="cslCitationFormats"]:focus {
  background: #ffffff !important;
  color: #111111 !important;
  text-transform: none !important;
}

/* the arrow: a small triangle pointing down */
html body .citation_display .citation_formats .citation_formats_button::after,
html body .citation_display button.citation_formats_button::after,
html body button.citation_formats_button::after,
html body button[aria-controls="cslCitationFormats"]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  width: 0 !important;
  height: 0 !important;
  margin: -3px 0 0 0 !important;
  font: normal 0/0 sans-serif !important;
  transform: none !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 7px solid #111111 !important;
  border-bottom: 0 !important;
}

/* the arrow points up while the list is open */
html body .citation_display .citation_formats .citation_formats_button[aria-expanded="true"]::after,
html body .citation_display button.citation_formats_button[aria-expanded="true"]::after,
html body button.citation_formats_button[aria-expanded="true"]::after,
html body button[aria-controls="cslCitationFormats"][aria-expanded="true"]::after {
  content: "" !important;
  margin-top: -4px !important;
  border-top: 0 !important;
  border-bottom: 7px solid #111111 !important;
}

.citation_display .citation_formats_list {
  background: #ffffff !important;
}

/* PDF and download buttons stacked in the right column */
.obj_article_details .entry_details .galleys_links {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 210px !important;
  gap: 8px !important;
  margin: 10px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.obj_article_details .entry_details .galleys_links li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.obj_article_details .entry_details .galleys_links .obj_galley_link {
  display: flex !important;
  width: 100% !important;
  max-width: 190px !important;
  height: auto !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  line-height: 1.4 !important;
}

/* Downloads graph */
.obj_article_details .main_entry .item.downloads_chart {
  margin: 24px 30px !important;
  padding: 0 !important;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: 0 4px 4px 0 !important;
  overflow: hidden !important;
}

.obj_article_details .main_entry .item.downloads_chart > .label {
  margin: 0 !important;
  padding: 12px 16px 0 !important;
}

.obj_article_details .main_entry .item.downloads_chart > .label::after {
  display: none !important;
}

.obj_article_details .main_entry .item.downloads_chart > .value {
  margin: 0 !important;
  padding: 8px 16px 14px !important;
}

/* --------------------------------------------------------------------------
   10. Footer
   -------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  clear: both !important;
  width: 100% !important;
  padding: 14px 15px !important;
  background: var(--accent) !important;
  color: #ffffff !important;
  border-top: none !important;
  text-align: center !important;
}

.pkp_footer_content {
  padding: 1rem !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  line-height: 1.8 !important;
}

.pkp_footer_content a {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.pkp_footer_content a:hover {
  text-decoration: underline !important;
}

.pkp_brand_footer {
  display: none !important;
}