/* MASRAB brand layer on the OJS Default theme (base colour #ffffff) */
:root {
  --masrab-navy: #002060;
  --masrab-teal: #005880;
  --masrab-gold: #D09018;
}

/* Header: white with a navy bar under the menu, gold accent line */
.pkp_structure_head {
  background: #fff;
  border-bottom: 0;
}
.pkp_site_name .is_img img {
  width: auto;
  max-width: 100%;
  max-height: 40px;
}
@media (min-width: 992px) {
  .pkp_site_name .is_img img {
    max-height: 110px;
  }
}
.pkp_navigation_primary_row {
  background: var(--masrab-navy);
  /* full-bleed bar: the row sits inside the centred header container */
  box-shadow: 0 0 0 100vmax var(--masrab-navy), 0 3px 0 100vmax var(--masrab-gold);
  clip-path: inset(0 -100vmax -3px);
}
.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper a {
  color: #fff;
  font-weight: 600;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
  color: #fff;
  border-color: var(--masrab-gold);
}
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:hover {
  color: var(--masrab-navy);
}

/* Homepage feature image (full MASRAB / JTA mark) */
.page_index_journal .homepage_image img {
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 28px auto 8px;
}

/* Content */
.pkp_structure_main a,
.pkp_structure_sidebar a {
  color: var(--masrab-teal);
}
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.page h1 {
  color: var(--masrab-navy);
}
.pkp_structure_main h3 {
  border-bottom: 2px solid var(--masrab-gold);
  padding-bottom: 0.25em;
}
.cmp_button,
.pkp_button,
.cmp_manuscript_button,
.block_make_submission a {
  background: var(--masrab-navy);
  border-color: var(--masrab-navy);
  color: #fff;
}
.cmp_button:hover,
.pkp_button:hover,
.cmp_manuscript_button:hover,
.block_make_submission a:hover {
  background: var(--masrab-teal);
  border-color: var(--masrab-teal);
  color: #fff;
}

/* Footer */
.pkp_structure_footer_wrapper {
  background: #f4f6fa;
  border-top: 4px solid var(--masrab-navy);
}