/* ============================================================================
   IMRJ — International Medical Research Journal
   Custom look & feel stylesheet ("Clinical Editorial")
   ----------------------------------------------------------------------------
   HOW TO APPLY (no theme or template changes required):
     1. Log in as Journal Manager.
     2. Settings → Website → Appearance → Setup.
     3. Upload this file under "Journal Stylesheet".
     4. Save — then clear caches if changes don't appear
        (Settings → Website → (sidebar) Clear Caches, or delete cache/ files).

   WHAT IT DOES:
     Pure CSS restyling of the OJS default theme (3.4 / 3.5) — typography,
     colour, spacing, cards, hover states. No HTML structure is changed and
     every default-theme element stays in place.

   DESIGN LANGUAGE:
     - Clinical teal with pale-yellow editorial highlights
     - Crimson Pro (headings) + Atkinson Hyperlegible (body/UI)
     - Cool paper background, white surfaces, navy/pale-yellow editorial accents
     - 150–250ms transitions; honours prefers-reduced-motion
     - WCAG-AA minded colours and visible focus rings
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Crimson+Pro:wght@400;500;600;700&display=swap');

/* ---------------------------------------------------------------------------
   0. Design tokens
   --------------------------------------------------------------------------- */
:root {
  /* Clinical teal ramp */
  --imrj-green-900: #063a43;  /* deepest — footer, mobile nav overlay  */
  --imrj-green-800: #064e5c;  /* dark — hovers, header base            */
  --imrj-green-700: #0a6170;  /* nav bar, solid buttons                */
  --imrj-green-600: #0e7888;  /* primary brand, links                  */
  --imrj-green-500: #1c95a5;  /* accents, focus rings                  */
  --imrj-green-100: #d8f0f2;  /* tint — pills, hovers on light         */
  --imrj-green-050: #edf8f8;  /* subtle tint — row hovers              */
  --imrj-navy-900: #152a3d;    /* scholarly contrast accent             */
  --imrj-navy-700: #234a66;    /* secondary links, footer detail        */
  --imrj-amber-600: #8a6400;   /* pale-yellow editorial contrast        */
  --imrj-amber-100: #fff6c9;   /* pale-yellow highlight background      */

  /* Neutrals */
  --imrj-ink:   #14272a;      /* headings & primary text               */
  --imrj-body:  #2d4548;      /* body text                             */
  --imrj-muted: #5b7377;      /* secondary text                        */
  --imrj-line:  #d9e8e9;      /* hairline borders                      */
  --imrj-paper: #f5faf9;      /* page background                       */
  --imrj-surface: #ffffff;    /* cards, surfaces                       */

  /* Type */
  --imrj-font-serif: 'Crimson Pro', 'Noto Serif', Georgia, 'Times New Roman', serif;
  --imrj-font-sans: 'Atkinson Hyperlegible', 'Noto Sans', -apple-system, BlinkMacSystemFont,
                    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Elevation & motion */
  --imrj-shadow-soft: 0 1px 2px rgba(6, 65, 74, 0.05), 0 8px 24px rgba(6, 65, 74, 0.06);
  --imrj-shadow-lift: 0 2px 4px rgba(6, 65, 74, 0.07), 0 14px 34px rgba(6, 65, 74, 0.10);
  --imrj-radius: 8px;
  --imrj-ease: cubic-bezier(0.2, 0.6, 0.3, 1);
}

/* ---------------------------------------------------------------------------
   1. Base & typography
   --------------------------------------------------------------------------- */
body {
  font-family: var(--imrj-font-sans);
  color: var(--imrj-body);
  background: var(--imrj-paper);
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.pkp_structure_main {
  color: var(--imrj-body);
}

/* Headings — scholarly serif */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
  font-family: var(--imrj-font-serif);
  color: var(--imrj-ink);
  letter-spacing: -0.01em;
}
.pkp_structure_main h1 { font-size: 1.85rem; line-height: 1.25; }
.pkp_structure_main h2 { font-size: 1.5rem;   line-height: 1.3; }
.pkp_structure_main h3 { font-size: 1.2rem;   line-height: 1.35; }
.pkp_structure_main h4 {
  font-family: var(--imrj-font-sans);
  color: var(--imrj-ink);
}

/* Links */
.pkp_structure_main a,
.pkp_block a,
.cmp_breadcrumbs a {
  color: var(--imrj-green-600);
  text-decoration: none;
  transition: color 160ms var(--imrj-ease), background-color 160ms var(--imrj-ease);
}
.pkp_structure_main a:hover,
.pkp_block a:hover,
.cmp_breadcrumbs a:hover {
  color: var(--imrj-green-800);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

::selection {
  background: var(--imrj-green-100);
  color: var(--imrj-green-900);
}

/* Comfortable, on-brand focus rings */
:focus-visible {
  outline: 2px solid var(--imrj-green-500);
  outline-offset: 2px;
}
.pkp_structure_head :focus-visible,
.pkp_structure_footer_wrapper :focus-visible {
  outline-color: #fff;
}

/* Emphasis inside user-authored content blocks */
.pkp_structure_main strong,
.pkp_block strong {
  color: var(--imrj-ink);
  font-weight: 600;
}

/* ---------------------------------------------------------------------------
   2. Header, banner & navigation
   --------------------------------------------------------------------------- */
.pkp_structure_head {
  background-color: var(--imrj-green-800);
  border-bottom: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 2px 10px rgba(8, 61, 34, 0.25);
}

/* Site banner: the uploaded header logo IS the banner graphic — let it breathe */
.pkp_site_name_wrapper {
  padding-top: 0.5rem;
}
.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: contain;
}

