/* 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;
}

/* Pewarisan berat font untuk elemen bold dan strong */
b, strong {
  font-weight: inherit;
}

/* Mengatur berat font yang lebih kuat untuk elemen strong */
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 */
@keyframes pkp_spin {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}

/* Animasi putar untuk WebKit */
@-webkit-keyframes pkp_spin {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}

/* Animasi putar untuk Firefox */
@-moz-keyframes pkp_spin {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}

/* Animasi putar untuk Opera */
@-o-keyframes pkp_spin {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}


.pkp_button,
.pkp_button_primary,
.pkp_button_offset,
.pkp_button_link {
  display: inline-block;
  padding: 0 .5em;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: .93rem;
  line-height: 2rem;
  font-weight: 700;
  color: #42a1eb ;
  text-decoration: none;
  box-shadow: 0 1px 0 #ddd;
  cursor: pointer;
}


/* 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: #42a1eb ;
  border-color: #42a1eb ;
  outline: 0;
}

/* 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: #42a1eb ;
  border-color: #42a1eb ;
  box-shadow: 0 1px 0 #42a1eb ;
}

/* Mengatur gaya untuk tombol utama (primary) saat dihover dan difokuskan */
.pkp_button_primary:hover,
.pkp_button_primary:focus {
  background: #6298ae;
  color: #fff;
}

/* Mengatur gaya untuk tombol utama (primary) saat dinonaktifkan */
.pkp_button_primary:disabled,
.pkp_button_primary:disabled:hover {
  color: #fff;
  background: #b7c5ca;
  border-color: #b7c5ca;
  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: #fff;
  background: #b7c5ca;
  border-color: #b7c5ca;
  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: #42a1eb ;
  z-index: 3;
}

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

/* Gaya untuk tautan bantuan saat difokuskan */
.pkp_help_link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #42a1eb ;
  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: #42a1eb ;
  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 1em;
  background: #fff;
  border: 1px solid #42a1eb ;
  border-radius: 3px;
  font-size: 0.93rem;
  line-height: calc(2.143rem - 2px);
  color: #42a1eb ;
  text-decoration: none;
}

/* 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: #42a1eb ;
  color: #fff;
}

/* 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: #42a1eb ; /* Warna latar belakang saat dihover atau difokuskan */
  color: #fff; /* Warna teks saat dihover atau difokuskan */
}

/* 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: #ff4040; /* 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 #42a1eb ; /* 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: #42a1eb ; /* 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: #42a1eb ; /* Warna teks tautan umum */
}

/* Mengatur tampilan tautan saat dihover atau difokuskan */
a:hover, a:focus {
  color: #6298ae; /* 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: #191970; /* 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: 0px;
}

/* 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: #42a1eb ;
  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 untuk wrapper pencarian navigasi */
.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: 4.286rem;
  }

  .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;
  }

  .has_site_logo .pkp_head_wrapper {
    padding-top: 2.143rem;
  }
}


/* 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: #42a1eb ;
}

.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
  outline: 0;
  background: #ddd;
  border-color: #42a1eb ;
  color: #42a1eb ;
}

.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.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_primary>li>a:hover {
  color: rgba(0, 0, 0, 0.84);
  outline: 0;
  border-color: rgba(0, 0, 0, 0.84);
}

.pkp_navigation_primary>li>a:focus {
  background: rgba(0, 0, 0, 0.84);
  color: #42a1eb ;
  outline: 0;
}

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

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

.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: transparent;
}

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

.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: #42a1eb ;
}

.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: #42a1eb ;
  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: #42a1eb ;
  outline: 0;
  text-decoration: none;
}

@media (min-width: 992px) and (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: #42a1eb ;
  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: #6298ae;
}

@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: 4.286rem;
    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;
}


.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;
  right: 0;
  width: 2.143rem;
  height: 2.143rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  line-height: 2.143rem;
  text-align: center;
  background: #42a1eb ;
  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: #6298ae;
}

.page_search .submit button:after {
  right: auto;
  left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.page_search .submit button:after {
  right: auto;
  left: 0;
}

.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: #191970;
}

.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: #42a1eb ;
  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: #191970;
  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: #6298ae;
}

.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: #6298ae;
  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: #42a1eb ;
  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: #6298ae;
}

.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: #42a1eb ;
  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: #6298ae;
}

.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.714rem;
  margin-top: 0;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 1.143rem;
  font-weight: 700;
  line-height: 1.43rem;
  color: rgba(0, 0, 0, 0.54);
}

.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 #42a1eb }.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:#42a1eb ;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:#42a1eb }.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:#42a1eb }.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:#42a1eb }.pkp_site_name_wrapper{padding-left:2.143rem;padding-right:2.143rem}.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:#fff;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:#42a1eb }#navigationPrimary>[aria-haspopup]>a:hover,#navigationPrimary>[aria-haspopup]>a:focus{border-color:transparent}#navigationPrimary [aria-expanded="true"]:before{border-bottom-color:#42a1eb }@media (min-width:992px){#navigationPrimary a{color:rgba(0,0,0,0.54)}#navigationPrimary a:hover,#navigationPrimary a:focus{color:#42a1eb }#navigationPrimary ul{background:#42a1eb }#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:#42a1eb }.pkp_navigation_search_wrapper a:hover,.pkp_navigation_search_wrapper a:focus{color:#42a1eb ;border-color:#42a1eb }}.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:#42a1eb }.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 #42a1eb ;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 #42a1eb ;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: #42a1eb ;
  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: #42a1eb ;
  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: #6298ae;
  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 #42a1eb ;
  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: #42a1eb ;
  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 #42a1eb ;
  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 #42a1eb ;
}

.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;
}
Ask