/* MCFNS custom CSS for OJS 3.5 — replicate legacy mcfns.com. Loads last.
   Original palette (mcfns.com vanilla/sitestyle.css): page #eee, header #e6e6e6,
   navbar #aba(=#aabbaa), main/columns #e6e6e6, link hover red. */

body { background-color:#eeeeee !important; }

/* ===== Header (centered banner) ===== */
.pkp_structure_head { background-color:#e6e6e6 !important; border-bottom:1px solid #999 !important; }
.pkp_site_name_wrapper, .pkp_site_name { text-align:center !important; left:auto !important; right:auto !important; width:100% !important; }
.pkp_site_name .is_img { float:none !important; display:inline-block !important; }
.pkp_site_name .is_img img { margin:0 auto !important; max-width:100%; height:auto; display:block; }

/* ===== Nav bar (grey-green like original #navbar) ===== */
.pkp_navigation_primary_wrapper, .pkp_navigation_primary_row, .pkp_site_nav_menu { background:#aabbaa !important; }
.pkp_structure_head a, .pkp_structure_head .is_text, .pkp_site_name, .pkp_site_name a,
.pkp_site_nav_menu a, .pkp_navigation_primary > li > a, .pkp_navigation_user > li > a { color:#1a1a1a !important; }
.pkp_structure_head a:hover, .pkp_structure_head a:focus, .pkp_site_nav_menu a:hover { color:#aa0000 !important; }

/* ===== Homepage "Thinker" image ===== */
.homepage_image img, img[src*="homepageImage"] { max-width:341px !important; width:auto !important; height:auto !important; display:block; margin:.5rem auto 1.5rem auto; }

/* ===== 3-column layout + original #e6e6e6 shading ===== */
.pkp_structure_content { max-width:1200px; margin-left:auto; margin-right:auto; background-color:#e6e6e6 !important; }
@media (min-width: 992px) {
  .pkp_structure_content { display:flex !important; align-items:flex-start; }
  .pkp_structure_content:before, .pkp_structure_content:after { content:none !important; display:none !important; }
  .pkp_structure_sidebar.left  { order:1; flex:0 0 270px; width:270px !important; margin-right:26px !important; }
  .pkp_structure_main          { order:2; flex:1 1 auto; min-width:0; width:auto !important; float:none !important; }
  .pkp_structure_main:before, .pkp_structure_main:after { display:none !important; }
  .pkp_structure_sidebar.right { order:3; flex:0 0 220px; width:220px !important; margin-left:26px !important; }
  .pkp_structure_sidebar { float:none !important; }
}

/* ===== Classic block styling ===== */
.pkp_structure_sidebar .pkp_block { margin:0 0 1.4rem 0; font-size:.85rem; }
.pkp_structure_sidebar .pkp_block > .title, .pkp_structure_sidebar .pkp_block > h2, .pkp_structure_sidebar .pkp_block > h3 { background:#d4d4d4; padding:.3rem .45rem !important; border-bottom:2px solid #aaa !important; font-size:.9rem !important; font-weight:700; margin:0 0 .5rem 0; }
.pkp_structure_sidebar .pkp_block ul { list-style:none; margin:0; padding:0; }
.pkp_structure_sidebar .pkp_block li { margin:.15rem 0; }
.kwcloud { line-height:1.7; } .kwcloud a { display:inline; margin:0 .4rem .1rem 0; }
.lang-dropdown { width:100%; max-width:100%; box-sizing:border-box; padding:.3rem; }
.pkp_block.block_custom .custom_search input[type=text] { width:100%; box-sizing:border-box; padding:.3rem; margin-bottom:.35rem; }
.pkp_block.block_custom .custom_search button, .pkp_block.block_custom .content button { padding:.2rem .7rem; cursor:pointer; }
.pkp_block.block_custom .content ul { list-style:none; margin:.4rem 0 0; padding:0; } .pkp_block.block_custom .content li { margin:.2rem 0; }

/* ===== Center column ===== */
.page_index_journal .homepage_journal_title { font-size:1.5rem; font-weight:700; line-height:1.25; margin:0 0 .7rem 0; }
.page_index_journal .homepage_mission { margin:0 0 1.1rem 0; } .page_index_journal .homepage_mission p { margin:0 0 .8rem 0; line-height:1.6; }
.page_index_journal .additional_content { text-align:center; font-size:.9rem; margin:.4rem 0 1.6rem 0; } .page_index_journal .additional_content p { margin:.3rem 0; }
.current_issue .obj_article_summary { padding:.45rem 0 !important; margin:0 !important; border-bottom:1px solid #ccc; }
.current_issue .obj_issue_toc .title { margin:0 !important; }
.current_issue .obj_issue_toc h3, .current_issue .section h2, .current_issue .obj_issue_toc .heading { margin:1rem 0 .35rem 0 !important; }
.current_issue .obj_article_summary .authors { margin:.1rem 0 !important; }
.current_issue .obj_article_summary .galleys, .current_issue .obj_article_summary .galleys_links { margin:.15rem 0 0 0 !important; }

/* ===== CENTERNAV-V1: primary nav relocated to top of center column ===== */
.pkp_site_nav_toggle { display:none !important; }
.center_nav { background:#aabbaa !important; margin:0 0 1.2rem 0; padding:.4rem .7rem; }
.center_nav .pkp_navigation_primary { list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; flex-wrap:wrap; gap:.1rem 1.1rem; }
.center_nav .pkp_navigation_primary > li { display:inline-block; position:static; float:none; }
.center_nav .pkp_navigation_primary > li > a { color:#1a1a1a !important; text-decoration:none; font-weight:600; font-size:.9rem; padding:.15rem 0; display:inline-block; }
.center_nav .pkp_navigation_primary > li > a:hover { color:#aa0000 !important; }
.center_nav .pkp_navigation_primary ul { display:none !important; }

/* ===== FONTS-V2: original Verdana body + Georgia headings + UPPERCASE nav/block titles + tight 2-line nav ===== */
body, p, li, a, td, th, dl, dd, dt, label, input, select, textarea, button, blockquote,
.pkp_structure_main, .pkp_structure_sidebar, .center_nav, .pkp_site_name, .pkp_navigation_primary,
.pkp_block, .homepage_mission, .additional_content, .current_issue { font-family: Verdana, Arial, Helvetica, sans-serif !important; }
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3,
.homepage_journal_title, .current_issue .current_issue_title,
.obj_article_summary .title, .obj_article_details h1.title { font-family: Georgia, "Times New Roman", Times, serif !important; }
/* nav links UPPERCASE + tight spacing so 11 links fit two lines */
.center_nav .pkp_navigation_primary { gap:.3rem .5rem !important; }
.center_nav .pkp_navigation_primary > li { margin:0 !important; padding:0 !important; }
.center_nav .pkp_navigation_primary > li > a { text-transform:uppercase !important; letter-spacing:.03em; font-weight:700; padding:.1rem 0 !important; margin:0 !important; }
/* block titles UPPERCASE like the original */
.pkp_structure_sidebar .pkp_block > .title, .pkp_structure_sidebar .pkp_block > h2, .pkp_structure_sidebar .pkp_block > h3 { text-transform:uppercase !important; letter-spacing:.02em; }

/* ===== FONTS-V3: tighten nav spacing so all 11 links fit two lines (font size unchanged) ===== */
.center_nav { padding:.4rem .4rem !important; }
.center_nav .pkp_navigation_primary { gap:.25rem .3rem !important; }
.center_nav .pkp_navigation_primary > li > a { letter-spacing:normal !important; padding:.1rem .15rem !important; }

/* ===== FONTS-V4: the real fix — theme caps .pkp_navigation_primary at max-width:80%, forcing early wrap ===== */
.center_nav .pkp_navigation_primary { max-width:100% !important; width:100% !important; display:flex !important; flex-wrap:wrap !important; }

/* ===== FONTS-V5: tighten nav vertical line spacing to ~font size (remove row gap) ===== */
.center_nav .pkp_navigation_primary { gap:0 .4rem !important; line-height:1.05 !important; align-items:flex-start; }
.center_nav .pkp_navigation_primary > li > a { line-height:1.05 !important; padding-top:.05rem !important; padding-bottom:.05rem !important; }

/* ===== SPACING-V6: un-bold nav, Thinker image spacing, tighter blocks ===== */
.center_nav .pkp_navigation_primary > li > a { font-weight:normal !important; }
.homepage_image img, img[src*="homepageImage"] { margin:3rem auto .4rem auto !important; }
.page_index_journal .additional_content { margin:.3rem 0 1rem 0 !important; }
.pkp_structure_sidebar .pkp_block { margin:0 0 .55rem 0 !important; }
.pkp_structure_sidebar .pkp_block > .title, .pkp_structure_sidebar .pkp_block > h2, .pkp_structure_sidebar .pkp_block > h3 { margin:0 0 .25rem 0 !important; }
.pkp_structure_sidebar .pkp_block ul { margin:.1rem 0 0 0 !important; padding:0 !important; }
.pkp_structure_sidebar .pkp_block li { margin:.02rem 0 !important; line-height:1.3 !important; padding:0 !important; }
.pkp_structure_sidebar .pkp_block .content { line-height:1.3 !important; }
.pkp_block.block_custom .content li { margin:.02rem 0 !important; }
.pkp_block.block_custom .content ul { margin:.1rem 0 0 0 !important; }

/* ===== GRAY-V7: middle column slightly darker than the sides (original: #body=#eee, #main=#e6e6e6) ===== */
.pkp_structure_content { background-color:#eeeeee !important; }
.pkp_structure_sidebar { background:transparent !important; }
.pkp_structure_main { background-color:#e6e6e6 !important; }

/* ===== PEN-V8: hide all frontend manager edit shortcuts (About/Announcements/etc.), v2-style ===== */
.cmp_edit_link { display:none !important; }
body.mcfnsShowEdit .cmp_edit_link { display:inline-block !important; }
/* MCFNS v3 design 2026-10-24 begin */
/* Shared palette; parchment.png lives beside this journal stylesheet. */
:root {
  --mcfns-emerald: #0f3b2d; /* lightened from #082a20 (24 Oct) */
  --mcfns-banner: #000000;
  --mcfns-side: #d6ebe0;       /* light emerald for side-panel menus (24 Oct) */
  --mcfns-side-text: #0f3b2d;
  --mcfns-parchment: #eadbb6;
}

/* Full-width header, including the default theme's inner wrappers. */
.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_site_name a {
  background: var(--mcfns-banner) !important;
}
.pkp_structure_head { border-bottom-color: var(--mcfns-banner) !important; }
.pkp_structure_head a,
.pkp_structure_head .is_text { color: var(--mcfns-parchment) !important; }
/* The uploaded raster is 2x; keep the original logical banner dimensions. */
.pkp_site_name .is_img img[src*="pageHeaderLogoImage"] {
  width: 699px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important; /* Override the default theme's 80px cap. */
}
/* Let the narrow-screen header contain the proportional logo in normal flow. */
@media (max-width: 991px) {
  .pkp_structure_head .pkp_site_name_wrapper { height: auto; }
  .pkp_structure_head .pkp_site_name { position: relative; }
}

/* Preserve the existing Verdana size, uppercase treatment, spacing and wrap. */
nav.center_nav,
nav.center_nav #navigationPrimary { background: var(--mcfns-emerald) !important; }
nav.center_nav #navigationPrimary > li > a,
nav.center_nav #navigationPrimary > li > a:hover,
nav.center_nav #navigationPrimary > li > a:focus {
  color: var(--mcfns-parchment) !important;
  background-color: var(--mcfns-emerald) !important;
  border-color: transparent !important;
  text-decoration-color: var(--mcfns-parchment) !important;
}
/* A failed texture request still paints solid parchment through the clip. */
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  nav.center_nav #navigationPrimary > li > a,
  nav.center_nav #navigationPrimary > li > a:hover,
  nav.center_nav #navigationPrimary > li > a:focus {
    background-color: var(--mcfns-parchment) !important;
    background-image: url("parchment.png") !important;
    background-repeat: repeat !important;
    background-size: 128px 128px !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
  }
}
/* No primary-menu current-page marker exists in any of the supplied HTML. */
nav.center_nav #navigationPrimary > li > a:hover,
nav.center_nav #navigationPrimary > li > a:focus {
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
nav.center_nav #navigationPrimary > li > a:focus-visible {
  outline: 1px solid var(--mcfns-parchment);
  outline-offset: 2px;
}

/* Surface-only changes retain all original sidebar rectangle dimensions. */
.pkp_structure_sidebar .pkp_block > .title,
.pkp_structure_sidebar .pkp_block > h2,
.pkp_structure_sidebar .pkp_block > h3,
.pkp_structure_sidebar .block_make_submission_link,
.pkp_structure_sidebar button,
.pkp_structure_sidebar input[type="submit"],
.pkp_structure_sidebar input[type="button"],
.pkp_structure_sidebar .cmp_button {
  background: var(--mcfns-side) !important;
  color: var(--mcfns-side-text) !important;
  border-color: #b9d9c8 !important;
  text-shadow: none !important;
}
.pkp_structure_sidebar .pkp_block > .title a,
.pkp_structure_sidebar .pkp_block > h2 a,
.pkp_structure_sidebar .pkp_block > h3 a,
.pkp_structure_sidebar .block_make_submission_link a,
a.block_make_submission_link { color: var(--mcfns-side-text) !important; }
.pkp_structure_sidebar button:hover,
.pkp_structure_sidebar .block_make_submission_link:hover,
a.block_make_submission_link:hover { text-decoration: underline !important; }

/* OJS 3.5 equivalents of the OJS 2 house typography: CSS only. */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main h5,
.pkp_structure_main h6,
.homepage_journal_title,
.current_issue .current_issue_title,
.obj_issue_summary .title,
.obj_article_summary .title,
.obj_article_details h1.page_title {
  font-family: Georgia, "Times New Roman", Times, serif !important;
}
.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_summary .subtitle,
.obj_article_details .page_title,
.obj_article_details .subtitle {
  text-transform: uppercase !important;
  font-style: normal !important;
}
.obj_article_summary .authors,
.obj_article_details .authors .name {
  font-style: italic !important;
  text-transform: none !important;
}
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.obj_issue_toc .section > h4 {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em;
}
.obj_article_summary .pages,
.obj_article_summary .galleys_links,
.obj_article_details .item.pages,
.obj_article_details .item.pages *,
.obj_galley_link {
  font-style: normal !important;
  text-transform: none !important;
}
@media (forced-colors: active) {
  nav.center_nav #navigationPrimary > li > a {
    background-image: none !important;
    -webkit-text-fill-color: LinkText;
    color: LinkText !important;
  }
}
/* R5 follow-up (deploy check 2026-10-24): TOC section titles bold and dark, as on live */
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.page_issue .obj_issue_toc .section > h2 { font-weight: bold !important; color: #1a1a1a !important; }
/* v2 (24 Oct): the Forest Thinker fills the centre column. */
.page_index_journal .homepage_image img { width: 100% !important; max-width: 100% !important; height: auto !important; }
.page_index_journal .homepage_image { text-align: center; }
/* 24 Oct: caption closer to the Thinker image; more room above the "… Mission" title. */
.page_index_journal .homepage_image img { margin-bottom: 4px !important; }
.page_index_journal .thinker_caption { margin-top: 0 !important; padding-top: 6px !important; }
.page_index_journal .homepage_journal_title { margin-top: 26px !important; }
/* 24 Oct, font consistency: Verdana everywhere (block titles were Noto Serif); one sidebar size
   (= the top menu, .9rem) and one main-column body size (.93rem). rem keeps the Font Size block working;
   keyword-cloud links keep their inline sizes. */
.pkp_structure_page, .pkp_structure_page *:not(.fa):not([class^="fa-"]):not([class*=" fa-"]),
.pkp_structure_sidebar, .pkp_structure_sidebar *,
.pkp_navigation_primary_wrapper, .pkp_navigation_primary_wrapper * {
  font-family: Georgia, "Times New Roman", Times, serif !important;
}
.pkp_structure_sidebar .pkp_block .title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em;
  line-height: 1.4 !important;
}
/* 24 Oct (Chris), TYPE SCALE: ONE text size (.9rem, = the top menu) for everything in the page body -
   menu, both side panes (titles, links, keyword list), captions, mission, announcements, TOC, article pages.
   Only headings differ: h1 1.3rem, h2 1.1rem; TOC section titles and the issue title stay at text size, bold.
   rem keeps the Font Size block (A- A A+) working.
   26 Oct (Chris): the Keywords cloud keeps its own per-keyword sizes (inline rem, by frequency). */
.pkp_structure_content.pkp_structure_content *:not(h1):not(h2):not(h3):not(h4):not(.kwcloud a),
.pkp_structure_content.pkp_structure_content .pkp_structure_sidebar :is(h2, h3, h4),
.pkp_structure_content.pkp_structure_content .pkp_structure_main :is(h3, h4),
.pkp_structure_content.pkp_structure_content .pkp_structure_main :is(h2.label, .obj_issue_toc .section > h2),
.pkp_structure_footer_wrapper.pkp_structure_footer_wrapper * {
  font-size: 1rem !important;
}
.pkp_structure_content.pkp_structure_content .pkp_structure_main h1,
.pkp_structure_content.pkp_structure_content .pkp_structure_main .page_title {
  font-size: 1.4rem !important;
  line-height: 1.3 !important;
}
.pkp_structure_content.pkp_structure_content .pkp_structure_main h2:not(.label):not(.pkp_screen_reader) {
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
}
.pkp_structure_content.pkp_structure_content .pkp_structure_main :is(.obj_issue_toc .section > h2, .obj_issue_toc .section > h3, .current_issue_title, h2.label) {
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .02em !important;
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  left: 0 !important;
}
.pkp_structure_content.pkp_structure_content .pkp_structure_sidebar .pkp_block .title { line-height: 1.4 !important; }
.pkp_structure_content.pkp_structure_content .pkp_structure_sidebar .pkp_block .content,
.pkp_structure_content.pkp_structure_content .pkp_structure_sidebar .pkp_block .content * { line-height: 1.5 !important; }
.pkp_structure_content .obj_galley_link { background: transparent !important; }
/* Issue-page TOC section titles (h2) match the home-page TOC section titles (h3): text size, bold. */
.pkp_structure_content.pkp_structure_content .pkp_structure_main .obj_issue_toc .section > h2:not(.label) { font-size: 1rem !important; }
/* 24 Oct (Chris): every link outside the top menu in one blue and one weight, in every state;
   underline only on hover/focus. The top menu keeps its parchment rules. */
.pkp_structure_content a:not(#navigationPrimary a),
.pkp_structure_content a:not(#navigationPrimary a):visited,
.pkp_structure_footer_wrapper a,
.pkp_structure_content .pkp_structure_sidebar a.block_make_submission_link {
  color: #0050a0 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
.pkp_structure_content a:not(#navigationPrimary a) :is(strong, b, span, em, i:not(.fa)),
.pkp_structure_footer_wrapper a :is(strong, b, span) {
  color: inherit !important;
  font-weight: inherit !important;
}
.pkp_structure_content a:not(#navigationPrimary a):hover,
.pkp_structure_content a:not(#navigationPrimary a):focus,
.pkp_structure_footer_wrapper a:hover,
.pkp_structure_content .pkp_structure_sidebar a.block_make_submission_link:hover {
  text-decoration: underline !important;
}
.pkp_structure_content .obj_galley_link:hover,
.pkp_structure_content .obj_galley_link:focus { background: transparent !important; }
/* A selected (highlighted) menu word stays parchment-coloured instead of turning blue. */
nav.center_nav #navigationPrimary a::selection { background: rgba(234, 219, 182, .35); }
/* 24 Oct (Chris): no text outline; body text black (see below), links #0050a0. */
/* 24 Oct (Chris): centre the banner over the Forest Thinker. The banner's visible content sits 4.72 % of the
   image width left of the image centre; at >= 992px the centre column sits 25px right of the page centre
   (left pane 270+26px, right pane 220+26px). */
.pkp_structure_head .pkp_site_name img { transform: translateX(4.72%); }
@media (min-width: 992px) {
  .pkp_structure_head .pkp_site_name img { transform: translateX(calc(25px + 4.72%)); }
}
/* 24 Oct (Chris): all text is black except links (blue), the top menu and the banner title (parchment). */
.pkp_structure_content.pkp_structure_content,
.pkp_structure_content.pkp_structure_content *:not(a):not(a *):not(#navigationPrimary *):not(.fa),
.pkp_structure_footer_wrapper *:not(a):not(a *) { color: #000 !important; }
/* Georgia caps are wider than Verdana's: keep the top menu on two lines and block titles on one. */
.pkp_structure_content.pkp_structure_content nav.center_nav #navigationPrimary > li > a { font-size: .9rem !important; }
.pkp_structure_content.pkp_structure_content .pkp_structure_sidebar .pkp_block .title { font-size: .9rem !important; letter-spacing: 0 !important; }
/* MCFNS v3 design 2026-10-24 end */