/* Primary menu — left-aligned, generous targets, quiet underline */
.pkp_site_nav_menu {
  background: transparent;
}
.pkp_navigation_primary {
  text-align: left;
  padding: 0.25rem 0 0.5rem;
}
.pkp_navigation_primary > li > a {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 500;
  font-size: 0.95rem;
  margin: 0.25rem 0.1rem 0;
  padding: 0.45rem 0.85rem;
  border-bottom: 2px solid transparent;
  border-radius: 6px 6px 0 0;
  transition: color 160ms var(--imrj-ease), border-color 160ms var(--imrj-ease),
              background-color 160ms var(--imrj-ease);
}
.pkp_navigation_primary > li:first-child a { margin-left: 0; }
.pkp_navigation_primary > li:last-child a  { margin-right: 0; }
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a[aria-current]:not([aria-current="false"]),
.pkp_navigation_primary > li.current > a {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.85);
  outline: 0;
  text-decoration: none;
}
.pkp_navigation_primary > li > a:focus {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  outline: 0;
  border-color: transparent;
}
/* Dropdown panels */
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_primary .dropdown-menu a:hover {
  border-color: var(--imrj-green-500);
}

/* User (log in / register) row */
.pkp_navigation_user a {
  color: rgba(255, 255, 255, 0.85);
  transition: color 160ms var(--imrj-ease);
}
.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus {
  color: #fff;
}
.pkp_navigation_user > li > a:focus {
  outline: 0;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

/* Search trigger */
.pkp_navigation_search_wrapper a,
.pkp_search .fa-search {
  color: rgba(255, 255, 255, 0.85);
  transition: color 160ms var(--imrj-ease);
}
.pkp_navigation_search_wrapper a:hover .fa-search,
.pkp_navigation_search_wrapper a:focus .fa-search {
  color: #fff;
}

/* Mobile nav overlay + hamburger */
.pkp_site_nav_toggle {
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.16), -1px 0 0 rgba(255, 255, 255, 0.16);
}
.pkp_site_nav_menu {
  background: var(--imrj-green-900);
}
.pkp_site_nav_menu a {
  color: rgba(255, 255, 255, 0.92);
}

/* ---------------------------------------------------------------------------
   3. Breadcrumbs
   --------------------------------------------------------------------------- */
.cmp_breadcrumbs ol {
  margin-bottom: 1.75rem;
  color: var(--imrj-muted);
}
.cmp_breadcrumbs .separator,
.cmp_breadcrumbs .current {
  color: var(--imrj-muted);
}
.cmp_breadcrumbs .current h1 {
  font-family: var(--imrj-font-sans);
  font-weight: 500;
}

/* ---------------------------------------------------------------------------
   4. Buttons, galleys & forms
   --------------------------------------------------------------------------- */
.pkp_button,
.pkp_button_link {
  color: var(--imrj-green-700);
  border-color: var(--imrj-line);
  border-radius: 8px;
  font-family: var(--imrj-font-sans);
  transition: color 160ms var(--imrj-ease), border-color 160ms var(--imrj-ease),
              background-color 160ms var(--imrj-ease), box-shadow 160ms var(--imrj-ease);
}
.pkp_button:hover,
.pkp_button:focus,
.pkp_button_link:hover,
.pkp_button_link:focus {
  color: var(--imrj-green-800);
  border-color: var(--imrj-green-500);
  box-shadow: 0 1px 6px rgba(13, 48, 29, 0.12);
}
.pkp_button_primary {
  background: var(--imrj-green-700);
  border-color: var(--imrj-green-700);
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 0 var(--imrj-green-800);
}
.pkp_button_primary:hover,
.pkp_button_primary:focus {
  background: var(--imrj-green-800);
  border-color: var(--imrj-green-800);
  color: #fff;
}

/* PDF / galley pills */
.obj_galley_link {
  display: inline-block;
  padding: 0.2rem 0.9rem 0.2rem 0.8rem;
  background: var(--imrj-green-100);
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--imrj-green-800);
  font-family: var(--imrj-font-sans);
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.7;
  transition: background-color 160ms var(--imrj-ease), color 160ms var(--imrj-ease),
              transform 160ms var(--imrj-ease), box-shadow 160ms var(--imrj-ease);
}
.obj_galley_link:before {
  font-size: 0.9em;
}
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--imrj-green-700);
  border-color: var(--imrj-green-700);
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(11, 93, 51, 0.28);
}
.obj_galley_link:hover:before,
.obj_galley_link:focus:before {
  color: #fff;
}
.obj_galley_link.restricted {
  background: #fdeaf3;
  color: #b00a5e;
  border-color: transparent;
}
.obj_galley_link.restricted:hover,
.obj_galley_link.restricted:focus {
  background: #d00a6c;
  color: #fff;
}
.obj_galley_link_supplementary {
  color: var(--imrj-green-700);
}
.obj_galley_link_supplementary:hover,
.obj_galley_link_supplementary:focus {
  color: var(--imrj-green-800);
}

/* Form controls (search, reviews, submissions) */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
  border: 1px solid var(--imrj-line);
  border-radius: 8px;
  transition: border-color 160ms var(--imrj-ease), box-shadow 160ms var(--imrj-ease);
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--imrj-green-500);
  box-shadow: 0 0 0 3px rgba(23, 137, 78, 0.15);
  outline: none;
}

