.author-details {
    margin-top: 2px;
    font-size: 0.96em;
}

.name {
    
    font-size: 0.9em;
    font-weight :bold;
}
.affiliation {
    font-size: 0.8em;
    color: #555;
}
.country {
   
    color: #040404;
    font-size: 0.8em;
}

.breadcrumb
 {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #ecf0f1;
    border-radius: 4px;
}

.article-details-as h3.page-header {
    font-size: 2.5em;
    font-weight: bold;
    color: #2c3e50; /* Warna gelap untuk kontras */
    margin-bottom: 20px;
    border-bottom: 2px solid #3498db; /* Garis bawah biru */
    padding-bottom: 10px;
}

.author-details-as {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f9f9f9; /* Latar belakang abu-abu muda */
    border-left: 4px solid #47a649; /* Garis vertikal biru */
}

.author-details-as .author {
    font-size: 1.2em;
    font-weight: bold;
    color: #34495e; /* Warna gelap */
}

.author-details-as .affiliation {
    font-size: 1em;
    color: #7f8c8d; /* Warna abu-abu */
    display: block;
    margin-top: 5px;
}

.abstract {
    text-align: justify; /* Teks rata kiri-kanan */
    font-size: 1.1em;
    line-height: 1.6;
    color: #2c3e50; /* Warna teks gelap */
    margin-top: 20px;
    padding: 15px;
    background-color: #ecf0f1; /* Latar belakang abu-abu muda */
    border-radius: 8px; /* Sudut melengkung */
   
        hyphens: auto; /* Pemenggalan kata otomatis */
    -webkit-hyphens: auto; /* Untuk browser berbasis WebKit (Chrome, Safari) */
    -ms-hyphens: auto; /* Untuk browser Microsoft */
}

.abstract strong {
    color: #47a649; /* Warna biru untuk judul "Abstract" */
    font-size: 1.2em;
    margin-bottom: 10px;
    display: block; /* Agar judul berada di baris terpisah */
}

.abstract p {
    margin-bottom: 0; /* Hilangkan margin bawah */
}

.nav-tabs {
    background-color: #f9f9f9; /* Latar belakang abu-abu muda */
    border: 1px solid #e0e0e0; /* Border abu-abu muda */
    border-radius: 8px 8px 0 0; /* Sudut melengkung hanya di bagian atas */
    padding: 10px 10px 0 10px; /* Padding untuk tab */
    margin-bottom: -1px; /* Agar konten tab panel menyatu */
}

.nav-tabs .nav-item {
    margin-bottom: -1px; /* Agar tab menyatu dengan panel */
}

.nav-tabs .nav-link {
    background-color: #ffffff; /* Latar belakang putih */
    border: 1px solid #e0e0e0; /* Border abu-abu muda */
    border-radius: 5px 5px 0 0; /* Sudut melengkung hanya di bagian atas */
    padding: 10px 20px; /* Padding untuk tab */
    color: #7f8c8d; /* Warna teks abu-abu */
    font-size: 1.1em;
    transition: all 0.3s ease;
}

.nav-tabs .nav-link:hover {
    background-color: #f1f1f1; /* Warna latar belakang lebih gelap saat hover */
    border-color: #e0e0e0; /* Border abu-abu muda */
    color: #3498db; /* Warna biru saat hover */
}

.nav-tabs .nav-link.active {
    background-color: #3498db; /* Warna biru untuk tab aktif */
    border-color: #3498db; /* Border biru */
    color: #ffffff; /* Warna teks putih */
    font-weight: bold;
}

.tab-content {
    background-color: #ffffff; /* Latar belakang putih */
    border: 1px solid #e0e0e0; /* Border abu-abu muda */
    border-radius: 0 0 8px 8px; /* Sudut melengkung hanya di bagian bawah */
    padding: 20px; /* Padding internal */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow halus */
}


.tab-content .tab-pane h5 {
    font-size: 1.3em;
    font-weight: bold;
    color: #2c3e50; /* Warna teks gelap */
    margin-bottom: 15px;
}

.tab-content .tab-pane p {
    font-size: 1em;
    color: #7f8c8d; /* Warna teks abu-abu */
    line-height: 1.6;
    margin-bottom: 10px;
}

.tab-content .tab-pane a {
    color: #47a649; /* Warna biru untuk link */
    text-decoration: none;
    transition: color 0.3s ease;
}

.tab-content .tab-pane a:hover {
    color: #2980b9; /* Warna biru lebih gelap saat hover */
    text-decoration: underline; /* Garis bawah saat hover */
}

