/* Talenta: Educational Resource Management - tampilan gaya IJESS warna hijau kesehatan */
@import url(https://fonts.googleapis.com/css?family=Teko:400,700|Pathway+Gothic+One);
@import url(https://ejournal.unuja.ac.id/plugins/themes/nusantara3columnsNavy/imgs/clear.css);
/* ===== tema dasar (dari nusantara3columns, diwarnai hijau) ===== */
/**
 * plugins/themes/nusantara3columnsNavy/nusantara3columnsNavy.css
 *
 * Copyright (c) themeOJS - http://www.themeojs.com
 *
 * Nusantara3columnsNavy theme stylesheet.
 * Ver 1.0.0.1 (2016-07-28)
 *
 */
 
 body{margin:0;padding:0;background-color:transparent;background-image:none;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:12px;display:none;color:#222}a:link,a:visited,a:active{color:Navy;text-decoration:none}a:hover{color:Navy;background:none;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:'Pathway Gothic One',"Times New Roman",Times,serif!important;color:#000;font-weight:normal;text-align:left}h1{font-size:3em;font-weight:normal}h2{font-size:2em;font-weight:normal}h3{font-size:1.8em;font-weight:normal}h4{font-size:1.6em;font-weight:normal}h5{font-size:1em;font-weight:normal}h6{font-size:.85em;font-weight:normal}#container{margin:0 auto;padding:0;background-color:#ccc;background-image:none;width:auto;min-width:730px!important;text-align:center;display:inline-block}#header{margin:0;padding:0;background-color:transparent;background-image:none;min-height:150px}#headerTitle{width:1080px;margin:0 auto;display:inline-block}#header h1{font-family:Teko,verdana,Georgia,"Times New Roman",Times,serif!important;font-weight:200!important;text-transform:none;font-size:3.2em;letter-spacing:0;color:#111;text-shadow:1px 1px #fff;padding:0!important;line-height:150px;margin-top:-13.33333333px}#headerTitle img{float:left;display:inline-block;margin-top:13.33333333px;margin-bottom:40px;max-width:1080px;height:auto}#body{margin:-40px auto 12px auto;padding:0 0 24px 0;background-color:#fff;background-image:none;width:1080px!important;display:inline-block;height:auto}#main{margin:0;padding:0;background-color:transparent;background-image:none;display:inline;float:left;position:relative;width:690px;overflow:visible!important}#content{border-top:0 dotted #000;font-size:1em}#navbar{margin:0 0 12px -185px;padding:0;background-color:Navy;background-image:none;clear:both;text-align:center;border:0;height:40px;width:1080px}#navbar ul{margin:0;padding:0;display:inline-block}#navbar ul li{margin:0;padding:0;float:left}#navbar a,#navbar a:link,#navbar a:visited{font-family:'Pathway Gothic One',"Times New Roman",Times,serif;font-weight:400;font-size:1.4em!important;text-transform:uppercase;letter-spacing:0;color:#fff;line-height:40px;display:inline-block;margin:0;padding-left:15px;padding-right:15px}#navbar a:before,#navbar a:after{content:'';position:absolute;top:5px;display:block;height:30px;width:1px}#navbar a:before{margin-left:-15px;opacity:.15;background:rgba(0,0,0,.7);background:linear-gradient(to top,rgba(0,0,0,0),#000,rgba(0,0,0,0));background:-webkit-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));background:-ms-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));background:-moz-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0));background:-o-linear-gradient(top,rgba(0,0,0,0),#000,rgba(0,0,0,0))}#navbar a:after{margin-left:-14px;opacity:.35;background:rgba(255,255,255,.8);background:linear-gradient(to top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));background:-webkit-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));background:-ms-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0));background:-moz-linear-gradient(top,rgba(255,255,255,.01),#fff,rgba(255,255,255,.01));background:-o-linear-gradient(top,rgba(0,0,0,0),#fff,rgba(0,0,0,0))}#navbar li:first-child a:before,#navbar li:first-child a:after{background-color:black;display:none}#navbar a:hover{background:#314e06;text-shadow:1px 1px #314e06}#navbar a:active{background:none;text-decoration:underline}ul.sidemenu{margin-top:-12px;padding-left:0!important}ul.sidemenu.full{margin:-12px -12px 0 -12px}ul.sidemenu li:before{display:none}ul.sidemenu li{padding:0}ul.sidemenu li a{display:block;padding:.7em 12px .7em 12px;border-bottom:1px solid #b5b5b5;background-color:#eee;text-decoration:none;color:#222}ul.sidemenu li a:hover{background-color:#e9f0d1;text-decoration:underline}#breadcrumb{margin:0 12px 1em 12px;padding:.5em 0;background-color:#yellow;background-image:none;font-size:1em;border-bottom:1px dotted #333}#main>h2,#content{padding-left:12px;padding-right:12px}/* Copyright (c) themeOJS - http://www.themeojs.com */ #cpr{border:0 none #fff}#leftSidebar,#rightSidebar{margin:40px 0 0 0;padding:12px;background-color:transparent;background-image:none;font-size:1em;height:auto;overflow:hidden}#leftSidebar{width:160px;display:inline;float:left;border-right-width:1px;border-right-style:solid;border-right-color:#ccc}#rightSidebar{width:180px;float:right;border-left-width:1px;border-left-style:solid;border-left-color:#ccc}#rightSidebar div.block,#leftSidebar div.block{border:0;padding:0 0 12px 0;margin-bottom:12px;color:inherit}#leftSidebar div.block span.blockTitle,#rightSidebar div.block span.blockTitle{padding:.5em 1em;margin-bottom:12px;background:#dadada url(https://ejournal.unuja.ac.id/plugins/themes/nusantara3columnsNavy/imgs/stripes.png);display:block;color:#444;font-weight:bold;letter-spacing:0}#sidebarDevelopedBy.block,#sidebarHelp.block{border:1px solid #999!important;border-radius:4px;padding:.5em 1em!important}#sidebarDevelopedBy.block a,#sidebarHelp.block a{text-decoration:none}.block p{margin:0!important}.block ul{padding-left:1.2em;list-style:none}.block li:before{content:"";border-color:transparent Navy;border-style:solid;border-width:.35em 0 .35em .45em;display:block;height:0;width:0;left:-1em;top:.9em;position:relative}#sidebarFontSize.block{padding-bottom:35px!important}table.tocArticle:nth-child(odd) tr{background-color:#f8faef}table.tocArticle:nth-child(even) tr{background-color:#f4f4f4}table.tocArticle tr:hover{background-color:#ffedcc}table.tocArticle td{padding:5px 10px}table.tocArticle a{text-decoration:none}.tocTitle{font-weight:bold}.tocAuthors{font-style:italic}td.tocGalleys{padding-right:10px}#content ul.menu{margin:0}#content ul.menu li{background-image:-webkit-linear-gradient(top,#65a310 0,#8dc334 100%);background-image:-o-linear-gradient(top,#65a310 0,#8dc334 100%);background-image:linear-gradient(to bottom,#65a310 0,#8dc334 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2651ff',endColorstr='#ff4f72ff',GradientType=0);padding:5px 8px;border-radius:3px}#content ul.menu li:hover,#content ul.menu li.current{background-image:-webkit-linear-gradient(top,#ec790f 0,#f28c31 100%);background-image:-o-linear-gradient(top,#ec790f 0,#f28c31 100%);background-image:linear-gradient(to bottom,#ec790f 0,#f28c31 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec790f',endColorstr='#fff28c31',GradientType=0)}#content ul.menu a{color:#fff}#content ul.menu a:hover{color:yellow}input.textField,select.selectMenu,textarea.textArea,input.uploadField{padding:.3em;background-color:#f1f1f1;border:1px solid #aaa;color:#444}input.textField:focus,select.selectMenu:focus,textarea.textArea:focus,input.uploadField:focus{border:1px solid Navy}input[type=submit],input[type=button]{background-image:-webkit-linear-gradient(top,#ddd 0,#c4c4c4 100%);background-image:-o-linear-gradient(top,#ddd 0,#c4c4c4 100%);background-image:linear-gradient(to bottom,#ddd 0,#c4c4c4 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd',endColorstr='#ffc4c4c4',GradientType=0);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#444;text-shadow:1px 1px #f6f6f6;padding:3px 5px;text-decoration:none;border:1px solid #9d9d9d}input[type=submit]:hover,input[type=button]:hover{background-image:-webkit-linear-gradient(top,#c4c4c4 0,#aaa 100%);background-image:-o-linear-gradient(top,#c4c4c4 0,#aaa 100%);background-image:linear-gradient(to bottom,#c4c4c4 0,#aaa 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc4c4c4',endColorstr='#ffaaaaaa',GradientType=0);text-decoration:none;cursor:pointer}input.defaultButton{color:#2b2b2b;font-weight:bold}div.separator{border-bottom:1px dotted #222}.indexers{margin:10px 0}.indexers a{border:2px solid transparent;padding:5px 3px;display:inline-block}.indexers a:hover{background:0;border:2px dotted Navy;opacity:.75;filter:alpha(opacity=75)}.indexers a img{height:38px}a img{border:0}div.thickSeparator{margin-bottom:10px}span.highlight{background-color:#f4f4f4}.intro{background-color:#f4f4f4;border:1px dotted Orange;padding:10px}.intro ul{margin:0;padding-left:1em}.issueCoverImage{border:1px solid #fff;padding:0;margin:0}.issueCoverImage img{margin:1em 2em 1em 0;width:100px;border:0 solid #fff}#content h4 a{text-decoration:none}#announcements{width:auto}#journalDescription{float:left;width:68%}#homepageImage{float:right;width:30%;margin-top:-1em;margin-left:12px;margin-bottom:12px;text-align:right}#homepageImage img{display:inline-block;max-width:100%;max-height:auto}#announcementsHome,.clear{clear:both}#setupForm #homepageImage{float:none;width:auto;text-align:left;margin-top:1em;margin-left:0}#setupForm #journalDescription{float:none}#setupForm #homepageImage img,#setupForm #journalThumbnail img{display:inline;margin:5px 0}.selectMenu{margin-right:2px}#poweredby{clear:both;display:block;margin:0 auto 1em auto;text-align:right;width:1080px;padding-right:12px}
/* ===== gaya IJESS (diwarnai hijau) ===== */
.hover{
 width:100%;
 border-collapse:collapse;
 
}
.hover th{
 height:30px;
 background:#ffffff;
 color:#3d5f06;
}
.hover td{
 height:30px;
 padding-top:3px;
 vertical-align:middle;
 border-bottom:1px solid #ffffff;
 text-align:center;
}
.hover td a {
  width:100%;
  display:block;
}
.hover tr {
  background:#3d5f06; 
  color:#ffffff;
}
.hover tr:hover {
  background-color:#598a0e;
}
.hover tr a {
   color:#ffff00;
   text-decoration: none;   
}
.hover a:hover{
   color:#ffff00;
   background-color:#598a0e;
   text-decoration: none;
}
.hover{
 width:100%;
 border-collapse:collapse;

}
.hover th{
 height:30px;
 background:#ffffff;
 color:#3d5f06;
}
.hover td{
 height:30px;
 padding-top:3px;
 vertical-align:middle;
 border-bottom:1px solid #ffffff;
 text-align:center;
}
.hover td a {
  width:100%;
  display:block;
}
.hover tr {
  background:#3d5f06;
  color:#ffffff;
}
.hover tr:hover {
  background-color:#598a0e;
}
.hover tr a {
   color:#ffff00;
   text-decoration: none;
}
.hover a:hover{
   color:#ffff00;
   background-color:#598a0e;
   text-decoration: none;
}

/* ===== MAIN MENU sidebar: judul blok biru + animasi ===== */
#customblock-main-menu {
  background:#fff;
  border:1px solid #e4e8d3;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(38,60,4,.12);
  padding:0 !important;
}
#customblock-main-menu > p { margin:0 !important; }
#customblock-main-menu .blockTitle {
  display:block;
  position:relative;
  margin:0 !important;
  padding:10px 12px !important;
  background:linear-gradient(135deg,#3d5f06 0%,#65a310 100%) !important;
  color:#fff !important;
  font-size:13px;
  font-weight:bold;
  letter-spacing:1px !important;
  text-transform:uppercase;
  border-left:4px solid #ffcc00;
  overflow:hidden;
}
/* kilau cahaya yang lewat saat blok disorot */
#customblock-main-menu .blockTitle::after {
  content:"";
  position:absolute;
  top:0; left:-60%;
  width:40%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);
  transition:left .7s ease;
}
#customblock-main-menu:hover .blockTitle::after { left:130%; }