/* ---------------------------------------------------------------------------
   5. Sidebar blocks
   --------------------------------------------------------------------------- */
.pkp_structure_sidebar .pkp_block {
  background: var(--imrj-surface);
  border: 1px solid var(--imrj-line);
  border-radius: var(--imrj-radius);
  box-shadow: var(--imrj-shadow-soft);
  padding: 1.35rem 1.4rem;
  margin-bottom: 1.25rem;
  transition: box-shadow 200ms var(--imrj-ease), border-color 200ms var(--imrj-ease);
}
.pkp_structure_sidebar .pkp_block:hover {
  border-color: var(--imrj-green-100);
  box-shadow: var(--imrj-shadow-lift);
}

/* Block titles — quiet eyebrow labels */
.pkp_block .title {
  font-family: var(--imrj-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--imrj-green-700);
  padding-bottom: 0.6rem;
  margin-bottom: 0.85rem;
  border-bottom: 1px solid var(--imrj-line);
}

/* Lists inside blocks — soft menu rows (incl. custom "Quick Menus" blocks) */
.pkp_block .content ul li {
  display: block;
  line-height: 1.5;
  padding: 0;
}
.pkp_block .content ul li a {
  display: block;
  padding: 0.45rem 0.65rem;
  margin: 0.1rem -0.65rem;
  border-radius: 7px;
  color: var(--imrj-green-900);
  font-weight: 500;
  font-size: 0.93rem;
}
.pkp_block .content ul li a:hover,
.pkp_block .content ul li a:focus {
  background: var(--imrj-green-050);
  color: var(--imrj-green-700);
  text-decoration: none;
}
.pkp_block .content ul li.current a,
.pkp_block .content ul li.locale_pk a:hover {
  background: var(--imrj-green-050);
  color: var(--imrj-green-700);
}

/* "Make a Submission" call to action */
.pkp_block.block_make_submission {
  background: var(--imrj-green-800);
  border-color: var(--imrj-green-800);
}
.pkp_block.block_make_submission:hover {
  border-color: var(--imrj-green-800);
  box-shadow: 0 10px 26px rgba(8, 61, 34, 0.35);
}
.pkp_block.block_make_submission .content .pkp_button {
  display: block;
  width: 100%;
  text-align: center;
  background: #fff;
  border-color: #fff;
  color: var(--imrj-green-800);
  border-radius: 8px;
  padding: 0.65rem 1rem;
  font-weight: 700;
  box-shadow: none;
  transition: background-color 160ms var(--imrj-ease), transform 160ms var(--imrj-ease);
}
.pkp_block.block_make_submission .content .pkp_button:hover,
.pkp_block.block_make_submission .content .pkp_button:focus {
  background: var(--imrj-green-100);
  border-color: var(--imrj-green-100);
  color: var(--imrj-green-900);
  transform: translateY(-1px);
}

/* Misc user-HTML inside custom blocks (counters, badges, images) */
.pkp_block .content img {
  max-width: 100%;
  height: auto;
}
.pkp_block .content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.pkp_block .content th,
.pkp_block .content td {
  padding: 0.45rem 0.5rem;
  border-bottom: 1px solid var(--imrj-line);
  text-align: left;
  vertical-align: top;
}
.pkp_block .content th {
  font-weight: 600;
  color: var(--imrj-ink);
}

/* ---------------------------------------------------------------------------
   6. Homepage — About, Current Issue, article lists
   --------------------------------------------------------------------------- */

/* Remove the default theme's vertical hairlines around the main column */
.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_main:first-child:last-child:before,
.pkp_structure_main:first-child:last-child:after {
  content: none;
}

/* Section headings — serif with a green accent bar */
.page_index_journal section.homepage_about h2,
.page_index_journal section.current_issue h2,
.cmp_announcements h2 {
  font-size: 1.55rem;
  font-weight: 700;
  color: var(--imrj-ink);
  padding-left: 0.8rem;
  border-left: 4px solid var(--imrj-green-600);
  margin-top: 0;
  margin-bottom: 1.4rem;
}
.page_index_journal section.homepage_about {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}
.page_index_journal section.homepage_about h2 {
  margin-top: 0;
}
.page_index_journal section.homepage_about p:last-child {
  margin-bottom: 0;
}

/* Homepage hero image (if enabled) */
.pkp_page_index .homepage_image img {
  border-radius: var(--imrj-radius);
  box-shadow: var(--imrj-shadow-soft);
}

/* Current issue header block */
.current_issue_title {
  font-weight: 600;
  color: var(--imrj-muted);
  letter-spacing: 0.02em;
}
.obj_issue_toc .cover img {
  border: 1px solid var(--imrj-line);
  border-radius: 8px;
  box-shadow: var(--imrj-shadow-soft);
}
.obj_issue_toc .published .label {
  font-weight: 600;
  color: var(--imrj-muted);
}
.obj_issue_toc .published .value {
  color: var(--imrj-ink);
  font-weight: 600;
}

