/* ==========================================================================
   MJTUM – custom stylesheet for OJS 3.5 (Default theme)
   Brand colours: orange #d89837, green #097b3e
   ========================================================================== */

:root {
  --mjtum-orange: #d89837;
  --mjtum-green:  #097b3e;
}

/* --------------------------------------------------------------------------
   One font for the whole site: Montserrat (the font .current_issue_title uses).
   The theme's typography setting puts body text in Noto Serif and headings in
   Montserrat, and the page footer content has inline "gabriola" styles.
   These rules override both. Icon fonts (FontAwesome) and code are left alone.
   -------------------------------------------------------------------------- */
html, body, input, select, textarea, button {
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
body *:not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(pre):not(code):not(kbd):not(samp) {
  font-family: inherit !important;
}

/* --------------------------------------------------------------------------
   Header banner
   Uses the real logo <img> (set in Journal Settings > Appearance) and scales
   it to the full header width, keeping its proportions at every screen size.
   -------------------------------------------------------------------------- */
.pkp_structure_head,
.pkp_site_nav_menu {
  background: var(--mjtum-orange) !important;
  border-bottom: none !important;
}

/* Banner fills the header edge to edge, starting at the very top */
.pkp_head_wrapper {
  padding: 0 !important;
}

.pkp_site_name_wrapper {
  background: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.pkp_site_name_wrapper .pkp_site_name {
  position: static !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  white-space: normal;
}

.pkp_site_name .is_img {
  display: block !important;
  width: 100%;
  margin: 0 !important;
  line-height: 0;
}

.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

/* --------------------------------------------------------------------------
   Phones & tablets (below the theme's 992px desktop breakpoint)
   The menu button sits over the banner's top-right corner on an orange
   tile, so it stays visible and doesn't cover the journal logo.
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
  .pkp_site_nav_toggle {
    top: 6px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 10;
    background: var(--mjtum-orange) !important;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
  }
  .pkp_site_nav_toggle,
  .pkp_site_nav_toggle span,
  .pkp_site_nav_toggle:before,
  .pkp_site_nav_toggle:after {
    color: #fff !important;
  }

  /* Opened mobile menu: white text on orange, green hover accent */
  .pkp_site_nav_menu a,
  .pkp_navigation_user > li > a,
  .pkp_navigation_user_wrapper a,
  .pkp_navigation_search_wrapper a {
    color: #fff !important;
  }
  .pkp_site_nav_menu a:hover,
  .pkp_site_nav_menu a:focus {
    color: #fff !important;
    text-decoration: underline;
  }
  .pkp_navigation_primary_wrapper #navigationPrimary ul {
    background: transparent !important;
  }
}

/* --------------------------------------------------------------------------
   Desktop (992px and up)
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
  /* Register / Login float over the banner's top-right corner,
     each as its own orange button so they stay readable */
  .pkp_navigation_user_wrapper {
    width: auto !important;     /* theme fixes it at 290px */
    top: 10px !important;
    right: 43px !important;     /* right edge lines up with the "SEARCH" link text */
    left: auto !important;
    padding: 0 !important;
    z-index: 10;
    background: transparent !important;
  }
  .pkp_navigation_user > li {
    display: inline-block !important;
    margin-left: 8px !important;
  }
  .pkp_navigation_user > li > a {
    display: inline-block !important;
    margin: 0 !important;       /* theme adds a -10px right margin */
    padding: 4px 12px !important;
    color: #fff !important;
    background: var(--mjtum-orange) !important;
    border-radius: 4px;
    border-bottom: none !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
  }
  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus {
    color: #fff !important;
    background: var(--mjtum-green) !important;
  }
  /* Dropdown under the user menu has a white background */
  .pkp_navigation_user_wrapper ul ul a {
    color: #333 !important;
  }
  .pkp_navigation_user_wrapper ul ul a:hover,
  .pkp_navigation_user_wrapper ul ul a:focus {
    color: var(--mjtum-orange) !important;
    border-color: var(--mjtum-green);
  }

  .pkp_navigation_primary_row {
    background: var(--mjtum-orange);
    padding-left: 2.143rem;
    padding-right: 2.143rem;
  }
  .pkp_navigation_search_wrapper a,
  #navigationPrimary a,
  .pkp_site_nav_menu a:hover {
    color: #fff !important;
  }
  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus,
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus {
    color: #fff;
    border-color: var(--mjtum-green);
  }
  .pkp_navigation_primary_wrapper #navigationPrimary ul {
    background: var(--mjtum-orange) !important;
  }
}

/* --------------------------------------------------------------------------
   Buttons, blocks, headings
   -------------------------------------------------------------------------- */
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
  background: var(--mjtum-green) !important;
}

.pkp_block .title,
.pkp_page_index .current_issue h2 {
  border-bottom: 3px solid var(--mjtum-orange) !important;
}

.cmp_article_list .title a,
.pkp_page_index .current_issue h2 {
  color: #000 !important;
}

/* Images inside content never overflow on small screens */
.pkp_structure_main img,
.pkp_structure_sidebar img {
  max-width: 100%;
  height: auto;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.pkp_brand_footer {
  display: none;
}
.pkp_structure_footer_wrapper {
  border-bottom: 1.43rem solid var(--mjtum-orange);
}