/*
  Research Loom / JPHFM public OJS theme override
  For OJS 3.4: Settings > Website > Appearance > Advanced > Journal style sheet
*/

@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,600;6..72,700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  --rl-navy: #0e2a3f;
  --rl-navy-deep: #081c2b;
  --rl-teal: #0e6f6b;
  --rl-teal-deep: #0a4f4c;
  --rl-teal-pale: #e7f3f1;
  --rl-ink: #182b36;
  --rl-muted: #5f7079;
  --rl-line: #d8e2e5;
  --rl-paper: #ffffff;
  --rl-background: #f7faf9;
}

/* Base typography */
html,
body,
.pkp_structure_page {
  background: var(--rl-background);
  color: var(--rl-ink);
  font-family: 'Source Sans 3', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.pkp_page_title,
.cmp_breadcrumbs,
.obj_issue_summary .title,
.obj_article_summary .title {
  color: var(--rl-navy);
  font-family: 'Newsreader', Georgia, serif;
}

a { color: var(--rl-teal-deep); }
a:hover, a:focus { color: var(--rl-navy); }

/* Header and primary navigation */
.pkp_structure_head {
  background: var(--rl-paper);
  border-bottom: 1px solid var(--rl-line);
}

.pkp_site_name_wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
}

.pkp_site_name,
.pkp_site_name a {
  color: var(--rl-navy);
  font-family: 'Newsreader', Georgia, serif;
  font-weight: 700;
}

.pkp_site_name .is_img img {
  max-height: 82px;
  width: auto;
}

.pkp_navigation_primary_wrapper {
  background: var(--rl-navy);
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_primary .dropdown-menu a {
  font-family: 'Source Sans 3', Arial, sans-serif;
  font-weight: 600;
}

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

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-expanded="true"],
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  background: var(--rl-teal);
  color: #fff;
}

.pkp_navigation_primary .dropdown-menu {
  border: 1px solid var(--rl-line);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 10px 24px rgba(8, 28, 43, .14);
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
  background: var(--rl-teal-pale);
  color: var(--rl-teal-deep);
}

/* Main content */
.pkp_structure_content {
  background: var(--rl-paper);
}

.pkp_page_index .homepage_image,
.pkp_page_index .homepage_about {
  margin-bottom: 2rem;
}

.pkp_page_index .homepage_about h1,
.pkp_page_index .homepage_about h2 {
  border-left: 4px solid var(--rl-teal);
  padding-left: .75rem;
}

.obj_article_summary,
.obj_issue_summary,
.pkp_block {
  border-color: var(--rl-line);
}

.obj_article_summary {
  padding: 1.25rem 0;
}

.obj_article_summary .title a,
.obj_issue_summary .title a {
  color: var(--rl-navy);
}

.obj_article_summary .title a:hover,
.obj_issue_summary .title a:hover {
  color: var(--rl-teal-deep);
}

.obj_article_summary .meta,
.obj_article_summary .galleys,
.obj_issue_summary .description,
.pkp_block .content {
  color: var(--rl-muted);
}

.pkp_block .title {
  border-bottom: 2px solid var(--rl-teal);
  color: var(--rl-navy);
  font-family: 'Newsreader', Georgia, serif;
}

/* Buttons, forms, and calls to action */
.cmp_button,
.pkp_button,
button,
input[type="submit"],
input[type="button"] {
  background: var(--rl-teal);
  border-color: var(--rl-teal);
  border-radius: 4px;
  color: #fff;
  font-family: 'Source Sans 3', Arial, sans-serif;
  font-weight: 700;
}

.cmp_button:hover,
.cmp_button:focus,
.pkp_button:hover,
.pkp_button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: var(--rl-teal-deep);
  border-color: var(--rl-teal-deep);
  color: #fff;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea {
  border-color: #b9c9ce;
  border-radius: 4px;
  color: var(--rl-ink);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--rl-teal);
  box-shadow: 0 0 0 3px rgba(14, 111, 107, .16);
  outline: 0;
}

/* Breadcrumbs, notices, and footer */
.cmp_breadcrumbs {
  color: var(--rl-muted);
  font-size: .9rem;
}

.cmp_breadcrumbs a { color: var(--rl-teal-deep); }

.cmp_notification,
.pkp_notification {
  border-left-color: var(--rl-teal);
}

.pkp_structure_footer_wrapper {
  background: var(--rl-navy-deep);
  color: #d7e4e8;
}

.pkp_structure_footer_wrapper a { color: #b9dcd7; }
.pkp_structure_footer_wrapper a:hover { color: #fff; }

/* Small screens */
@media (max-width: 768px) {
  .pkp_site_name_wrapper { padding-top: 1rem; padding-bottom: 1rem; }
  .pkp_site_name .is_img img { max-height: 58px; }
  .pkp_navigation_primary_wrapper { background: var(--rl-navy); }
}

/* Health Sciences theme corrections
   This journal uses OJS's Health Sciences theme, whose header markup differs
   from the default OJS selectors above. */

/* Remove the extra header logo and the repeated Register/Login links. */
.main-header .navbar-logo,
.main-header > .container > #userNav {
  display: none;
}

/* Retain one clean, proportional logo in the main navigation. */
.main-header .navbar-brand img {
  max-height: 64px;
  width: auto;
}

/* Header navigation styling. */
.main-header {
  background: var(--rl-paper);
  border-bottom: 1px solid var(--rl-line);
}

.main-header .navbar-nav .nav-link {
  color: var(--rl-navy);
  font-family: 'Source Sans 3', Arial, sans-serif;
  font-weight: 600;
}

.main-header .navbar-nav .nav-link:hover,
.main-header .navbar-nav .nav-link:focus {
  color: var(--rl-teal);
}

/* Homepage banner: responsive dimensions without fixed pixel measurements. */
.homepage-image {
  width: 100%;
  aspect-ratio: 16 / 5;
  overflow: hidden;
  margin-bottom: 2rem;
}

.homepage-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}