/* Section groups inside the TOC — clean hairline + eyebrow heading */
.obj_issue_toc .galleys,
.obj_issue_toc .section {
  position: relative;
  margin: 2.75rem 0 0;
  padding: 1.6rem 0 0;
}
.obj_issue_toc .galleys:before,
.obj_issue_toc .section:before {
  content: none;
}
.obj_issue_toc .galleys > h2,
.obj_issue_toc .section > h2,
.obj_issue_toc .galleys > h3,
.obj_issue_toc .section > h3 {
  display: block;
  position: static;
  left: auto;
  background: transparent;
  padding: 0;
  margin: 0 0 1.1rem;
  font-family: var(--imrj-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  line-height: 1.4;
  color: var(--imrj-green-700);
}
.obj_issue_toc .articles,
.obj_issue_toc h2 + .articles,
.obj_issue_toc h3 + .articles {
  margin-top: 0;
}

/* Article list cards */
.cmp_article_list > li {
  margin-bottom: 1rem;
}
.cmp_article_list.articles > li {
  background: var(--imrj-surface);
  border: 1px solid var(--imrj-line);
  border-radius: var(--imrj-radius);
  box-shadow: var(--imrj-shadow-soft);
  padding: 1.25rem 1.5rem;
  transition: border-color 180ms var(--imrj-ease), box-shadow 180ms var(--imrj-ease),
              transform 180ms var(--imrj-ease);
}
.cmp_article_list.articles > li:hover {
  border-color: var(--imrj-green-100);
  box-shadow: var(--imrj-shadow-lift);
  transform: translateY(-2px);
}

/* Article card innards */
.obj_article_summary > .title {
  font-family: var(--imrj-font-serif);
  font-size: 1.08rem;
  line-height: 1.5;
  font-weight: 600;
}
.obj_article_summary > .title a {
  color: var(--imrj-green-900);
  transition: color 160ms var(--imrj-ease);
}
.obj_article_summary > .title a:hover {
  color: var(--imrj-green-600);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.obj_article_summary > .title {
  border-bottom: none;
  margin: 0;
}
.obj_article_summary .subtitle {
  color: var(--imrj-muted);
}
.obj_article_summary .meta {
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--imrj-muted);
}
.obj_article_summary .authors {
  padding-right: 0;
}
.obj_article_summary .pages {
  color: var(--imrj-muted);
}
.obj_article_summary .galleys_links {
  margin-top: 0.85rem;
}
.obj_article_summary .cover img {
  border: 1px solid var(--imrj-line);
  border-radius: 6px;
}

/* "View all issues" link */
.pkp_page_index .current_issue .read_more {
  color: var(--imrj-green-700);
  font-weight: 600;
  transition: color 160ms var(--imrj-ease), gap 160ms var(--imrj-ease);
}
.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue .read_more:focus {
  color: var(--imrj-green-800);
}

/* ---------------------------------------------------------------------------
   7. Announcements
   --------------------------------------------------------------------------- */
.obj_announcement_summary {
  background: var(--imrj-surface);
  border: 1px solid var(--imrj-line);
  border-radius: var(--imrj-radius);
  box-shadow: var(--imrj-shadow-soft);
  padding: 1.25rem 1.5rem;
}
.obj_announcement_summary h3 {
  margin-top: 0;
}
.obj_announcement_summary .read_more {
  color: var(--imrj-green-700);
  font-weight: 600;
}
.obj_announcement_summary .read_more:hover,
.obj_announcement_summary .read_more:focus {
  color: var(--imrj-green-800);
}

/* ---------------------------------------------------------------------------
   8. Additional homepage content (custom blocks: Research Areas, Journal
      Details, etc.) and generic tables in user HTML
   --------------------------------------------------------------------------- */
.pkp_page_index .additional_content {
  border-top: 1px solid var(--imrj-line);
  margin-top: 2.5rem;
  padding-top: 2rem;
}
.pkp_page_index .additional_content h2,
.pkp_page_index .additional_content h3 {
  font-family: var(--imrj-font-serif);
  color: var(--imrj-ink);
}
.additional_content table,
.pkp_structure_main table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  background: var(--imrj-surface);
  border: 1px solid var(--imrj-line);
  border-radius: var(--imrj-radius);
  overflow: hidden;
}
.additional_content th,
.pkp_structure_main th,
.additional_content td,
.pkp_structure_main td {
  padding: 0.65rem 0.9rem;
  border-bottom: 1px solid var(--imrj-line);
  text-align: left;
  vertical-align: top;
}
.additional_content tr:last-child td,
.pkp_structure_main tr:last-child td {
  border-bottom: none;
}
.additional_content th,
.pkp_structure_main th {
  background: var(--imrj-green-050);
  color: var(--imrj-ink);
  font-weight: 600;
}

/* ---------------------------------------------------------------------------
   9. Article landing page & other list pages (site-wide consistency)
   --------------------------------------------------------------------------- */
.obj_article_details > .page_title {
  font-size: 1.85rem;
}
.obj_article_details .main_entry .item > .label,
.obj_article_details .main_entry .sub_item .label {
  font-family: var(--imrj-font-sans);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--imrj-green-700);
}
.obj_article_details .main_entry .item.doi .label,
.obj_article_details .main_entry .item.keywords .label {
  display: inline;
  font-size: 0.8rem;
}
.obj_article_details .item {
  border-bottom: 1px solid var(--imrj-line);
}
.obj_article_details .item:last-child {
  border-bottom: none;
}
.obj_issue_summary {
  background: var(--imrj-surface);
  border: 1px solid var(--imrj-line);
  border-radius: var(--imrj-radius);
  box-shadow: var(--imrj-shadow-soft);
  padding: 1.35rem 1.5rem;
  transition: border-color 180ms var(--imrj-ease), box-shadow 180ms var(--imrj-ease);
}
.obj_issue_summary:hover {
  border-color: var(--imrj-green-100);
  box-shadow: var(--imrj-shadow-lift);
}
.obj_issue_summary .title {
  font-family: var(--imrj-font-serif);
  color: var(--imrj-green-900);
}