#customblock-main-menu ul.sidemenu {
  list-style:none;
  margin:0 !important;
  padding:0 !important;
}
#customblock-main-menu ul.sidemenu li {
  margin:0;
  border-bottom:1px solid #f4f6ed;
}
#customblock-main-menu ul.sidemenu li:last-child { border-bottom:0; }
#customblock-main-menu ul.sidemenu li a {
  display:block;
  position:relative;
  padding:7px 12px 7px 14px;
  color:#334d0b !important;
  background:#fff !important;
  border-bottom:0 !important;
  text-decoration:none;
  transition:background .25s ease, color .25s ease, padding-left .25s ease;
}
/* garis biru yang tumbuh dari kiri */
#customblock-main-menu ul.sidemenu li a::before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:0;
  background:#3d5f06;
  z-index:1;
  transition:width .25s ease;
}
#customblock-main-menu ul.sidemenu li a:hover {
  background:#f4f7ea !important;
  color:#3d5f06 !important;
  padding-left:20px;
}
#customblock-main-menu ul.sidemenu li a:hover::before { width:4px; }

.hover{
 width:100%;
 border-collapse:collapse;
}
.hover th{
 height:30px;
 background:#ffffff;
 color:#3d5f06;
}
.hover td{
 height:30px;
 padding-top:3px;
 vertical-align:middle;
 border-bottom:1px solid #ffffff;
 text-align:center;
}
.hover td a {
  width:100%;
  display:block;
}
.hover tr {
  background:#3d5f06;
  color:#ffffff;
}
.hover tr:hover {
  background-color:#598a0e;
}
.hover tr a {
   color:#ffff00;
   text-decoration: none;
}
.hover a:hover{
   color:#ffff00;
   background-color:#598a0e;
   text-decoration: none;
}

