/* =============================================================================
   INOMATEC OJS STYLES
   Versi: Clean (dirapikan)
   
   STRUKTUR FILE:
   01. Normalize / Reset          — Base cross-browser normalization (normalize.css v7)
   02. Global Box-Sizing          — Universal border-box
   03. Animasi (pkp_spin)         — Keyframe untuk loading spinner
   04. Komponen PKP               — Tombol, spinner, list, breadcrumb, tabel, dll
   05. Layout Global              — html, body, link, wrapper utama
   06. Responsive Wrappers        — Breakpoint 768 / 992 / 1200px
   07. Header & Navigasi          — Logo, navbar primer, navbar user, search
   08. Konten Utama               — pkp_structure_main, heading, paragraf
   09. Sidebar                    — pkp_structure_sidebar
   10. Footer                     — pkp_footer, pkp_brand_footer
   11. Halaman-Halaman OJS        — login, register, search, contact, dll
   12. Objek Artikel              — article summary, article details, galley link
   13. Objek Isu                  — issue summary, issue TOC
   14. Objek Pengumuman           — announcement summary & full
   15. Blok Sidebar               — pkp_block, block_browse, dll
   16. RTL Support                — Gaya untuk right-to-left (bahasa Arab, dll)
   17. Header View / Galley View  — Tampilan galley inline
   ── CUSTOM INOMATEC ──────────────────────────────────────────────────────────
   18. Modern Enhancements        — Smooth scroll, transisi link, galley PDF badge
   19. Navbar Override            — Tombol pill rounded untuk #navigationPrimary
   20. Pagination Artikel         — #ino-pagination (10 artikel/halaman via JS)
   21. Statistik Artikel          — .ino_article_stats (views & downloads)
   22. Fix Hover & Author Label   — Menghilangkan box-shadow jelek, hide "(Author)"
   =============================================================================
*/

/* normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Gaya umum untuk elemen HTML */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}



/* Mengatur margin default untuk body */
body {
  margin: 0;
}

/* Menampilkan elemen-elemen semantik HTML5 sebagai blok */
article, aside, footer, header, nav, section {
  display: block;
}

/* Mengatur ukuran font dasar dan margin untuk h1 */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Menampilkan elemen terkait figure sebagai blok */
figcaption, figure, main {
  display: block;
}

/* Mengatur margin untuk elemen figure */
figure {
  margin: 1em 40px;
}

/* Mengatur tinggi dan overflow untuk HR */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* Mengatur font untuk teks yang diformat pre */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Mengatur latar belakang transparan untuk tautan */
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

/* Mengatur gaya untuk singkatan dengan atribut title */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* Berat font untuk elemen bold dan strong: inherit lalu bolder (urutan penting untuk browser lama) */
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }

/* Mengatur font dan ukuran untuk elemen code, kbd, dan samp */
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Gaya luar biasa untuk elemen definisi */
dfn {
  font-style: italic;
}

/* Latar belakang yang diberi warna untuk elemen mark */
mark {
  background-color: #ff0;
  color: #000;
}

/* Mengatur ukuran font yang lebih kecil untuk elemen small */
small {
  font-size: 80%;
}

/* Mengatur ukuran font dan penempatan untuk elemen subscript dan superscript */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* Mengatur penempatan untuk subscript */
sub {
  bottom: -0.25em;
}



/* Mengatur penempatan untuk superscript */
sup {
  top: -0.5em;
}

/* Menampilkan elemen audio dan video sebagai inline-block */
audio, video {
  display: inline-block;
}

/* Menyembunyikan elemen audio tanpa kontrol */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Menghapus border untuk gambar */
img {
  border-style: none;
}

/* Menyembunyikan overflow untuk SVG */
svg:not(:root) {
  overflow: hidden;
}

/* Mengatur font default dan ukuran untuk elemen formulir */
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/* Menampilkan overflow untuk button dan input */
button, input {
  overflow: visible;
}

/* Mengatur transformasi teks untuk button dan select */
button, select {
  text-transform: none;
}

/* Penampilan button untuk berbagai elemen */
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

/* Menghapus focus outline untuk berbagai elemen */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Mengatur focus outline untuk berbagai elemen */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Mengatur padding untuk fieldset */
fieldset {
  padding: .35em .75em .625em;
}

/* Gaya untuk legend pada fieldset */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* Menampilkan inline-block untuk progress */
progress {
  display: inline-block;
  vertical-align: baseline;
}

/* Mengatur auto-scroll untuk textarea yang overflow */
textarea {
  overflow: auto;
}

/* Mengatur box-sizing untuk checkbox dan radio */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* Menampilkan inner spin button untuk input angka */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* Penampilan dan offset untuk input search */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* Menghapus tombol cancel dan dekorasi untuk input search */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Penampilan button untuk upload file input */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Menampilkan block untuk details dan menu */
details, menu {
  display: block;
}

/* Menampilkan list-item untuk summary */
summary {
  display: list-item;
}

/* Menampilkan inline-block untuk canvas */
canvas {
  display: inline-block;
}

/* Menyembunyikan template */
template {
  display: none;
}

/* Menyembunyikan elemen dengan attribut hidden */
[hidden] {
  display: none;
}

/* Mengatur box-sizing untuk semua elemen */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ── Animasi putar (digunakan oleh .pkp_spinner) ──
   Prefix -webkit- dipertahankan untuk Safari lama.
   Prefix -moz- dan -o- sudah tidak diperlukan browser modern. */
@-webkit-keyframes pkp_spin {
  0%   { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); }
  100% { -webkit-transform: rotateZ(0deg);    transform: rotateZ(0deg); }
}
@keyframes pkp_spin {
  0%   { transform: rotateZ(-360deg); }
  100% { transform: rotateZ(0deg); }
}


.pkp_button,
.pkp_button_primary,
.pkp_button_offset,
.pkp_button_link {
  display: inline-block;
  padding: 0.4em 1.1em;
  background: #fff;
  border: 1px solid #006064;
  border-radius: 6px;
  font-size: .93rem;
  line-height: 2rem;
  font-weight: 700;
  color: #006064;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(34, 116, 165, 0.10);
  cursor: pointer;
  transition: all 0.18s ease;
  letter-spacing: 0.01em;
}


/* Mengatur gaya untuk tombol dan link saat dihover dan difokuskan */
.pkp_button:hover,
.pkp_button:focus,
.pkp_button_primary:hover,
.pkp_button_primary:focus,
.pkp_button_offset:hover,
.pkp_button_offset:focus,
.pkp_button_link:hover,
.pkp_button_link:focus {
  color: #ffffff;
  background: #1CA6E1;
  border-color: #1CA6E1;
  box-shadow: 0 4px 12px rgba(34, 116, 165, 0.18);
  outline: 0;
  transform: translateY(-1px);
}

/* Mengatur gaya untuk tombol saat ditekan */
.pkp_button:active,
.pkp_button_primary:active,
.pkp_button_offset:active,
.pkp_button_link:active {
  box-shadow: 0 0 2px;
}

/* Mengatur gaya untuk tombol dan link saat dinonaktifkan */
.pkp_button:disabled,
.pkp_button_primary:disabled,
.pkp_button_offset:disabled,
.pkp_button_link:disabled {
  color: #aaa;
}

/* Mengatur gaya untuk tombol saat dinonaktifkan dan dihover */
.pkp_button:disabled:hover,
.pkp_button_primary:disabled:hover,
.pkp_button_offset:disabled:hover,
.pkp_button_link:disabled:hover {
  color: #aaa;
  border-color: #ddd;
  cursor: not-allowed;
}

/* Mengatur gaya untuk tombol utama (primary) */
.pkp_button_primary {
  color: #fff;
  background: linear-gradient(135deg, #2274a5 0%, #1CA6E1 100%);
  border-color: #1CA6E1;
  box-shadow: 0 2px 8px rgba(34, 116, 165, 0.30);
}

/* Mengatur gaya untuk tombol utama (primary) saat dihover dan difokuskan */
.pkp_button_primary:hover,
.pkp_button_primary:focus {
  background: linear-gradient(135deg, #1CA6E1 0%, #154d6e 100%);
  border-color: #154d6e;
  color: #fff;
  box-shadow: 0 4px 14px rgba(34, 116, 165, 0.38);
  transform: translateY(-1px);
}

/* Mengatur gaya untuk tombol utama (primary) saat dinonaktifkan */
.pkp_button_primary:disabled,
.pkp_button_primary:disabled:hover {
  color: rgba(0, 0, 0, 0.60);
  background: #90b8cc;
  border-color: #90b8cc;
  box-shadow: 0 1px 0 #888;
  cursor: not-allowed;
}

/* Mengatur gaya untuk tombol offset */
.pkp_button_offset {
  color: #ff4040;
}

/* Mengatur gaya untuk tombol offset saat dihover dan difokuskan */
.pkp_button_offset:hover,
.pkp_button_offset:focus {
  border-color: #ff4040;
  color: #ff4040;
}

/* Mengatur gaya untuk tombol offset saat dinonaktifkan */
.pkp_button_offset:disabled,
.pkp_button_offset:disabled:hover {
  color: rgba(0, 0, 0, 0.60);
  background: #90b8cc;
  border-color: #90b8cc;
  box-shadow: 0 1px 0 #888;
  cursor: not-allowed;
}

/* Mengatur gaya untuk tombol link */
.pkp_button_link {
  box-shadow: none;
  border-color: transparent;
}

/* Mengatur gaya untuk tombol link saat dinonaktifkan dan dihover */
.pkp_button_link:disabled:hover {
  border-color: transparent;
}

/* Mengatur animasi putar untuk spinner */
.pkp_spinner:after {
  display: inline-block;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  -webkit-animation: pkp_spin 0.6s linear infinite;
  -moz-animation: pkp_spin 0.6s linear infinite;
  -ms-animation: pkp_spin 0.6s linear infinite;
  -o-animation: pkp_spin 0.6s linear infinite;
  animation: pkp_spin 0.6s linear infinite;
  border-radius: 100%;
  border-top: 1px solid #888;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #888;
  border-right: 1px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.5);
  border-left-color: rgba(0, 0, 0, 0.5);
  content: '';
  opacity: 1;
}

/* Mengatur gaya untuk loading spinner */
.pkp_loading {
  font-size: 0.93rem;
  line-height: 1.43rem;
}

/* Mengatur margin kanan untuk spinner di dalam loading */
.pkp_loading .pkp_spinner {
  margin-right: 0.25em;
}

/* Mengatur gaya untuk daftar tanpa gaya */
.pkp_unstyled_list,
.cmp_article_list,
.cmp_breadcrumbs ol,
.cmp_announcements,
.pkp_site_nav_menu ul,
.pkp_page_index .journals ul,
.page_catalog_category .subcategories ul,
.page_issue_archive .issues_archive,
.page_register .context_optin .contexts,
.obj_article_details .authors,
.obj_article_details .galleys_links,
.obj_article_details .supplementary_galleys_links,
.obj_article_summary .galleys_links,
.obj_issue_toc .articles,
.obj_issue_toc .galleys_links,
.pkp_block .content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Mengatur gaya untuk ikon panah bawah */
.pkp_caret {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border: 0.25rem solid transparent;
  vertical-align: middle;
}

/* Mengatur gaya untuk ikon panah bawah */
.pkp_caret_down {
  border-top: 0.375rem solid;
}

/* Mengatur gaya untuk ikon panah kanan */
.pkp_caret_right {
  border-left: 0.375rem solid;
}


/* Mengatur elemen-elemen yang hanya terbaca oleh pembaca layar */
.pkp_screen_reader,
.cmp_skip_to_content a,
.pkp_page_index .journals h2,
.pkp_page_index .cmp_announcements h2,
.page_register .context_optin .roles legend {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  left: -2000px;
}

/* Mengatur elemen yang dapat difokus oleh pembaca layar */
.pkp_screen_reader:focus,
.pkp_page_index .cmp_announcements h2:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 1rem;
  height: auto;
  line-height: normal;
  padding: 1rem;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  text-decoration: none;
  width: auto;
  z-index: 100000;
}

/* Elemen pembantu untuk membersihkan float */
.pkp_helpers_clear:before,
.pkp_helpers_clear:after {
  content: " ";
  display: table;
}

.pkp_helpers_clear:after {
  clear: both;
}

/* Gaya untuk tautan bantuan */
.pkp_help_link {
  display: inline-block;
  padding: 0.25rem 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-decoration: none;
  border: none;
  box-shadow: none;
  color: #ffffff;
  z-index: 3;
}

/* Gaya untuk tautan bantuan saat dihover dan difokuskan */
.pkp_help_link:hover,
.pkp_help_link:focus {
  color: #ffffff;
}

/* Gaya untuk tautan bantuan saat difokuskan */
.pkp_help_link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #ffffff;
  border-radius: 3px;
}

/* Gaya untuk tab bantuan dan modal bantuan */
.pkp_help_tab,
.pkp_help_modal {
  position: absolute;
  top: -2rem;
  right: 2rem;
  padding: 0.5rem 1em;
  background: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

/* Gaya untuk modal bantuan */
.pkp_help_modal {
  top: 0.5rem;
  padding: 0.5rem;
  right: 3rem;
  border: none;
}

/* Gaya untuk ringkasan file yang diunggah */
.pkp_uploadedFile_summary {
  font-size: 0.93rem;
  line-height: 1.43rem;
}

/* Gaya untuk bagian tampilan file yang diunggah */
.pkp_uploadedFile_summary .filename .display {
  line-height: 2rem;
}

/* Gaya untuk bagian pengeditan nama file */
.pkp_uploadedFile_summary .filename .edit {
  line-height: 1.43rem;
}

/* Gaya untuk detail file yang diunggah */
.pkp_uploadedFile_summary .details {
  margin-top: 0.5rem;
  color: rgba(0, 0, 0, 0.54);
}

/* Gaya untuk elemen span di dalam detail file yang diunggah */
.pkp_uploadedFile_summary .details>span {
  margin-left: 2rem;
}

.pkp_uploadedFile_summary .details>span:first-child {
  margin-left: 0;
}

/* Gaya untuk ikon jenis file */
.pkp_uploadedFile_summary .details>span:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-right: 0.25em;
  color: #aaa;
}

/* Gaya untuk ikon jenis file "pixels" */
.pkp_uploadedFile_summary .pixels:before {
  content: "\f108";
}

/* Gaya untuk bagian cetak dari file yang diunggah */
.pkp_uploadedFile_summary .print {
  margin-left: 2rem;
}

/* Gaya untuk ikon jenis file "print" */
.pkp_uploadedFile_summary .print:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-right: 0.25em;
  color: #aaa;
  content: "\f02f";
}

/* Gaya untuk ikon jenis file "type" */
.pkp_uploadedFile_summary .type:before {
  content: "\f016";
}


/* Mengatur ikon untuk tipe file PDF */
.pkp_uploadedFile_summary .type.pdf:before {
  content: "\f1c1";
}

/* Mengatur ikon untuk tipe file DOC dan DOCX */
.pkp_uploadedFile_summary .type.doc:before,
.pkp_uploadedFile_summary .type.docx:before {
  content: "\f1c2";
}