/* ---------------------------------------------------------------------------
   10. Footer
   --------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper {
  background: var(--imrj-green-900);
  color: rgba(255, 255, 255, 0.82);
  margin-top: 3rem;
}
.pkp_structure_footer {
  padding-top: 2.75rem;
  padding-bottom: 1.5rem;
}
.pkp_footer_content {
  color: rgba(255, 255, 255, 0.82);
}
.pkp_footer_content h1,
.pkp_footer_content h2,
.pkp_footer_content h3,
.pkp_footer_content h4 {
  font-family: var(--imrj-font-serif);
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0.9rem;
}
.pkp_footer_content a {
  color: var(--imrj-green-100);
  text-decoration: none;
  transition: color 160ms var(--imrj-ease);
}
.pkp_footer_content a:hover,
.pkp_footer_content a:focus {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pkp_footer_content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pkp_footer_content li {
  padding: 0.2rem 0;
}
.pkp_footer_content p {
  line-height: 1.7;
}
.pkp_brand_footer {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  margin-top: 2.25rem;
  padding-top: 1.25rem;
  color: rgba(255, 255, 255, 0.55);
}
.pkp_brand_footer a {
  color: rgba(255, 255, 255, 0.55);
}
.pkp_brand_footer a:hover {
  color: rgba(255, 255, 255, 0.85);
}
.pkp_brand_footer img {
  filter: brightness(0) invert(1);
  opacity: 0.7;
}

/* ---------------------------------------------------------------------------
   11. Responsive refinements
   --------------------------------------------------------------------------- */
@media (max-width: 991px) {
  /* Banner-style logo: move the site name into normal flow so the banner
     sits above the content instead of overlapping it (default theme takes
     it out of flow on small screens for its compact top-bar layout). */
  .pkp_head_wrapper {
    padding-top: 0;
  }
  .pkp_site_name_wrapper {
    height: auto;
    padding-top: 0;
  }
  .pkp_site_name {
    position: static;
    width: auto;
    left: auto;
    right: auto;
    padding: 3rem 0.714rem 0.4rem;
  }
  .pkp_site_name .is_img img {
    max-height: 200px;
  }
}

@media (max-width: 767px) {
  .pkp_site_name .is_img img {
    max-height: 150px;
  }
  .cmp_article_list.articles > li {
    padding: 1.05rem 1.15rem;
  }
  .obj_article_summary .pages {
    position: static;
    line-height: 1.6;
  }
  .page_index_journal section.homepage_about h2,
  .page_index_journal section.current_issue h2,
  .cmp_announcements h2 {
    font-size: 1.3rem;
  }
  .pkp_structure_footer_wrapper {
    margin-top: 2rem;
  }
  /* Let wide user-HTML tables scroll inside their own box instead of
     stretching the page */
  .pkp_structure_main table,
  .pkp_block .content table {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
}

/* ---------------------------------------------------------------------------
   12. Motion preferences
   --------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* ---------------------------------------------------------------------------
   13. Refinement pass — CSS-only editorial polish for the default template
   --------------------------------------------------------------------------- */
html {
  font-size: 16px;
  background: var(--imrj-green-900);
}

body {
  min-width: 0;
  background:
    linear-gradient(90deg, rgba(11, 93, 51, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(168, 111, 16, 0.04), transparent 18rem),
    var(--imrj-paper);
  background-size: 48px 48px, auto, auto;
  font-size: 1rem;
}

.pkp_structure_page {
  background: transparent;
}

.pkp_structure_content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 0;
}

.pkp_structure_main {
  min-width: 0;
  background: transparent;
  font-size: 1rem;
}

.pkp_structure_main p,
.pkp_structure_main li {
  line-height: 1.72;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_block .title,
.obj_article_details .main_entry .item > .label,
.obj_article_details .main_entry .sub_item .label,
.obj_issue_toc .galleys > h2,
.obj_issue_toc .section > h2,
.obj_issue_toc .galleys > h3,
.obj_issue_toc .section > h3,
.current_issue_title {
  letter-spacing: 0;
}

.pkp_structure_main h1,
.obj_article_details > .page_title {
  max-width: 15ch;
  color: var(--imrj-navy-900);
  font-size: clamp(2rem, 3vw, 3.35rem);
  line-height: 0.98;
}

.pkp_structure_main h2 {
  color: var(--imrj-navy-900);
  font-size: clamp(1.55rem, 2vw, 2.1rem);
}

.pkp_structure_main a {
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

.pkp_structure_main a:focus-visible,
.pkp_block a:focus-visible,
.pkp_structure_head a:focus-visible,
.pkp_button:focus-visible,
.obj_galley_link:focus-visible {
  outline: 3px solid rgba(168, 111, 16, 0.55);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(255, 244, 216, 0.95);
}

/* Header keeps the uploaded green artwork as the hero, with a calm white nav. */
.pkp_structure_head {
  background: #fff;
  box-shadow: 0 1px 0 rgba(17, 36, 58, 0.08), 0 12px 34px rgba(17, 36, 58, 0.08);
}

.pkp_head_wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.pkp_site_name_wrapper {
  padding: 0.9rem 0 0.75rem;
}

.pkp_site_name {
  line-height: 0;
}

.pkp_site_name .is_img {
  display: block;
  overflow: hidden;
  border-radius: 0 0 var(--imrj-radius) var(--imrj-radius);
  box-shadow: 0 18px 40px rgba(8, 61, 34, 0.18);
}

.pkp_site_name .is_img img {
  max-height: none;
}

.pkp_site_nav_menu {
  background: #fff;
  border-top: 1px solid rgba(17, 36, 58, 0.08);
}

.pkp_navigation_primary_row {
  background: transparent;
}

.pkp_navigation_primary_wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.pkp_navigation_primary {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem 0.35rem;
  padding: 0.65rem 0;
}

.pkp_navigation_primary > li > a,
.pkp_site_nav_menu a,
.pkp_navigation_search_wrapper a,
.pkp_navigation_user a {
  color: var(--imrj-green-800);
}

.pkp_navigation_primary > li > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.94rem;
  font-weight: 700;
  padding: 0.55rem 0.85rem;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-current]:not([aria-current="false"]),
.pkp_navigation_primary > li.current > a {
  background: var(--imrj-green-050);
  border-color: var(--imrj-green-100);
  color: var(--imrj-green-900);
  text-decoration: none;
}

.pkp_navigation_search_wrapper a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--imrj-navy-700);
  font-weight: 700;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
  background: var(--imrj-green-050);
  border-color: var(--imrj-green-100);
  color: var(--imrj-green-900);
  text-decoration: none;
}