.nav-tabs .nav-link {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.tab-content .tab-pane {
    transition: opacity 0.3s ease;
}

.article-references {
    margin-top: 20px;
    padding: 15px;   
    border-radius: 5px; /* Sudut melengkung */
}

.article-references-content p {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.article-references-content p::before {
    content: "•"; /* Bullet point */
    color: #4da649; /* Warna biru */
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: -5px;
}

.how-to-cite {
    margin-top: 20px;
    padding: 15px;
    background-color: #ecf0f1; /* Latar belakang abu-abu muda */
    border-radius: 5px; /* Sudut melengkung */
}

.btn-primary {
    color: #fff;
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.how-to-cite .btn-default {
    background-color: #3498db; /* Warna biru */
    color: #fff; /* Warna teks putih */
    border: none;
    transition: background-color 0.3s ease;
}

.how-to-cite .btn-default:hover {
    background-color: #2980b9; /* Warna biru lebih gelap saat hover */
}

.license-details {
    margin-top: 20px;
    padding: 15px;
    background-color: #f9f9f9; /* Latar belakang abu-abu muda */
    border-left: 4px solid #3498db; /* Garis vertikal biru */
    border-radius: 5px; /* Sudut melengkung */
}

.license-details a {
    color: #3498db; /* Warna biru untuk link */
    text-decoration: none;
    font-weight: bold;
}

.license-details a:hover {
    text-decoration: underline; /* Garis bawah saat hover */
}

/* Efek hover untuk card */
.article-details .list-group-item:hover {
    background-color: #f1f1f1; /* Warna latar belakang saat hover */
    transition: background-color 0.3s ease;
}

/* Efek hover untuk tombol */
.btn-primary:hover {
    background-color: #2980b9; /* Warna biru lebih gelap saat hover */
    transition: background-color 0.3s ease;
}

.col-md-4{
    background-color: #ffffff; /* Latar belakang putih */
    border: 1px solid #e0e0e0; /* Border abu-abu muda */
    border-radius: 8px; /* Sudut melengkung */
    padding: 20px; /* Padding internal */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow halus */
    margin-bottom: 20px; /* Jarak dari kolom kanan */
}




.download .galley-link {
    display: block;
   
    color: #ffffff; /* Warna teks putih */
    padding: 10px 15px;
    border-radius: 5px; /* Sudut melengkung */
    text-align: center;
    margin-bottom: 10px; /* Jarak antar tombol */
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.download .galley-link:hover {
    background-color: #2980b9; /* Warna biru lebih gelap saat hover */
}

.list-group-item {
    background-color: #f9f9f9; /* Latar belakang abu-abu muda */
    border: 1px solid #e0e0e0; /* Border abu-abu muda */
    border-radius: 5px; /* Sudut melengkung */
    margin-bottom: 10px; /* Jarak antar item */
    padding: 15px; /* Padding internal */
    transition: background-color 0.3s ease;
}

.list-group-item:hover {
    background-color: #f1f1f1; /* Warna latar belakang lebih gelap saat hover */
}

.list-group-item strong {
    color: #2c3e50; /* Warna teks gelap */
    font-weight: bold;
}

.list-group-item a {
   
    text-decoration: none;
    transition: color 0.3s ease;
    color: #47a649;
}

.list-group-item a:hover {
    color: #2980b9; /* Warna biru lebih gelap saat hover */
    text-decoration: underline; /* Garis bawah saat hover */
}





.col-md-4  {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.col-md-4 hover {
    transform: translateY(-5px); /* Sedikit naik saat hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Shadow lebih besar saat hover */
}


.cover-image img {
    border: 1px solid #ddd; /* Border abu-abu */
    border-radius: 5px; /* Sudut melengkung */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow */
    transition: transform 0.3s ease;
}

.cover-image img:hover {
    transform: scale(1.02); /* Sedikit zoom saat hover */
}

@media (max-width: 768px) {
    .article-details-as h3.page-header {
        font-size: 2em; /* Ukuran font lebih kecil di mobile */
    }

    .author-details {
        padding: 10px; /* Padding lebih kecil di mobile */
    }

    .abstract {
        padding: 10px; /* Padding lebih kecil di mobile */
    }
}


.media.biography {
    background-color: #ffffff; /* Latar belakang putih */
    border: 1px solid #e0e0e0; /* Border abu-abu muda */
    border-radius: 8px; /* Sudut melengkung */
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Shadow halus */
    transition: box-shadow 0.3s ease;
}

.media.biography:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Shadow lebih besar saat hover */
}

.media.biography h5 {
    font-size: 1.3em;
    font-weight: bold;
    color: #2c3e50; /* Warna gelap */
    margin-bottom: 10px;
}

.media.biography p {
    font-size: 1em;
    color: #7f8c8d; /* Warna abu-abu */
    margin-bottom: 5px;
    line-height: 1.6;
}

.media.biography .affiliation {
    font-size: 0.95em;
    color: #34495e; /* Warna biru gelap */
    margin-bottom: 5px;
}

.media.biography .country {
    font-size: 0.9em;
    color: #7f8c8d; /* Warna abu-abu */
    font-style: italic;
}

.orcidImage img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.media.biography .primary-contact {
    color: #47a65a; /* Warna biru */
    font-weight: bold;
    margin-left: 5px;
}

.media.biography .primary-contact::before {
    content: "✉️"; /* Icon email */
    margin-right: 5px;
}

.media.biography .biography-text {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e0e0e0; /* Garis pemisah */
    font-size: 0.95em;
    color: #555; /* Warna teks abu-abu gelap */
    line-height: 1.6;
}

.media.biography {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.media.biography:hover {
    transform: translateY(-5px); /* Sedikit naik saat hover */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow lebih besar saat hover */
}

body {
    max-width: 1440px; /* Lebar maksimum untuk desktop */
    margin: 0 auto; /* Untuk memusatkan halaman */
    padding: 0px; /* Opsional, untuk memberikan ruang di sekitar konten */
    box-sizing: border-box;
}


/* Untuk tablet */
@media (max-width: 768px) {
    body {
        max-width: 100%; /* Lebar penuh untuk tablet */
        padding: 0px;
    }
}

/* Untuk smartphone */
@media (max-width: 480px) {
    body {
        max-width: 100%; /* Lebar penuh untuk smartphone */
        padding: 0px;
    }
}

.row {
    margin-right: 0px;
    margin-left: 0px; 
}

.container {
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
}

.container>.navbar-collapse {
    margin-left: 15px;
}




.journal_index {
    background: url('header_salaga.jpg') top right no-repeat;
    min-height: 160px;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 640px) {
    .journal_index {
        background: none !important;
    }
}



.site_header { 
    background: linear-gradient(to bottom, #fff 0%, #f3f3f3 50%, #ededed 51%, #fff 100%);
    border: 1px solid #e1e1e1;
    padding-left: 0px;
    font-size: 0.9em;   
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

#main-navigation > li a { 
    color: black;
    padding-top: 24px;    /* Tambahkan ini untuk mendorong teks ke bawah */
    padding-bottom: 18px; /* Tambahkan ini untuk menyeimbangkan bagian bawah */
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus,.header_view .navbar-nav>.open>a,.header_view .navbar-nav>.open>a:hover,.header_view .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #7ea587
}

.panel-default > .panel-heading, .pkp_block .title {   
    color: #ffffff;    
    background: rgba(179,220,237,1);
    background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(100%, rgba(41,184,229,1)));
    background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 100%);
    background: linear-gradient(to bottom, rgb(46 43 43) 0%, rgb(93 99 117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3dced', endColorstr='#29b8e5', GradientType=0);
}

#navigationUser {
    background-color: #0000005c; /* Warna latar belakang */
    border: 1px solid #ddd; /* Border */
    padding: 10px; /* Padding */
    border-radius: 5px; /* Sudut melengkung */
}

#navigationUser li a {
    color: #007bff; /* Warna teks */
    padding: 5px 10px; /* Padding */
    text-decoration: none; /* Hilangkan garis bawah */
    border-radius: 3px; /* Sudut melengkung */
}

#navigationUser li a:hover {
    background-color: #0056b3; /* Warna latar belakang saat hover */
    color: white; /* Warna teks saat hover */
}

.user_navigation { 
    position: absolute;
    top: 0px;
    right: 10px;
    padding: 4px;
    border-radius: 5px;
    z-index: 1000;
}


@media (max-width: 640px) {
    .user_navigation { 
        background: #295293; /* Old browsers */
        background: -moz-linear-gradient(left, #295293 0%, #3fa1e2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #295293 0%,#3fa1e2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #6d6e70 0%, #2c2c2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#295293', endColorstr='#3fa1e2', GradientType=1); /* IE6-9 */ 
        position: relative;
    }
}

.user_navigation a {
    color: rgb(255, 255, 255) !important;
}

.user_navigation .dropdown-menu li a { 
    color: rgb(87, 87, 87) !important;
}

.about_journal { 
    padding: 20px;
    font-size: 1.03em;
    color: white;
    background: #174632cf;
    border: 0.5px solid #f0f0f0;
}

.about_journal h1 { 
    color: #ff8040;
}

.editorial_team_block .profile .name {
    color: #3437ce;
}

.navbar-default .navbar-brand, .header_view .navbar-brand {
    margin-left: 15px;
    color: #92c732 !important;
}

@media (min-width: 640px) {
    .navbar-default .navbar-brand, .header_view .navbar-brand {
    display: none;
}
}


@media (max-width: 640px) {
    .navbar-default, .header_view {
        background-color: #ededed;
        border-color: transparent !important;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 0px;   
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 13px;
    margin-bottom: 13px;
    background-color: #4fb543;
    background-image: none;
    border: 1px solid #000;
    border-radius: 4px;
}

.navbar-default .navbar-toggle:hover {
    background-color: #33a64e;
}

.navbar {
    margin-bottom: 10px !important;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #82a586
}

.box-abouthome {
    display: flex;
    background-color: #f8f9fa; /* Warna latar belakang */
    border-top: 0px solid #ddd;
    padding: 0px 0px 0px 3px;
    text-align: justify;
}

.abouthome-kiri {
    display: flex;
    align-items: center; /* Menyelaraskan konten secara vertikal */
    justify-content: center; /* Menyelaraskan konten secara horizontal */
    width: 25%;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #dee2e6;
}

.abouthome-kanan {
    width: 74%;
    height: auto;
    padding: 10px 15px 10px 15px;
    background-color: #e9ecef;
}

.kolom {
    float: left;
}

.pkp_structure_main {
    
    /* Tambahkan gaya kustom Anda di sini */
    background-color: #f9f9f9; /* Contoh: mengubah warna latar belakang */
    padding: 20px; /* Contoh: menambahkan padding */
    border: 1px solid #ccc; /* Contoh: menambahkan border */
    border-radius: 5px; /* Contoh: menambahkan border radius */
  
}

#sidebar.pkp_structure_sidebar {
     
    
    padding-right: 0px;
    padding-left: 0px;
 
}

.pkp_structure_page {
     
    background-color: #f9f9f9;
   
    border: 1px solid #ccc;
    
 
}



@media (max-width: 640px) {
    .kolom {
        float: none !important;
    }
    .abouthome-kiri {
    width: 100%;
   
}
.abouthome-kanan {
    width: 100%;
   
}

.box-abouthome {
    display: table-row; }

}

.homepage-image {
    /* Tambahkan gaya khusus untuk homepage-image di sini */
    border: 2px solid #ccc;
    padding: 2px; }

.navbar-header .site-name {
    margin: 0;
    text-transform: uppercase;
}


.current_issue .page-header.currnet-issue h2 {
  display: inline-block;
    width: 100%;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #92c734;
    text-transform: uppercase;
    font-size: 20pt;
    color: rgba(0, 0, 0, 0.54);
}

.heading.row.cover-issue {
    display: flex;
    flex-direction: column;
    align-items: center; /* Menyelaraskan gambar di tengah */
}

.thumbnail.cover-issue {
    display: flex;
    justify-content: center; /* Menyelaraskan gambar di tengah */
    width: 100%; /* Memastikan gambar mengambil lebar penuh */
}

.thumbnail.cover-issue img {
    max-width: 100%; /* Memastikan gambar tidak melebihi lebar kolom */
    height: auto; /* Mempertahankan aspek rasio gambar */
}

.issue-details {
    text-align: justify; /* Mengatur teks menjadi justify */
    width: 100%; /* Memastikan elemen mengambil lebar penuh */
}

.issue-details .description,
.issue-details .published {
    margin-top: 20px; /* Menambahkan jarak antara elemen */
}

.page-header.title-toc h2 small {
    display: inline-block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: #596371  !important;
    border-bottom: 3px solid #92c734;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff !important;
    width: 100%;
}

.pkp_block .title {
    font-size: 14pt;
    text-transform: uppercase;
    background: #5c6374;
    margin-bottom: 0px;
}


.pkp_block.block_make_submission {
    border-radius: 10px;
    background-color: rgb(90 99 114);
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
}

.pkp_block.block_make_submission a {
    color: #fff;
    background-color: #5b6373;
    border-color: #95a5a6;
}

.block_make_submission a {
    color: white;
    width: 100%;
    padding: .75rem 1rem;
    text-align: center;
    text-decoration: none;
}

.block_make_submission a {
    font-family: "Baloo Tamma 2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: rgb(90 99 114);
    color: #fff !important;
    border: none !important;
}



.block_make_submission a:hover,
.block_make_submission a:focus {
    background: rgb(90 99 114) !important; /* Contoh perubahan warna saat hover */
}



.alert-info {
    background-color: #ecf0f1; /* Latar belakang abu-abu muda */
    border: 1px solid #3498db; /* Border biru */
    border-radius: 8px; /* Sudut melengkung */
    color: #2c3e50; /* Warna teks gelap */
    padding: 15px;
    margin-top: 20px;
    text-align: center;
}

.toc_counts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
}

.gbr_doi {
    display: flex ;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
}

.galley-link.btn.btn-primary.pdf {
    font-size: 14px;
    padding: 6px 20px;
    width: 150px;
    height: 38px;
    font-family: "Baloo Tamma 2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
}

.article-summary.media {
    background-color: #F5F5DC; /* Contoh: Mengubah warna latar belakang */
    padding: 20px; /* Contoh: Mengubah padding */
    border-radius: 10px; /* Contoh: Menambahkan border radius */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Contoh: Menambahkan bayangan */
}

.article-summary.media a{
   color: #33a64c;
    text-decoration: none;
}



.year-group h2 {
    font-size: 2em;
    font-weight: bold;
    color: #2c3e50; /* Warna gelap */
    margin-bottom: 20px;
    border-bottom: 2px solid #47a649; /* Garis bawah biru */
    padding-bottom: 10px;
}

.issueart-heading {
    font-size: 16px;
    color: #333; /* Contoh warna teks */
    margin-top: 10px; /* Contoh jarak atas */
    margin-bottom: 10px; /* Contoh jarak bawah */
    text-align: center; /* Rata tengah */
 font-family: "Baloo Tamma 2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
}

.issueart-heading a{
   color: #33a64c;
    text-decoration: none;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Jarak antar item */
    margin-top: 20px;
}

.flex-item {
    flex: 1 1 calc(33.333% - 20px); /* 3 kolom per baris */
    background-color: #ffffff; /* Latar belakang putih */
    border: 1px solid #e0e0e0; /* Border abu-abu muda */
    border-radius: 8px; /* Sudut melengkung */
    padding: 20px; /* Padding internal */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow halus */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.flex-item:hover {
    transform: translateY(-5px); /* Sedikit naik saat hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Shadow lebih besar saat hover */
}

.cover-image-ia {
    display: flex;
    justify-content: center; /* Pusatkan secara horizontal */
    align-items: center; /* Pusatkan secara vertikal */
    width: 250px; /* Lebar penuh */
   
    overflow: hidden; /* Hindari gambar keluar dari container */
    margin: 0 auto; /* Pusatkan container */
}

.cover-image-ia img {
    max-width: 100%; /* Pastikan gambar tidak melebihi lebar container */
    max-height: 100%; /* Pastikan gambar tidak melebihi tinggi container */
    object-fit: contain; /* Pastikan gambar menutupi area tanpa distorsi */
    border-radius: 8px; /* Sudut melengkung */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow halus */
}

.pkp_block {
    margin-bottom: 0px; /* Ganti dengan nilai yang Anda inginkan */
}

.pkp_block p {
    margin: 0 0 0px;
}

.pkp_block a {
    color: #33a64e;
    font-weight: 700;
    text-decoration: none
}





@media (max-width: 768px) {
    .flex-item {
        flex: 1 1 calc(50% - 20px); /* 2 kolom per baris di mobile */
    }

    .year-group h2 {
        font-size: 1.5em; /* Ukuran font lebih kecil di mobile */
    }
}

@media (max-width: 480px) {
    .flex-item {
        flex: 1 1 100%; /* 1 kolom per baris di layar kecil */
    }
}

.issue-summary {
    background-color: #ffffff; /* Latar belakang putih */
    border: 1px solid #e0e0e0; /* Border abu-abu muda */
    border-radius: 8px; /* Sudut melengkung */
    padding: 20px; /* Padding internal */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow halus */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.issue-summary:hover {
    transform: translateY(-5px); /* Sedikit naik saat hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Shadow lebih besar saat hover */
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.pagination .page-item {
    margin: 0 5px; /* Jarak antar tombol */
}

.pagination .page-link {
    background-color: #3498db; /* Warna biru */
    color: #ffffff; /* Warna teks putih */
    border: none;
    border-radius: 5px; /* Sudut melengkung */
    padding: 10px 15px;
    transition: background-color 0.3s ease;
}

.pagination .page-link:hover {
    background-color: #2980b9; /* Warna biru lebih gelap saat hover */
}

.pagination .page-item.active .page-link {
    background-color: #2c3e50; /* Warna gelap untuk tombol aktif */
}

.flex-item, .issue-summary, .pagination .page-link {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}