@import url(https://media.anwardani.id/css/ojs3/agroista.css);
/* 
Copyright sanguilmu.com 

Desain by Abdul Wahid Zaini

/* MENU */

.head-menu {
  border-bottom: 3px #FFFF00;
  height: 50px;
}

.head-menu a {
  display: block;
  padding: 10px;
  text-align: left;
  background-color: #263087;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 0.3rem solid #edc307;
}

.menu-sidebar {
  font: bold 12px arial, verdana, sans-serif;
}

.menu-sidebar li a {
  text-decoration: none;
  border-top: 1px solid #edc307;
  color: #263087;
  display: block;
  background-color: #EBEBEB;
  padding: 10px;
  margin-top: -7px;
  transition: 0.3s;
}

.menu-sidebar li a:hover {
  background-color: #EDE3AA;
  box-shadow: gray 2px 2px 2px;
  border-left: 5px solid #263087;
}

.menu-sidebar ul {
  list-style: none;
  padding: 0px;
}

.menu-sidebar ul ul {
  position: absolute;
  top: 50px;
  left: 135px;
  visibility: hidden;
}

.menu-sidebar ul li:hover ul {
  visibility: visible;
}

/* SELAIN MENU */

.kepala {
  color: #ffffff;
  background: #263087;
  padding: 10px;
  font-family: arial;
  line-height: 23px;
  border-bottom: 4px solid #9C873C;
  font-weight: bold;
  text-align: center;
}

.badan a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid white;
  background: #f0e68c;
  text-align: center;
  transition: 0.5s;
  color: #9C873C;
  
}

.badan {
  margin-top: -15px;
}

.badan a:hover {
  color: black !important;
  font-weight: bold;
  box-shadow: gray 0px 5px 10px 0px;
  display: fixed;
  position: relative;
}

/* Table of content */

.obj_article_summary {
  box-shadow: 3px 3px 5px;
  padding: 20px;
  border-radius: 10px;
  background: #f0f0f0;
  position: relative;
  z-index: 1;
}


.obj_article_summary.fa {
  padding-right: 10px;
}

.obj_article_summary:hover {
  background-color: #f0e68c;
  box-shadow: whitesmoke 0px 0px 1px 0px;
  color: black;
}

.obj_article_summary::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #263087;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: 800ms;
}

.obj_article_summary::after {
  transform: scaleX(1);
}





.obj_article_summary {
  padding-bottom: 10px !important;
  //border-bottom: solid 4px #800000 !important;
  font-size: 12px;
}

.meta .authors {
  background: url(/public/site/images/jipfri/icon-group.png) 1px 2px no-repeat;
  font-weight: bold;
  margin-top: 4px;
  padding-bottom: 5px;
  padding-left: 30px;
}

/* Footer */
.pkp_structure_footer_wrapper {
  background: #FFFDEB;
  border-bottom: 20px solid #263087;
  border-top: 4px solid #263087;
}