/* Mengatur ikon untuk tipe file XLS dan XLSX */
.pkp_uploadedFile_summary .type.xls:before,
.pkp_uploadedFile_summary .type.xlsx:before {
  content: "\f1c3";
}

/* Mengatur ikon untuk ukuran file */
.pkp_uploadedFile_summary .file_size:before {
  content: "\f0a0";
}

/* Menyembunyikan elemen dengan menggunakan visibility */
.pkp_helpers_invisible {
  visibility: hidden;
}

/* Menyembunyikan elemen dengan menggunakan display none */
.pkp_helpers_display_none {
  display: none !important;
}

/* Mengatur tata letak elemen ke kiri */
.pkp_helpers_align_left {
  float: left;
}

/* Mengatur tata letak elemen ke kanan */
.pkp_helpers_align_right {
  float: right;
}

/* Mengatur penataan teks ke kiri */
.pkp_helpers_text_left {
  text-align: left;
}

/* Mengatur penataan teks ke kanan */
.pkp_helpers_text_right {
  text-align: right;
}

/* Mengatur penataan teks menjadi tengah */
.pkp_helpers_text_center {
  text-align: center;
}

/* Mengatur penataan teks yang rata kanan kiri */
.pkp_helpers_text_justify {
  text-align: justify;
}

/* Mengatur padding untuk judul */
.pkp_helpers_title_padding {
  padding: 5px !important;
}

/* Mengatur gambar di sebelah kiri teks */
.pkp_helpers_image_left {
  float: left;
  margin: 4px 10px 4px 0;
}

/* Mengatur gambar di sebelah kanan teks */
.pkp_helpers_image_right {
  float: right;
  margin: 4px 0 4px 10px;
}

/* Mengatur elemen container menjadi di tengah */
.pkp_helpers_container_center {
  margin: 0 auto;
}

/* Membuat elemen berwarna merah dengan border berdahsbord merah */
.pkp_helpers_debug,
.pkp_helpers_debug div {
  border: 1px dashed #f00;
  padding: 2px;
}

/* Mengatur tata letak elemen tanpa list */
.pkp_helpers_flatlist {
  margin: 0;
  padding: 0;
}

/* Mengatur tata letak elemen tanpa list dalam satu baris */
.pkp_helpers_flatlist li {
  float: left;
  position: relative;
}

/* Mengatur tata letak elemen dengan bullet list */
.pkp_helpers_bulletlist li {
  list-style: disc;
}

/* Mengatur tinggi dari ikon link */
.pkp_helpers_icon_link_valign {
  line-height: 24px;
}

/* Menambahkan cursor: move untuk elemen yang dapat di-drag */
.pkp_helpers_moveicon {
  cursor: move;
}

/* Mengatur lebar elemen menjadi 100% */
.pkp_helpers_full {
  width: 100%;
}

/* Mengatur lebar elemen menjadi 50% */
.pkp_helpers_half {
  width: 50%;
}

/* Mengatur lebar elemen menjadi 33% */
.pkp_helpers_third {
  width: 33%;
}

/* Mengatur lebar elemen menjadi 25% */
.pkp_helpers_quarter {
  width: 25%;
}

/* Mengatur lebar elemen menjadi 20% */
.pkp_helpers_fifth {
  width: 20%;
}

/* Mengatur lebar elemen menjadi 75% */
.pkp_helpers_threeQuarter {
  width: 75%;
}

/* Mengatur garis bawah untuk elemen */
.pkp_helpers_underline:after {
  border-bottom: 2px solid #fff;
  content: " ";
  display: block;
}

/* Mengatur garis bawah dengan titik-titik */
.pkp_helpers_dotted_underline {
  border-bottom: 1px dotted #999;
}

/* Mengatur latar belakang elemen menjadi hitam */
.pkp_helpers_black_bg {
  background-color: black;
}

/* Mengatur warna teks menjadi merah */
.pkp_helpers_text_warn {
  color: #d00a6c;
}

/* Mengatur warna teks menjadi hitam */
.pkp_helpers_text_primary {
  color: black;
}

/* Menyembunyikan elemen dengan class NMI_TYPE_CUSTOM_EDIT */
.NMI_TYPE_CUSTOM_EDIT {
  display: none;
}

/* Mengatur tata letak elemen dengan menggunakan clearfix */
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

/* Mengatur tampilan untuk tombol, formulir, dan link tertentu */
.cmp_button,
.cmp_form .buttons button,
.page_lost_password .buttons button,
.page_search .submit button,
.block_make_submission a {
  display: inline-block;
  padding: 0 1em;
  background: #eee;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-top-color: #bbb;
  border-radius: 3px;
  box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
  font-size: 0.93rem;
  line-height: calc(2.143rem - 2px);
  font-weight: 700;
  color: rgba(0, 0, 0, 0.84);
  text-decoration: none;
}

/* Mengatur tampilan tombol saat dihover dan difokuskan */
.cmp_button:hover,
.cmp_button:focus,
.page_search .submit button:hover,
.page_search .submit button:focus {
  box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.1);
}

/* Mengatur tampilan untuk tombol kawat dan link untuk obj_galley_link */
.cmp_button_wire,
.obj_galley_link {
  display: inline-block;
  padding: 0 1.2em;
  background: #fe8c02dd;
  border: 2px solid #fe8c02dd;
  border-radius: 20px;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: calc(2.143rem - 4px);
  color: #ffffff;
  text-decoration: none;
  transition: all 0.18s ease;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Mengatur tampilan tombol kawat dan link saat dihover dan difokuskan */
.cmp_button_wire:hover,
.cmp_button_wire:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: linear-gradient(135deg, #2274a5 0%, #1CA6E1 100%);
  border-color: #1CA6E1;
  color: #fff;
  box-shadow: 0 4px 12px rgba(34, 116, 165, 0.30);
  transform: translateY(-1px);
}

/* Catatan: hover utama .obj_galley_link sudah didefinisikan di atas dengan gradient yang benar */

/* Mengatur tampilan daftar artikel */
.cmp_article_list>li {
  margin-bottom: 2.143rem; /* Jarak antara setiap elemen daftar artikel */
}

.cmp_article_list>li:before,
.cmp_article_list>li:after {
  content: " "; /* Membuat konten kosong sebelum dan setelah elemen daftar artikel */
  display: table;
}

.cmp_article_list>li:after {
  clear: both; /* Membersihkan float setelah elemen daftar artikel */
}

/* Mengatur tampilan fieldset dalam formulir */
.cmp_form fieldset {
  margin: 0 0 1.43rem; /* Jarak bawah antara elemen fieldset dan elemen sebelumnya */
  padding: 0; /* Menghapus padding */
  border: none; /* Menghapus border */
}

/* Mengatur tampilan legend dalam formulir */
.cmp_form legend {
  margin-bottom: .714rem; /* Jarak bawah antara elemen legend dan elemen sebelumnya */
  font-size: 1.143rem; /* Ukuran font legend */
  font-weight: 700; /* Ketebalan font legend */
  line-height: 1.43rem; /* Tinggi baris untuk legend */
}

/* Mengatur tampilan setiap div dalam fields dalam formulir */
.cmp_form .fields>div {
  position: relative; /* Menetapkan posisi relatif untuk div */
  padding-bottom: 2.143rem; /* Jarak bawah antara setiap div dalam fields */
}

/* Mengatur tampilan pesan error dalam formulir */
.cmp_form .fields>div .error {
  position: absolute; /* Menetapkan posisi absolut */
  left: 0.5em; /* Jarak dari sisi kiri */
  bottom: 11px; /* Jarak dari sisi bawah */
  padding: 0 .5em; /* Padding pada pesan error */
  background: #c62828; /* Warna latar belakang pesan error */
  border-bottom-left-radius: 3px; /* Radius sudut kiri bawah pesan error */
  border-bottom-right-radius: 3px; /* Radius sudut kanan bawah pesan error */
  font-size: .93rem; /* Ukuran font pesan error */
  line-height: 1.43rem; /* Tinggi baris untuk pesan error */
  font-weight: 700; /* Ketebalan font pesan error */
  color: #fff; /* Warna teks pesan error */
}

/* Mengatur tampilan label dalam formulir */
.cmp_form label {
  display: block; /* Membuat label menjadi elemen block */
  cursor: pointer; /* Mengubah kursor menjadi pointer saat diarahkan ke label */
}

/* Mengatur tampilan label formulir */
.cmp_form .label {
  display: block; /* Membuat label menjadi elemen block */
  font-size: .93rem; /* Ukuran font label */
  font-weight: 400; /* Ketebalan font label */
  font-style: italic; /* Gaya font label menjadi italic */
}

/* Mengatur tampilan label yang wajib diisi dalam formulir */
.cmp_form .label .required {
  color: #ff4040; /* Warna teks label yang wajib diisi */
}

/* Mengatur tampilan input, select, dan textarea dalam formulir */
.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="url"],
.cmp_form input[type="tel"],
.cmp_form select,
.cmp_form textarea {
  padding: 0 .5em; /* Padding pada elemen input, select, dan textarea */
  width: 100%; /* Lebar elemen 100% */
  height: calc(2.143rem - 2px); /* Tinggi elemen */
  background: #fff; /* Warna latar belakang elemen */
  border: 1px solid rgba(0, 0, 0, 0.4); /* Border elemen */
  border-radius: 3px; /* Radius sudut elemen */
  font-size: .93rem; /* Ukuran font elemen */
  line-height: calc(2.143rem - 2px); /* Tinggi baris elemen */
}

/* Mengatur tampilan textarea dalam formulir */
.cmp_form textarea {
  width: 100%; /* Lebar textarea 100% */
  height: 8em; /* Tinggi textarea */
}

/* Mengatur tampilan pesan error pada formulir */
.cmp_form .pkp_form_error {
  margin-bottom: .714rem; /* Jarak bawah antara pesan error dan elemen sebelumnya */
  border-radius: 3px; /* Radius sudut pesan error */
  padding: 0 .5em; /* Padding pada pesan error */
  font-weight: 700; /* Ketebalan font pesan error */
  font-size: .93rem; /* Ukuran font pesan error */
  background: #ff4040; /* Warna latar belakang pesan error */
  color: #fff; /* Warna teks pesan error */
}

/* Mengatur tampilan checkbox dan radio button dalam formulir */
.cmp_form label>input[type="checkbox"],
.cmp_form label>input[type="radio"] {
  margin-right: 0.25em; /* Jarak kanan antara checkbox/radio button dan teks label */
}

/* Mengatur tampilan tombol dalam formulir */
.cmp_form .buttons:before,
.cmp_form .buttons:after {
  content: " "; /* Membuat konten kosong sebelum dan setelah elemen tombol */
  display: table;
}

.cmp_form .buttons:after {
  clear: both; /* Membersihkan float setelah elemen tombol */
}

/* Mengatur tampilan link pada formulir */
.cmp_form .buttons a {
  font-size: .93rem; /* Ukuran font link */
  line-height: 2.143rem; /* Tinggi baris untuk link */
  margin-left: 1em; /* Jarak kiri antara link */
}

/* Mengatur tampilan deskripsi dalam formulir */
.cmp_form .description {
  margin-top: 0; /* Jarak atas antara deskripsi dan elemen sebelumnya */
  font-size: .75rem; /* Ukuran font deskripsi */
  line-height: 1.5em; /* Tinggi baris untuk deskripsi */
  color: rgba(0, 0, 0, 0.54); /* Warna teks deskripsi */
}

/* Media query untuk layar dengan lebar minimum 480px */
@media (min-width: 480px) {
  .cmp_form input[type="text"],
  .cmp_form input[type="email"],
  .cmp_form input[type="password"],
  .cmp_form input[type="url"],
  .cmp_form input[type="tel"],
  .cmp_form select {
    max-width: 20em; /* Lebar maksimum elemen input dan select */
  }
}

/* Mengatur tampilan paginasi */
.cmp_pagination {
  text-align: right; /* Teks rata kanan */
}

.cmp_pagination:before,
.cmp_pagination:after {
  content: " "; /* Membuat konten kosong sebelum dan setelah elemen paginasi */
  display: table;
}

.cmp_pagination:after {
  clear: both; /* Membersihkan float setelah elemen paginasi */
}

/* Mengatur tampilan tombol "Previous" pada paginasi */
.cmp_pagination .prev {
  float: left; /* Menggeser ke kiri */
  margin-right: 0.5em; /* Jarak kanan antara tombol "Previous" dan elemen sebelumnya */
  text-decoration: none; /* Menghapus dekorasi teks */
}

/* Menambahkan ikon "Previous" menggunakan FontAwesome */
.cmp_pagination .prev:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome; /* Menggunakan FontAwesome */
  font-size: inherit; /* Ukuran font mengikuti ukuran warisan */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f177"; /* Karakter ikon "Previous" dalam FontAwesome */
  margin-right: 0.5em; /* Jarak kanan antara ikon dan teks */
}

/* Mengatur tampilan tombol "Next" pada paginasi */
.cmp_pagination .next {
  margin-left: 0.5em; /* Jarak kiri antara tombol "Next" dan elemen setelahnya */
  text-decoration: none; /* Menghapus dekorasi teks */
}

/* Menambahkan ikon "Next" menggunakan FontAwesome */
.cmp_pagination .next:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome; /* Menggunakan FontAwesome */
  font-size: inherit; /* Ukuran font mengikuti ukuran warisan */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f178"; /* Karakter ikon "Next" dalam FontAwesome */
  margin-left: 0.5em; /* Jarak kiri antara ikon dan teks */
}

/* Menambahkan ikon edit untuk tautan edit */
.cmp_edit_link {
  display: inline-block; /* Menjadikan tautan sebagai elemen inline block */
  margin-left: 1em; /* Jarak kiri antara tautan edit dan elemen sebelumnya */
  font-size: .93rem; /* Ukuran font tautan edit */
  font-weight: 400; /* Ketebalan font tautan edit */
  line-height: 1; /* Tinggi baris tautan edit */
  vertical-align: middle; /* Menengahkan tautan secara vertikal */
  text-decoration: none; /* Menghapus dekorasi teks */
}

/* Menambahkan ikon edit menggunakan FontAwesome */
.cmp_edit_link:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome; /* Menggunakan FontAwesome */
  font-size: inherit; /* Ukuran font mengikuti ukuran warisan */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f040"; /* Karakter ikon edit dalam FontAwesome */
}

/* Mengatur tampilan filter pencarian */
.cmp_search_filter {
  margin-bottom: .714rem; /* Jarak bawah antara setiap filter pencarian */
  font-size: .93rem; /* Ukuran font filter pencarian */
}

/* Mengatur tampilan label filter terakhir */
.cmp_search_filter:last-child {
  margin-bottom: 0; /* Menghilangkan jarak bawah pada filter terakhir */
}

/* Mengatur tampilan label filter */
.cmp_search_filter label {
  font-style: italic; /* Gaya font menjadi italic */
}

/* Memberikan warna merah pada teks delete */
.cmp_search_filter .delete {
  color: #ff4040; /* Warna teks delete */
}