.pkp_search .fa-search,
.pkp_navigation_search_wrapper a:hover .fa-search,
.pkp_navigation_search_wrapper a:focus .fa-search {
  color: currentColor;
}

.pkp_navigation_user_wrapper {
  color: var(--imrj-muted);
}

.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus {
  color: var(--imrj-green-900);
}

.page_index_journal section.homepage_about {
  max-width: 72ch;
  padding: 0 0 2.25rem;
}

.page_index_journal section.homepage_about p,
.pkp_page_index .additional_content p {
  color: var(--imrj-body);
  font-size: 1.02rem;
}

.page_index_journal section.homepage_about h2,
.page_index_journal section.current_issue h2,
.cmp_announcements h2 {
  position: relative;
  border-left: 0;
  padding-left: 0;
  margin-bottom: 1.2rem;
}

.page_index_journal section.homepage_about h2:after,
.page_index_journal section.current_issue h2:after,
.cmp_announcements h2:after {
  content: "";
  display: block;
  width: 5.5rem;
  height: 4px;
  margin-top: 0.65rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--imrj-green-600), var(--imrj-amber-600));
}

.current_issue {
  margin-top: 0.5rem;
}

.current_issue_title {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--imrj-line);
  border-radius: 999px;
  background: #fff;
  color: var(--imrj-navy-700);
  font-size: 0.93rem;
  font-weight: 700;
}

.obj_issue_toc {
  margin-top: 1rem;
  padding: 1.3rem;
  border: 1px solid var(--imrj-line);
  border-radius: var(--imrj-radius);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--imrj-shadow-soft);
}

.obj_issue_toc .heading {
  display: flex;
  align-items: flex-start;
  gap: 1.35rem;
  min-height: 9.5rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid var(--imrj-line);
}

.obj_issue_toc .cover {
  flex: 0 0 7.25rem;
}

.obj_issue_toc .cover img {
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 18px 34px rgba(17, 36, 58, 0.14);
}

.obj_issue_toc .published {
  margin-top: 0.45rem;
  padding: 0.75rem 0.9rem;
  border-left: 4px solid var(--imrj-amber-600);
  background: var(--imrj-amber-100);
  border-radius: 0 var(--imrj-radius) var(--imrj-radius) 0;
}

.obj_issue_toc .section {
  margin-top: 1.35rem;
  padding-top: 1.25rem;
}

.obj_issue_toc .section + .section {
  border-top: 1px solid var(--imrj-line);
}

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
  color: var(--imrj-navy-700);
  font-size: 0.92rem;
  text-transform: none;
}

.cmp_article_list.articles {
  display: grid;
  gap: 0.9rem;
}

.cmp_article_list.articles > li {
  position: relative;
  margin-bottom: 0;
  padding: 1.1rem 1.2rem 1.05rem 1.35rem;
  border-radius: var(--imrj-radius);
  box-shadow: none;
}

.cmp_article_list.articles > li:before {
  content: "";
  position: absolute;
  inset: 1rem auto 1rem 0;
  width: 4px;
  border-radius: 999px;
  background: var(--imrj-green-600);
}

.cmp_article_list.articles > li:hover,
.cmp_article_list.articles > li:focus-within {
  border-color: var(--imrj-green-100);
  box-shadow: var(--imrj-shadow-soft);
  transform: translateY(-1px);
}

.obj_article_summary > .title {
  max-width: 64ch;
  font-size: clamp(1.05rem, 1.3vw, 1.22rem);
  line-height: 1.35;
}

.obj_article_summary > .title a {
  color: var(--imrj-navy-900);
}

.obj_article_summary > .title a:hover,
.obj_article_summary > .title a:focus {
  color: var(--imrj-green-700);
}

.obj_article_summary .meta {
  max-width: 76ch;
  margin-top: 0.45rem;
  color: var(--imrj-muted);
  font-size: 0.95rem;
}

.obj_article_summary .galleys_links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.obj_galley_link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border-color: var(--imrj-green-100);
  background: var(--imrj-green-050);
  color: var(--imrj-green-800);
}

