@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
.journals ul .body .description a {
    display: inline;
}

@import url('https://fonts.googleapis.com/css?family=Sunflower:300');

html,
body {
    background: url(https://img.freepik.com/premium-vector/vector-white-islamic-horizontal-background-with-seamless-islamic-pattern_339006-192.jpg);
      background-size: auto;
    background-size: 400px;
  }
  
  .pkp_site_name .is_img img {
    max-height: 100% !important;
  }
  .pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .pkp_site_name {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pkp_site_name > a {
    padding-top: 0;
    padding-bottom: 0;
  }
  .jejer_kiri {
      width: 50%;
      float: left;
  }
  .block_make_submission_link {
      width: 100%;
      text-align: center;
  }
  .pkp_block.block_information span.title::before {
      font-family: 'FontAwesome';
      content: '\f0f6';
      padding-right: 5px;
  }
  .block_make_submission_link::before {
      font-family: 'FontAwesome';
      content: '\f044';
  }
  .imgdoi {
      width: 18px;
      position: relative;
      top: 3px;
  }
  .obj_issue_toc .cover {
      display: block !important;
      margin-bottom: 20px;
      float: left !important;
      padding-right: 10px !important;
  }
  .current_issue {
      clear: both !important;
  }
  
  /* custom style side block */
  .pkp_block {
      padding: 10px 5px 10px 5px;
  }
  #customblock-menu {
      padding: 0 5px 15px 5px;
  }
  .item_menu {
    padding: 7px 15px;
    margin: 0;
    background: #a5c637;
    border-bottom: 1px solid #9b9386;
  }
  .item_menu:hover {
      background: #b4c480;
  }
  .item_menu a {
      color: white;
  }
  .homepage_about p {
      text-align: justify;
  }
  #customblock-Sidebar_menu {
      padding-top: 0;
  }
  .block_make_submission_link {
    padding: 10px !important;
    color:white;
  }
  .heading > .cover {
    width: 35%;
  }
  .homepage_image {
    padding: 10px;
  }
  .pkp_structure_footer_wrapper {
      border-bottom: 20px solid #a85432;
  }
  .cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
      background: #a85432;
  }
  #navigationPrimary > li > a:hover, #navigationPrimary > li > a:focus {
      border-color: #bc5c36;
  }
  #navigationPrimary a:hover, #navigationPrimary a:focus {
      color: #bc5c36;
  }
  #navigationPrimary ul {
      background: #ea934c;
  }
  .pkp_brand_footer {
    display: none;
  }
  @media (max-width: 480px) {
      .jejer_kiri {
          width: 100%;
          float: none;
      }
  }
  
  /* end tambahan */

.obj_article_summary .item.stats .abstract,
.obj_article_summary .item.stats .galley {
    position: relative;
}

.obj_article_summary .item.stats .abstract {
    margin-left: 20px;
    margin-right: 10px;
}

.obj_article_summary .item.stats .galley {
    margin-left: 25px;
}

.obj_article_summary .item.stats .abstract:before {
    content: "\f080";
    font-family: FontAwesome;
    left: -15px;
    position: absolute;
    top: 0;
}

.obj_article_summary .item.stats .galley:before {
    content: "\f1c1";
    font-family: FontAwesome;
    left: -15px;
    position: absolute;
    top: 0;
}


/* Menata ulang layout statistik agar sejajar */

.obj_article_summary .galleys_links,
.obj_article_summary .item.stats {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}


/* 1. Menambahkan Ikon Pengguna (Users) sebelum nama penulis */


/* Menggunakan FontAwesome yang sudah di-import */


/* 1. Menambahkan Ikon Pengguna (Users) sebelum nama penulis */

.obj_article_summary .authors::before {
    font-family: FontAwesome !important;
    content: "\f0c0";
    /* Kode ikon untuk grup pengguna */
    margin-right: 7px;
    color: #555;
}


/* 2. Menambahkan Ikon Halaman sebelum nomor halaman */

.obj_article_summary .pages::before {
    font-family: FontAwesome !important;
    content: "\f0f6";
    /* Kode ikon untuk file/dokumen */
    margin-right: 7px;
    color: #555;
}


/* 3. Menambahkan Ikon dan Teks "Abstract views" */

.obj_article_summary .item.stats .abstract::before {
    font-family: FontAwesome !important;
    content: "\f080 Abstract views: ";
    /* Kode ikon grafik */
    font-weight: normal;
    color: #555;
}


/* 4. Menambahkan Ikon dan Teks "Downloaded" */

.obj_article_summary .item.stats .galley a::before {
    font-family: FontAwesome !important;
    content: "\f019 Downloaded: ";
    /* Kode ikon download */
    font-weight: normal;
    color: #555;
}


/* --- KODE UNTUK IKON DOI (GAMBAR KUSTOM) DI ARTICLE SUMMARY --- */


/* 1. Sembunyikan teks "DOI:" yang ada di dalam tag <strong> */

.doiInSummary strong {
    display: none !important;
}


/* 2. Tambahkan gambar ikon dari web Anda sebelum link DOI */

.doiInSummary a::before {
    content: url('/templates/images/icons/icon-doi.png');
    margin-right: 8px;
    /* Jarak antara ikon dan link DOI */
    vertical-align: middle;
    /* Memastikan ikon sejajar dengan teks link */
}


/* --- Kode Tambahan (biarkan seperti sebelumnya) --- */

.obj_article_summary .galleys_links,
.obj_article_summary .item.stats {
    display: inline-block !important;
    margin-right: 15px !important;
    vertical-align: middle !important;
}

.obj_article_summary .item.stats .galley a .label {
    display: none !important;
}

.obj_article_summary .item.stats .abstract,
.obj_article_summary .item.stats .galley {
    margin-left: 0 !important;
}
/* == IKON PADA HALAMAN DETAIL ARTIKEL == */


/* ============================================= */


/* 1. Menambahkan ikon PENGGUNA sebelum nama penulis */

.obj_article_details .authors .name::before {
    font-family: FontAwesome !important;
    content: "\f007";
    /* Kode ikon untuk fa-user */
    margin-right: 8px;
    /* Memberi jarak antara ikon dan teks */
    color: #555;
}


/* 2. Menambahkan ikon KAMPUS sebelum nama institusi */

.obj_article_details .authors .affiliation::before {
    font-family: FontAwesome !important;
    content: "\f19c";
    /* Kode ikon untuk fa-university */
    margin-right: 8px;
    color: #555;
}


/* Mengganti teks "DOI" dengan gambar ikon di HALAMAN DETAIL ARTIKEL */

.obj_article_details .item.doi .label {
    background: url(/templates/images/icons/icon-doi.png) left center no-repeat;
    width: 25px !important;
    height: 24px !important;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    /* Tambahan agar layout rapi */
}

/*List Arikel Background*/
.obj_issue_toc .articles > li {
  margin-bottom: 20px;
  border-bottom: solid red;
  background-color: #4cbf89 !important;
  background: transparent url("https://i.ibb.co/dgHLv5J/bc3.png") repeat scroll 0% 0% !important;
  background: transparent url("https://jrf.dakwah.uinjambi.ac.id/public/site/images/admin/bg-artikel-list-read.png") repeat scroll
    0% 0% !important;
  padding: 1rem;
  border-radius: 0rem 0rem 2rem 0rem;
  /*border-radius: 2rem 2rem 2rem 2rem;*/
  box-shadow: 0.2rem 0.2rem 0.1rem #ff9100;
}