/* Mengatur tampilan notifikasi */
.cmp_notification {
  display: block; /* Menjadikan notifikasi sebagai elemen block */
  width: 100%; /* Lebar notifikasi 100% */
  padding: 1.43rem; /* Padding notifikasi */
  margin-bottom: 2.857rem; /* Jarak bawah notifikasi */
  background: #ddd; /* Warna latar belakang notifikasi */
  border-left: .357rem solid #ffffff; /* Border kiri notifikasi */
  font-size: 1rem; /* Ukuran font notifikasi */
  line-height: 1.43rem; /* Tinggi baris notifikasi */
}

/* Mengatur warna border notifikasi sukses */
.cmp_notification .success {
  border-color: #00b24e; /* Warna border notifikasi sukses */
}

/* Mengatur warna border notifikasi gagal */
.cmp_notification .no {
  border-color: #ff4040; /* Warna border notifikasi gagal */
}

/* Mengatur tampilan breadcrumb */
.cmp_breadcrumbs {
  display: inline-block; /* Menjadikan breadcrumb sebagai elemen inline block */
}

/* Mengatur tampilan daftar breadcrumb */
.cmp_breadcrumbs ol {
  margin-bottom: 2.143rem; /* Jarak bawah antara daftar breadcrumb dan elemen sebelumnya */
  padding: .357rem 0; /* Padding daftar breadcrumb */
  line-height: 1.43rem; /* Tinggi baris daftar breadcrumb */
  font-size: .93rem; /* Ukuran font daftar breadcrumb */
}

/* Mengatur tampilan setiap elemen breadcrumb */
.cmp_breadcrumbs li {
  display: inline-block; /* Menjadikan setiap elemen breadcrumb sebagai elemen inline block */
}

/* Mengatur tampilan tautan dalam breadcrumb */
.cmp_breadcrumbs a {
  display: inline-block; /* Menjadikan tautan dalam breadcrumb sebagai elemen inline block */
  text-decoration: none; /* Menghapus dekorasi teks tautan */
}

/* Mengatur tampilan pemisah breadcrumb */
.cmp_breadcrumbs .separator {
  color: rgba(0, 0, 0, 0.54); /* Warna pemisah breadcrumb */
  padding: 0 .5em; /* Padding pemisah breadcrumb */
}

/* Mengatur tampilan elemen breadcrumb saat ini */
.cmp_breadcrumbs .current {
  color: rgba(0, 0, 0, 0.54); /* Warna elemen breadcrumb saat ini */
}

/* Mengatur tampilan judul halaman saat ini dalam breadcrumb */
.cmp_breadcrumbs .current h1 {
  margin: 0; /* Menghapus margin pada judul halaman saat ini */
  font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; /* Menggunakan font tertentu */
  font-size: .93rem; /* Ukuran font judul halaman saat ini */
  font-weight: 400; /* Ketebalan font judul halaman saat ini */
}

/* Menambahkan margin atas pada tautan kembali */
.cmp_back_link {
  margin-top: 1.43rem; /* Margin atas pada tautan kembali */
}

/* Mengatur tampilan daftar pengumuman */
.cmp_announcements {
  margin-left: -0.714rem; /* Margin kiri daftar pengumuman */
  margin-right: -0.714rem; /* Margin kanan daftar pengumuman */
}

/* Mengatur tampilan setiap elemen pengumuman */
.cmp_announcements>li {
  padding: 2.143rem 0.714rem; /* Padding pada setiap elemen pengumuman */
  border-bottom: 1px solid #ddd; /* Border bawah pada setiap elemen pengumuman */
}

/* Menghilangkan border bawah pada elemen pengumuman terakhir */
.cmp_announcements>li:last-child {
  border-bottom: none; /* Menghilangkan border bawah pada elemen pengumuman terakhir */
}

/* Media query untuk layar dengan lebar minimum 480px */
@media (min-width: 480px) {
  .cmp_announcements {
    margin-left: -1.43rem; /* Margin kiri daftar pengumuman */
    margin-right: -1.43rem; /* Margin kanan daftar pengumuman */
  }

  .cmp_announcements>li {
    padding-left: 1.43rem; /* Padding kiri pada setiap elemen pengumuman */
    padding-right: 1.43rem; /* Padding kanan pada setiap elemen pengumuman */
  }
}

/* Media query untuk layar dengan lebar minimum 992px */
@media (min-width: 992px) {
  .cmp_announcements {
    margin-left: -2.143rem; /* Margin kiri daftar pengumuman */
    margin-right: -2.143rem; /* Margin kanan daftar pengumuman */
  }

  .cmp_announcements>li {
    padding-left: 2.143rem; /* Padding kiri pada setiap elemen pengumuman */
    padding-right: 2.143rem; /* Padding kanan pada setiap elemen pengumuman */
  }
}

/* Menambahkan tautan "Skip to Content" */
.cmp_skip_to_content a {
  display: block; /* Menjadikan tautan sebagai elemen block */
  padding: 1em; /* Padding pada tautan */
  z-index: 99999; /* Indeks z tinggi untuk menutup elemen lain */
  background: #fff; /* Warna latar belakang tautan */
  transform: translateX(-50%); /* Menggeser tautan horizontal ke kiri 50% */
}

/* Mengatur tampilan fokus pada tautan "Skip to Content" */
.cmp_skip_to_content a:focus {
  clip: auto;
  top: 0;
  left: 50%;
  color: #ffffff; /* Warna teks tautan saat difokuskan */
}

/* Mengatur tampilan tabel */
.cmp_table {
  width: 100%; /* Lebar tabel 100% */
  border: 1px solid #ddd; /* Border tabel */
  border-bottom: none; /* Menghilangkan border bawah tabel */
  border-collapse: collapse; /* Menggabungkan batas sel tabel */
}

/* Mengatur tampilan setiap elemen th dan td pada tabel */
.cmp_table th, .cmp_table td {
  padding: 0.5em; /* Padding pada setiap elemen th dan td */
  text-align: left; /* Rata kiri pada setiap elemen th dan td */
  border-bottom: 1px solid #ddd; /* Border bawah pada setiap elemen th dan td */
}

/* Mengatur tampilan elemen th pada tabel */
.cmp_table th {
  font-weight: 700; /* Ketebalan font pada elemen th */
}

/* Mengatur tampilan umum pada halaman web */
html, body {
  font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; /* Menggunakan font tertentu */
  font-size: 14px; /* Ukuran font umum */
  line-height: 1.43rem; /* Tinggi baris umum */
  color: rgba(0, 0, 0, 0.87); /* Warna teks umum */
  background: #fff; /* Warna latar belakang umum */
}

/* Mengatur tampilan tautan */
a {
  color: #1CA6E1; /* Warna teks tautan umum */
}

/* Mengatur tampilan tautan saat dihover atau difokuskan */
a:hover, a:focus {
  color: #1CA6E1; /* Warna teks tautan saat dihover atau difokuskan */
}

/* Mengatur tampilan wrapper untuk elemen-elemen pada PKP */
.pkp_site_name_wrapper, .pkp_navigation_primary_wrapper, .pkp_navigation_user, .pkp_search_mobile, .pkp_structure_content, .pkp_structure_footer {
  position: relative; /* Posisi relatif pada setiap wrapper PKP */
  width: 100%; /* Lebar wrapper PKP 100% */
  margin: 0 auto; /* Margin 0 secara vertikal dan auto secara horizontal */
  padding-left: .714rem; /* Padding kiri pada setiap wrapper PKP */
  padding-right: .714rem; /* Padding kanan pada setiap wrapper PKP */
}

/* Membersihkan float pada setiap wrapper PKP */
.pkp_site_name_wrapper:before, .pkp_navigation_primary_wrapper:before, .pkp_navigation_user:before, .pkp_search_mobile:before, .pkp_structure_content:before, .pkp_structure_footer:before, .pkp_site_name_wrapper:after, .pkp_navigation_primary_wrapper:after, .pkp_navigation_user:after, .pkp_search_mobile:after, .pkp_structure_content:after, .pkp_structure_footer:after {
  content: " "; /* Membuat konten kosong sebelum dan setelah setiap wrapper PKP */
  display: table;
}


/* Membersihkan float pada setiap wrapper PKP */
.pkp_site_name_wrapper:after,
.pkp_navigation_primary_wrapper:after,
.pkp_navigation_user:after,
.pkp_search_mobile:after,
.pkp_structure_content:after,
.pkp_structure_footer:after {
  clear: both; /* Membersihkan float setelah elemen-elemen PKP */
}

/* Media query untuk layar dengan lebar minimum 768px */
@media (min-width: 768px) {
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_search_mobile,
  .pkp_structure_content,
  .pkp_structure_footer {
    width: 728px; /* Mengatur lebar wrapper pada layar yang lebih besar */
    padding: 0; /* Mengatur padding menjadi 0 */
  }
}

/* Media query untuk layar dengan lebar minimum 992px */
@media (min-width: 992px) {
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_search_mobile,
  .pkp_structure_content,
  .pkp_structure_footer {
    width: 952px; /* Mengatur lebar wrapper pada layar yang lebih besar */
  }
}

/* Media query untuk layar dengan lebar minimum 1200px */
@media (min-width: 1200px) {
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_search_mobile,
  .pkp_structure_content,
  .pkp_structure_footer {
    width: 1160px; /* Mengatur lebar wrapper pada layar yang lebih besar */
  }
}

/* Gaya khusus untuk situs dengan logo */
.has_site_logo .pkp_site_name,
.has_site_logo .pkp_navigation_primary_wrapper {
  width: auto; /* Lebar otomatis jika memiliki logo */
}

/* Gaya khusus untuk wrapper dengan logo */
.has_site_logo .pkp_head_wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-right: 0.714rem;
}

.has_site_logo .pkp_head_wrapper:before,
.has_site_logo .pkp_head_wrapper:after {
  content: " ";
  display: table;
}

.has_site_logo .pkp_head_wrapper:after {
  clear: both; /* Membersihkan float setelah elemen-elemen wrapper */
}

/* Media query untuk layar dengan lebar minimum 768px */
@media (min-width: 768px) {
  .has_site_logo .pkp_head_wrapper {
    width: 728px; /* Mengatur lebar wrapper pada layar yang lebih besar */
    padding-left: 0;
    padding-right: 0;
  }
}

/* Media query untuk layar dengan lebar minimum 992px */
@media (min-width: 992px) {
  .has_site_logo .pkp_head_wrapper {
    width: 952px; /* Mengatur lebar wrapper pada layar yang lebih besar */
  }
}

/* Media query untuk layar dengan lebar minimum 1200px */
@media (min-width: 1200px) {
  .has_site_logo .pkp_head_wrapper {
    width: 1160px; /* Mengatur lebar wrapper pada layar yang lebih besar */
  }
}

/* Gaya untuk bagian utama struktur */
.pkp_structure_main {
  padding: 0.714rem; /* Padding pada bagian utama */
}

/* Media query untuk layar dengan lebar minimum 480px */
@media (min-width: 480px) {
  .pkp_structure_main {
    padding: 1.43rem; /* Padding pada bagian utama untuk layar yang lebih besar */
  }
}

/* Media query untuk layar dengan lebar minimum 768px */
@media (min-width: 768px) {
  .pkp_structure_main:before,
  .pkp_structure_main:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: #ddd;
  }
  .pkp_structure_main:after {
    left: 728px; /* Mengatur posisi untuk efek garis */
  }
}

/* Media query untuk layar dengan lebar minimum 992px */
@media (min-width: 992px) {
  .pkp_structure_content {
    padding-top: 2.143rem; /* Padding atas pada bagian konten untuk layar yang lebih besar */
  }
  .pkp_structure_sidebar {
    float: right;
    width: 300px; /* Lebar sidebar */
  }
  .pkp_structure_main {
    float: left;
    padding: 0 2.143rem 6.429rem;
    width: 652px; /* Lebar bagian utama */
  }
  .pkp_structure_main:after {
    left: 652px; /* Mengatur posisi untuk efek garis */
  }
}

/* Media query untuk layar dengan lebar minimum 1200px */
@media (min-width: 1200px) {
  .pkp_structure_main {
    width: 860px; /* Lebar bagian utama pada layar yang lebih besar */
  }
  .pkp_structure_main:after {
    left: 860px; /* Mengatur posisi untuk efek garis */
  }
}

/* Media query untuk layar dengan lebar minimum 992px */
@media (min-width: 992px) {
  .pkp_structure_main:first-child:last-child {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.857rem;
  }
  .pkp_structure_main:first-child:last-child:before {
    left: 150px; /* Mengatur posisi untuk efek garis */
  }
  .pkp_structure_main:first-child:last-child:after {
    left: auto;
    right: 150px; /* Mengatur posisi untuk efek garis */
  }
}

/* Gaya untuk elemen gambar */
img {
  max-width: 100%;
  width: auto;
  height: auto;
}

/* Gaya untuk bagian kepala struktur */
.pkp_structure_head {
  background-color: #ffffff; /* Warna latar belakang kepala struktur */
  border-bottom: 1px solid #ddd; /* Garis bawah pada kepala struktur */
}

/* Gaya untuk wrapper kepala */
.pkp_head_wrapper {
  position: relative;
  padding-top: 0 !important;
}

/* Gaya untuk wrapper nama situs */
.pkp_site_name_wrapper {
  height: 2.857rem; /* Tinggi wrapper nama situs */
}

/* Media query untuk layar dengan lebar minimum 992px */
@media (min-width: 992px) {
  .pkp_site_name_wrapper {
    height: auto; /* Mengatur tinggi wrapper nama situs menjadi otomatis */
  }
}

/* Gaya untuk nama situs */
.pkp_site_name {
  position: absolute;
  left: 2.857rem;
  right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0.714rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.84);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 0.93rem;
}

.pkp_site_name>a {
  padding-top: 0.714rem;
  padding-bottom: 0.714rem;
}

.pkp_site_name>a:focus {
  outline: 0;
}

/* Gaya khusus untuk gambar dalam wrapper */
.pkp_site_name .is_img {
  display: inline-block;
  margin-top: 0.357rem;
  margin-bottom: 0.357rem;
  padding: 0;
}

.pkp_site_name .is_img:focus {
  outline: 1px solid rgba(0, 0, 0, 0.84);
}

.pkp_site_name .is_img img {
  display: block;
  max-height: 2.143rem;
  max-width: 100%;
  width: auto;
  height: auto;
}

/* Gaya khusus untuk teks dalam wrapper */
.pkp_site_name .is_text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 0.93rem;
  font-weight: 700;
  line-height: 2.857rem;
  color: rgba(0, 0, 0, 0.84);
  text-decoration: none;
}

.pkp_site_name .is_text:focus {
  text-decoration: underline;
}

/* Gaya untuk wrapper navigasi utama */
.pkp_navigation_primary_wrapper {
  padding-left: 0;
  padding-right: 0;
}

/* Gaya untuk menu navigasi situs */
.pkp_site_nav_menu {
  position: absolute;
  width: 100%;
  top: 100%;
  background: #ffffff;
  left: 0;
  padding: 0.714rem;
  z-index: 9999;
}