.pkp_footer_content {
  float: left;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pkp_brand_footer {
  float: right;
  width: 20%;
  padding-bottom: 10px;
  padding-top: 50px;
}

/*Body and Abstrack*/
.main_entry .item.abstract {
  text-align: justify;
}

body {

  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif  !important;
  font-size: 16px;
}

/* Struktur Header */

    .pkp_site_name_wrapper {
width: 100% !important;
}

.pkp_site_name .is_img img {
    max-height: 100% !important; 
    max-width: 100% !important; 
}



.pkp_site_name {
    margin: 0 !important;
}

.pkp_site_name > a {
    padding-top: 0 !important; 
    padding-bottom: 0 !important;
}

.pkp_site_name_wrapper {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    margin: 0 !important;
}

.pkp_navigation_primary_row {
  background: linear-gradient(-30deg, #9C873C, #EDE3AA, #9C873C, #EDE3AA); background-size: 400% 400%; animation: gradient 15s ease infinite; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; };
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  font-family: sans-serif !important;
  color: #263087 !important;
  font-weight: bold !important;
  transition: 0.2s;
}

.pkp_navigation_primary_row .pkp_navigation_primary.pkp_nav_list ul li a {
  color: white !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
  background: #263087;
  color: whitesmoke !important;
  border-radius: 20px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
.pkp_navigation_primary_row
  .pkp_navigation_primary_wrapper
  ul
  li
  ul
  li
  a:hover {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.pkp_site_nav_toggle {
  background-color: #263087;
}

.obj_article_details .page_title {
  background: #263087;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px;
  color:whitesmoke;
}

.pkp_navigation_user.pkp_nav_list .profile a {
  border-radius: 15px !important;
  padding-left: 10px;
  padding-right: 10px;
  background: #263087 ;
  color: #DCD094;
  border: 2px solid #263087;
}

.pkp_navigation_user.pkp_nav_list .profile a:hover {
  background: #263087;
  color: #D9D7F7;
}

.dropdown-menu {
  background: #263087 !important;
}

.pkp_navigation_search_wrapper {
  background: whitesmoke;
  border-radius: 20px;
  transition: 0.5s;
  color: #263087;
}

.pkp_navigation_search_wrapper a {
  color: #263087;
}

.pkp_navigation_search_wrapper a:hover {
  color: #A87C2D;
}

.pkp_navigation_search_wrapper:hover {
  border-radius: 0px;
}

.pkp_structure_sidebar.left {
  background: white;
}

.cmp_announcements.highlight_first {
  background;
  border-top: 1px solid #dddddd !important;
}


.pkp_block.block_Keywordcloud span {
  color: #ffffff;
  background: #a52a2a;
  padding: 10px;
  font-family: arial;
  line-height: 23px;
  border-bottom: 4px solid white;
  font-weight: bold;
  text-align: center;
  display: block;
}

.pkp_block.block_developed_by .title {
  color: #ffffff;
  background: #a52a2a;
  padding: 10px;
  font-family: arial;
  line-height: 23px;
  border-bottom: 4px solid white;
  font-weight: bold;
  text-align: center;
  display: block;
}

.pkp_block.block_developed_by .most_read {
  background: #263087 !important;
  padding: 6px;
  margin-top: -10px;
  font-size: 13px;
}
.pkp_block.block_developed_by li {
  border-bottom: 1px solid;
}
/* ===== MAIN MENU accordion (Managere) ===== */
:root{interpolate-size:allow-keywords}
.pkp_structure_sidebar .mgmm{--tx:#1f2440;--hdtx:#263087;--ac:#263087;--hov:#eef0fa;--bd:#dfe2f0;font-size:14px;line-height:1.4;border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:#fff;margin-top:8px}
.pkp_structure_sidebar .mgmm .grp{border-bottom:1px solid var(--bd);margin:0}
.pkp_structure_sidebar .mgmm .grp:last-child{border-bottom:0}
.pkp_structure_sidebar .mgmm .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:12px 14px;color:var(--hdtx);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;user-select:none;list-style:none;transition:background .2s,color .2s}
.pkp_structure_sidebar .mgmm .hd::-webkit-details-marker{display:none}
.pkp_structure_sidebar .mgmm .hd::marker{content:""}
.pkp_structure_sidebar .mgmm .hd:hover{background:#f6f7fc;color:var(--ac)}
.pkp_structure_sidebar .mgmm .grp[open] .hd{color:var(--ac)}
.pkp_structure_sidebar .mgmm .hd::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s ease;flex:none}
.pkp_structure_sidebar .mgmm .grp[open] .hd::after{transform:translateY(2px) rotate(-135deg)}
.pkp_structure_sidebar .mgmm .grp::details-content{block-size:0;overflow:hidden;transition:block-size .35s ease,content-visibility .35s allow-discrete}
.pkp_structure_sidebar .mgmm .grp[open]::details-content{block-size:auto}
.pkp_structure_sidebar .mgmm ul{list-style:none!important;margin:0!important;padding:0!important;background:#fbfbfe}
.pkp_structure_sidebar .mgmm li{margin:0!important;padding:0!important;border-top:1px solid #eef0f7;list-style:none}
.pkp_structure_sidebar .mgmm li::before,.pkp_structure_sidebar .mgmm li::marker{content:none!important}
.pkp_structure_sidebar .mgmm .grp[open] li{animation:mgmmIn .3s ease both}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(2){animation-delay:0.03s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(3){animation-delay:0.06s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(4){animation-delay:0.09s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(5){animation-delay:0.12s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(6){animation-delay:0.15s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(7){animation-delay:0.18s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(8){animation-delay:0.21s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(9){animation-delay:0.24s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(10){animation-delay:0.27s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(11){animation-delay:0.30s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(12){animation-delay:0.33s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(13){animation-delay:0.36s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(14){animation-delay:0.39s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(15){animation-delay:0.42s}
.pkp_structure_sidebar .mgmm .grp[open] li:nth-child(16){animation-delay:0.45s}
.pkp_structure_sidebar .mgmm li a{display:block!important;position:relative;padding:9px 14px 9px 30px!important;margin:0!important;color:var(--tx)!important;background:transparent!important;border:0!important;text-decoration:none!important;transition:padding .25s,color .25s,background .25s}
.pkp_structure_sidebar .mgmm li a::before{content:"";position:absolute;left:14px;top:50%;width:5px;height:5px;margin-top:-3px;border-right:2px solid var(--ac);border-top:2px solid var(--ac);transform:rotate(45deg);transition:left .25s}
.pkp_structure_sidebar .mgmm li a:hover{padding-left:36px!important;color:var(--ac)!important;background:var(--hov)!important}
.pkp_structure_sidebar .mgmm li a:hover::before{left:20px}
@keyframes mgmmIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pkp_structure_sidebar .mgmm *{transition:none!important;animation:none!important}}