/* =========================================================
   SIDEBAR SERAGAM: semua judul blok biru + animasi
   (Main Menu, User, Information, Current Issue, Journal Content)
   ========================================================= */
#leftSidebar div.block:has(.blockTitle),
#rightSidebar div.block:has(.blockTitle) {
  background:#fff;
  border:1px solid #e4e8d3;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(38,60,4,.12);
  padding:0 12px 10px !important;
  margin-bottom:16px;
  transition:box-shadow .3s ease, transform .3s ease;
}
#leftSidebar div.block:has(.blockTitle):hover,
#rightSidebar div.block:has(.blockTitle):hover {
  box-shadow:0 6px 16px rgba(38,60,4,.18);
  transform:translateY(-2px);
}
#leftSidebar div.block > p:first-child,
#rightSidebar div.block > p:first-child { margin:0 !important; }

/* Judul blok: biru navy + aksen kuning */
#leftSidebar div.block span.blockTitle,
#rightSidebar div.block span.blockTitle {
  display:block;
  position:relative;
  margin:0 -12px 10px !important;
  padding:10px 12px !important;
  background:linear-gradient(135deg,#3d5f06 0%,#65a310 100%) !important;
  color:#fff !important;
  font-size:13px;
  font-weight:bold;
  letter-spacing:1px !important;
  text-transform:uppercase;
  border-left:4px solid #ffcc00;
  overflow:hidden;
}
/* kilau cahaya saat blok disorot */
#leftSidebar div.block span.blockTitle::after,
#rightSidebar div.block span.blockTitle::after {
  content:"";
  position:absolute;
  top:0; left:-60%;
  width:40%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);
  transition:left .7s ease;
}
#leftSidebar div.block:hover span.blockTitle::after,
#rightSidebar div.block:hover span.blockTitle::after { left:130%; }