/* Gaya untuk menu navigasi situs */
.pkp_site_nav_menu .pkp_nav_list {
  padding-left: 0;
  margin-left: 0;
}

.pkp_site_nav_menu ul ul {
  padding-left: 0.5rem;
}

.pkp_site_nav_menu a {
  display: inline-block;
  padding: 0.125rem 0;
  color: rgba(0, 0, 0, 0.84);
  text-decoration: none;
}

.pkp_site_nav_menu a:hover,
.pkp_site_nav_menu a:focus {
  color: rgba(0, 0, 0, 0.84);
  text-decoration: underline;
}

.pkp_site_nav_menu #siteNav {
  position: absolute;
  top: 0;
  height: 0;
}

/* Gaya untuk navigasi pengguna */
.pkp_navigation_user.pkp_navigation_user {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.pkp_navigation_user .task_count {
  display: inline-block;
  width: 1.43rem;
  height: 1.43rem;
  margin-left: 0.5em;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  line-height: 1.43rem;
  text-align: center;
  font-size: 0.857rem;
  position: relative;
  top: 0.3rem;
}

.pkp_navigation_user>li>a .task_count {
  display: none;
}

.pkp_navigation_user>li>ul a .task_count {
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.84);
}

.pkp_navigation_user>li>ul a:hover .task_count,
.pkp_navigation_user>li>ul a:focus .task_count {
  background: rgba(0, 0, 0, 0.87);
}

/* Gaya wrapper pencarian - versi mobile (akan di-override di desktop) */
.pkp_navigation_search_wrapper {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/* Media query untuk layar dengan lebar minimum 992px */
@media (min-width: 992px) {
  .pkp_head_wrapper {
    padding-top: 0px;
  }

  .pkp_site_nav_toggle {
    display: none;
  }

  .pkp_site_name {
    position: relative;
    width: 100%;
    left: auto;
    right: auto;
    padding: 0;
    white-space: normal;
    font-size: 2em;
    background: transparent;
    overflow: visible;
  }

  .pkp_site_name .is_text {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 1.714rem;
    line-height: 2.143rem;
  }

  .pkp_site_name .is_img img {
    max-height: 80px;
  }

  .pkp_site_nav_menu {
    display: block;
    position: static;
    top: auto;
    padding: 0;
  }

  .pkp_site_nav_menu ul ul {
    padding-left: 0;
  }

}


/* Gaya untuk daftar navigasi utama */
.pkp_nav_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pkp_nav_list li {
  position: relative;
  display: inline-block;
}

.pkp_nav_list a {
  display: inline-block;
  padding-left: 0.714rem;
  padding-right: 0.714rem;
  text-decoration: none;
  padding-top: 0.357rem;
  padding-bottom: 0.357rem;
}

.pkp_nav_list a:hover,
.pkp_nav_list a:focus {
  text-decoration: none;
}

/* Gaya untuk submenu dropdown */
.pkp_nav_list ul {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1000;
  width: 15em;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.pkp_nav_list ul li {
  display: block;
}

.pkp_nav_list ul a {
  display: block;
  padding-left: 0.357rem;
  border-left: 0.357rem solid transparent;
  color: rgba(0, 0, 0, 0.84);
}

.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
  outline: 0;
  background: #ddd;
  border-color: #12c1e0;
  color: rgba(0, 0, 0, 0.84);
}

.pkp_nav_list ul li:first-child a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.pkp_nav_list ul li:last-child a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pkp_nav_list>li:hover ul {
  left: 0;
}

.pkp_nav_list [aria-haspopup]:after {
  position: relative;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 0.25em;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  vertical-align: middle;
  overflow: hidden;
}

/* Gaya untuk navigasi utama */
.pkp_navigation_primary {
  text-align: center;
}

.pkp_navigation_primary>li>a {
  margin: 0.4rem 0.25em 0.4rem;
  padding: 0.35em 1em;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
  font-weight: 700;
  font-size: 0.88rem;
  letter-spacing: 0.04em;
  transition: all 0.18s ease;
  display: inline-block;
}

.pkp_navigation_primary>li>a:hover {
  color: #ffffff;
  border-color: #ffffff;
  background: rgba(34, 116, 165, 0.07);
  outline: 0;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(34, 116, 165, 0.15);
}

.pkp_navigation_primary>li>a:focus {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.75);
  border-color: #c8d8e4;
  outline: 0;
}

.pkp_navigation_primary>li:first-child a {
  margin-left: -0.25em;
}

.pkp_navigation_primary>li:last-child a {
  margin-right: -0.25em;
}

.pkp_navigation_primary>li:hover ul {
  left: 1rem;
}

.pkp_navigation_primary ul a {
  padding-top: 0.714rem;
  padding-bottom: 0.714rem;
}

.pkp_navigation_primary [aria-haspopup]:hover {
  border-color: #ffffff;
}

/* Gaya untuk dropdown menu */
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_primary .dropdown-menu a:hover {
  border-color: #ffffff;
  color: #ffffff;
}

.dropdown-menu {
  display: none;
}

.dropdown-menu.show {
  display: block;
}

[data-toggle="dropdown"]:hover+.dropdown-menu,
.dropdown-menu:hover {
  display: block;
}


/* Gaya untuk wrapper navigasi pengguna */
.pkp_navigation_user_wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 0.714rem;
  padding-right: 0.714rem;
  text-align: right;
  padding-top: 0;
  margin-top: 0;
  border-top: none;
  z-index: 1000;
}

/* Gaya untuk navigasi pengguna */
.pkp_navigation_user {
  text-align: right;
  font-size: 0.93rem;
  padding-right: 1.43rem;
}

.pkp_navigation_user.pkp_navigation_user {
  margin: 0;
  padding: 0;
  border: none;
}

.pkp_navigation_user li {
  text-align: left;
}

.pkp_navigation_user a {
  padding-top: 0.357rem;
  padding-bottom: 0.357rem;
  line-height: 1.43rem;
}

.pkp_navigation_user>li>a:focus {
  outline: 0;
  background: rgba(0, 0, 0, 0.84);
  color: #ffffff;
}

.pkp_navigation_user ul {
  width: 10em;
}

.pkp_navigation_user>li:hover ul {
  right: 0;
  left: auto;
}

.pkp_navigation_user>li:last-child>a {
  margin-right: -0.714rem;
}

.pkp_navigation_user>li>a .task_count {
  display: inline-block;
}

.pkp_navigation_user>li>a:focus .task_count {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.84);
}

.pkp_navigation_user>li>ul a .task_count {
  display: none;
}

/* Gaya untuk wrapper pencarian navigasi */
.pkp_navigation_search_wrapper {
  float: right;
  margin: 0;
  padding: 0;
  border: none;
}

.pkp_navigation_search_wrapper a {
  margin: 0.357rem 0.5em 0;
  padding: 0.357rem 0.5em calc(.714rem - 2px);
  border-bottom: 2px solid transparent;
  color: rgba(0, 0, 0, 0.84);
  text-decoration: none;
}

.pkp_navigation_search_wrapper a:hover {
  color: rgba(0, 0, 0, 0.84);
  outline: 0;
  border-color: rgba(0, 0, 0, 0.84);
  text-decoration: none;
}


.pkp_navigation_search_wrapper a:focus {
  background: rgba(0, 0, 0, 0.84);
  color: #ffffff;
  outline: 0;
  text-decoration: none;
}

@media (min-width: 992px) {
  .pkp_navigation_primary {
    display: inline-block;
    max-width: 80%;
    text-align: left;
  }
}

.pkp_structure_main h1 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1.714rem;
  line-height: 2.143rem;
  font-weight: 700;
}

.pkp_structure_main h2 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1.285rem;
  line-height: 2.143rem;
  font-weight: 700;
}

.pkp_structure_main h3 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1.143rem;
  line-height: 1.43rem;
  font-weight: 700;
}

.pkp_structure_main h4 {
  font-size: 1rem;
  line-height: 1.43rem;
  font-weight: 700;
}

.pkp_structure_main h5 {
  font-size: 1rem;
  line-height: 1.43rem;
  font-weight: 400;
}

.pkp_structure_main h6 {
  font-size: 0.93rem;
  line-height: 1.43rem;
  font-weight: 700;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
  margin: 2.857rem 0 1.43rem;
}

.pkp_structure_main h5,
.pkp_structure_main h6 {
  margin: 1.43rem 0;
}

.pkp_structure_main p {
  line-height: 1.785rem;
  margin: 1.43rem 0;
}

.pkp_structure_main p:last-child {
  margin-bottom: 0;
}

.pkp_structure_main .page h1 {
  margin-top: 0;
}

.pkp_structure_main .page > .cmp_edit_link {
  float: right;
  padding: 0.357rem 0;
  line-height: 2.143rem;
}

.pkp_structure_main .page .monograph_count {
  float: right;
  padding: 0.714rem 0;
  font-size: 0.93rem;
  color: rgba(0, 0, 0, 0.54);
}


.pkp_structure_main .page .about_section {
  color: rgba(0, 0, 0, 0.54);
  line-height: 2.143rem;
}

.pkp_structure_main .page .about_section:before,
.pkp_structure_main .page .about_section:after {
  content: " ";
  display: table;
}

.pkp_structure_main .page .about_section:after {
  clear: both;
}

.pkp_structure_main .page .about_section .cover {
  float: right;
  width: 20%;
  margin-left: 10%;
  margin-right: 10%;
}

.pkp_structure_main .page .about_section .cover img {
  display: block;
  margin: 0 auto;
}

.pkp_structure_main .page .about_section .description p:first-child {
  margin-top: 0;
}

.pkp_structure_main .page .about_section .description p:last-child {
  margin-bottom: 0;
}

@media (min-width: 480px) {
  .pkp_structure_main .page .about_section {
    font-size: 1.143rem;
    font-style: italic;
  }
}

.pkp_site_nav_toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.857rem;
  height: 2.857rem;
  border: 0;
  background: none;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2);
  z-index: 999;
}

.pkp_site_nav_toggle:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.84);
  box-shadow: none;
}

.pkp_site_nav_toggle>span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 19px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.84);
  text-indent: -9999px;
  overflow: hidden;
}

.pkp_site_nav_toggle>span:before,
.pkp_site_nav_toggle>span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.84);
}

.pkp_site_nav_toggle>span:before {
  top: 0;
}

.pkp_site_nav_toggle>span:after {
  top: 8px;
}

.pkp_site_nav_toggle--transform>span {
  border-bottom: 0;
  overflow: visible;
}

.pkp_site_nav_toggle--transform>span:before {
  top: 7px;
  transform: rotate(-405deg) translateY(1px) translateX(-2px);
  -webkit-transform: rotate(-405deg) translateY(1px) translateX(-2px);
}

.pkp_site_nav_toggle--transform>span:after {
  top: 14px;
  transform: rotate(405deg) translateY(-3px) translateX(-4px);
  -webkit-transform: rotate(405deg) translateY(-3px) translateX(-4px);
}

.pkp_site_nav_menu {
  display: none;
}

.pkp_site_nav_menu--isOpen {
  display: block;
}

body.navIsOpen .siteHeader__details {
  right: 0;
}

body.navIsOpen .siteHeader__screen {
  display: block;
  opacity: 0.5;
}

body.navIsOpen .siteHeader__navToggleIcon>span:first-child {
  transform: rotate(45deg);
  top: 18px;
}

body.navIsOpen .siteHeader__navToggleIcon>span:nth-child(2) {
  opacity: 0;
}

body.navIsOpen .siteHeader__navToggleIcon>span:last-child {
  transform: rotate(-45deg);
  top: 18px;
}


@media (min-width:992px) {
  .pkp_site_nav_menu {
    display: block;
  }
}

.pkp_page_index .journals {
  margin-top: 2.143rem;
}

.pkp_page_index .journals>ul>li {
  margin: 2.143rem 0;
}

.pkp_page_index .journals img {
  display: block;
  max-height: 20em;
}

.pkp_page_index .journals h3 {
  margin: 0.714rem 0;
  font-size: 1rem;
  font-weight: 700;
}

.pkp_page_index .journals h3 a {
  text-decoration: none;
}

.pkp_page_index .journals p {
  margin: 0.714rem 0;
}

.pkp_page_index .journals .links li {
  display: inline-block;
  margin: 0 0.714rem 0.714rem 0;
}

@media (min-width:768px) {
  .pkp_page_index .journals>ul>li {
    margin: 0 -1.43rem;
    padding: 1.43rem;
    border-top: 1px solid #ddd;
  }

  .pkp_page_index .journals>ul>li:before,
  .pkp_page_index .journals>ul>li:after {
    content: " ";
    display: table;
  }

  .pkp_page_index .journals>ul>li:after {
    clear: both;
  }

  .pkp_page_index .journals .thumb {
    float: left;
    width: 25%;
    padding-right: 1.43rem;
  }

  .pkp_page_index .journals .thumb+.body {
    float: right;
    width: 75%;
  }
}

@media (min-width:992px) {
  .pkp_page_index .journals>ul>li {
    margin: 0 -2.143rem;
    padding: 2.143rem;
  }

  .pkp_page_index .journals .thumb {
    padding-right: 2.143rem;
  }
}

.pkp_page_index .homepage_image,
.pkp_page_index .additional_content {
  margin-left: -0.714rem;
  margin-right: -0.714rem;
}

@media (min-width:480px) {
  .pkp_page_index .homepage_image,
  .pkp_page_index .additional_content {
    margin-left: -1.43rem;
    margin-right: -1.43rem;
  }
}

@media (min-width:992px) {
  .pkp_page_index .homepage_image,
  .pkp_page_index .additional_content {
    margin-left: -2.143rem;
    margin-right: -2.143rem;
  }
}

.pkp_page_index .homepage_image img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width:992px) {
  .pkp_page_index .homepage_image {
    margin-top: -2.143rem;
  }
}

.pkp_page_index .homepage_about {
  padding-top: 2.143rem;
  padding-bottom: 2.143rem;
}

.pkp_page_index .homepage_about h2 {
  margin-top: -0.714rem;
}

.pkp_page_index .cmp_announcements {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.pkp_page_index .cmp_announcements:before,
.pkp_page_index .cmp_announcements:after {
  content: " ";
  display: table;
}

.pkp_page_index .cmp_announcements:after {
  clear: both;
}


.pkp_page_index .cmp_announcements > .obj_announcement_summary {
  position: relative;
  padding: 2.143rem 0.714rem;
}

.pkp_page_index .cmp_announcements .more {
  position: relative;
}

.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
  padding: 0.714rem;
}

.pkp_page_index .cmp_announcements .more h4 {
  font-size: 0.93rem;
}

@media (min-width: 480px) {
  .pkp_page_index .cmp_announcements > .obj_announcement_summary,
  .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
    padding-left: 1.43rem;
    padding-right: 1.43rem;
  }
}

@media (min-width: 768px) {
  .pkp_page_index .cmp_announcements > .obj_announcement_summary {
    float: left;
    width: 65%;
  }

  .pkp_page_index .cmp_announcements > .obj_announcement_summary:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    border-left: 1px solid #ddd;
  }

  .pkp_page_index .cmp_announcements .more {
    float: right;
    width: 35%;
    padding-top: 1.43rem;
    padding-bottom: 1.43rem;
  }

  .pkp_page_index .cmp_announcements .more:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #ddd;
  }
}