.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--imrj-green-800);
  border-color: var(--imrj-green-800);
}

.pkp_page_index .current_issue .read_more {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-top: 1.2rem;
  padding: 0.55rem 0.95rem;
  border: 1px solid var(--imrj-line);
  border-radius: 999px;
  background: #fff;
}

.pkp_page_index .current_issue .read_more:before,
.pkp_page_index .current_issue .read_more:after {
  content: none !important;
  display: none !important;
}

.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue .read_more:focus {
  background: var(--imrj-green-050);
  text-decoration: none;
}


.pkp_structure_sidebar {
  min-width: 0;
}

.pkp_structure_sidebar .pkp_block {
  border-radius: var(--imrj-radius);
  background: rgba(255, 255, 255, 0.94);
}

.pkp_block .title {
  color: var(--imrj-navy-700);
  font-size: 0.88rem;
  text-transform: none;
}

.pkp_block.block_custom .content ul {
  display: grid;
  gap: 0.2rem;
  margin: 0;
  padding: 0;
}

.pkp_block.block_custom .content {
  font-size: 0.95rem;
}

.pkp_block.block_custom .content p {
  margin: 0;
}

.pkp_block.block_custom .content a,
.pkp_block.block_custom .content ul li a {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0.4rem 0.55rem;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--imrj-green-800);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.3;
}

.pkp_block.block_custom .content a:hover,
.pkp_block.block_custom .content a:focus,
.pkp_block.block_custom .content ul li a:hover,
.pkp_block.block_custom .content ul li a:focus {
  background: var(--imrj-green-050);
  border-color: var(--imrj-green-100);
  color: var(--imrj-green-900);
  text-decoration: none;
}

.imrj-explore {
  display: grid;
  gap: 0.6rem;
}

.imrj-explore__group {
  display: grid;
  gap: 0.1rem;
}

.imrj-explore__heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--imrj-navy-700);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.imrj-explore__icon {
  width: 1.15rem;
  height: 1.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid var(--imrj-green-100);
  border-radius: 999px;
  background: var(--imrj-green-050);
  color: var(--imrj-green-700);
}