/* Sub-judul (mis. "Browse") */
#leftSidebar div.block span.blockSubtitle,
#rightSidebar div.block span.blockSubtitle {
  display:block;
  margin:12px 0 4px;
  color:#3d5f06;
  font-weight:bold;
  border-bottom:2px solid #ffcc00;
  padding-bottom:3px;
}

/* Daftar link di semua blok */
#leftSidebar div.block ul,
#rightSidebar div.block ul {
  list-style:none;
  margin:0 -12px !important;
  padding:0 !important;
}
#leftSidebar div.block ul li,
#rightSidebar div.block ul li {
  margin:0;
  padding:0;
  background:none !important;
  border-bottom:1px solid #f4f6ed;
}
#leftSidebar div.block ul li:last-child,
#rightSidebar div.block ul li:last-child { border-bottom:0; }
#leftSidebar div.block ul li a,
#rightSidebar div.block ul li a {
  display:block;
  position:relative;
  padding:7px 12px 7px 14px;
  color:#334d0b !important;
  background:#fff !important;
  border-bottom:0 !important;
  text-decoration:none;
  transition:background .25s ease, color .25s ease, padding-left .25s ease;
}
#leftSidebar div.block ul li a::before,
#rightSidebar div.block ul li a::before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:0;
  background:#3d5f06;
  transition:width .25s ease;
}
#leftSidebar div.block ul li a:hover,
#rightSidebar div.block ul li a:hover {
  background:#f4f7ea !important;
  color:#3d5f06 !important;
  padding-left:20px;
}
#leftSidebar div.block ul li a:hover::before,
#rightSidebar div.block ul li a:hover::before { width:4px; }