@media (min-width: 992px) {
  .pkp_page_index .cmp_announcements > .obj_announcement_summary,
  .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
  }
}

.pkp_page_index .current_issue .current_issue_title {
  margin: 1.43rem 0;
  font-weight: 700;
}

.pkp_page_index .current_issue .read_more {
  display: inline-block;
  position: relative;
  padding-right: 2.143rem;
  font-size: 0.93rem;
  font-weight: 700;
  line-height: 2.143rem;
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 1.43rem;
}

.pkp_page_index .current_issue .read_more:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f054";
  position: absolute;
  top: 2px;
  right: 0;
  width: 2.143rem;
  height: 2.143rem;
  line-height: 2.143rem;
  text-align: center;
}


.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue .read_more:focus {
  color: #1CA6E1;
}

@media (min-width: 768px) {
  .pkp_page_index .current_issue .section:last-child {
    margin-bottom: 0;
  }
}

.pkp_page_index .additional_content {
  padding: 2.143rem 0.714rem 0 0.714rem;
  border-top: 1px solid #ddd;
}

@media (min-width: 480px) {
  .pkp_page_index .additional_content {
    padding-left: 1.43rem;
    padding-right: 1.43rem;
  }
}

@media (min-width: 992px) {
  .pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
  }
}

.pkp_page_index .additional_content > p:first-child {
  margin-top: 0;
}

.pkp_page_index .additional_content > p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .pkp_page_index .cmp_announcements + .additional_content {
    border-top: none;
  }
}

.page_catalog_category .article_count {
  float: right;
  padding: 0.714rem 0;
  font-size: 0.93rem;
  color: rgba(0, 0, 0, 0.54);
}

.page_catalog_category .about_section .cover {
  float: right;
  width: 20%;
  margin-left: 10%;
  margin-right: 10%;
}

.page_catalog_category .subcategories li {
  padding-top: 0.357rem;
  padding-bottom: 0.357rem;
}

.page_catalog_category .subcategories a {
  text-decoration: none;
}

@media (min-width: 768px) {
  .page_catalog_category .subcategories {
    position: relative;
    margin-top: 0px
    margin-left: -1.43rem;
    margin-right: -1.43rem;
    padding: 2.143rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .page_catalog_category .subcategories h2 {
    position: absolute;
    top: -15px;
    left: 1.43rem;
    margin: 0;
    padding-left: 0.714rem;
    padding-right: 0.714rem;
    line-height: 2.143rem;
    background: #fff;
    color: rgba(0, 0, 0, 0.54);
  }
}

@media (min-width: 992px) {
  .page_catalog_category .subcategories {
    margin-left: -2.143rem;
    margin-right: -2.143rem;
  }
}

@media (min-width: 768px) {
  .page_catalog_category .cmp_article_list {
    padding-top: 1.43rem;
  }

  .page_catalog_category h2.title {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: -2000px;
  }
}


.page_catalog_category h2.title:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 1rem;
  height: auto;
  line-height: normal;
  padding: 1rem;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  text-decoration: none;
  width: auto;
  z-index: 100000;
}

@media (min-width: 992px) {
  .page_catalog_category .cmp_article_list {
    padding-top: 2.143rem;
  }
}

.page_contact .address,
.page_contact .phone,
.page_contact .email {
  margin-top: 0.714rem;
  margin-bottom: 0.714rem;
  font-size: 0.93rem;
}

.page_contact .address {
  margin-top: 0;
}

.page_contact .address p {
  margin: 0;
}

.page_contact .label {
  display: block;
  font-weight: 700;
}

.page_contact .contact.support {
  margin-top: 2.857rem;
}

@media (min-width: 768px) {
  .page_contact .contact_section:before,
  .page_contact .contact_section:after {
    content: " ";
    display: table;
  }

  .page_contact .contact_section:after {
    clear: both;
  }

  .page_contact .contact {
    float: left;
    width: 50%;
  }

  .page_contact .contact.primary {
    padding-right: 1.43rem;
  }

  .page_contact .contact.support {
    margin-top: 0;
  }
}

.page_issue_archive .issues_archive {
  margin-left: -0.714rem;
  margin-right: -0.714rem;
  border-top: 1px solid #ddd;
}

.page_issue_archive .issues_archive>li {
  padding: 2.143rem 0.714rem;
  border-bottom: 1px solid #ddd;
}

@media (min-width: 480px) {
  .page_issue_archive .issues_archive {
    margin-left: -1.43rem;
    margin-right: -1.43rem;
  }

  .page_issue_archive .issues_archive>li {
    padding-left: 1.43rem;
    padding-right: 1.43rem;
  }
}

@media (min-width: 992px) {
  .page_issue_archive .issues_archive {
    margin-left: -2.143rem;
    margin-right: -2.143rem;
  }

  .page_issue_archive .issues_archive>li {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
  }
}

.page_issue_archive .cmp_pagination {
  margin-top: 1.43rem;
}

.page_login .login {
  margin-bottom: 0;
  max-width: 17em;
}

.page_login .login input[type="text"],
.page_login .login input[type="password"] {
  width: 100%;
}

.page_login .password a {
  font-size: 0.93rem;
  font-style: normal;
}

.page_login .remember {
  padding-bottom: 0;
}

.page_login .remember .label {
  display: inline;
  font-style: normal;
}

.page_login .buttons button {
  float: right;
}

.page_login .buttons a {
  float: right;
  margin-right: 1em;
  margin-left: 0;
}

.page_lost_password .lost_password {
  margin-bottom: 0;
  max-width: 17em;
}

.page_lost_password .lost_password input[type="text"] {
  width: 100%;
}


.page_lost_password .pkp_form_error {
  margin: 1.43rem 0;
  padding: 0.714rem;
  background: #ff4040;
  color: #fff;
  font-size: 0.93rem;
  font-weight: 700;
}

.page_lost_password .buttons:before,
.page_lost_password .buttons:after {
  content: " ";
  display: table;
}

.page_lost_password .buttons:after {
  clear: both;
}

.page_lost_password .buttons button {
  float: right;
}

.page_lost_password .buttons a {
  float: right;
  font-size: 0.93rem;
  line-height: 2.143rem;
  margin-right: 1em;
}

.page_register .required_label {
  font-size: 0.93rem;
  line-height: 1.43rem;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 1.43rem;
}

.page_register .consent {
  margin-bottom: 0;
}

.page_register .fields .reviewer_interests {
  max-height: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s;
}

.page_register .fields .reviewer_interests.is_visible {
  max-height: 400px;
  overflow: visible;
  padding-bottom: 2.143rem;
  opacity: 1;
}

.page_register .context_optin .contexts>li {
  margin-bottom: 1em;
}

.page_register .context_optin .contexts>li:last-child {
  margin-bottom: 0;
}

.page_register .context_optin .roles {
  padding: 0.357rem 0;
  margin-bottom: 0;
}

.page_register .context_optin .roles label {
  display: inline-block;
  margin-right: 1em;
  font-size: 0.93rem;
  line-height: 1.43rem;
}

.page_register .context_optin .context_privacy {
  position: absolute;
  left: -9999px;
  padding: 0.357rem 0;
  font-size: 0.93rem;
  line-height: 1.43rem;
}


.page_register .context_optin .context_privacy_visible {
  position: relative;
  left: auto;
}

.page_register #formErrors {
  margin: 1.43rem 0;
  padding: 0.714rem;
  background: #ff4040;
  color: #fff;
}

.page_register #formErrors .pkp_form_error {
  padding: 0;
  font-size: 0.93rem;
  font-weight: bold;
  line-height: 1.43rem;
}

.page_register #formErrors .pkp_form_error_list {
  margin: 0;
  padding-left: 1.43rem;
  font-size: 0.93rem;
  line-height: 1.43rem;
}

.page_register #formErrors .pkp_form_error_list a {
  color: #fff;
}

@media (min-width: 768px) {
  .page_register .identity li {
    display: inline-block;
    padding-right: 1em;
    max-width: 13em;
  }
}

@media (min-width: 1200px) {
  .page_register .identity li {
    max-width: 17em;
  }
}

.pkp_op_register .ui-helper-hidden-accessible {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  left: -2000px;
}

.pkp_op_register .ui-helper-hidden-accessible:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 1rem;
  height: auto;
  line-height: normal;
  padding: 0.714rem;
  position: absolute;
  left: 0.357rem;
  top: 0.357rem;
  text-decoration: none;
  width: auto;
  z-index: 100000;
}

.pkp_op_register .ui-autocomplete {
  position: absolute !important;
}


.page_search .search_input .query {
  width: 100%;
  max-width: 100%;
  height: calc(2.857rem - 2px);
  font-size: 1.285rem;
  line-height: calc(2.857rem - 2px);
}

.page_search .search_advanced {
  border: 1px solid #ddd;
  padding: 0 1.43rem 1.43rem;
}

.page_search .search_advanced legend {
  padding: 0.714rem 1.43rem;
  margin: 0;
  font-weight: 400;
}

.page_search .search_advanced label {
  font-size: 1rem;
  font-style: normal;
}

.page_search .date_range legend {
  padding: 0;
  font-size: 1rem;
}

.page_search .date_range label {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  left: -2000px;
}

.page_search .date_range label:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 1rem;
  height: auto;
  line-height: normal;
  padding: 1rem;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  text-decoration: none;
  width: auto;
  z-index: 100000;
}

.page_search .date_range select + label + select {
  margin-left: 0.25em;
}

.page_search .date_range [name*="Year"] {
  width: 6em;
}

.page_search .date_range [name*="Day"] {
  width: 4em;
}

.page_search .date_range [name*="Month"] {
  width: 10em;
}

.page_search .submit {
  text-align: right;
}

.page_search .submit button {
  position: relative;
  padding-right: 3.2145rem;
  border-right: none;
  padding-right: 1em;
  padding-left: 3.2145rem;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  border-left: none;
}


/* Ikon search pada tombol submit - diposisikan di kiri (bukan kanan) */
.page_search .submit button:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f002";
  position: absolute;
  top: -1px;
  left: 0;               /* ikon di kiri */
  right: auto;
  width: 2.143rem;
  height: 2.143rem;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 2.143rem;
  text-align: center;
  background: #ffffff;
  box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.2);
  color: #fff;
}

.page_search .submit button:hover:after,
.page_search .submit button:focus:after {
  box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.2);
  background: #1CA6E1;
}

.page_search .search_results {
  margin: 2.857rem 0;
  padding: 0;
  list-style: none;
}

.page_search .search_results .obj_article_summary {
  margin: 1.43rem 0;
}

.page_search .cmp_pagination {
  margin-top: 1.43rem;
  font-size: .93rem;
  line-height: 1.43rem;
  color: rgba(0, 0, 0, 0.54);
  text-align: right;
}

.page_search .cmp_pagination a {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

@media (min-width: 768px) {
  .page_search .search_advanced:before,
  .page_search .search_advanced:after {
    content: " ";
    display: table;
  }

  .page_search .search_advanced:after {
    clear: both;
  }

  .page_search .date_range {
    float: left;
    width: 50%;
  }

  .page_search .date_range .to fieldset {
    margin-bottom: 0;
  }

  .page_search .author {
    float: right;
    width: 50%;
  }
}


.page_section .section_description {
  margin-bottom: 2em;
}

.page_submissions .submission_sections ul,
.page_submissions .submission_checklist ul {
  margin: 1.43rem 0 0;
  padding: 0;
  list-style: none;
  font-size: .93rem;
  border: none;
}

.page_submissions .submission_sections li,
.page_submissions .submission_checklist li {
  position: relative;
  border-bottom: none;
}

.page_submissions .submission_sections h3 {
  margin-top: 0;
}

.page_submissions .submission_sections .cmp_notification {
  margin-bottom: 0;
}

.page_submissions .submission_checklist li {
  padding: 1.43rem;
}

.page_submissions .submission_checklist li .fa {
  top: 50%;
  left: .357rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  font-size: 1.285rem;
  color: #00b24e;
}

@media (min-width: 480px) {
  .page_submissions .submission_sections li .fa {
    top: 22px;
    left: calc(1.43rem - 3px);
  }

  .page_submissions .submission_sections ul,
  .page_submissions .submission_checklist ul {
    border: 1px solid #ddd;
    border-bottom: none;
  }

  .page_submissions .submission_sections li,
  .page_submissions .submission_checklist li {
    padding: 1.43rem 1.43rem 1.43rem 2.857rem;
    border-bottom: 1px solid #ddd;
  }

  .page_submissions .submission_sections li .fa,
  .page_submissions .submission_checklist li .fa {
    left: 1.43rem;
  }
}


.header_view {
  z-index: 2;
  position: relative;
  background: #ffffff;
}

.header_view a {
  line-height: 2.143rem;
  text-decoration: none;
}

.header_view .return {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.143rem;
  height: 2.143rem;
  line-height: 2.143rem;
  background: #fff;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
}

.header_view .return:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f060";
}

.header_view .return:hover,
.header_view .return:focus {
  background: #006064;
  color: #fff;
}

.header_view .title {
  display: block;
  padding-left: 2.857rem;
  max-width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .93rem;
  color: #fff;
}

.header_view .title:hover,
.header_view .title:focus {
  background: #1CA6E1;
}

.header_view .download {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.143rem;
  background: #fff;
  text-align: center;
}

.header_view .download:hover,
.header_view .download:focus {
  background: #1CA6E1;
  color: #fff;
}

.header_view .download:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f019";
}


.header_view .download .label {
  display: none;
}

@media (min-width: 768px) {
  .header_view .title {
    font-size: 1rem;
  }

  .header_view .download {
    width: auto;
    padding: 0 1.43rem;
  }

  .header_view .download .label {
    display: inline-block;
  }

  .header_view .download .pkp_screen_reader,
  .header_view .download .pkp_page_index .cmp_announcements h2 {
    display: none;
  }
}

.galley_view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: hidden;
}

.galley_view iframe {
  width: 100%;
  height: 100%;
  padding-top: 2.143rem;
  border: none;
}

.galley_view.galley_view_with_notice iframe {
  padding-top: 6.429rem;
}

.galley_view .galley_view_notice {
  position: absolute;
  top: 2.143rem;
  width: 100%;
  height: 4.286rem;
  background: #ff4040;
}

.galley_view .galley_view_notice_message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.84);
  font-weight: 700;
  text-align: center;
}

.galley_view .galley_view_notice_message a {
  color: rgba(0, 0, 0, 0.84);
  text-decoration: underline;
}

.obj_announcement_full h1 {
  margin: 0;
}

.obj_announcement_full .date {
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.54);
}

.obj_announcement_full .date:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f073";
  margin-right: 0.5em;
  color: #ddd;
}


.obj_announcement_full .description {
  margin-top: 2.857rem;
}

.obj_announcement_full .description p:first-child {
  margin-top: 0;
}

.obj_announcement_full .description p:last-child {
  margin-bottom: 0;
}

