.elementor-278 .elementor-element.elementor-element-e1900dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-278 .elementor-element.elementor-element-e1900dc:not(.elementor-motion-effects-element-type-background), .elementor-278 .elementor-element.elementor-element-e1900dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F1F2;}.elementor-278 .elementor-element.elementor-element-272ed10{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-278 .elementor-element.elementor-element-e35e3a9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-278 .elementor-element.elementor-element-1275763 .elementor-icon-wrapper{text-align:center;}.elementor-278 .elementor-element.elementor-element-1275763.elementor-view-stacked .elementor-icon{background-color:#085041;}.elementor-278 .elementor-element.elementor-element-1275763.elementor-view-framed .elementor-icon, .elementor-278 .elementor-element.elementor-element-1275763.elementor-view-default .elementor-icon{color:#085041;border-color:#085041;}.elementor-278 .elementor-element.elementor-element-1275763.elementor-view-framed .elementor-icon, .elementor-278 .elementor-element.elementor-element-1275763.elementor-view-default .elementor-icon svg{fill:#085041;}.elementor-278 .elementor-element.elementor-element-1275763 .elementor-icon{font-size:100%;}.elementor-278 .elementor-element.elementor-element-1275763 .elementor-icon svg{height:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-278 .elementor-element.elementor-element-3a884f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-3a884f3 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:13.5px;font-weight:700;color:#1A1F1C;}.elementor-278 .elementor-element.elementor-element-ed0e82a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-278 .elementor-element.elementor-element-a6ec02e .jet-listing-dynamic-field__content{color:#748080;font-size:12px;text-align:left;}.elementor-278 .elementor-element.elementor-element-a6ec02e .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-278 .elementor-element.elementor-element-a6ec02e .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-278 .elementor-element.elementor-element-a6ec02e .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-278 .elementor-element.elementor-element-a6ec02e .jet-listing-dynamic-field.display-multiline{padding:0px 10px 0px 0px;margin:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-a6ec02e .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 10px 0px 0px;margin:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-a6ec02e .jet-listing-dynamic-field.display-multiline, .elementor-278 .elementor-element.elementor-element-a6ec02e .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{border-style:solid;border-width:0px 1px 0px 0px;border-color:#BDB0B0;}.elementor-278 .elementor-element.elementor-element-23e9429{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-23e9429 .jet-listing-dynamic-field__content{color:#748080;font-size:12px;text-align:left;}.elementor-278 .elementor-element.elementor-element-23e9429 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-278 .elementor-element.elementor-element-23e9429 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-278 .elementor-element.elementor-element-23e9429 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-278 .elementor-element.elementor-element-23e9429 .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-23e9429 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-00ca184 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-278 .elementor-element.elementor-element-00ca184 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-278 .elementor-element.elementor-element-00ca184 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-278 .elementor-element.elementor-element-00ca184 .jet-listing-dynamic-field__content{text-align:left;}.elementor-278 .elementor-element.elementor-element-efb1ab5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-278 .elementor-element.elementor-element-259f3a3 .elementor-button{background-color:#E1F5EE;font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;fill:#070707;color:#070707;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5DCAA5;padding:5px 25px 5px 25px;}.elementor-278 .elementor-element.elementor-element-259f3a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-259f3a3.elementor-element{--align-self:center;}.elementor-278 .elementor-element.elementor-element-259f3a3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-278 .elementor-element.elementor-element-259f3a3 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-278 .elementor-element.elementor-element-acd2612 .elementor-button{background-color:#E1F5EE;font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;fill:#070707;color:#070707;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5DCAA5;padding:5px 25px 5px 25px;}.elementor-278 .elementor-element.elementor-element-acd2612{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-acd2612.elementor-element{--align-self:center;}.elementor-278 .elementor-element.elementor-element-acd2612 .elementor-button-content-wrapper{flex-direction:row;}.elementor-278 .elementor-element.elementor-element-acd2612 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-278 .elementor-element.elementor-element-faf8166 .elementor-button{background-color:#E1F5EE;font-family:"Plus Jakarta Sans", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;fill:#070707;color:#070707;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5DCAA5;padding:5px 25px 5px 25px;}.elementor-278 .elementor-element.elementor-element-faf8166{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-faf8166.elementor-element{--align-self:center;}.elementor-278 .elementor-element.elementor-element-faf8166 .elementor-button-content-wrapper{flex-direction:row;}.elementor-278 .elementor-element.elementor-element-faf8166 .elementor-button .elementor-button-content-wrapper{gap:6px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-278 .elementor-element.elementor-element-e1900dc{--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-278 .elementor-element.elementor-element-e1900dc.e-con{--align-self:flex-start;}.elementor-278 .elementor-element.elementor-element-272ed10{--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-278 .elementor-element.elementor-element-e35e3a9{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--align-content:flex-start;}.elementor-278 .elementor-element.elementor-element-e35e3a9.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-278 .elementor-element.elementor-element-3a884f3 .elementor-heading-title{font-size:26px;}.elementor-278 .elementor-element.elementor-element-efb1ab5{--gap:4px 4px;--row-gap:4px;--column-gap:4px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-278 .elementor-element.elementor-element-259f3a3 .elementor-button{font-size:11px;}.elementor-278 .elementor-element.elementor-element-acd2612 .elementor-button{font-size:11px;}.elementor-278 .elementor-element.elementor-element-faf8166 .elementor-button{font-size:11px;}}/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-00ca184 *//* ═══════════════════════════════════════════════
   DYNAMIC FIELD BADGE — untuk Elementor + JetEngine
   Tempel di: Site Settings > Custom CSS (global)
   atau Appearance > Customize > Additional CSS

   Cara pakai di JetEngine Dynamic Field widget:
   1. Aktifkan "Customize field output"
   2. Field Format, isi:
      <span class="quartile quartile-%s">%s</span>
   3. Class otomatis berubah sesuai value field
      (misal: quartile-scopus-q1, quartile-sinta-1, dst)

   PENTING: value field di JetEngine harus pakai
   format slug (huruf kecil, spasi jadi tanda hubung):
   scopus-q1, scopus-q2, scopus-q3, scopus-q4,
   sinta-1, sinta-2, sinta-3, sinta-4, sinta-5, sinta-6,
   prosiding
═══════════════════════════════════════════════ */

/* Base badge style + DEFAULT (fallback jika value tidak cocok) */
.quartile {
  display: inline-flex;
  align-items: center;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 6px;
  line-height: 1.6;
  white-space: nowrap;
  background: #EDEDED;
  color: #5A5A5A;
}

/* ── Scopus (hijau, makin gelap untuk Q yang lebih tinggi) ── */

.quartile-scopus-q1 {
  background: #085041;
  color: #FFFFFF;
}

.quartile-scopus-q2 {
  background: #0F6E56;
  color: #FFFFFF;
}

.quartile-scopus-q3 {
  background: #E1F5EE;
  color: #085041;
}

.quartile-scopus-q4 {
  background: #F4F8F6;
  color: #4C8472;
  border: 1px solid #C5E9D8;
}

/* ── Sinta (biru, makin terang untuk peringkat lebih rendah) ── */

.quartile-sinta-1 {
  background: #0C447C;
  color: #FFFFFF;
}

.quartile-sinta-2 {
  background: #2D6FBB;
  color: #FFFFFF;
}

.quartile-sinta-3 {
  background: #EBF2FD;
  color: #0C447C;
}

.quartile-sinta-4 {
  background: #F2F7FD;
  color: #5380AE;
  border: 1px solid #C9DEF5;
}

.quartile-sinta-5 {
  background: #F7FAFE;
  color: #7095BD;
  border: 1px solid #DCE9FA;
}

.quartile-sinta-6 {
  background: #FAFCFE;
  color: #8FA9C6;
  border: 1px solid #E6EFFB;
}

/* ── Prosiding (amber) ── */

.quartile-prosiding {
  background: #FAEEDA;
  color: #633806;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-259f3a3 *//* ═══════════════════════════════════════════════
   TOMBOL PUBLIKASI (DOI / PDF / BibTeX) — Elementor
   Tempel di: Site Settings > Custom CSS (global)
   atau Appearance > Customize > Additional CSS

   Cara pakai: tambahkan class "tombol" di CSS Classes
   widget Button/Link Elementor.
═══════════════════════════════════════════════ */

.tombol {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #D8E2DE;
  color: #3D4441;
  background: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s, border-color .15s, color .15s;
}

.tombol:hover {
  background: #E1F5EE;
  border-color: #5DCAA5;
  color: #0F6E56;
}

.tombol i {
  font-size: 11px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-acd2612 *//* ═══════════════════════════════════════════════
   TOMBOL PUBLIKASI (DOI / PDF / BibTeX) — Elementor
   Tempel di: Site Settings > Custom CSS (global)
   atau Appearance > Customize > Additional CSS

   Cara pakai: tambahkan class "tombol" di CSS Classes
   widget Button/Link Elementor.
═══════════════════════════════════════════════ */

.tombol {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #D8E2DE;
  color: #3D4441;
  background: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s, border-color .15s, color .15s;
}

.tombol:hover {
  background: #E1F5EE;
  border-color: #5DCAA5;
  color: #0F6E56;
}

.tombol i {
  font-size: 11px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-faf8166 *//* ═══════════════════════════════════════════════
   TOMBOL PUBLIKASI (DOI / PDF / BibTeX) — Elementor
   Tempel di: Site Settings > Custom CSS (global)
   atau Appearance > Customize > Additional CSS

   Cara pakai: tambahkan class "tombol" di CSS Classes
   widget Button/Link Elementor.
═══════════════════════════════════════════════ */

.tombol {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #D8E2DE;
  color: #3D4441;
  background: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s, border-color .15s, color .15s;
}

.tombol:hover {
  background: #E1F5EE;
  border-color: #5DCAA5;
  color: #0F6E56;
}

.tombol i {
  font-size: 11px;
}/* End custom CSS */