/* Tombol Search */
#leftSidebar #simpleSearchForm input[type=submit],
#leftSidebar #simpleSearchForm .button {
  background:#3d5f06; color:#fff; border:0; border-radius:4px;
  padding:5px 12px; cursor:pointer; transition:background .25s ease;
}
#leftSidebar #simpleSearchForm input[type=submit]:hover,
#leftSidebar #simpleSearchForm .button:hover { background:#65a310; }
#leftSidebar #simpleSearchForm table { width:100%; }
#leftSidebar #simpleSearchForm input.textField,
#leftSidebar #simpleSearchForm select {
  width:100%; box-sizing:border-box; padding:4px 6px;
  border:1px solid #d7ddc2; border-radius:4px;
}

/* =====================================================================
   KEADABAN – Tampilan baru konten beranda
   Tempel di BAGIAN PALING BAWAH journalStyleSheet.css
   (bekerja bersama skrip di "Journal Page Footer")
   ===================================================================== */

#kd-home{--kd-navy:#3d5f06;--kd-blue:#65a310;--kd-gold:#f2b705;--kd-line:#e8ebdc;--kd-soft:#f7f8f0;--kd-muted:#6e765b;
  font-family:Tahoma,Verdana,Arial,sans-serif;color:#253016}
#kd-home *{box-sizing:border-box}

/* sembunyikan isi lama bila tampilan baru aktif */
.kd-hide{display:none!important}

/* kartu umum */
#kd-home .kd-card{background:#fff;border:1px solid var(--kd-line);border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 4px 18px rgba(38,60,4,.07)}