.obj_announcement_summary h2,
.obj_announcement_summary h3,
.obj_announcement_summary h4 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.43rem;
}

.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a,
.obj_announcement_summary h4 a {
  text-decoration: none;
}

.obj_announcement_summary .date {
  font-size: .93rem;
  line-height: 1.785rem;
  color: rgba(0, 0, 0, 0.54);
}

.obj_announcement_summary .date:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f073";
  margin-right: 0.5em;
  font-size: 1rem;
  color: #ddd;
}

.obj_announcement_summary .summary {
  font-size: .93rem;
  line-height: 1.43rem;
  margin-top: .714rem;
}

.obj_announcement_summary .summary p:first-child {
  margin-top: 0;
}

.obj_announcement_summary .summary p:last-child {
  margin-bottom: 0;
}

.obj_announcement_summary .read_more {
  display: inline-block;
  position: relative;
  padding-right: 2.143rem;
  font-size: .93rem;
  font-weight: 700;
  line-height: 2.143rem;
  color: #ffffff;
  text-decoration: none;
}

.obj_announcement_summary .read_more:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f054";
  position: absolute;
  top: 2px;
  right: 0;
  width: 2.143rem;
  height: 2.143rem;
  line-height: 2.143rem;
  text-align: center;
}


.obj_announcement_summary .read_more:hover,
.obj_announcement_summary .read_more:focus {
  color: #1CA6E1;
}

.obj_article_details > .page_title {
  margin: 0;
}

.obj_article_details > .subtitle {
  margin: 0;
  font-size: 1rem;
  line-height: 2.143rem;
  font-weight: 400;
}

.obj_article_details .row {
  margin-top: 2.143rem;
}

.obj_article_details .item {
  padding-top: 1.43rem;
  padding-bottom: 1.43rem;
}

.obj_article_details .item > *:first-child {
  margin-top: 0;
}

.obj_article_details .item > *:last-child {
  margin-bottom: 0;
}

.obj_article_details .sub_item {
  margin-bottom: 1.43rem;
}

.obj_article_details .sub_item:last-child {
  margin-bottom: 0;
}

.obj_article_details .main_entry .item .label {
  margin: 0 0 1.43rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1.143rem;
  font-weight: 700;
}

.obj_article_details .main_entry .item.doi .label,
.obj_article_details .main_entry .item.keywords .label {
  display: inline;
  font-size: 1rem;
}

.obj_article_details .main_entry .sub_item .label {
  font-size: 1rem;
}

.obj_article_details .authors li {
  margin-bottom: 0.714rem;
}

.obj_article_details .authors .name {
  font-weight: bold;
  display: block;
}


.obj_article_details .authors .orcid {
  display: block;
  font-size: 0.75rem;
  line-height: 1.43rem;
}

.obj_article_details .authors .orcid a {
  vertical-align: middle;
}

.obj_article_details .authors .orcid_icon {
  width: 1.43rem;
  height: 1.43rem;
}

.obj_article_details .authors .affiliation {
  font-size: 0.93rem;
  color: rgba(0, 0, 0, 0.54);
}

.obj_article_details .author_bios .sub_item .label {
  margin-bottom: 0;
}

.obj_article_details .author_bios .sub_item .value > p:first-child {
  margin-top: 0;
}

.obj_article_details .item.doi,
.obj_article_details .item.keywords {
  padding-top: 0;
}

.obj_article_details .galleys_links li {
  display: inline-block;
}

.obj_article_details .supplementary_galleys_links {
  margin-top: 0.714rem;
}

.obj_article_details .copyright {
  font-size: 0.93rem;
  line-height: 1.43rem;
}

.obj_article_details .copyright a[rel="license"] + p {
  margin-top: 0;
}

.obj_article_details .entry_details {
  margin-left: -1.43rem;
  margin-right: -1.43rem;
  border-top: 1px solid #ddd;
}

.obj_article_details .entry_details .item {
  padding: 1.43rem;
  border-bottom: 1px solid #ddd;
  word-wrap: break-word;
}

.obj_article_details .entry_details .item:last-child {
  border-bottom: none;
}

.obj_article_details .entry_details .item .label {
  margin: 0;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 0.93rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}


.obj_article_details .categories {
  margin: 0;
  padding: 0;
  list-style: none;
}

.obj_article_details .versions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.obj_article_details .citation_display .value {
  font-size: 0.75rem;
}

.obj_article_details .citation_display .csl-left-margin {
  display: none;
}

.obj_article_details .citation_display [aria-hidden="true"] {
  display: none;
}

.obj_article_details .citation_display .citation_formats {
  margin-top: 1em;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}

.obj_article_details .citation_display .citation_formats_button {
  position: relative;
  background: transparent;
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  padding: 0 1em;
  width: 100%;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
  text-align: left;
}

.obj_article_details .citation_display .citation_formats_button:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f0d7";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
}

.obj_article_details .citation_display .citation_formats_button[aria-expanded="true"]:after {
  content: "\f0d8";
}

.obj_article_details .citation_display .citation_formats_button:focus {
  background: #ddd;
  outline: 0;
}

.obj_article_details .citation_display .citation_formats_styles {
  margin: 0;
  padding: 0;
  list-style: none;
}

.obj_article_details .citation_display .citation_formats_styles a {
  display: block;
  padding: 0.5em 1em;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
}

.obj_article_details .citation_display .citation_formats_styles a:focus {
  background: #ddd;
  outline: 0;
}

.obj_article_details .citation_display .citation_formats_styles li:last-child a {
  border-bottom: none;
}

.obj_article_details .citation_display .citation_formats_list .label {
  padding: 1em 1em 0.25em 1em;
}


.obj_article_details .citation_display .citation_formats_styles + .label {
  border-top: 1px solid #ddd;
}

.obj_article_details .citation_display span {
  margin-right: 0.5em;
}

@media (min-width: 480px) {
  .obj_article_details .entry_details {
    margin-left: -2.143rem;
    margin-right: -2.143rem;
  }
}

@media (min-width: 768px) {
  .obj_article_details .row {
    margin-left: -1.43rem;
    margin-right: -1.43rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .obj_article_details .main_entry {
    float: left;
    width: 428px;
    border-right: 1px solid #ddd;
  }

  .obj_article_details .item {
    padding: 1.43rem;
  }

  .obj_article_details .item .label {
    margin: 0 0 1.43rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 1.143rem;
    font-weight: 700;
  }

  .obj_article_details .item.doi .label,
  .obj_article_details .item.keywords .label {
    display: inline;
    font-size: 1rem;
  }

  .obj_article_details .entry_details {
    float: left;
    width: 300px;
    margin: 0 0 0 -1px;
    border-top: none;
    border-left: 1px solid #ddd;
  }

  .obj_article_details .entry_details .item {
    margin-right: -1px;
    border-bottom: 1px solid #ddd;
  }

  .obj_article_details .entry_details .item:last-child {
    border-bottom: none;
  }
}

@media (min-width: 992px) {
  .obj_article_details .row {
    margin-left: -2.143rem;
    margin-right: -2.143rem;
  }

  .obj_article_details .main_entry {
    width: 352px;
  }

  .obj_article_details .item {
    padding: 2.143rem;
  }
}

@media (min-width: 1200px) {
  .obj_article_details .main_entry {
    width: 560px;
  }
}

.obj_article_summary:before,
.obj_article_summary:after {
  content: " ";
  display: table;
}

.obj_article_summary:after {
  clear: both;
}

.obj_article_summary .cover {
  display: block;
  margin-bottom: 1.43rem;
}

.obj_article_summary .cover img {
  display: block;
  max-height: 250px;
  width: auto;
}

.obj_article_summary > .title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.43rem;
  font-weight: 700;
  border-bottom: none;
  margin: 0;
}

.obj_article_summary > .title a {
  text-decoration: none;
}

.obj_article_summary .subtitle {
  display: block;
  margin-top: 0.25em;
  margin-bottom: 0.5em;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}

.obj_article_summary .meta {
  position: relative;
  padding-top: 0.357rem;
  font-size: 0.93rem;
  line-height: 1.43rem;
}

.obj_article_summary .pages,
.obj_article_summary .published {
  color: rgba(0, 0, 0, 0.54);
}

.obj_article_summary .galleys_links {
  margin-top: 0.714rem;
}

.obj_article_summary .galleys_links li {
  display: inline-block;
  margin-right: 1em;
}

.obj_article_summary .galleys_links li:last-child {
  margin-right: 0;
}

@media (min-width: 768px) {
  .obj_article_summary .authors {
    padding-right: 5em;
  }

  .obj_article_summary .pages {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 2.143rem;
  }
}


/* Gaya untuk Sampul Artikel pada Ringkasan Artikel */
.obj_article_summary .cover {
  float: left;
  width: 25%;
  height: auto;
  max-height: none;
  margin-right: 1.43rem;
}

@media (min-width: 992px) {
  .obj_article_summary .cover {
    margin-right: 2.143rem;
    margin-bottom: 2.143rem;
  }
  .obj_article_summary .cover img {
    max-height: none;
  }
}

/* Gaya untuk Tautan Galeri Artikel */
.obj_galley_link:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f0f6";
  margin-right: 0.25em;
}

.obj_galley_link.pdf:before {
  content: "\f1c1";
}

.obj_galley_link.restricted {
  border-color: #d00a6c;
  color: #d00a6c;
}

.obj_galley_link.restricted:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f023";
  color: #d00a6c;
}

.obj_galley_link.restricted:hover,
.obj_galley_link.restricted:focus {
  background: #d00a6c;
  color: #fff;
}

.obj_galley_link.restricted:hover:before,
.obj_galley_link.restricted:focus:before {
  color: #fff;
}

/* Gaya untuk Tautan Galeri Tambahan */
.obj_galley_link_supplementary {
  display: inline-block;
  position: relative;
  padding-right: 2.143rem;
  font-size: 0.93rem;
  font-weight: 700;
  line-height: 2.143rem;
  color: #ffffff;
  text-decoration: none;
  padding-right: 0;
  padding-left: 1.43rem;
}

.obj_galley_link_supplementary:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f0f6";
  position: absolute;
  top: 2px;
  right: 0;
  width: 2.143rem;
  height: 2.143rem;
  line-height: 2.143rem;
  text-align: center;
}

.obj_galley_link_supplementary:hover,
.obj_galley_link_supplementary:focus {
  color: #1CA6E1;
}

.obj_galley_link_supplementary:after {
  right: auto;
  left: 0;
  text-align: left;
}

/* Gaya untuk Ringkasan Isu */
.obj_issue_summary h2 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.43rem;
  font-weight: 400;
}

.obj_issue_summary .cover {
  display: block;
  margin-bottom: 1.43rem;
}

.obj_issue_summary .cover img {
  display: block;
  width: auto;
  max-height: 250px;
}

.obj_issue_summary .title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.obj_issue_summary .series {
  margin-bottom: 0.357rem;
  color: rgba(0, 0, 0, 0.54);
}


/* Gaya untuk Ringkasan Isu */
.obj_issue_summary .description {
  font-size: 0.93rem;
  line-height: 1.43rem;
}

.obj_issue_summary .description p:first-child {
  margin-top: 0;
}

.obj_issue_summary .description p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .obj_issue_summary:before,
  .obj_issue_summary:after {
    content: " ";
    display: table;
  }

  .obj_issue_summary:after {
    clear: both;
  }

  .obj_issue_summary .cover {
    float: left;
    width: 25%;
    height: auto;
    margin-right: 1.43rem;
  }

  .obj_issue_summary .cover img {
    max-height: auto;
  }
}

/* Gaya untuk Tabel Isu */
.obj_issue_toc .cover {
  display: block;
  margin-bottom: 1.43rem;
}

.obj_issue_toc .cover img {
  display: block;
  max-height: 250px;
  width: auto;
}

.obj_issue_toc .description > *:first-child {
  margin-top: 0;
}

.obj_issue_toc .description > *:last-child {
  margin-bottom: 0;
}

.obj_issue_toc .pub_id {
  margin: 1.43rem 0;
}

.obj_issue_toc .pub_id .type {
  font-weight: 700;
}

.obj_issue_toc .published {
  margin: 1.43rem 0;
}

.obj_issue_toc .published .label {
  font-weight: 700;
}

.obj_issue_toc .articles {
  margin-top: calc(2.143rem + 1.43rem);
}

.obj_issue_toc h2 + .articles,
.obj_issue_toc h3 + .articles {
  margin-top: 0;
}

.obj_issue_toc .sections:not(:first-child) {
  margin-top: 4.286rem;
}

.obj_issue_toc .section:last-child .articles > li:last-child {
  margin-bottom: 0;
}

.obj_issue_toc .galleys_links {
  margin-top: 0.714rem;
}

.obj_issue_toc .galleys_links li {
  display: inline-block;
  margin-right: 1em;
}

.obj_issue_toc .galleys_links li:last-child {
  margin-right: 0;
}

@media (min-width: 768px) {
  .obj_issue_toc .heading:before,
  .obj_issue_toc .heading:after {
    content: " ";
    display: table;
  }

  .obj_issue_toc .heading:after {
    clear: both;
  }

  .obj_issue_toc .cover {
    float: left;
    width: 25%;
    height: auto;
    max-height: none;
    margin-right: 1.43rem;
  }
}


/* Gaya untuk Tabel Isu */
.obj_issue_toc .galleys,
.obj_issue_toc .section {
  position: relative;
  margin: 2.143rem -1.43rem;
  padding: 2.143rem;
}

.obj_issue_toc .galleys:before,
.obj_issue_toc .section:before {
  content: '';
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  border-top: 1px solid #ddd;
}

.obj_issue_toc .galleys > h2,
.obj_issue_toc .section > h2,
.obj_issue_toc .galleys > h3,
.obj_issue_toc .section > h3 {
  display: inline-block;
  position: relative;
  left: -15px;
  margin-top: 0;
  padding: 0 1.0715rem;
  background: #fff;
  font-size: 1.143rem;
  font-weight: 400;
  line-height: 2.143rem;
  color: rgba(0, 0, 0, 0.54);
}

@media (min-width: 992px) {
  .obj_issue_toc .galleys,
  .obj_issue_toc .section {
    margin: 2.143rem -2.143rem;
  }

  .obj_issue_toc .cover {
    margin-right: 2.143rem;
    margin-bottom: 2.143rem;
  }

  .obj_issue_toc .cover img {
    max-height: none;
  }
}

/* Gaya untuk Blok PKP */
.pkp_block {
  padding: 2.143rem 1.43rem;
  font-size: 1rem;
  line-height: 1.43rem;
}

.pkp_block .title {
  display: block;
  margin-bottom: 0.9rem;
  margin-top: 0;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #ffffff;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.43rem;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pkp_block .content ul li {
  line-height: 1.43rem;
  padding: 0.357rem 0;
}

.pkp_block .content p {
  line-height: 1.785rem;
}

.pkp_block .content p:first-child {
  margin-top: 0;
}

.pkp_block .content p:last-child {
  margin-bottom: 0;
}

.pkp_block a {
  text-decoration: none;
}

