/* Gaya Umum untuk Jurnal */
body {
    font-family: Arial, sans-serif; /* Gaya font umum */
}

.pkp_structure_head {
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* Wrapper untuk konten */
.pkp_structure_content {
    padding: 0 !important;
    max-width: 1200px;
    margin: 0 auto;
}

/* Mengatur padding untuk elemen .pkp_site_name */
.pkp_site_name {
    padding: 0 !important; /* Menghilangkan padding */
    margin: 0 !important; /* Menghilangkan margin */
    margin-bottom: 0 !important;
    width: 100% !important; /* Memastikan elemen induk memenuhi lebar header */
    overflow: hidden; /* Menghindari masalah overflow */
}
/* Mengatur gambar di dalam .pkp_site_name */
.pkp_site_name .is_img img {
    width: 100% !important; /* Memastikan gambar memenuhi lebar elemen induk */
    margin-bottom: 0 !important;
    height: auto !important; /* Menjaga rasio aspek gambar */
    max-height: 200px !important; /* Membatasi tinggi maksimum gambar */
    display: block;
}


/* Mengatur padding untuk tautan di dalam .pkp_site_name */
.pkp_site_name > a {
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important; /* Tambahan untuk memastikan tidak ada margin bawah */
    display: block;
}

/* Mengatur padding untuk elemen .pkp_site_name_wrapper */
.pkp_site_name_wrapper {
    padding-left: 0; /* Menghilangkan padding kiri */
    padding-right: 0; /* Menghilangkan padding kanan */
    margin-bottom: 0 !important;
}

/* Mengatur posisi dan padding untuk elemen .pkp_navigation_user_wrapper */
.pkp_navigation_user_wrapper {
    top: 0; /* Mengatur posisi atas menjadi 0 (mungkin untuk posisi absolut) */
    right: 0; /* Mengatur posisi kanan menjadi 0 (mungkin untuk posisi absolut) */
    padding-right: 0px; /* Menambahkan padding kanan sebesar 30px */
}

/* Mengatur margin dan padding untuk elemen .pkp_structure_page */
.pkp_structure_page {
    margin-top: 0px !important; /* Menambahkan margin atas sebesar 20px */
    margin-bottom: 0px !important; /* Menambahkan margin bawah sebesar 20px */
    padding-bottom: 0px !important; /* Menambahkan padding bawah sebesar 20px */
}

/* Taskbar: Ungu */
.pkp_navigation_primary_row {
    background-color: #007BFF; /* Ungu */
}

/* Tautan di Taskbar */
.pkp_navigation_primary a {
    color: white !important; /* Teks putih untuk kontras */
}

/* Ganti warna teks pada tautan di taskbar */
.pkp_navigation_primary a {
    color: #FFFFFF !important; /* Ganti warna teks menjadi emas */
}

/* Dropdown: Putih dan Biru */
.pkp_navigation_primary .dropdown-menu {
    background-color: white !important; /* Latar belakang putih untuk dropdown */
    border: 1px solid #007BFF; /* Garis biru di sekitar dropdown */
    z-index: 1000; /* Pastikan dropdown muncul di atas elemen lain */
}
.pkp_navigation_primary .dropdown-menu a {
    color: #007BFF !important; /* Teks biru untuk tautan di dropdown */
}
/* Hover efek untuk tautan di dropdown */
.pkp_navigation_primary .dropdown-menu a:hover {
    background-color: #007BFF !important; /* Latar belakang biru saat hover */
    color: white !important; /* Teks putih saat hover */
}


/* File PDF: Ungu Tua */
.obj_galley_link.pdf {
    background-color: #007BFF; /* Ungu tua */
    color: white; /* Teks putih untuk kontras */
    padding: 5px 10px; /* Padding untuk tombol */
    border-radius: 5px; /* Sudut membulat */
    text-decoration: none; /* Menghilangkan garis bawah */
}

/* Hover efek untuk tombol PDF */
.obj_galley_link.pdf:hover {
    background-color: #6ACDFF; /* Ungu saat hover */
}

/* Gaya untuk judul artikel */
.obj_article_summary .title {
    font-size: 1.5em; /* Ukuran font untuk judul artikel */
    color: #333; /* Warna teks judul */
}


/* Gaya untuk daftar artikel */
.cmp_article_list {
    list-style-type: none; /* Menghilangkan bullet point */
    padding: 0; /* Menghilangkan padding */
}

/* Gaya untuk setiap item di sidebar */
.pkp_block {
    border: 2px solid #007BFF;  /*Bingkai ungu */
    border-radius: 5px; /* Sudut membulat */
    padding: 20px; /* Padding di dalam item */
    margin-bottom: 30px; /* Jarak antara item */
    width: 100%; /* Mengatur lebar item */
    max-width: 250px; /* Mengatur lebar maksimum item */
    height: auto; /* Mengatur tinggi item */
    display: flex; /* Menggunakan flexbox */
    flex-direction: column; /* Mengatur arah flex menjadi kolom */
    align-items: center; /* Memusatkan item secara horizontal */
    text-align: center; /* Memusatkan teks */
}

/* Efek hover untuk item di sidebar */
.pkp_block:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Bayangan saat hover */
}

/* Gaya untuk judul item di sidebar */
.pkp_block .title {
    font-size: 1.2em; /* Ukuran font untuk judul */
    color: #007BFF; /* Warna judul */
    margin-bottom: 10px; /* Jarak di bawah judul */
}

/* Gaya untuk konten di dalam item */
.pkp_block .content {
    border-radius: 5px; /* Sudut membulat */
    padding: 20px; /* Padding di dalam item */
    margin-bottom: 10px; /* Jarak antara item */
    width: 100%; /* Mengatur lebar item */
    height: auto; /* Mengatur tinggi item */
    text-align: center; /* Memusatkan teks */
}

/* Gaya untuk tautan Search */
.pkp_search {
    color: #FFFFFF !important; /* Ganti dengan warna yang Anda inginkan */
}
/* Hover efek untuk tautan Search */
.pkp_search:hover {
    color: #F2F2F2 !important; /* Ganti dengan warna saat hover */
}


/* Gaya untuk elemen footer */
.pkp_structure_footer {
    background-color: #f8f9fa; /* Latar belakang abu-abu muda */
    padding: 20px; /* Padding untuk footer */
    text-align: center; /* Teks di tengah */
}

/* Gaya untuk tautan di footer */
.pkp_structure_footer a {
    color: #007BFF; /* Teks biru untuk tautan di footer */
}

/* Hover efek untuk tautan di footer */
.pkp_structure_footer a:hover {
    text-decoration: underline; /* Garis bawah saat hover */
}