/* ---------- 1. Kartu pembuka ---------- */
#kd-home .kd-hero{display:grid;grid-template-columns:1fr 170px;gap:22px;position:relative;overflow:hidden}
#kd-home .kd-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--kd-navy),var(--kd-blue),var(--kd-gold))}
#kd-home .kd-eyebrow{display:inline-block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--kd-blue);background:#f2f5e3;padding:4px 10px;border-radius:999px;margin-bottom:8px}
#kd-home h2.kd-title{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;font:bold 21px/1.25 Georgia,"Times New Roman",serif!important;color:var(--kd-navy)!important;text-transform:none!important;letter-spacing:0!important}
#kd-home .kd-hero p{margin:0 0 9px;text-align:justify;color:#435033;font-size:12.5px;line-height:1.6}
#kd-home .kd-hero p strong{color:var(--kd-navy)}
#kd-home .kd-more{display:none}
#kd-home .kd-hero.kd-open .kd-more{display:block;animation:kdUp .4s both}
#kd-home .kd-readmore{background:none;border:0;padding:0;color:var(--kd-blue);font:bold 12px Tahoma,sans-serif;cursor:pointer}
#kd-home .kd-readmore:hover{text-decoration:underline}
#kd-home .kd-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
#kd-home .kd-badges span{font-size:11.5px;padding:6px 10px;border-radius:8px;background:var(--kd-soft);border:1px solid var(--kd-line);transition:transform .25s,box-shadow .25s}
#kd-home .kd-badges span:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(61,95,6,.12)}
#kd-home .kd-badges b{color:var(--kd-navy)}
#kd-home .kd-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#kd-home a.kd-btn{display:inline-block;padding:9px 16px;border-radius:8px;font:bold 12px Tahoma,sans-serif;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background-position .4s,background-color .25s,color .25s}
#kd-home a.kd-btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--kd-navy),var(--kd-blue));background-size:200% 100%}
#kd-home a.kd-btn-primary:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 8px 16px rgba(101,163,16,.35)}
#kd-home a.kd-btn-ghost{color:var(--kd-navy)!important;border:1.5px solid var(--kd-navy)}
#kd-home a.kd-btn-ghost:hover{background-color:var(--kd-navy);color:#fff!important}
#kd-home .kd-cover{perspective:800px;align-self:center}
#kd-home .kd-cover img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 14px 30px rgba(38,60,4,.25);transform:rotateY(-10deg);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
#kd-home .kd-cover:hover img{transform:rotateY(0) scale(1.04);box-shadow:0 18px 40px rgba(38,60,4,.35)}

/* ---------- judul seksi ---------- */
#kd-home .kd-sec{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:bold 15px Tahoma,sans-serif;color:var(--kd-navy)}
#kd-home .kd-sec:before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(var(--kd-navy),var(--kd-blue))}
#kd-home .kd-sec a{margin-left:auto;font-size:11.5px;font-weight:normal;color:var(--kd-blue)}

/* ---------- 2. Indexed by (logo berjalan) ---------- */
#kd-home .kd-marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
#kd-home .kd-track{display:flex;gap:16px;width:max-content;animation:kdSlide 16s linear infinite}
#kd-home .kd-marquee:hover .kd-track{animation-play-state:paused}
#kd-home .kd-logo{display:flex;align-items:center;height:62px;padding:0 16px;background:#fff;border:1px solid var(--kd-line);border-radius:10px;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s,transform .3s}
#kd-home .kd-logo:hover{filter:none;opacity:1;transform:scale(1.06)}
#kd-home .kd-logo img{max-height:46px;width:auto;border:0}
#kd-home .kd-publisher{margin:14px 0 0;font-size:11.5px;color:var(--kd-muted);text-align:center}

/* ---------- 3. Pengumuman + Terbitan terbaru ---------- */
#kd-home .kd-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#kd-home .kd-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;border:1.5px dashed var(--kd-line);border-radius:12px;color:var(--kd-muted);font-size:12px;text-align:center}
#kd-home .kd-bell{width:42px;height:42px;border-radius:50%;background:#f2f5e3;display:flex;align-items:center;justify-content:center;animation:kdBell 2.6s ease-in-out infinite}
#kd-home .kd-bell svg{width:20px;height:20px;stroke:var(--kd-blue)}
#kd-home .kd-ann table{width:100%}
#kd-home .kd-live{display:inline-flex;align-items:center;gap:6px;font:bold 10.5px Tahoma,sans-serif;color:#6c7a0a;background:#f5f6e5;padding:3px 8px;border-radius:999px;margin-bottom:8px}
#kd-home .kd-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#9aa918;animation:kdPulse 1.6s infinite}
#kd-home h4.kd-issue{margin:0 0 4px!important;font:bold 16px Georgia,serif!important;color:#253016!important}
#kd-home .kd-meta{font-size:11.5px;color:var(--kd-muted);margin-bottom:12px}

