@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;600;700&display=swap");

/* Knowlet - journal stylesheet modelled on wjpsonline.com (WJPS).
   Deep indigo masthead, grey page, centred white page card, Noto Serif,
   light navigation strip, bordered sidebar blocks.
   Every rule carries id-level weight (:not(#zz)) so the site-wide
   stylesheet, which OJS loads afterwards, cannot repaint it. */

:root{
  --w-indigo:#06097b;      /* masthead, from WJPS */
  --w-indigo-2:#0b0f9c;
  --w-page:#dddddd;        /* grey surround */
  --w-card:#ffffff;
  --w-ink:rgba(0,0,0,.87);
  --w-mut:rgba(0,0,0,.54);
  --w-line:#dcdcdc;
  --w-link:#1c4b8b;
  --w-accent:#0f8a3e;      /* ISSN green */
  --w-serif:"Noto Serif",Georgia,"Times New Roman",serif;
}

/* ---------- page surround and centred card ---------- */
html body:not(#zz){background:var(--w-page)!important;color:var(--w-ink)!important;
  font-family:var(--w-serif)!important;font-size:14px!important;line-height:1.43!important}
html body:not(#zz) .pkp_structure_page{max-width:1160px!important;margin:30px auto!important;
  background:var(--w-card)!important;box-shadow:0 0 10px rgba(0,0,0,.1)!important}