@media (min-width: 992px) {
  .pkp_block {
    padding: 2.143rem;
  }
}

/* Gaya untuk Blok Telusur */
.block_browse {
  font-size: 0.93rem;
}

.block_browse .has_submenu {
  margin-top: 1.43rem;
  font-size: 0.93rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.54);
}

.block_browse .has_submenu ul {
  margin-top: calc(0.357rem - 1px);
  padding-top: 0.357rem;
  font-weight: 400;
}

.block_browse .is_sub {
  margin-left: 0.714rem;
}

.block_browse .current a {
  padding-left: 0.5em;
  border-left: 4px solid #ddd;
  color: rgba(0, 0, 0, 0.54);
  cursor: text;
}

.obj_article_details .abstract {
  text-align: justify;
}

/* Gaya untuk Tautan Blok Informasi dan Blok Peralihan Bahasa */
.block_information a,
.block_language_toggle a {
  font-size: 0.93rem;
}

/* Gaya untuk Blok Langganan */
.block_subscription .subscription_name {
  margin-bottom: 0;
  font-weight: 700;
}

.block_subscription .subscription_membership {
  margin-top: 0;
}

/* Gaya untuk Footer Struktur PKP */
.pkp_footer_content {
  float: left;
  width: 30%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pkp_brand_footer {
  float: right;
  width: 30%;
  padding-bottom: 10px;
  padding-top: 50px;
}

.pkp_structure_footer_wrapper {
  background: #336799;
  border-bottom: 2px solid #595959;
}


.pkp_brand_footer:before,
.pkp_brand_footer:after {
  content: " ";
  display: table;
}

.pkp_brand_footer:after {
  clear: both;
}

.pkp_brand_footer a {
  float: right;
  display: block;
  max-width: 150px;
}

/* Gaya untuk Penyusunan Kanan-Ke-Kiri (RTL) */
body[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}

@media (min-width: 768px) {
  body[dir="rtl"] .pkp_structure_main:before {
    left: auto;
    right: 0;
  }

  body[dir="rtl"] .pkp_structure_main:after {
    left: auto;
    right: 728px;
  }
}

@media (min-width: 992px) {
  body[dir="rtl"] .pkp_structure_main {
    float: right;
  }

  body[dir="rtl"] .pkp_structure_main:after {
    left: auto;
    right: 652px;
  }

  body[dir="rtl"] .pkp_structure_sidebar {
    float: left;
  }
}

@media (min-width: 1200px) {
  body[dir="rtl"] .pkp_structure_main:after {
    left: auto;
    right: 860px;
  }
}

@media (min-width: 992px) {
  body[dir="rtl"] .pkp_site_name {
    text-align: right;
  }
}

body[dir="rtl"] .pkp_navigation_primary ul {
  text-align: right;
}

/* Gaya untuk Navigasi Pengguna (RTL) */
body[dir="rtl"] .pkp_navigation_user {
  text-align: left;
}

body[dir="rtl"] .pkp_navigation_user li {
  text-align: right;
}

/* Gaya untuk Pencarian dan Layar Lebar (RTL) */
body[dir="rtl"] .pkp_head_wrapper .pkp_search {
  right: auto;
  left: 0;
  text-align: left;
}

body[dir="rtl"] .pkp_head_wrapper .pkp_search.is_open .search_prompt {
  border-left: none;
  border-right: 1px solid #ddd;
}

body[dir="rtl"] .pkp_head_wrapper .pkp_search.is_open input[type="text"] {
  padding-right: 0.5em;
  padding-left: 180px;
}

/* Gaya untuk Aksesibilitas dan Fokus (RTL) */
body[dir="rtl"] .pkp_screen_reader,
body[dir="rtl"] .cmp_skip_to_content a,
body[dir="rtl"] .pkp_page_index .journals h2,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2,
body[dir="rtl"] .page_register .context_optin .roles legend,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2 {
  left: auto;
  right: -2000px;
}

body[dir="rtl"] .pkp_screen_reader:focus,
body[dir="rtl"] .cmp_skip_to_content a:focus,
body[dir="rtl"] .pkp_page_index .journals h2:focus,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus,
body[dir="rtl"] .page_register .context_optin .roles legend:focus,
body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus {
  right: 50%;
}

/* Gaya untuk RTL pada Obj Announcement Summary */
body[dir="rtl"] .obj_announcement_summary .date:before {
  margin-right: 0;
  margin-left: 0.5em;
}

/* Gaya untuk RTL pada Obj Issue TOC */
body[dir="rtl"] .obj_issue_toc .galleys_links li {
  margin-right: inherit;
  margin-left: 1em;
}

@media (min-width: 768px) {
  /* Gaya untuk RTL pada Obj Issue TOC untuk Layar Lebar */
  body[dir="rtl"] .obj_issue_toc .galleys h2,
  body[dir="rtl"] .obj_issue_toc .section h2 {
    left: auto;
    right: 1.0715rem;
  }

  body[dir="rtl"] .obj_issue_toc .cover {
    float: right;
    margin-right: inherit;
    margin-left: 1.43rem;
  }
}

@media (min-width: 992px) {
  body[dir="rtl"] .obj_issue_toc .cover {
    margin-right: inherit;
    margin-left: 2.143rem;
  }
}

@media (min-width: 768px) {
  /* Gaya untuk RTL pada Obj Issue Summary untuk Layar Lebar */
  body[dir="rtl"] .obj_issue_summary .cover {
    float: right;
    margin-right: inherit;
    margin-left: 1.43rem;
  }

  /* Gaya untuk RTL pada Obj Article Summary untuk Layar Lebar */
  body[dir="rtl"] .obj_article_summary {
    padding-right: 0;
    padding-left: 5em;
  }

  /* Gaya untuk RTL pada Cover untuk Layar Lebar */
  body[dir="rtl"] .cover {
    float: right;
    margin-right: inherit;
    margin-left: 1.43rem;
  }
}

@media (min-width: 768px) {
  /* Gaya untuk RTL pada Obj Article dan Section untuk Layar Lebar */
  body[dir="rtl"] .galleys h2,
  body[dir="rtl"] .section h2 {
    left: auto;
    right: 1.0715rem;
  }

  body[dir="rtl"] .cover {
    float: right;
    margin-right: inherit;
    margin-left: 1.43rem;
  }
}

@media (min-width: 992px) {
  body[dir="rtl"] .cover {
    margin-right: inherit;
    margin-left: 2.143rem;
  }
}

/* Penambahan @font-face untuk Font 'Noto Serif' dan 'Montserrat' */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('//ojs.smkmerahputih.sch.id/jimu/plugins/themes/default/fonts/noto-serif-v9-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot');
  /* ... (lanjutan kode font-face) */
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('//ojs.smkmerahputih.sch.id/jimu/plugins/themes/defaultManuscript/fonts/montserrat-v15-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.eot');
  /* ... (lanjutan kode font-face) */
}

/* ... (lanjutan CSS, mungkin ada potongan yang terpotong) */
html, body {
  background: #ddd;
}


