/* PenScholar Journals: premium layer for the OJS 3.5 Default theme.
   Upload in Settings > Website > Appearance > Advanced > Journal style sheet.
   Keep the theme colour (Theme tab) equal to --ps-primary below.
   Journal 2 (prss): teal primary, navy accent. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

:root {
  --ps-primary: #376D6A;
  --ps-primary-deep: #1F3F3D;
  --ps-accent: #10233F;
  --ps-gold: #C2A15B;
  --ps-paper: #F6F4EF;
  --ps-ink: #1E2A38;
  --ps-muted: #5B6675;
  --ps-line: #E3DFD5;
  --ps-radius: 10px;
  --ps-shadow: 0 1px 2px rgba(16, 35, 63, .06), 0 8px 24px rgba(16, 35, 63, .06);
}

/* Base */
body { background: var(--ps-paper); color: var(--ps-ink); font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; }
.pkp_structure_page { background: var(--ps-paper); font-family: inherit; }
h1, h2, h3, h4, .page_title, .obj_article_summary .title, .obj_issue_toc .title, .pkp_block .title {
  font-family: 'Newsreader', Georgia, serif; font-weight: 600; letter-spacing: -.01em; color: var(--ps-primary);
}
a { color: var(--ps-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover, a:focus { color: var(--ps-primary); }

/* Header */
.pkp_structure_head {
  background: linear-gradient(135deg, var(--ps-primary) 0%, var(--ps-primary-deep) 100%);
  border-bottom: 3px solid var(--ps-gold);
}
.pkp_site_name_wrapper { padding-top: 14px; }
.pkp_site_name .is_img img {
  max-height: 72px; width: auto; /* prss logo is a transparent light wordmark: no white tile */
}
.pkp_navigation_primary_row { border-top: 1px solid rgba(255, 255, 255, .12); }
.pkp_navigation_primary > li > a {
  font-size: 12px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase;
  padding-left: 0; padding-right: 0; margin-right: 20px;
  color: rgba(255, 255, 255, .88); border-bottom: 2px solid transparent; transition: color .2s, border-color .2s;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus { color: #fff; border-bottom-color: var(--ps-gold); }
.pkp_navigation_primary ul {
  border-radius: 0 0 var(--ps-radius) var(--ps-radius); box-shadow: var(--ps-shadow); border-top: 2px solid var(--ps-gold);
}
.pkp_navigation_primary ul a { font-size: 14px; color: var(--ps-ink); }
.pkp_navigation_primary ul a:hover { color: var(--ps-accent); border-left-color: var(--ps-gold); }
.pkp_navigation_user > li > a, .pkp_navigation_search_wrapper a { color: rgba(255, 255, 255, .85); }

/* Content frame */
.pkp_structure_content { padding-top: 28px; padding-bottom: 40px; }
.pkp_structure_main {
  background: #fff; border: 1px solid var(--ps-line); border-radius: var(--ps-radius); box-shadow: var(--ps-shadow); overflow: hidden;
}
.pkp_structure_main::before, .pkp_structure_main::after { display: none; }
@media (min-width: 992px) {
  .pkp_structure_content.has_sidebar .pkp_structure_main { width: calc(100% - 324px); }
  .pkp_structure_sidebar { margin-left: 24px; }
}

/* Homepage */
.homepage_image img { display: block; width: 100%; height: auto; }
.homepage_about { padding: 28px 32px; border-bottom: 1px solid var(--ps-line); }
.homepage_about h2 { font-size: 24px; margin-top: 0; }
.homepage_about h2::after { content: ''; display: block; width: 44px; height: 2px; margin-top: 10px; background: var(--ps-gold); }
.homepage_about p { font-size: 17px; line-height: 1.65; color: var(--ps-muted); }
.cmp_announcements { border-bottom: 1px solid var(--ps-line); }
.cmp_announcements .obj_announcement_summary { padding: 28px 32px; }
.obj_announcement_summary h2 a, .obj_announcement_summary h3 a { color: var(--ps-primary); text-decoration: none; }
.obj_announcement_summary h2 a:hover, .obj_announcement_summary h3 a:hover { color: var(--ps-accent); }
.cmp_announcements.highlight_first .obj_announcement_summary:first-child { border-left: 4px solid var(--ps-gold); }
.obj_announcement_summary .date { color: var(--ps-muted); font-size: 13px; letter-spacing: .03em; }
.obj_announcement_summary .read_more {
  display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--ps-accent);
}
.additional_content { padding: 24px 32px; color: var(--ps-muted); }

/* Sidebar */
.pkp_structure_sidebar .pkp_block {
  background: #fff; border: 1px solid var(--ps-line); border-radius: var(--ps-radius); box-shadow: var(--ps-shadow);
  padding: 22px 24px; margin-bottom: 20px;
}
.pkp_block .title {
  font-size: 18px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--ps-line); position: relative;
}
.pkp_block .title::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 36px; height: 2px; background: var(--ps-gold); }
.pkp_block .content { font-size: 14px; line-height: 1.7; }
.pkp_block .content strong { color: var(--ps-primary); font-weight: 600; }
.block_information ul li a { display: block; padding: 4px 0; text-decoration: none; }
.block_information ul li a::before { content: '\2192\00a0'; color: var(--ps-gold); }

/* Make a Submission */
.pkp_structure_sidebar .block_make_submission { background: var(--ps-primary); border-color: var(--ps-primary); padding: 22px 24px; }
.block_make_submission a,
.cmp_button, .pkp_button_primary {
  display: block; text-align: center; background: var(--ps-gold); border: 0; border-radius: 6px; color: var(--ps-primary-deep);
  font-weight: 700; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; padding: 14px 16px; box-shadow: none; text-decoration: none;
  transition: transform .15s, background .2s;
}
.block_make_submission a:hover, .block_make_submission a:focus,
.cmp_button:hover, .pkp_button_primary:hover { background: #fff; color: var(--ps-primary); transform: translateY(-1px); }

/* Inner pages */
.page_title { font-size: 32px; }
.pkp_structure_main .page { padding: 32px; }
.page h2 { border-bottom: 1px solid var(--ps-line); padding-bottom: 8px; margin-top: 2em; }
.page ul li { line-height: 1.7; }
.cmp_breadcrumbs { font-size: 13px; color: var(--ps-muted); }

/* Footer */
.pkp_structure_footer_wrapper { background: var(--ps-primary-deep); color: #EFEDE6; border-top: 3px solid var(--ps-gold); }
.pkp_structure_footer_wrapper a { color: #EFEDE6; }
.pkp_structure_footer_wrapper a:hover { color: var(--ps-gold); }
.pkp_footer_content { padding: 36px 32px 20px; font-size: 14px; line-height: 1.7; }
.pkp_brand_footer { opacity: .5; }

/* Phones */
@media (max-width: 991px) {
  .pkp_structure_main { border-radius: 0; border-left: 0; border-right: 0; }
  .homepage_about, .cmp_announcements .obj_announcement_summary, .additional_content, .pkp_structure_main .page { padding: 20px 16px; }
  .pkp_navigation_primary > li > a { text-transform: none; letter-spacing: 0; font-size: 15px; }
}