/* EcoLead Journal — Academic Blue | OJS Bootstrap 3 custom stylesheet */
/* Upload through Settings > Website > Appearance > Advanced > Journal Style Sheet. */
:root { --ec-navy:#06172f; --ec-blue:#0b4385; --ec-light:#f3f7fc; --ec-text:#243247; --ec-border:#dfe7f2; }
body { background:var(--ec-light); color:var(--ec-text); font-family:Arial,Helvetica,sans-serif; line-height:1.65; }
a { color:var(--ec-blue); }
a:hover, a:focus { color:#062b63; }
/* Limit header rules to avoid repositioning the navigation or logo */
.pkp_structure_head, .pkp_head_wrapper, header[role="banner"] { background-color:var(--ec-navy); }
.pkp_site_name a, .pkp_site_name a:hover { color:#fff; }
.pkp_site_name img, .pkp_site_name_wrapper img { max-width:100%; height:auto; object-fit:contain; }
/* Larger journal logo in Bootstrap 3 navigation; keep its aspect ratio. */
#headerNavigationContainer .navbar-header .site-name { margin:0; }
#headerNavigationContainer .navbar-header .navbar-brand-logo img {
  display:block;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain;
}
@media (min-width:768px) {
  #headerNavigationContainer .navbar-header .navbar-brand-logo {
    height:100px !important;
    padding:5px 15px !important;
  }
  #headerNavigationContainer .navbar-header .navbar-brand-logo img {
    height:90px !important;
    max-height:90px !important;
  }
  /* Align the primary links with the enlarged logo. */
  #headerNavigationContainer #main-navigation > li > a {
    padding-top:40px;
    padding-bottom:40px;
  }
}
@media (max-width:767px) {
  #headerNavigationContainer .navbar-header .navbar-brand-logo {
    height:76px !important;
    max-width:calc(100% - 85px);
    padding:6px 15px !important;
  }
  #headerNavigationContainer .navbar-header .navbar-brand-logo img {
    height:64px !important;
    max-height:64px !important;
  }
  #headerNavigationContainer .navbar-toggle {
    margin-top:21px;
    margin-bottom:21px;
  }
}
/* Navigation: colours only; retain original Bootstrap layout and dropdown behavior */
.navbar, .navbar-default, .pkp_navigation_primary_wrapper { background-color:var(--ec-blue); border-color:var(--ec-blue); }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand { color:#fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { background:#073365; color:#fff; }
.navbar-default .navbar-toggle { border-color:#bdd1e9; }
.navbar-default .navbar-toggle .icon-bar { background:#fff; }
.navbar-default .navbar-collapse { border-color:#315c91; }
/* Main area and section typography */
.pkp_structure_main, main[role="main"], .page_index_journal { min-width:0; }
.page_index_journal h2, .page_issue h2, .current_issue h2, .obj_issue_toc h2,
.pkp_structure_main h1, .pkp_structure_main h2 { color:var(--ec-navy); overflow-wrap:anywhere; }
/* Current issue: adapt to standard OJS + Bootstrap 3 markup */
.current_issue, .obj_issue_toc, .page_issue .sections, .issue-toc { background:#fff; border:1px solid var(--ec-border); border-radius:8px; padding:20px; margin-bottom:22px; }
.current_issue img, .obj_issue_toc img, .issue-toc img, .obj_article_summary img { max-width:100%; height:auto; }
.obj_article_summary, .article-summary, .issue-toc .article, .obj_issue_toc .articles > li,
.current_issue .articles > li { background:#fff; border-bottom:1px solid var(--ec-border); padding:15px 8px; margin-bottom:0; overflow-wrap:anywhere; }
.obj_article_summary:last-child, .article-summary:last-child, .obj_issue_toc .articles > li:last-child { border-bottom:0; }
.obj_article_summary .title, .obj_article_summary .title a, .article-summary .title a { color:var(--ec-blue); font-weight:700; text-decoration:none; }
.obj_article_summary .authors, .obj_article_summary .pages, .article-summary .authors { color:#59697c; }
.obj_article_summary .galleys a, .obj_galley_link, .article-summary .galley-link { display:inline-block; max-width:100%; white-space:normal; overflow-wrap:anywhere; border:1px solid #b8cee8; border-radius:4px; padding:5px 12px; color:var(--ec-blue); background:#f7faff; text-decoration:none; }
.obj_article_summary .galleys a:hover, .obj_galley_link:hover { background:#e9f2ff; }
/* Sidebars and footer */
.pkp_structure_sidebar .pkp_block, .pkp_block { overflow-wrap:anywhere; }
.pkp_structure_foot, footer[role="contentinfo"] { background:var(--ec-navy); color:#eef4ff; }
.pkp_structure_foot a, footer[role="contentinfo"] a { color:#d4e5ff; }
/* Keep large issue covers and long metadata from widening the page */
img, iframe { max-width:100%; }
@media (max-width:767px) {
  .current_issue, .obj_issue_toc, .page_issue .sections, .issue-toc { padding:12px; }
  .obj_article_summary, .article-summary { padding:12px 4px; }
  .navbar-default .navbar-nav > li > a { color:#fff; }
}