@charset "UTF-8";

/* =====================================================
   ECHILD OJS 3.3 Custom CSS
   Palette: Cream + Sage Green + Gold
   Font: Noto Sans + Noto Serif
===================================================== */

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

:root{
  --primary:#D89A2B;
  --primary-hover:#BF861E;
  --secondary:#355C4A;
  --sage:#6D7F6D;
  --background:#FAF7F2;
  --card:#FFFFFF;
  --border:#E8E2D7;
  --text:#2F3A36;
  --muted:#6B756D;
  --soft:#FFF8EC;
}

/* =========================
   BASE
========================= */

html,body{
  font-family:'Noto Sans',Arial,sans-serif;
  font-size:15px;
  line-height:1.6;
  color:var(--text);
  background:var(--background);
}

h1,h2,h3,h4,h5,h6,
.page_title,
.obj_article_summary>.title,
.obj_issue_toc .section>h2{
  font-family:'Noto Serif',Georgia,serif;
  color:var(--secondary);
  font-weight:700;
}

a{
  color:var(--secondary);
  text-decoration:none;
}

a:hover{
  color:var(--primary-hover);
  text-decoration:none;
}

/* =========================
   HEADER IMAGE
========================= */

.pkp_site_name{
  width:100%;
  text-align:center;
  background:none !important;
}

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

.pkp_site_name_wrapper{
  background:#FFFDF8;
  padding:0;
  margin:0;
}

/* =========================
   MAIN WRAPPER
========================= */

.pkp_structure_content{
  background:#fff;
  border:1px solid var(--border);
  box-shadow:none;
  border-radius:6px;
}

.pkp_structure_content.has_sidebar{
  display:flex;
  align-items:flex-start;
}

.pkp_structure_main{
  padding-top:0 !important;
}

.pkp_structure_sidebar{
  margin-top:0 !important;
  padding-top:0 !important;
  align-self:flex-start;
}

.pkp_structure_sidebar > *,
.pkp_structure_sidebar .pkp_block:first-child{
  margin-top:0 !important;
}

/* =========================
   NAVIGATION
========================= */

.pkp_navigation_primary_row{
  background:var(--soft);
  border-top:1px solid var(--border);
  border-bottom:3px solid var(--primary);
  min-height:42px;
}

.pkp_navigation_primary > li > a{
  position:relative;
  color:var(--secondary) !important;
  background:transparent !important;
  font-size:14px;
  font-weight:600;
  padding:10px 14px !important;
  line-height:22px;
  border-radius:0;
  transition:all .25s ease;
}

.pkp_navigation_primary > li > a:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:6px;
  height:3px;
  background:var(--primary);
  border-radius:10px;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .25s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus{
  color:var(--primary) !important;
  background:var(--soft) !important;
}

.pkp_navigation_primary > li > a:hover:after,
.pkp_navigation_primary > li > a:focus:after{
  transform:scaleX(1);
}

/* dropdown */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_user .dropdown-menu{
  background:#fff;
  border:1px solid var(--border);
  border-radius:0 0 8px 8px;
  box-shadow:0 6px 16px rgba(53,92,74,.12);
}