.pkp_structure_page{margin:0 auto;max-width:1160px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}@media (min-width:1200px){.pkp_structure_page{margin-top:2.143rem;margin-bottom:2.143rem}}.pkp_structure_footer_wrapper{background:rgba(0,0,0,0.05);border-top:1px solid #ddd;border-bottom:1.43rem solid #ffffff }.pkp_structure_main:before,.pkp_structure_main:after{display:none}.pkp_structure_content{padding-top:0}@media (min-width:992px){.pkp_structure_sidebar:before{content:'';position:absolute;top:0;right:0;bottom:0;width:300px;border-left:1px solid #ddd}.pkp_structure_sidebar>*{position:relative}}@media (min-width:992px){.pkp_structure_main:first-child:last-child{float:none;margin-left:auto;margin-right:auto;margin-top:2.857rem}.pkp_structure_main:first-child:last-child:before{left:150px}.pkp_structure_main:first-child:last-child:after{left:auto;right:150px}}.cmp_manuscript_button,.block_make_submission a,.obj_galley_link{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;font-weight:700;text-transform:uppercase;background:#ffffff;color:rgba(0,0,0,0.84);border:none}.cmp_manuscript_button:hover,.cmp_manuscript_button:focus,.block_make_submission a:hover,.block_make_submission a:focus,.obj_galley_link:hover,.obj_galley_link:focus{background:#ffffff }.cmp_breadcrumbs{padding:2.143rem 0;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;font-size:.93rem;color:rgba(0,0,0,0.54);text-transform:uppercase}.cmp_breadcrumbs>ol{padding:0;margin:0}.cmp_breadcrumbs .current{text-transform:none}.cmp_breadcrumbs .current h1{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif}.cmp_breadcrumbs .separator{padding:0 .1em;opacity:0.3}.cmp_pagination{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif}.cmp_pagination a{font-weight:700;text-transform:uppercase}.cmp_pagination .prev:before{content:"\f053"}.cmp_pagination .next:after{content:"\f054"}.cmp_announcements{border:none}.cmp_announcements>li{border-bottom:none}.cmp_announcements .obj_announcement_summary h2,.cmp_announcements .obj_announcement_summary h3,.cmp_announcements .obj_announcement_summary h4,.cmp_announcements .date,.cmp_announcements .read_more{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;font-size:.93rem;font-weight:700}.cmp_announcements .read_more{text-transform:uppercase}.cmp_announcements .date{font-weight:400}.cmp_announcements .date:before{color:#ffffff }.cmp_notification{background:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.pkp_head_wrapper,.has_site_logo .pkp_head_wrapper{position:relative;padding-top:0}.pkp_site_name_wrapper{background:#006064 }.pkp_site_name_wrapper{padding-left:0rem;padding-right:0rem}.pkp_site_name .is_text{font-size:1rem;text-transform:uppercase}@media (min-width:992px){.pkp_site_name{width:75%;margin-left:0;padding-top:1.071rem;padding-bottom:1.071rem}.pkp_site_name .is_text{font-size:1.285rem}}@media (min-width:992px){.pkp_navigation_primary_row{background:#006064;padding-left:2.143rem;padding-right:2.143rem}}.pkp_navigation_primary_wrapper{width:auto}#navigationPrimary a{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;font-size:.93rem;font-weight:700;text-transform:uppercase}#navigationPrimary>li>a{padding-bottom:6px;border-bottom-width:4px}

#navigationPrimary>li>a:hover,#navigationPrimary>li>a:focus{border-color:#ffffff }#navigationPrimary>[aria-haspopup]>a:hover,#navigationPrimary>[aria-haspopup]>a:focus{border-color:transparent}#navigationPrimary [aria-expanded="true"]:before{border-bottom-color:#ffffff }@media (min-width:992px){#navigationPrimary a{color:rgba(0,0,0,0.54)}#navigationPrimary a:hover,#navigationPrimary a:focus{color:#ffffff }#navigationPrimary ul{background:#ffffff }#navigationPrimary ul a{color:rgba(0,0,0,0.84)}#navigationPrimary ul a:hover,#navigationPrimary ul a:focus{border-color:transparent}}.pkp_navigation_search_wrapper a{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;font-size:.93rem;font-weight:700;text-transform:uppercase}@media (min-width:992px){.pkp_navigation_search_wrapper a{padding-bottom:6px;border-bottom-width:4px;color:#ffffff }.pkp_navigation_search_wrapper a:hover,.pkp_navigation_search_wrapper a:focus{color:#ffffff;border-color:#ffffff }}.pkp_navigation_user_wrapper a{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;font-size:.93rem;font-weight:700}@media (min-width:992px){.pkp_navigation_user_wrapper{top:13px;right:0;left:auto;width:25%;transform:none;padding-right:2.143rem}.pkp_navigation_user_wrapper a{color:rgba(0,0,0,0.54)}

.pkp_navigation_user_wrapper ul a:hover,.pkp_navigation_user_wrapper ul a:focus{border-color:#ffffff }.pkp_navigation_user_wrapper .pkp_navigation_user{margin-right:0;padding-right:0;width:auto}.pkp_navigation_user>li>a{color:rgba(0,0,0,0.84)}}.pkp_block .title{display:inline-block;padding-bottom:0.5em;border-bottom:3px solid #ffffff;font-weight:700;text-transform:uppercase}.pkp_page_index .homepage_image{margin-top:-1px}.pkp_page_index .cmp_announcements{border:none}@media (min-width:768px){.pkp_page_index .cmp_announcements>.more:before,.pkp_page_index .cmp_announcements>.obj_announcement_summary:before{display:none}}@media (min-width:992px){.pkp_page_index .cmp_announcements h2+.obj_announcement_summary,.pkp_page_index .cmp_announcements .more{padding-top:80px;padding-bottom:80px}.pkp_page_index .cmp_announcements .more .obj_announcement_summary{padding-top:0;padding-bottom:0;margin-bottom:1.43rem}.pkp_page_index .cmp_announcements .more .obj_announcement_summary:last-child{margin-bottom:0}}@media (min-width:1200px){.pkp_page_index .cmp_announcements{border-bottom:1px solid #ddd}.pkp_page_index .cmp_announcements>.more:before,.pkp_page_index .cmp_announcements>.obj_announcement_summary:before{display:block}}.pkp_page_index .current_issue h2{display:inline-block;padding-bottom:0.5em;border-bottom:3px solid #ffffff;text-transform:uppercase;font-weight:700;color:rgba(0,0,0,0.54)}.pkp_page_index .current_issue .current_issue_title{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;font-size:1.143rem}.pkp_page_index .current_issue .sections{margin-top:1.43rem}

/* Gaya untuk Tombol "Read More" pada Objek Current Issue di Halaman Index */
.pkp_page_index .current_issue .read_more {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

/* Gaya untuk Pengumuman di Halaman Utama */
.pkp_structure_main:first-child:last-child .cmp_announcements {
  border-bottom: none;
}

.pkp_structure_main:first-child:last-child .cmp_announcements > .more:before,
.pkp_structure_main:first-child:last-child .cmp_announcements > .obj_announcement_summary:before {
  display: none;
}

.pkp_structure_main:first-child:last-child .additional_content {
  border-top: none;
}

/* Gaya untuk Halaman Pengumuman */
.page_announcement {
  margin-top: 2.143rem;
}

/* Gaya untuk Arsip Isu di Halaman Arsip Isu */
.page_issue_archive .issues_archive,
.page_issue_archive .issues_archive > li {
  border: none;
}

/* Gaya untuk Pencarian Lanjutan di Halaman Pencarian */
.page_search .search_advanced {
  margin-top: 0.714rem;
}

.page_search .search_advanced > legend {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

/* Gaya untuk Header View */
.header_view {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.84);
}

.header_view .title {
  color: rgba(0, 0, 0, 0.84);
}

.header_view .title:hover,
.header_view .title:focus {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.84);
  text-decoration: underline;
}

/* Gaya untuk Heading pada Obj Issue TOC */
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .published {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 0.93rem;
}

.obj_issue_toc .heading .pub_id .type,
.obj_issue_toc .heading .published .label {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.54);
  text-transform: uppercase;
}

.obj_issue_toc .heading .pub_id .id,
.obj_issue_toc .heading .published .value {
  margin-left: 0.5em;
}

.obj_issue_toc .heading .pub_id .id a {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
}

.obj_issue_toc .heading .pub_id .id a:hover,
.obj_issue_toc .heading .pub_id .id a:focus {
  color: #1CA6E1;
  text-decoration: underline;
}

/* Gaya untuk Heading pada Obj Issue TOC untuk Galley dan Section */
.obj_issue_toc > .galleys,
.obj_issue_toc .section {
  margin: 0;
  padding: 0;
  border: none;
}

.obj_issue_toc > .galleys:before,
.obj_issue_toc .section:before {
  display: none;
}

.obj_issue_toc > .galleys h2,
.obj_issue_toc .section h2 {
  position: relative;
  display: inline-block;
  top: auto;
  left: auto;
  padding: 0 0 0.357rem;
  border-bottom: 3px solid #ffffff;
  background: transparent;
  text-transform: uppercase;
  font-weight: 700;
}


/* Gaya untuk Galleys Links pada Obj Issue TOC */
.obj_issue_toc .galleys_links li {
  margin-bottom: 0.5em;
}

/* Gaya untuk Pages pada Obj Issue TOC */
.obj_issue_toc .pages {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* Gaya untuk Gambar pada Obj Issue TOC */
.obj_issue_toc .cover img {
  margin-left: auto;
  margin-right: auto;
}

/* Gaya untuk Series pada Obj Issue Summary */
.obj_issue_summary .series {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* Gaya untuk Galley Link yang Dibatasi pada Obj Galley Link */
.obj_galley_link.restricted {
  border-color: #ddd;
  background: #ddd;
  color: rgba(0, 0, 0, 0.54);
}

.obj_galley_link.restricted:before {
  color: rgba(0, 0, 0, 0.54);
}

.obj_galley_link.restricted:hover,
.obj_galley_link.restricted:focus {
  background: rgba(0, 0, 0, 0.54);
}

/* Gaya untuk Subtitle pada Obj Article Summary */
.obj_article_summary .subtitle {
  font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 0.93rem;
}

/* Gaya untuk Subtitle pada Obj Article Details */
.obj_article_details .subtitle {
  font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* Gaya untuk Authors dan DOI pada Obj Article Details */
.obj_article_details .authors,
.obj_article_details .doi {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* Gaya untuk ORCID dan Link DOI pada Obj Article Details */
.obj_article_details .orcid a,
.obj_article_details .doi a {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
}

.obj_article_details .orcid a:hover,
.obj_article_details .doi a:hover,
.obj_article_details .orcid a:focus,
.obj_article_details .doi a:focus {
  color: #ffffff;
  text-decoration: underline;
}


/* Gaya untuk ORCID pada Obj Article Details */
.obj_article_details .orcid a {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.54);
}

/* Gaya untuk Authors pada Obj Article Details */
.obj_article_details .authors li {
  margin-bottom: 1.43rem;
}

/* Gaya untuk Main Entry pada Obj Article Details */
.obj_article_details .main_entry .label {
  display: inline-block;
  padding: 0 0 .357rem;
  border-bottom: 3px solid #ffffff;
  color: rgba(0, 0, 0, 0.54);
  text-transform: uppercase;
}

.obj_article_details .main_entry .doi .label,
.obj_article_details .main_entry .keywords .label {
  display: inline;
  padding: 0;
  border: none;
  text-transform: none;
}

/* Gaya untuk Baris, Main Entry, dan Entry Details pada Obj Article Details */
.obj_article_details .row,
.obj_article_details .main_entry,
.obj_article_details .entry_details {
  border: none;
}

/* Gaya untuk Author Bios pada Obj Article Details */
.obj_article_details .author_bios .sub_item .label {
  border-bottom: none;
  text-transform: none;
}

/* Gaya untuk Entry Details pada Obj Article Details */
.obj_article_details .entry_details {
  margin-left: 0;
  margin-right: 0;
}

.obj_article_details .entry_details .label {
  font-weight: 700;
  text-transform: uppercase;
}

.obj_article_details .entry_details .item {
  margin: 2.143rem 0;
  padding: 0;
  border-bottom: none;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.obj_article_details .entry_details .item .label + .value {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.obj_article_details .entry_details .sub_item {
  padding: 0;
  margin-bottom: 0;
}

.obj_article_details .entry_details .sub_item:last-child {
  margin-bottom: 0;
}

.obj_article_details .entry_details .sub_item .label {
  color: rgba(0, 0, 0, 0.54);
}

.obj_article_details .entry_details .item > .label,
.obj_article_details .entry_details .sub_item:first-child > .label {
  padding: 0.5em 1.43rem;
  background: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.obj_article_details .entry_details .item > .value,
.obj_article_details .entry_details .sub_item .value {
  padding: 1.43rem;
  border-radius: 3px;
}

.obj_article_details .entry_details .sub_item:not(:first-child) .label {
  display: inline-block;
  padding: 0.5em 0;
  margin: 0 1.43rem;
  border-bottom: 3px solid #ffffff;
}

.obj_article_details .entry_details .cover_image {
  background: transparent;
  box-shadow: none;
}

.obj_article_details .entry_details .cover_image img {
  display: block;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
}

.obj_article_details .entry_details .item.galleys {
  box-shadow: none;
}

.obj_article_details .entry_details .item.galleys .galleys_links {
  padding: 0;
}

.obj_article_details .entry_details .galleys_links > li {
  display: block;
  margin-bottom: 0.5em;
}

.obj_article_details .entry_details .galleys_links > li:last-child {
  margin-bottom: 0;
}

.obj_article_details .entry_details .galleys_links > li a {
  display: block;
}

.obj_article_details .entry_details .citation_display {
  margin-bottom: 0;
}

.obj_article_details .entry_details .item.copyright {
  background: transparent;
  box-shadow: none;
}

@media (min-width: 768px) {
  /* Gaya untuk Layar Lebar pada Entry Details */
  .obj_article_details .entry_details {
    width: 240px;
    margin-left: 30px;
  }
}

@media (min-width: 992px) {
  /* Gaya untuk Layar Lebar pada Navigasi User */
  body[dir="rtl"] .pkp_navigation_user_wrapper,
  body[dir="rtl"] .pkp_navigation_user > li:hover ul {
    right: auto;
    left: 0;
  }

  /* Gaya untuk Layar Lebar pada Sidebar */
  body[dir="rtl"] .pkp_structure_sidebar::before {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid #ddd;
  }
}


.pkp_site_name .is_img img {
    display: inline-block;
    max-height: 100px;
    max-width: 100%;
    width: auto;
    height: auto;
}

/* =============================================
   INOMATEC MODERN ENHANCEMENTS
   ============================================= */

/* Smooth scroll & font rendering */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Link transisi halus */
a {
  transition: color 0.15s ease;
}

/* Navigasi utama - highlight aktif lebih jelas */
.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > button {
  transition: color 0.15s ease, border-bottom-color 0.15s ease;
}

/* Article title link hover lebih smooth */
.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus {
  color: #1CA6E1;
  text-decoration: underline;
}

/* Galley link PDF badge lebih menonjol */
.obj_galley_link.pdf {
  background: #fff3e0;
  border-color: #e65100;
  color: #e65100;
}
.obj_galley_link.pdf:hover,
.obj_galley_link.pdf:focus {
  background: linear-gradient(135deg, #e65100 0%, #bf360c 100%);
  border-color: #bf360c;
  color: #fff;
  box-shadow: 0 4px 12px rgba(230, 81, 0, 0.30);
}

/* Transisi artikel summary (hover dihandle oleh override !important di bawah) */
.obj_article_summary {
  transition: background-color 0.18s ease;
}

/* Section heading TOC garis bawah */
.obj_issue_toc > .galleys h2,
.obj_issue_toc .section h2 {
  border-bottom-color: #f0a500 !important;
}

/* Search input lebih modern */
.search_input_wrapper input,
.pkp_navigation_search input[type="search"] {
  border-radius: 20px;
  padding-left: 1em;
  border: 1.5px solid #c8d8e4;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.search_input_wrapper input:focus,
.pkp_navigation_search input[type="search"]:focus {
  border-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(34, 116, 165, 0.15);
  outline: none;
}

/* Footer link warna lebih jelas */
.pkp_structure_footer a:hover {
  color: #f0a500;
}


/* =============================================
   NAVBAR BUTTON OVERRIDE (menimpa minified CSS)
   ============================================= */

/* Reset border-bottom lama dari minified theme */
#navigationPrimary > li > a {
  padding-bottom: 0.35em !important;
  border-bottom-width: 0 !important;
  border-bottom: none !important;
  border: 2px solid transparent !important;
  border-radius: 20px !important;
  margin: 0.4rem 0.25em !important;
  padding: 0.4em 1.15em !important;
  background: linear-gradient(135deg, #ffffff 0%, #eef7f8 100%);
  color: #006064 !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.04em !important;
  transition: all 0.18s ease !important;
  display: inline-block !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  color: #ffffff !important;
  border: 2px solid transparent !important;
  background: linear-gradient(135deg, #f0a500 0%, #d98e00 100%) !important;
  outline: 0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(240, 165, 0, 0.35) !important;
}

/* Dropdown arrow button (About v) */
#navigationPrimary > [aria-haspopup] > a:hover,
#navigationPrimary > [aria-haspopup] > a:focus {
  border-color: transparent !important;
}

/* Dropdown submenu */
@media (min-width: 992px) {
  #navigationPrimary a {
    color: rgba(0, 0, 0, 0.75) !important;
  }
  #navigationPrimary a:hover,
  #navigationPrimary a:focus {
    color: #ffffff !important;
  }
  #navigationPrimary ul {
    background: #006064 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
    overflow: hidden !important;
    margin-top: 4px !important;
  }
  #navigationPrimary ul a {
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0.6em 1.2em !important;
    transition: background 0.15s ease !important;
  }
  #navigationPrimary ul a:hover,
  #navigationPrimary ul a:focus {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border-color: transparent !important;
    transform: none !important;
    box-shadow: none !important;
  }
}


/* =============================================
   INOMATEC - ARTIKEL PAGINATION
   Menampilkan 10 artikel per halaman
   JS-nya paste di: Admin > Settings > Website
   > Appearance > Advanced > Custom JavaScript
   ============================================= */

/* Artikel yang disembunyikan pagination */
.cmp_article_list li.ino-hidden {
  display: none !important;
}

/* Section kosong disembunyikan */
.obj_issue_toc .section.ino-section-hidden {
  display: none !important;
}

/* ── Counter info artikel ── */
#ino-counter {
  font-size: 12.5px;
  color: rgba(0,0,0,0.45);
  margin: 0 0 12px 0;
  padding: 0;
  font-style: italic;
}

/* ── Wrapper pagination ── */
#ino-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 28px 0 20px;
  padding: 0;
}

/* ── Tombol pagination ── */
#ino-pagination button {
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  background: #ffffff;
  border: 1.5px solid #c8d8e4;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #006064;
  cursor: pointer;
  font-family: inherit;
  line-height: 1;
  transition: all 0.18s ease;
  box-shadow: 0 1px 4px rgba(34, 116, 165, 0.08);
}

#ino-pagination button:hover:not(:disabled) {
  background: #006064;
  border-color: #ffffff;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(1, 110, 94, 0.25);
  transform: translateY(-1px);
}

#ino-pagination button.ino-active {
  background: #1CA6E1;
  border-color: #1CA6E1;
  color: #ffffff;
  font-weight: 700;
  cursor: default;
  box-shadow: 0 3px 10px rgba(1, 110, 94, 0.25);
}

#ino-pagination button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  background: #f5f5f5;
  box-shadow: none;
  transform: none;
}

/* ── Ellipsis (titik-titik) ── */
#ino-pagination .ino-dots {
  font-size: 13px;
  color: rgba(0,0,0,0.35);
  padding: 0 4px;
  line-height: 38px;
  user-select: none;
}

/* ── Responsive mobile ── */
@media (max-width: 767px) {
  #ino-pagination {
    gap: 4px;
  }
  #ino-pagination button {
    min-width: 34px;
    height: 34px;
    font-size: 12px;
    padding: 0 8px;
  }
}


/* =============================================
   INOMATEC - STATISTIK ARTIKEL (views & download)
   ============================================= */

.ino_article_stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  font-size: 12.5px;
  color: rgba(0, 0, 0, 0.5);
  font-family: inherit;
}

.ino_stat_item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ino_stat_icon {
  width: 13px;
  height: 13px;
  stroke: #1CA6E1;
  flex-shrink: 0;
  vertical-align: middle;
}

.ino_stat_label {
  color: rgba(0, 0, 0, 0.45);
}

.ino_stat_value {
  font-weight: 600;
  color: #1CA6E1;
  min-width: 16px;
}

.ino_stat_sep {
  color: rgba(0, 0, 0, 0.2);
  padding: 0 2px;
}

/* Loading shimmer saat data belum masuk */
.ino_stat_value.ino_loading {
  display: inline-block;
  width: 28px;
  height: 12px;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: ino_shimmer 1.2s infinite;
  border-radius: 3px;
  vertical-align: middle;
}

@keyframes ino_shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}


/* =============================================
   INOMATEC - FIX HOVER ARTIKEL & HILANGKAN (Author)
   ============================================= */

/* Sembunyikan tulisan "(Author)" / "(Penulis)" di belakang nama penulis.
   Catatan: penghapusan teks dinamis sebaiknya dilakukan via JavaScript
   karena OJS menyisipkannya langsung dalam DOM. */
.obj_article_summary .meta .authors::after,
.obj_article_summary .authors .author::after {
  display: none !important;
}

/* =============================================
   FIX HOVER ARTIKEL
   Menghilangkan box-shadow dan mengganti dengan
   background subtle untuk efek hover yang bersih.
   ============================================= */

.obj_article_summary {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.obj_article_summary:hover,
.obj_article_summary:focus-within {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #f8faf9 !important;
  transition: background-color 0.18s ease !important;
}

/* =============================================
   FIX: Hilangkan jarak putih di atas header
   pada layar >= 1200px.

   Root cause: tema bawaan OJS memberi
   margin-top: 2.143rem (~30px) pada
   .pkp_structure_page khusus di breakpoint
   min-width: 1200px (lihat CSS minified
   bawaan tema). Margin ini membuat seluruh
   halaman (termasuk header teal) turun dari
   tepi atas browser, padahal di bawah 1200px
   margin ini tidak ada sehingga halaman
   nempel ke atas.
   ============================================= */
@media (min-width: 1200px) {
  .pkp_structure_page {
    margin-top: 0 !important;
  }
}

/* =============================================
   FIX: Judul block sidebar (mis. "Menu Utama",
   "Index Jurnal", "Template Jurnal") tidak
   terlihat karena warna teks di-set putih
   (#ffffff) oleh CSS minified bawaan tema,
   sementara background sidebar juga putih.
   Solusi: beri warna teks gelap + aksen
   border orange agar konsisten dengan brand
   jurnal (teal & orange).
   ============================================= */
.pkp_block .title {
  color: #006064 !important;
  border-bottom: 3px solid #f0a500 !important;
}