/* ---------- masthead ---------- */
html body:not(#zz) .pkp_structure_head,
html body:not(#zz) header.pkp_structure_head{background:var(--w-card)!important;
  background-image:none!important;border-bottom:1px solid var(--w-line)!important;padding:0!important}
html body:not(#zz) .pkp_head_wrapper{max-width:none!important;margin:0!important;padding:0!important;
  background:var(--w-card)!important}
html body:not(#zz) .pkp_site_name_wrapper{background:var(--w-indigo)!important;
  padding:18px 24px!important;text-align:center!important;margin:0!important}
html body:not(#zz) .pkp_site_name{margin:0!important;padding:0!important;text-align:center!important;
  float:none!important;display:block!important}
html body:not(#zz) .pkp_site_name .is_text,
html body:not(#zz) .pkp_site_name a{color:#fff!important;font-family:var(--w-serif)!important;
  font-size:1.55rem!important;font-weight:700!important;line-height:1.25!important;
  letter-spacing:.01em!important;text-decoration:none!important;display:inline-block!important;
  padding:0!important;text-transform:uppercase!important}
html body:not(#zz) .pkp_site_name .is_img img{max-height:90px!important;width:auto!important}
html body:not(#zz) h1.pkp_screen_reader{position:absolute!important;left:-9999px!important}

/* ---------- navigation strip ---------- */
html body:not(#zz) .pkp_site_nav_menu{background:#f5f6f8!important;
  border-bottom:1px solid var(--w-line)!important;padding:0 24px!important;
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  position:relative!important}
html body:not(#zz) .pkp_navigation_primary_row{max-width:none!important;margin:0!important;
  padding:0!important;display:flex!important;align-items:center!important;
  flex:1 1 auto!important;flex-wrap:wrap!important}
html body:not(#zz) .pkp_navigation_primary_wrapper{background:transparent!important;
  background-image:none!important;flex:1 1 auto!important;display:flex!important;
  align-items:center!important;flex-wrap:wrap!important}
html body:not(#zz) ul.pkp_navigation_primary{display:flex!important;flex-wrap:wrap!important;
  list-style:none!important;margin:0!important;padding:0!important}
html body:not(#zz) ul.pkp_navigation_primary>li{list-style:none!important;position:relative!important;
  margin:0!important}
html body:not(#zz) ul.pkp_navigation_primary>li>a{display:block!important;color:var(--w-mut)!important;
  font-family:var(--w-serif)!important;font-size:12px!important;font-weight:700!important;
  padding:12px 12px!important;text-decoration:none!important;text-transform:capitalize!important}
html body:not(#zz) ul.pkp_navigation_primary>li>a:hover,
html body:not(#zz) ul.pkp_navigation_primary>li.current>a{color:var(--w-indigo)!important;
  background:#e9ebf2!important}
/* dropdowns */
html body:not(#zz) ul.pkp_navigation_primary ul{list-style:none!important;background:#fff!important;
  border:1px solid var(--w-line)!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
  margin:0!important;min-width:230px!important;padding:4px 0!important;z-index:1000!important;
  position:absolute!important;top:100%!important;left:0!important}
html body:not(#zz) ul.pkp_navigation_primary ul li a{display:block!important;color:var(--w-ink)!important;
  font-size:12.5px!important;font-weight:400!important;padding:8px 14px!important;
  text-decoration:none!important}
html body:not(#zz) ul.pkp_navigation_primary ul li a:hover{background:#eef0f6!important;
  color:var(--w-indigo)!important}

/* search + user links */
html body:not(#zz) .pkp_navigation_search_wrapper{flex:0 0 auto!important;
  margin-left:auto!important}
html body:not(#zz) .pkp_search,
html body:not(#zz) .pkp_search_desktop{color:var(--w-indigo)!important;font-size:12px!important;
  font-weight:700!important;text-decoration:none!important;padding:12px 4px!important;
  display:inline-block!important}
html body:not(#zz) .pkp_navigation_user_wrapper{background:transparent!important;
  position:static!important;margin-left:auto!important;flex:0 0 auto!important}
html body:not(#zz) ul.pkp_navigation_user{display:flex!important;list-style:none!important;
  margin:0!important;padding:0!important}
html body:not(#zz) ul.pkp_navigation_user>li>a{color:var(--w-indigo)!important;
  font-size:11.5px!important;font-weight:700!important;padding:12px 10px!important;
  text-decoration:none!important;display:block!important}
html body:not(#zz) ul.pkp_navigation_user>li>a:hover{text-decoration:underline!important}

/* the menu toggle belongs to small screens only */
@media (min-width:861px){
  html body:not(#zz) .pkp_site_nav_toggle{display:none!important}
}

/* ---------- content ---------- */
html body:not(#zz) .pkp_structure_content{background:transparent!important;padding:0!important}
html body:not(#zz) .pkp_structure_main{max-width:none!important;background:transparent!important;
  padding:0 30px 70px!important}
html body:not(#zz) .pkp_structure_main a{color:var(--w-link)!important}
html body:not(#zz) .pkp_structure_main a:hover{text-decoration:underline!important}

html body:not(#zz) h1,html body:not(#zz) h2,html body:not(#zz) h3,html body:not(#zz) h4{
  font-family:var(--w-serif)!important;color:var(--w-ink)!important;font-weight:700!important;
  line-height:1.3!important}
html body:not(#zz) h1,html body:not(#zz) h1.page_title{font-size:26px!important;
  margin:26px 0 14px!important;padding:0 0 8px!important;
  border-bottom:2px solid var(--w-indigo)!important}
html body:not(#zz) h2{font-size:18px!important;margin:22px 0 10px!important}
html body:not(#zz) h3{font-size:15.5px!important;margin:18px 0 8px!important}
html body:not(#zz) p{margin:0 0 12px!important}

/* breadcrumbs */
html body:not(#zz) .cmp_breadcrumbs{font-size:12px!important;color:var(--w-mut)!important;
  padding:14px 0 0!important;margin:0!important}
html body:not(#zz) .cmp_breadcrumbs a{color:var(--w-link)!important;text-decoration:none!important}

/* tables used in About pages */
html body:not(#zz) .pkp_structure_main table{border-collapse:collapse!important;width:100%!important;
  margin:14px 0!important;font-size:13.5px!important}
html body:not(#zz) .pkp_structure_main table td,
html body:not(#zz) .pkp_structure_main table th{border:1px solid var(--w-line)!important;
  padding:8px 10px!important;vertical-align:top!important}
html body:not(#zz) .pkp_structure_main table th,
html body:not(#zz) .pkp_structure_main table td:first-child{background:#f7f8fa!important;
  font-weight:700!important;color:var(--w-indigo)!important}

/* ---------- article and issue listings ---------- */
html body:not(#zz) .obj_article_summary{border-bottom:1px solid var(--w-line)!important;
  padding:14px 0!important;margin:0!important}
html body:not(#zz) .obj_article_summary>.title{margin:0 0 4px!important}
html body:not(#zz) .obj_article_summary>.title a{color:var(--w-indigo)!important;
  font-family:var(--w-serif)!important;font-size:15px!important;font-weight:700!important;
  text-decoration:none!important;line-height:1.35!important}
html body:not(#zz) .obj_article_summary>.title a:hover{text-decoration:underline!important}
html body:not(#zz) .obj_article_summary .authors{color:var(--w-mut)!important;
  font-size:13px!important;margin:2px 0!important}
html body:not(#zz) .obj_article_summary .galleys_links a,
html body:not(#zz) .obj_galley_link{display:inline-block!important;border:1px solid var(--w-indigo)!important;
  color:var(--w-indigo)!important;font-size:11.5px!important;font-weight:700!important;
  padding:3px 10px!important;margin:4px 6px 0 0!important;text-decoration:none!important;
  border-radius:2px!important;background:#fff!important}
html body:not(#zz) .obj_article_summary .galleys_links a:hover,
html body:not(#zz) .obj_galley_link:hover{background:var(--w-indigo)!important;color:#fff!important;
  text-decoration:none!important}
html body:not(#zz) .obj_issue_toc .section>h2{font-size:15px!important;color:var(--w-indigo)!important;
  border-bottom:2px solid var(--w-indigo)!important;padding-bottom:6px!important;margin-top:26px!important}

/* article landing page */
html body:not(#zz) .obj_article_details .authors{font-size:13.5px!important}
html body:not(#zz) .obj_article_details .author .name{font-weight:700!important;color:var(--w-ink)!important}
html body:not(#zz) .obj_article_details .item{border-top:1px solid var(--w-line)!important;
  padding:12px 0!important;margin:0!important}
html body:not(#zz) .obj_article_details .label{color:var(--w-indigo)!important;font-weight:700!important;
  font-size:13px!important}

/* ---------- sidebar ---------- */
html body:not(#zz) .pkp_structure_sidebar{width:300px!important;background:transparent!important;
  padding:0 24px 0 0!important}
html body:not(#zz) .pkp_block{border:1px solid var(--w-line)!important;background:#fff!important;
  padding:12px 14px!important;margin:0 0 16px!important}
html body:not(#zz) .pkp_block .title{color:var(--w-indigo)!important;font-family:var(--w-serif)!important;
  font-size:13.5px!important;font-weight:700!important;margin:0 0 8px!important;
  padding:0 0 6px!important;border-bottom:1px solid var(--w-line)!important;text-transform:none!important}
html body:not(#zz) .pkp_block ul{list-style:none!important;margin:0!important;padding:0!important}
html body:not(#zz) .pkp_block li{margin:0 0 6px!important}
html body:not(#zz) .pkp_block a{color:var(--w-link)!important;font-size:13px!important;
  text-decoration:none!important}
html body:not(#zz) .pkp_block a:hover{text-decoration:underline!important}
html body:not(#zz) .pkp_block img{max-width:100%!important;height:auto!important}

/* ---------- footer ---------- */
html body:not(#zz) .pkp_structure_footer_wrapper,
html body:not(#zz) #pkp_content_footer{background:var(--w-indigo)!important;color:#fff!important;
  margin:0!important}
html body:not(#zz) .pkp_footer_content{color:#fff!important;font-size:12.5px!important;
  padding:18px 30px!important;max-width:none!important}
html body:not(#zz) .pkp_footer_content a{color:#fff!important;text-decoration:underline!important}
html body:not(#zz) .pkp_brand_footer{background:var(--w-indigo)!important;padding:0 30px 16px!important}
html body:not(#zz) .pkp_brand_footer a,html body:not(#zz) .pkp_brand_footer img{opacity:.85!important}

/* ---------- small screens ---------- */
@media (max-width:860px){
  html body:not(#zz) .pkp_structure_page{margin:0!important;max-width:none!important}
  html body:not(#zz) .pkp_structure_sidebar,
  html body:not(#zz) .pkp_structure_main,
  html body:not(#zz) .pkp_block{box-sizing:border-box!important;max-width:100%!important}
  html body:not(#zz) ul.pkp_navigation_primary ul{position:static!important;
    min-width:0!important;box-shadow:none!important;border:0!important}
  html body:not(#zz) .pkp_site_nav_menu{padding:0 12px!important}
  html body:not(#zz) .pkp_site_name .is_text,
  html body:not(#zz) .pkp_site_name a{font-size:1.1rem!important}
  html body:not(#zz) .pkp_structure_sidebar{width:100%!important;padding:0 24px 24px!important}
  html body:not(#zz) .pkp_structure_main{padding:0 20px 40px!important}
  html body:not(#zz) .pkp_navigation_primary_row{padding:0 12px!important}
}