.pkp_navigation_primary_row {
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #f3f3f3 50%,
    #ededed 51%,
    #ffffff 100%
  );
  padding-left: 20px;
  font-size: 1.12em;
  padding-top: 5px;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}


/* ===========================
   CURRENT ISSUE STYLING OJS 3.4 (versi ringan & sejajar)
   =========================== */

/* Bungkus utama current issue */


/* Pastikan mengikuti padding parent (supaya lurus dengan elemen atasnya) */
.pkp_structure_main .current_issue,
.page_content .current_issue {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: inherit;
  padding-right: inherit;
}

/* Judul Current Issue */
.current_issue .title {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 10px;
  border-left: 4px solid #0056b3;
  padding-left: 18px;
  color: #003366;
}

/* Cover image issue (jika ada) */
.current_issue .cover img {
  max-width: 140px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.06);
  margin-bottom: 16px;
  transition: transform .2s ease;
}
.current_issue .cover img:hover {
  transform: scale(1.03);
}

/* Daftar artikel */
.current_issue .cmp_article_list.articles {
  border: none;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

/* Artikel item */
.current_issue .cmp_article_list.articles .obj_article_summary {
  padding: 12px 14px;
  border-radius: 4px;
  margin-bottom: 8px;
  transition: background-color .2s ease;
}

/* Zebra effect */
.current_issue .cmp_article_list.articles .obj_article_summary:nth-child(odd) {
  background-color: #ffffff;
}
.current_issue .cmp_article_list.articles .obj_article_summary:nth-child(even) {
  background-color: #f3f6f9;
}

/* Hover efek artikel */
.current_issue .cmp_article_list.articles .obj_article_summary:hover {
  background-color: #e9f1fb;
}

/* Judul artikel */
.current_issue .obj_article_summary .title a {
  font-size: 1rem;
  font-weight: 500;
  color: #003366;
  text-decoration: none;
}
.current_issue .obj_article_summary .title a:hover {
  color: #0056b3;
  text-decoration: underline;
}

/* Metadata artikel */
.current_issue .obj_article_summary .meta {
  font-size: 0.85rem;
  color: #666;
}

/* Responsif */
@media (max-width: 768px) {
  .current_issue {
    padding: 14px;
  }
  .current_issue .cover img {
    max-width: 100px;
  }
}












/* end article details page */


.pkp_block {
  padding: 10px 6px 0 8px;
  margin-top: 10px;
  border-radius: 4px;
}

.pkp_block ul li {
  font-size: 1.1em;
}

.pkp_block .content {
  border: 1px solid rgb(232 232 232);
  /*border-top: none;*/
  border-radius: 4px;
  box-shadow: 9px 9px 5px -12px rgb(177 174 174 / 75%);
  font-size: 14px;
}

.pkp_block .content p,
.pkp_block .content ul {
  padding: 10px;
}

.block_information a,
.block_language_toggle a {
  font-size: 14px;
}

.pkp_block .content p {
  padding: 5px;
}

.pkp_block .title {
  width: 100%;
  padding: 10px 10px 8px 10px;
  text-align: center;
  color: rgb(55 150 54);
  font-size: 1.15em;
  background-blend-mode: multiply;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.pkp_block .sjr {
  width: 100%;
  border-radius: 4px 4px 0 0;
  padding: 10px 10px 8px 10px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1.15em; 
  background-blend-mode: multiply;
  background: #e77642 100%;
}

.pkp_block .scopus {
  width: 100%;
  border-radius: 4px 4px 0 0;
  padding: 10px 10px 8px 10px;
  text-align: center;
  color: rgb(0, 0, 0);
  font-size: 1.15em; 
  background-blend-mode: multiply;
  background: #e8e8e8  100%;
}


 
.pkp_block .sinta {
    width: 100%;
  border-radius: 4px 4px 0 0;

  padding: 10px 10px 8px 10px;
  text-align: center;
  color: rgb(0, 0, 0);
  font-size: 1.15em; 
  background-blend-mode: multiply;
  background: #cddc39   100%;
  
  
  /*border: 1px solid #efefef;*/
  /* background: url(https://image.freepik.com/free-vector/abstract-trendy-black-line-pattern-decoration-background_121035-76.jpg) no-repeat 1px 0px #104e10; */
}




.row [class^=col] {
    float: left;
    margin: .5rem 2%;
    min-height: .125rem
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    width: 96%
}

.col-1-sm {
    width: 4.33%
}

.col-2-sm {
    width: 12.66%
}

.col-3-sm {
    width: 21%
}

.col-4-sm {
    width: 29.33%
}

.col-5-sm {
    width: 37.66%
}

.col-6-sm {
    width: 46%
}

.col-7-sm {
    width: 54.33%
}

.col-8-sm {
    width: 62.66%
}

.col-9-sm {
    width: 71%
}

.col-10-sm {
    width: 79.33%
}

.col-11-sm {
    width: 87.66%
}

.col-12-sm {
    width: 96%
}

.row::after {
    content: "";
    display: table;
    clear: both
}

.hidden-sm {
    display: none
}

@media only screen and (min-width:33.75em) {
    .container {
        width: 80%
    }
}

@media only screen and (min-width:45em) {
    .col-1 {
        width: 4.33%
    }

    .col-2 {
        width: 12.66%
    }

    .col-3 {
        width: 21%
    }

    .col-4 {
        width: 29.33%
    }

    .col-5 {
        width: 37.66%
    }

    .col-6 {
        width: 46%
    }

    .col-7 {
        width: 54.33%
    }

    .col-8 {
        width: 62.66%
    }

    .col-9 {
        width: 71%
    }

    .col-10 {
        width: 79.33%
    }

    .col-11 {
        width: 87.66%
    }

    .col-12 {
        width: 96%
    }

    .hidden-sm {
        display: block
    }
}

@media only screen and (min-width:60em) {
    .container {
        width: 75%;
        max-width: 60rem
    }
}

 .home_journal_description {
  box-shadow: 9px 10px 5px -10px rgb(224 224 224 / 75%);
  border: 1px solid #f3f3f3;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #eaeaea;
  background: linear-gradient(
    135deg,
    rgb(255 255 255) 0%,
    rgb(249 249 249) 47%,
    rgb(245 245 245 / 67%) 100%
  );
  padding: 10px 5px 20px 5px;
  font-size: 13.5px;
  text-align: justify;
  margin-left: -25px;
  width: 106.3%;
  margin-top: -27px;
}





/* footer */
.pkp_footer_content {
  background: linear-gradient(to bottom,
      rgb(255 255 255) 0%,
      rgb(255 255 255) 33%,
      rgb(255 255 255) 100%);
}

.pkp_footer_content .theme-credit {
  text-align: right;
  width: 100%;
  color: #bbbaba;
  font-size: 10px;
}

.pkp_footer_content .theme-credit a {
  color: grey;
  text-decoration: none;
}

.pkp_structure_footer_wrapper {
  background: #f9f9f9;
  margin-bottom: 10px;
}

.pkp_structure_footer {
  margin-top: 10px;
  background: white;
  border: 1px solid #efefef;
}

.pkp_brand_footer {
  display: none;
}

.pkp_footer_content {
  padding: 0;
}

.pkp_footer_content .footer {
  padding: 30px;
  box-shadow: 0px 1px 5px -2px rgb(0 0 0 / 13%);
  z-index: 1;
}

.row.copright-container {
  font-size: 13px;
  text-align: justify;
  color: #8c8c8c;
  border-top: 1px solid #f3f3f3;
  padding: 30px;
  background: linear-gradient(to bottom,
      rgb(249 249 249) 0%,
      rgb(255 255 255) 100%);
}

.copyright-wrapper {
  width: 100%;
}

.copyright-wrapper a.img_cc {
  height: 10px;
  margin-top: 10px;
  width: 200px;
  margin: 0 85px 0 5px;
}

.copyright-wrapper a.img_cc img {
  position: absolute;
}

/* end footer */


.uvp-list ul {
  font-family: 'Work Sans', sans-serif;
  padding: 0.5rem;
  line-height: 28px;
  font-size: 16px;
  display: inline-block;
  border: solid 1px #bababa;
  padding: 1rem 2rem;
  max-width: 100%;
}

.uvp-list ul {
  list-style: none;
}

.uvp-list ul > li {
  clear: left;
  padding: .5rem 0;
}
 
.uvp-list ul > li:before {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  display: block;
  float: left;
  margin-left: -1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%:
}

.uvp-list ul > li:before { 
  background: url("https://info.openpath.com/hubfs/checkmark-round-orange.svg");
  background-size: cover;
  background-position: center;
  padding: .15rem;
}



.pkp_block .rounded {
  border-radius: 1rem !important;
}
.pkp_block .video-wrapper {
  overflow: hidden;
  float: left;
  position: relative;
}


.yt{
  text-align: center;
}
iframe{
  display: inline-block;
}