.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a{
  color:var(--text) !important;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:hover{
  background:var(--soft) !important;
  color:var(--primary) !important;
}

/* =========================
   USER MENU TOP RIGHT
========================= */

.pkp_navigation_user_wrapper{
  top:0;
}

.pkp_navigation_user > li > a{
  color:var(--secondary) !important;
  font-size:13px;
  font-weight:600;
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:20px;
  padding:6px 12px !important;
  margin-left:5px;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus{
  background:var(--primary);
  color:#fff !important;
  border-color:var(--primary);
}

/* =========================
   HOMEPAGE ABOUT
========================= */

.homepage_about{
  background:var(--soft);
  color:var(--text);
  border-left:none !important;
  border-radius:6px;
  padding:12px 16px !important;
}

.homepage_about > *{
  width:100%;
}

.homepage_about h1,
.homepage_about h2,
.homepage_about h3{
  margin-top:0 !important;
  margin-bottom:8px !important;
}

.homepage_about p,
.homepage_about div{
  margin-top:0;
}

/* =========================
   JOURNAL SUMMARY TABLE
========================= */

.journal-summary{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
  font-size:13.5px;
}

.journal-summary td{
  padding:5px 10px;
  line-height:1.25;
  vertical-align:middle;
  border-bottom:1px solid #ECE6DA;
}

.journal-summary tr:last-child td{
  border-bottom:none;
}

.journal-summary td:first-child{
  width:165px;
  background:var(--soft);
  color:var(--secondary);
  font-weight:700;
  white-space:nowrap;
}

.journal-summary td:last-child{
  background:#fff;
  color:var(--text);
  font-weight:500;
}

.journal-summary strong{
  font-weight:600;
}

.journal-summary a{
  color:var(--secondary);
  text-decoration:none;
  font-weight:600;
}

.journal-summary a:hover{
  color:var(--primary);
}

/* =========================
   ARTICLE CARD
========================= */

.obj_article_summary{
  background:#fff;
  border:1px solid var(--border);
  border-left:none !important;
  border-radius:6px;
  padding:14px 16px;
  margin-bottom:12px;
  box-shadow:none;
}

.obj_article_summary:hover{
  background:#FFFDF8;
}

.obj_article_summary > .title a{
  color:var(--secondary) !important;
  font-size:17px;
  font-weight:700;
}

.obj_article_summary > .title a:hover{
  color:var(--primary-hover) !important;
}

.obj_article_summary .authors{
  color:var(--muted);
  font-size:14px;
}

/* =========================
   BUTTONS
========================= */

.obj_galley_link,
.cmp_button{
  background:var(--primary) !important;
  color:#fff !important;
  border:none !important;
  border-radius:5px !important;
  font-size:13px;
  font-weight:600;
  padding:6px 12px !important;
}

.obj_galley_link:hover,
.cmp_button:hover{
  background:var(--primary-hover) !important;
}

/* =========================
   SIDEBAR BLOCK
========================= */

.pkp_block{
  background:#fff;
  border:1px solid var(--border);
  border-radius:6px;
  box-shadow:none;
}

.pkp_block .title{
  background:var(--soft);
  color:var(--secondary);
  border-bottom:2px solid var(--primary);
  padding:10px 14px;
  font-family:'Noto Serif',serif;
  font-size:16px;
  font-weight:700;
}

/* Custom Block Manager */
.content details{
  transition:all .25s ease;
}

.content details:hover{
  border-color:var(--primary) !important;
  box-shadow:0 4px 14px rgba(53,92,74,.12);
}

.content details summary{
  transition:all .25s ease;
}

.content details summary:hover{
  background:#2F4F40 !important;
  color:#ffffff !important;
}

.content details a{
  position:relative;
  transition:all .25s ease;
}

.content details a:hover{
  background:#FFF1D8 !important;
  color:var(--primary-hover) !important;
  padding-left:18px !important;
}

.content details a:hover em{
  color:var(--primary) !important;
}

.content details a:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:0;
  background:var(--primary);
  transition:width .25s ease;
}

.content details a:hover:before{
  width:4px;
}

/* =========================
   FOOTER
========================= */

.pkp_structure_footer_wrapper{
  background:var(--soft);
  border-top:3px solid var(--primary);
  color:var(--text);
}

.pkp_structure_footer_wrapper a{
  color:var(--secondary);
}

.pkp_structure_footer_wrapper a:hover{
  color:var(--primary-hover);
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){
  html,body{
    font-size:14.5px;
  }

  .pkp_structure_content.has_sidebar{
    display:block;
  }

  .pkp_navigation_primary > li > a{
    font-size:13px;
    padding:9px 12px !important;
  }

  .pkp_navigation_user > li > a{
    font-size:12px;
    padding:5px 10px !important;
  }

  .obj_article_summary > .title a{
    font-size:16px;
  }

  .journal-summary td{
    display:block;
    width:100% !important;
  }

  .journal-summary td:first-child{
    padding-bottom:2px;
  }

  .journal-summary td:last-child{
    padding-top:2px;
  }
}