/* Custom CSS by @ilham.djaya */

/* HEADER */
.pkp_site_name .is_img img {
    display: block;
    max-height: 165px;
    width: auto;
    height: auto;
}


.page_index_journal{
  display: flex;
  flex-direction: column; /* Menentukan tata letak kolom */
}

.pkp_structure_main {
background: #eee;
}

.current_issue {
  order: 2;
}

.additional_content {
  order: 1;
}

.pkp_brand_footer {
display: none;
}

.pkp_structure_page {
background: url("https://ejurnal.iainpare.ac.id//public/site/images/muhilhamjaya/pattern_islamic.jpg") repeat fixed;
}



.pkp_block a {
   color: black;
}


/* SIDEBAR */
.pkp_block .title {
    display: table;
    color: white;
    margin-top: 1px;
    padding: 4px 10px;
    width: 100%;
    background: #343f28;
    border: solid 1px #302C2B;
    border-radius: 6px;
}

.pkp_block .content ul li {
    display: table;
    margin-top: 1px;
    padding: 4px 10px;
    width: 100%;
    background: #302C2B;
    vertical-align: middle;
    transition-property: background;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    border: solid 1px #000000;
    border-radius: 6px;
}

.pkp_block .content ul li:hover {
background: #9caf88;
color: black;
}


.block_make_submission a {
background: #302C2B;
color: white;
}

.pkp_block a {
color: white;
}

.pkp_block a:hover {
color: black;
}

/* 1. Flexbox container dibuat rata kiri */
.obj_issue_summary .description ul,
.obj_issue_toc .description ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start; /* Ini yang memindahkan deretan ke kiri */
    gap: 20px;
}

/* 2. Teks negara posisinya pas di bawah bendera */
.obj_issue_summary .description ul li,
.obj_issue_toc .description ul li {
    text-align: center; 
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

/* 3. Style bendera */
.obj_issue_summary .description ul li img,
.obj_issue_toc .description ul li img {
    display: block;
    width: 35px;
    height: 25px;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto 8px auto;
}