/* ---------- animasi ---------- */
#kd-home .kd-reveal{animation:kdUp .7s cubic-bezier(.2,.8,.2,1) both}
#kd-home .kd-d1{animation-delay:.12s}
#kd-home .kd-d2{animation-delay:.24s}
#kd-home .kd-d3{animation-delay:.36s}
@keyframes kdUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes kdSlide{to{transform:translateX(-50%)}}
@keyframes kdBell{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}85%{transform:rotate(8deg)}90%{transform:rotate(-4deg)}}
@keyframes kdPulse{0%{box-shadow:0 0 0 0 rgba(154,169,24,.6)}100%{box-shadow:0 0 0 8px rgba(154,169,24,0)}}

/* ---------- layar kecil ---------- */
@media (max-width:640px){
  #kd-home .kd-hero,#kd-home .kd-two{grid-template-columns:1fr}
  #kd-home .kd-cover{order:-1;max-width:170px;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){
  #kd-home *,#kd-home *:before{animation:none!important;transition:none!important}
}
/* ---------- 4. Daftar artikel terbitan terbaru ---------- */
#kd-home .kd-issuehead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--kd-line)}
#kd-home .kd-issuehead .kd-meta{margin-bottom:0}
#kd-home .kd-artsec{margin:14px 0 8px;font-size:10.5px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase;color:var(--kd-muted)}
#kd-home .kd-art{position:relative;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 14px 14px 18px;margin-bottom:10px;border:1px solid var(--kd-line);border-radius:12px;background:#fff;overflow:hidden;animation:kdUp .6s cubic-bezier(.2,.8,.2,1) both;transition:transform .25s,box-shadow .25s,border-color .25s}
#kd-home .kd-art:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--kd-navy),var(--kd-blue));transform:scaleY(0);transform-origin:top;transition:transform .3s}
#kd-home .kd-art:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(38,60,4,.10);border-color:#dce3c4}
#kd-home .kd-art:hover:before{transform:scaleY(1)}
#kd-home .kd-artinfo{flex:1;min-width:0}
#kd-home a.kd-arttitle{display:block;font:bold 13px/1.45 Georgia,"Times New Roman",serif;color:#253016!important;text-decoration:none!important;text-transform:capitalize;transition:color .2s}
#kd-home a.kd-arttitle:hover{color:var(--kd-blue)!important}
#kd-home .kd-artauth{margin-top:4px;font-size:11.5px;color:var(--kd-muted)}
#kd-home .kd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#kd-home .kd-chip{font-size:10.5px;padding:3px 8px;border-radius:6px;background:var(--kd-soft);border:1px solid var(--kd-line);color:#435033!important;text-decoration:none!important}
#kd-home a.kd-chip:hover{border-color:var(--kd-blue);color:var(--kd-blue)!important}
#kd-home .kd-galleys{display:flex;flex-direction:column;gap:6px;flex:none}
#kd-home a.kd-pdf{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font:bold 11.5px Tahoma,sans-serif;color:#182703!important;background:#fdeceb;border:1px solid #f6c9c6;text-decoration:none!important;transition:background-color .25s,color .25s,transform .2s,box-shadow .25s}
#kd-home a.kd-pdf svg{width:15px;height:15px;stroke:currentColor;transition:transform .3s}
#kd-home a.kd-pdf:hover{background-color:#182703;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 14px rgba(198,40,40,.3)}
#kd-home a.kd-pdf:hover svg{transform:translateY(2px)}
@media (max-width:640px){#kd-home .kd-art{flex-direction:column;align-items:flex-start}#kd-home .kd-galleys{flex-direction:row}}


/* ===== IJESS – Tampilan & animasi halaman Archives =====
   Tempel di bagian PALING BAWAH file stylesheet jurnal
   (Journal Manager > Setup > Step 5 > Journal style sheet),
   atau tambahkan ke journalStyleSheet.css yang sudah ada. */

/* Judul tahun (2026, 2025, ...) */
#issues > div > h3{position:relative;display:inline-block;font-size:26px;color:#304a0a;margin:28px 0 14px;padding:4px 16px 4px 14px;background:linear-gradient(90deg,#f2f5e4,transparent);border-left:5px solid #f5b400;border-radius:4px}

/* Kartu tiap issue */
#issues div[id^="issue-"]{display:grid;grid-template-columns:120px 1fr;gap:6px 20px;align-items:start;background:#fff;border:1px solid #e9ecdc;border-radius:14px;padding:16px;margin:0 0 18px;box-shadow:0 2px 6px rgba(48,74,10,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:ijessUp .6s ease both}
#issues div[id^="issue-"]:nth-of-type(2){animation-delay:.08s}
#issues div[id^="issue-"]:nth-of-type(3){animation-delay:.16s}
#issues div[id^="issue-"]:nth-of-type(4){animation-delay:.24s}

/* Animasi muncul saat di-scroll (Chrome/Edge); browser lain: muncul saat halaman dibuka */
@supports (animation-timeline:view()){#issues div[id^="issue-"]{animation:ijessUp linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}
@keyframes ijessUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* Efek hover kartu */
#issues div[id^="issue-"]:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(48,74,10,.16);border-color:#c5dc8f}

/* Cover */
#issues .issueCoverImage{grid-row:1 / span 2;float:none!important;margin:0!important;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
#issues .issueCoverImage img{display:block;width:100%;height:auto;transition:transform .4s ease}
#issues div[id^="issue-"]:hover .issueCoverImage img{transform:scale(1.06)}

/* Judul Vol/No dengan garis bawah animasi */
#issues div[id^="issue-"] h4{margin:2px 0 0;font-size:19px}
#issues div[id^="issue-"] h4 a{color:#304a0a;text-decoration:none;background:linear-gradient(#f5b400,#f5b400) 0 100%/0 2px no-repeat;transition:background-size .3s}
#issues div[id^="issue-"] h4 a:hover{background-size:100% 2px}

/* Deskripsi + bendera negara (diperkecil, berjajar rapi) */
#issues .issueCoverDescription{font-size:13.5px;color:#333;line-height:1.5;min-width:0}
#issues .issueCoverDescription p{margin:4px 0}
#issues .issueCoverDescription img{width:30px!important;height:30px!important;margin:6px 4px 0 0!important;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .2s ease;vertical-align:middle}
#issues .issueCoverDescription img:hover{transform:scale(1.35) rotate(-6deg)}

#issues .separator{display:none}

/* HP */
@media (max-width:600px){#issues div[id^="issue-"]{grid-template-columns:84px 1fr}}

/* Hormati pengguna yang mematikan animasi */
@media (prefers-reduced-motion:reduce){#issues div[id^="issue-"],#issues img{animation:none!important;transition:none!important}}

/* ===== Anti-glitch: tempel di BAGIAN PALING BAWAH Journal Style Sheet =====
   Halaman disembunyikan sebentar sampai skrip footer selesai merapikan tampilan,
   lalu muncul halus. Jika skrip gagal, halaman tetap muncul otomatis setelah 1,2 detik. */
#container{opacity:0;animation:kdShowFallback .01s linear 1.2s forwards}
html.kd-ready #container{opacity:1;animation:kdFadeIn .35s ease both}
@keyframes kdShowFallback{to{opacity:1}}
@keyframes kdFadeIn{from{opacity:0}to{opacity:1}}

/* ===== penyesuaian Talenta ===== */
#breadcrumb a,#breadcrumb a.current{color:#3d5f06!important}#breadcrumb a:hover{color:#65a310!important}#main h2{color:#3d5f06}

/* deskripsi jurnal di beranda: lebar penuh, tidak float */
#journalDescription{float:none!important;width:auto!important;max-width:100%!important;margin:0 0 20px!important;line-height:1.65}#journalDescription img{max-width:100%;height:auto}#content>br{display:none}#pageFooter,#homepageImage{clear:both}