.imrj-explore__icon svg {
  width: 0.74rem;
  height: 0.74rem;
  display: block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.imrj-explore__links {
  display: grid;
  gap: 0.05rem;
  margin: 0;
  padding: 0 0 0 1.62rem;
}

.pkp_block.block_custom .content .imrj-explore__links a {
  min-height: 32px;
  padding: 0.28rem 0.45rem;
  color: var(--imrj-green-800);
  font-size: 0.86rem;
  font-weight: 600;
}

@media (max-width: 991px) {
  .pkp_block.block_custom .content .imrj-explore__links a {
    min-height: 44px;
  }
}

.pkp_block.block_information .content ul li a {
  min-height: 38px;
  display: flex;
  align-items: center;
}

.pkp_block.block_make_submission {
  background: linear-gradient(135deg, var(--imrj-green-800), var(--imrj-navy-900));
}

.pkp_block.block_make_submission .content .pkp_button {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pkp_page_index .additional_content {
  display: grid;
  gap: 0.9rem;
  padding-top: 2rem;
}

.pkp_page_index .additional_content h3 {
  margin: 1rem 0 0;
  padding: 1rem 1.1rem 0;
  border-top: 1px solid var(--imrj-line);
  color: var(--imrj-navy-700);
  font-size: 1.35rem;
}

.pkp_page_index .additional_content h3 + p,
.pkp_page_index .additional_content table {
  margin-top: -0.9rem;
  padding: 0 1.1rem 1rem;
  border-left: 4px solid var(--imrj-green-600);
  background: rgba(255, 255, 255, 0.72);
}

.pkp_page_index .additional_content table {
  display: table;
  padding: 0;
  overflow: hidden;
}

.additional_content td:first-child,
.pkp_structure_main td:first-child {
  color: var(--imrj-navy-900);
}

.pkp_structure_footer_wrapper {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
    var(--imrj-green-900);
}

.pkp_structure_footer {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.pkp_footer_content {
  columns: 3 15rem;
  column-gap: 3rem;
}

.pkp_footer_content h1,
.pkp_footer_content h2,
.pkp_footer_content h3,
.pkp_footer_content h4,
.pkp_footer_content p,
.pkp_footer_content ul {
  break-inside: avoid;
}

.pkp_footer_content h3 {
  color: var(--imrj-green-100);
}

/* Keep the homepage focused on current content; About remains in navigation. */
.page_index_journal section.homepage_about {
  display: none;
}

.page_index_journal {
  display: flex;
  flex-direction: column;
}

.page_index_journal .additional_content {
  order: -1;
}

.pkp_brand_footer {
  display: none;
}

@media (min-width: 992px) {
  .pkp_structure_content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 17.5rem !important;
    gap: 2rem;
    align-items: start;
  }

  .pkp_structure_main,
  .pkp_structure_sidebar {
    float: none !important;
    clear: none !important;
    position: relative;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .pkp_structure_sidebar {
    padding: 0;
  }

  .pkp_structure_main {
    grid-column: 1 !important;
    grid-row: 1;
    padding: 0 !important;
  }

  .pkp_structure_sidebar {
    grid-column: 2 !important;
    grid-row: 1;
  }
}

@media (max-width: 991px) {
  .pkp_head_wrapper {
    padding: 0;
  }

  .pkp_site_name_wrapper {
    padding: 0;
  }

  .pkp_site_name {
    padding: 3.25rem 0 0;
  }

  .pkp_site_name .is_img {
    border-radius: 0;
    box-shadow: none;
  }

  .pkp_site_nav_toggle {
    background: var(--imrj-green-900);
    color: #fff;
  }

  .pkp_site_nav_menu {
    background: var(--imrj-green-900);
  }

  .pkp_site_nav_menu a,
  .pkp_navigation_primary > li > a,
  .pkp_navigation_search_wrapper a,
  .pkp_navigation_user a {
    color: #fff;
  }

  .pkp_navigation_primary_wrapper {
    display: block;
  }

  .pkp_navigation_primary {
    display: block;
    padding: 0.5rem 1rem 1rem;
  }

  .pkp_navigation_primary > li > a {
    width: 100%;
    border-radius: 6px;
  }

  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus,
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus {
    background: rgba(255, 255, 255, 0.13);
    border-color: transparent;
    color: #fff;
  }

  .pkp_navigation_search_wrapper {
    padding: 0 1rem 1rem;
  }

  .pkp_navigation_search_wrapper a {
    width: 100%;
    border-radius: 6px;
  }

  .pkp_structure_content {
    padding-top: 1.5rem;
  }

  .obj_issue_toc .heading {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .pkp_structure_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .obj_issue_toc {
    padding: 1rem;
  }

  .obj_issue_toc .heading {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 1rem;
  }

  .obj_issue_toc .cover {
    flex-basis: auto;
  }

  .obj_issue_toc .published {
    margin-top: 0;
  }

  .cmp_article_list.articles > li {
    padding: 1rem 1rem 1rem 1.15rem;
  }

  .obj_article_summary .meta {
    font-size: 0.96rem;
  }

  .pkp_footer_content {
    columns: auto;
  }
}

/* =========================================================
   MAKE A SUBMISSION — FINAL OVERRIDE
   ========================================================= */

.pkp_block.block_make_submission {
  background: #cf2529 !important;
  border: 1px solid #cf2529 !important;
  border-radius: 8px !important;
}

/* Inner Make a Submission button */
.pkp_block.block_make_submission .content .pkp_button {
  width: 100% !important;
  min-height: 67px !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #002147 !important;
  border: 1px solid #002147 !important;
  border-radius: 8px !important;

  color: #ffd43b !important;

  font-family: var(--imrj-font-sans) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;

  padding: 0.65rem 1rem !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Hover */
.pkp_block.block_make_submission .content .pkp_button:hover,
.pkp_block.block_make_submission .content .pkp_button:focus {
  background: #002147 !important;
  border-color: #002147 !important;
  color: #ffd43b !important;
  text-decoration: none !important;
}

/* =========================================================
   MAKE A SUBMISSION — MATCH REVIEWER BUTTONS EXACTLY
   ========================================================= */

/* RED OUTER BOX */
.pkp_block.block_make_submission {
    background: #cf2529 !important;
    border: 1px solid #cf2529 !important;
    border-radius: 12px !important;
    padding: 1.35rem 1.4rem !important;
    text-align: center !important;
}

/* CENTER THE CONTENT */
.pkp_block.block_make_submission .content {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* MAKE SUBMISSION BUTTON */
.pkp_block.block_make_submission .content a,
.pkp_block.block_make_submission .content .pkp_button,
.pkp_block.block_make_submission .content .pkp_button_primary {
    width: 350px !important;
    max-width: 100% !important;
    height: 67px !important;
    min-height: 67px !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto !important;
    padding: 0 20px !important;

    background: #002147 !important;
    background-image: none !important;

    border: 1px solid #002147 !important;
    border-radius: 8px !important;

    color: #ffd43b !important;

    font-family: var(--imrj-font-sans) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow: none !important;
}

/* HOVER */
.pkp_block.block_make_submission .content a:hover,
.pkp_block.block_make_submission .content .pkp_button:hover,
.pkp_block.block_make_submission .content .pkp_button_primary:hover {
    background: #002147 !important;
    background-image: none !important;
    border-color: #002147 !important;
    color: #ffd43b !important;
    text-decoration: none !important;
}

/* FOCUS */
.pkp_block.block_make_submission .content a:focus,
.pkp_block.block_make_submission .content .pkp_button:focus,
.pkp_block.block_make_submission .content .pkp_button_primary:focus {
    background: #002147 !important;
    border-color: #002147 !important;
    color: #ffd43b !important;
    text-decoration: none !important;
}

/* =========================================================
   MAKE A SUBMISSION — MATCH REVIEWER BUTTONS
   ========================================================= */

.pkp_block.block_make_submission .content a,
.pkp_block.block_make_submission .content .pkp_button,
.pkp_block.block_make_submission .content .pkp_button_primary {
    width: 350px !important;
    height: 45px !important;
    min-height: 45px !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto !important;
    padding: 0 20px !important;

    background: #002147 !important;
    background-image: none !important;
    border: 1px solid #002147 !important;
    border-radius: 8px !important;

    /* Match Reviewer buttons */
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 200 !important;
    line-height: 1.2 !important;

    color: #ffd43b !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: none !important;
}

/* Keep the same appearance on hover */
.pkp_block.block_make_submission .content a:hover,
.pkp_block.block_make_submission .content .pkp_button:hover,
.pkp_block.block_make_submission .content .pkp_button_primary:hover {
    background: #002147 !important;
    background-image: none !important;
    border-color: #002147 !important;
    color: #ffd43b !important;
    text-decoration: none !important;
}