.elementor-398 .elementor-element.elementor-element-2dfa027{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-398 .elementor-element.elementor-element-2dfa027:not(.elementor-motion-effects-element-type-background), .elementor-398 .elementor-element.elementor-element-2dfa027 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F1F2;}.elementor-398 .elementor-element.elementor-element-2dfa027.e-con{--align-self:flex-start;}.elementor-398 .elementor-element.elementor-element-2560d38{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-398 .elementor-element.elementor-element-7813c3a{--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-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-398 .elementor-element.elementor-element-58a4bf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-58a4bf7 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:13.5px;font-weight:700;color:#1A1F1C;}.elementor-398 .elementor-element.elementor-element-1bb3569{--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-398 .elementor-element.elementor-element-7d7f10f .jet-listing-dynamic-field__content{color:#748080;font-size:12px;text-align:left;}.elementor-398 .elementor-element.elementor-element-7d7f10f .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-398 .elementor-element.elementor-element-7d7f10f .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-398 .elementor-element.elementor-element-7d7f10f .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-398 .elementor-element.elementor-element-7d7f10f .jet-listing-dynamic-field.display-multiline{padding:0px 10px 0px 0px;margin:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-7d7f10f .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 10px 0px 0px;margin:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-7d7f10f .jet-listing-dynamic-field.display-multiline, .elementor-398 .elementor-element.elementor-element-7d7f10f .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-398 .elementor-element.elementor-element-87d647a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-87d647a .jet-listing-dynamic-field__content{color:#748080;font-size:12px;text-align:left;}.elementor-398 .elementor-element.elementor-element-87d647a .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-398 .elementor-element.elementor-element-87d647a .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-398 .elementor-element.elementor-element-87d647a .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-398 .elementor-element.elementor-element-87d647a .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 10px;}.elementor-398 .elementor-element.elementor-element-87d647a .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 10px;}.elementor-398 .elementor-element.elementor-element-94971d6.elementor-element{--align-self:flex-start;}.elementor-398 .elementor-element.elementor-element-94971d6 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-398 .elementor-element.elementor-element-94971d6 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-398 .elementor-element.elementor-element-94971d6 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-398 .elementor-element.elementor-element-5a1d386 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-398 .elementor-element.elementor-element-5a1d386{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-93cddf0{--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-398 .elementor-element.elementor-element-a5b3474 .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-398 .elementor-element.elementor-element-a5b3474{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-a5b3474.elementor-element{--align-self:center;}.elementor-398 .elementor-element.elementor-element-a5b3474 .elementor-button-content-wrapper{flex-direction:row;}.elementor-398 .elementor-element.elementor-element-a5b3474 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-398 .elementor-element.elementor-element-93a5e30 .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-398 .elementor-element.elementor-element-93a5e30{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-93a5e30.elementor-element{--align-self:center;}.elementor-398 .elementor-element.elementor-element-93a5e30 .elementor-button-content-wrapper{flex-direction:row;}.elementor-398 .elementor-element.elementor-element-93a5e30 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-398 .elementor-element.elementor-element-112a33c .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-398 .elementor-element.elementor-element-112a33c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-398 .elementor-element.elementor-element-112a33c.elementor-element{--align-self:center;}.elementor-398 .elementor-element.elementor-element-112a33c .elementor-button-content-wrapper{flex-direction:row;}.elementor-398 .elementor-element.elementor-element-112a33c .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-398 .elementor-element.elementor-element-2dfa027{--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-398 .elementor-element.elementor-element-2dfa027.e-con{--align-self:flex-start;}.elementor-398 .elementor-element.elementor-element-2560d38{--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-398 .elementor-element.elementor-element-7813c3a{--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-398 .elementor-element.elementor-element-7813c3a.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-398 .elementor-element.elementor-element-58a4bf7 .elementor-heading-title{font-size:13px;}.elementor-398 .elementor-element.elementor-element-94971d6.elementor-element{--align-self:flex-start;}.elementor-398 .elementor-element.elementor-element-94971d6 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-398 .elementor-element.elementor-element-94971d6 .jet-listing-dynamic-field__content{text-align:left;}.elementor-398 .elementor-element.elementor-element-93cddf0{--gap:4px 4px;--row-gap:4px;--column-gap:4px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-398 .elementor-element.elementor-element-a5b3474 .elementor-button{font-size:11px;}.elementor-398 .elementor-element.elementor-element-93a5e30 .elementor-button{font-size:11px;}.elementor-398 .elementor-element.elementor-element-112a33c .elementor-button{font-size:11px;}}/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-94971d6 *//* ═══════════════════════════════════════════════
   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 jet-listing-grid, class: .elementor-element-5a1d386 */.mini-avatar-wrap .jet-listing-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.mini-avatar-wrap .jet-listing-grid__item {
  width: 28px !important;
  flex: 0 0 28px !important;
  margin-left: -8px !important;
}

.mini-avatar-wrap .jet-listing-grid__item:first-child {
  margin-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a5b3474 *//* ═══════════════════════════════════════════════
   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-93a5e30 *//* ═══════════════════════════════════════════════
   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-112a33c *//* ═══════════════════════════════════════════════
   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 */